From 13b17b3b40b9469c5c6a8bde3557b2c5b034a43e Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Wed, 11 Jan 2023 18:29:11 +0000
Subject: [PATCH 01/19] add tooling section to doc website

---
 .changeset/rich-toes-grin.md                  |   5 +
 polaris.shopify.com/content/tooling/index.md  |   6 +
 .../content/tooling/stylelint-polaris.md      | 652 ++++++++++++++++++
 polaris.shopify.com/package.json              |   2 +
 polaris.shopify.com/pages/[...slug].tsx       |   1 +
 polaris.shopify.com/pages/tooling.tsx         |  13 +
 .../src/components/Code/Code.tsx              |  38 +-
 .../FoundationsThumbnail.module.scss          |   4 +
 .../src/components/Markdown/Markdown.tsx      |   6 +-
 polaris.shopify.com/src/styles/globals.scss   |  19 +
 yarn.lock                                     |  69 ++
 11 files changed, 796 insertions(+), 19 deletions(-)
 create mode 100644 .changeset/rich-toes-grin.md
 create mode 100644 polaris.shopify.com/content/tooling/index.md
 create mode 100644 polaris.shopify.com/content/tooling/stylelint-polaris.md
 create mode 100644 polaris.shopify.com/pages/tooling.tsx

diff --git a/.changeset/rich-toes-grin.md b/.changeset/rich-toes-grin.md
new file mode 100644
index 00000000000..e9367ac115a
--- /dev/null
+++ b/.changeset/rich-toes-grin.md
@@ -0,0 +1,5 @@
+---
+'polaris.shopify.com': minor
+---
+
+Add tooling section to document tools help build and maintain Polaris in consuming applications.
diff --git a/polaris.shopify.com/content/tooling/index.md b/polaris.shopify.com/content/tooling/index.md
new file mode 100644
index 00000000000..3a260a3cfe3
--- /dev/null
+++ b/polaris.shopify.com/content/tooling/index.md
@@ -0,0 +1,6 @@
+---
+title: Tooling
+description: Extensions, plugins, and other tools to help build and maintain Polaris within the Admin.
+icon: ToolsMajor
+order: 9
+---
diff --git a/polaris.shopify.com/content/tooling/stylelint-polaris.md b/polaris.shopify.com/content/tooling/stylelint-polaris.md
new file mode 100644
index 00000000000..545e7f2db09
--- /dev/null
+++ b/polaris.shopify.com/content/tooling/stylelint-polaris.md
@@ -0,0 +1,652 @@
+---
+title: Stylelint Polaris
+description: A configuration of Stylelint rules that promote adoption and track coverage of the Polaris design system in consuming apps.
+icon: WandMajor
+keywords:
+  - stylelint
+  - dev tools
+  - tools
+  - development
+  - plugin
+---
+
+## Installation
+
+```sh
+yarn -D @shopify/stylelint-polaris stylelint
+```
+
+> Note: `stylelint-polaris` requires a peer dependency of `stylelint@>=14.15.0`
+
+[Source code](https://github.com/Shopify/polaris/tree/main/stylelint-polaris)
+
+## Usage
+
+Extend `@shopify/stylelint-polaris` in your [Stylelint config](https://stylelint.io/user-guide/configure/). Example in `package.json`
+
+```json
+{
+  "stylelint": {
+    "extends": ["@shopify/stylelint-polaris"]
+  }
+}
+```
+
+> IMPORTANT: `@shopify/stylelint-polaris` must be added to the end of the `extends` array
+
+### Run the linter
+
+```sh
+npx stylelint '**/*.{css,scss}'
+```
+
+### Run the linter and autofix failures
+
+```sh
+npx stylelint --fix '**/*.{css,scss}'
+```
+
+### Ignoring existing failures
+
+Enabling the linter could result in a large amount of warnings and errors in existing codebases. It is important to fix as many failures upfront as possible, but that shouldn't block the linter from being added. The [styles-insert-stylelint-disable](https://github.com/Shopify/polaris/tree/main/polaris-migrator#v10) migration inserts [ignore comments](https://stylelint.io/user-guide/ignore-code/) so that enabling `stylelint-polaris` can be unblocked.
+
+The migration will insert comments as follows:
+
+```diff
++ // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
+padding: 1rem;
+```
+
+Run the following command substituting `<path>` with a glob pattern of files to run against:
+
+```sh
+npx @shopify/polaris-migrator styles-insert-stylelint-disable <path>
+```
+
+## Development
+
+### Add new rules
+
+1. Navigate to the root [`stylelint-polaris` config](index.js)
+1. Locate the `stylelint-polaris/coverage` options
+1. Identify the appropriate category for the new rule
+1. Insert the rule using standard Stylelint [rule configurations](https://stylelint.io/user-guide/configure#rules)
+1. Add documentation for the rule with examples of code that will be reported as a problem and code that will fix the problem
+1. The title should be the category + the stylelint rule name, for example `### colors/color-named`
+
+```js
+module.exports = {
+  rules: {
+    'polaris/coverage': {
+      colors: {...}, // Standard Stylelint rules config
+      layout: {...}, // Standard Stylelint rules config
+      motion: {
+        'new-rule': 'new-rule-options',
+      },
+    },
+  },
+};
+```
+
+### Build custom rules
+
+1. Refer to the [Writing plugins](https://stylelint.io/developer-guide/plugins) guide of the Stylelint documentation
+1. Create your rule in the [plugins](plugins) directory
+1. Validate your plugin with [tests](https://github.com/stylelint/jest-preset-stylelint#usage) (reference sibling plugins for examples)
+1. Refer to the [Add new rules](#add-new-rules) section to add your custom rule to the `stylelint-polaris` config
+
+### Add custom messages
+
+Custom messages are surfaced in the command line, CI, and supported editors along side the default `stylelint` rule messages. They are added to the root level config and aim to provide more insight on how to resolve rule violations.
+
+In a majority of cases, the default rule messages are clear and concise. However, they don't always guide developers to a desired outcome. Thus, there are two mechanisms we suggest for improving and providing custom rule messages:
+
+Set a generic custom message on the `message` property of the secondary options of a given `stylelint-polaris/coverage` category. This message is appended to the default rule message and we expect will cover most cases.
+
+```js
+module.exports = {
+  rules: {
+    'polaris/coverage': {
+      colors: [
+        {
+          'color-named': 'never'
+          'color-no-hex': true,
+        },
+        {message: 'Please use a Polaris color token: https://polaris.shopify.com/tokens/colors'},
+      ],
+    },
+  },
+}
+```
+
+Example failure message:
+
+```diff
+- Unexpected named color "red" (color-named)
++ Unexpected named color "red" (color-named) Please use a Polaris color token
+```
+
+Set a custom message on the `message` property in the [Stylelint rule config's secondary options](https://stylelint.io/user-guide/configure/#message) if supported. This message is appended to the default rule message instead of the generic category message when provided.
+
+```js
+module.exports = {
+  rules: {
+    'polaris/coverage': {
+      layout: [
+        {
+          'property-disallowed-list': [
+            ['position'],
+            {message: 'Please use the Polaris "Sticky" component'},
+          ],
+        },
+        {message: 'Please use a Polaris layout component'},
+      ],
+    },
+  },
+};
+```
+
+Example failure message:
+
+```diff
+- Unexpected value "sticky" for property "position" (declaration-property-value-disallowed-list) Please use a Polaris layout component
++ Unexpected value "sticky" for property "position" (declaration-property-value-disallowed-list) Please use the Polaris "Sticky" component
+```
+
+### Tophat `stylelint-polaris` updates in `polaris-react`
+
+> Open your terminal to the root of the `polaris` monorepo:
+
+1. Install and symlink dependencies
+
+```sh
+yarn install
+```
+
+2. Build `@shopify/polaris` dependencies, but not `@shopify/polaris` itself
+
+```sh
+yarn build -- --filter=@shopify/polaris^...
+```
+
+> Note: Remove the `^` character if you do want to build `@shopify/polaris`
+
+3. Run `stylelint` in `polaris-react`
+
+All files
+
+```sh
+yarn turbo run lint:styles --filter=@shopify/polaris
+```
+
+Specific file
+
+```sh
+yarn run stylelint path/to/component.scss
+
+// yarn run stylelint polaris-react/src/components/TopBar/TopBar.scss
+```
+
+## Rules
+
+[Conventions](#conventions) |
+[Colors](#colors) |
+[Motion](#motion) |
+[Typography](#typography) |
+[Shape](#shape) |
+[Spacing](#shape) |
+[Depth](#depth) |
+[Media queries](#media-queries) |
+[Z-index](#z-index) |
+[Layout](#layout) |
+[Legacy](#legacy)
+
+### Conventions
+
+#### conventions/custom-property-allowed-list
+
+Allows definition of custom properties not prefixed with `--p-`, `--pc-`, or `--polaris-version-`.
+
+```diff
+root: {
+// Don't
+- --p-animation-name-drag-handle-pulse: osui_drag-handle-pulse;
+// Do
++ --osui_animation-name-drag-handle-pulse: osui_drag-handle-pulse;
+};
+```
+
+Flags declaration property values using `--p-*` that are not valid Polaris tokens.
+
+```diff
+// Don't
+- font-size: var(--p-fontsize-200);
+// Do
++ font-size: var(--p-font-size-200);
+```
+
+Flags declaration property values using private `--pc-*` tokens.
+
+The following token value is considered a problem:
+
+```diff
+// Don't
+- background: var(--pc-button-color-depressed);
+// Do
++ background: var(--p-action-secondary-depressed);
+```
+
+### Colors
+
+#### colors/color-named
+
+```diff
+// Don't
+- color: black;
+- fill: dimgray;
+// Do
++ color: var(--p-text);
++ fill: var(--p-icon)
+```
+
+#### colors/color-no-hex
+
+```diff
+// Don't
+- color: #202223;
+- fill: #5c5f62;
+// Do
++ color: var(--p-text);
++ fill: var(--p-icon)
+```
+
+#### colors/declaration-property-value-disallowed-list
+
+```diff
+// Don't
+- background: black;
+- opacity: 0.15;
+// Do
++ background: var(--p-hint-from-direct-light);
+```
+
+#### colors/function-disallowed-list
+
+```diff
+// Don't
+- color: rgb(140, 145, 150);
+- background: color('hover');
+// Do
++ color: var(--p-text-disabled);
++ background: var(--p-action-secondary-hovered-dark);
+```
+
+#### colors/at-rule-disallowed-list
+
+```diff
+// Don't
+- fill: recolor-icon(--p-text-subdued);
+// Do
++ fill: var(--p-icon-subdued);
+```
+
+#### colors/global-disallowed-list
+
+Disallows use of legacy custom properties.
+
+```diff
+// Don't
+- border: var(--p-override-transparent);
+// Do
++ border: transparent;
+```
+
+Disallows use of legacy mixin map data.
+
+```diff
+- @type map $filter-palette-data: $polaris-color-filters;
+```
+
+### Motion
+
+#### motion/function-disallowed-list
+
+```diff
+
+```
+
+#### motion/declaration-property-unit-disallowed-list
+
+```diff
+// Don't
+- transition-duration: 200ms;
+// Do
++ transition-duration: var(--p-duration-200);
+```
+
+#### motion/at-rule-disallowed-list
+
+```diff
+
+```
+
+#### motion/global-disallowed-list
+
+```diff
+
+```
+
+### Typography
+
+#### typography/declaration-property-value-disallowed-list
+
+```diff
+
+```
+
+#### typography/declaration-property-unit-disallowed-list
+
+```diff
+// Don't
+- font-size: 12px;
+- line-height: 1.5rem
+// Do
++ font-size: var(--p-font-size-75);
++ line-height: var(--p-font-line-height-3);
+```
+
+#### typography/function-disallowed-list
+
+```diff
+
+```
+
+#### typography/at-rule-disallowed-list
+
+```diff
+
+```
+
+#### typography/property-disallowed-list
+
+```diff
+
+```
+
+### Shape
+
+#### shape/declaration-property-value-disallowed-list
+
+```diff
+
+```
+
+#### shape/declaration-property-unit-disallowed-list
+
+```diff
+// Don't
+- border-width: 2px;
+- border-radius: 0.5rem;
+// Do
++ border-width: var(--p-border-width-2);
++ border-radius: var(--p-border-radius-2);
+```
+
+#### shape/function-disallowed-list
+
+```diff
+
+```
+
+#### shape/at-rule-disallowed-list
+
+```diff
+
+```
+
+#### shape/property-disallowed-list
+
+```diff
+
+```
+
+### Spacing
+
+#### spacing/declaration-property-value-disallowed-list
+
+```diff
+
+```
+
+#### spacing/declaration-property-unit-disallowed-list
+
+```diff
+// Don't
+- gap: 2px;
+- margin: 12px  0;
+// Do
++ gap: var(--p-space-05);
++ margin: var(--p-space-3) 0;
+```
+
+#### spacing/function-disallowed-list
+
+```diff
+
+```
+
+#### spacing/at-rule-disallowed-list
+
+```diff
+
+```
+
+#### spacing/property-disallowed-list
+
+```diff
+
+```
+
+### Depth
+
+#### depth/declaration-property-unit-disallowed-list
+
+Try to use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) before creating your own custom styles.
+
+```diff
+// Don't
+- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
+// Do
++ box-shadow: var(--p-shadow-card);
+```
+
+#### depth/function-disallowed-list
+
+Try to use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) before creating your own custom styles.
+
+```diff
+// Don't
+- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
+// Do
++ box-shadow: var(--p-shadow-base);
+```
+
+#### depth/global-disallowed-list
+
+Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- box-shadow: var(--p-card-shadow);
+// Do
++ box-shadow: var(--p-shadow-card);
+```
+
+#### depth/property-disallowed-list
+
+Instead of using properties like `text-shadow`, make sure the text has proper contrast with the background so that it is readable without a shadow.
+
+```diff
+// Don't
+- text-shadow: 2px 2px #ff0000;
+```
+
+### Media queries
+
+#### media-queries/function-disallowed-list
+
+Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- @include breakpoint-after(layout-width(page-with-nav)) {}
+// Do
++ @media (min-width: var(--p-breakpoints-md)) {}
+```
+
+#### media-queries/media-queries-allowed-list
+
+Try to use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) before creating your own custom styles.
+
+```diff
+// Don't
+- @include @media #{$my-var} {}
+// Do
++ @include @media #{$p-breakpoints-sm-up} {}
+```
+
+#### media-queries/at-rule-disallowed-list
+
+Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- @include breakpoint-before(layout-width(page-with-nav)) {}
+// Do
++ @media (max-width: var(--p-breakpoints-md)) {}
+```
+
+### Z-Index
+
+#### z-index/declaration-property-value-allowed-list
+
+Try to use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) before creating your own custom styles.
+
+```diff
+// Don't
+- z-index: 1;
+// Do
++ z-index: var(--p-z-1);
+```
+
+#### z-index/function-disallowed-list
+
+Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- z-index: z-index(content);
+// Do
++ z-index: var(--p-z-1);
+```
+
+#### z-index/global-disallowed-list
+
+Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- z-index(toast, $fixed-element-stacking-order);
+// Do
++ z-index: var(--p-z-1);
+```
+
+### Layout
+
+#### layout/declaration-property-value-disallowed-list
+
+There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
+
+```diff
+// Don't
+- width: 100%;
+// Do
++ <Stack />
+```
+
+#### layout/function-disallowed-list
+
+Use hard coded pixel or rem values for `width` and `height` instead of legacy mixins/variables or spacing tokens.
+
+```diff
+// Don't
+- height: top-bar-height();
+// Do
++ height: 56px;
+```
+
+#### layout/at-rule-disallowed-list
+
+Instead of using a legacy mixin, try and use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. If what you need isn't possible, either use the mixin's contents or consider contributing to an existing Polaris component.
+
+```diff
+// Don't
+- @include print-hidden;
+// Do
++ @media print {
++   display: none;
++ }
+```
+
+#### layout/property-disallowed-list
+
+There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
+
+```diff
+// Don't
+- display: grid;
+// Do
++ <Columns />
+```
+
+#### layout/global-disallowed-list
+
+If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
+
+```diff
+// Don't
+- height: var(--p-choice-size);
+// Do
++ <Checkbox />
+```
+
+### Legacy
+
+#### legacy/at-rule-disallowed-list
+
+If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
+
+```diff
+// Don't
+- @include unstyled-button;
+// Do
++ <UnstyledButton />
+```
+
+#### legacy/function-disallowed-list
+
+```diff
+// Don't
+- @include available-names
+```
+
+#### legacy/global-disallowed-list
+
+Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwise use hard coded pixel or rem values instead of legacy mixins/variables.
+
+```diff
+// Don't
+- left: -1 * $timeline-border-width;
+// Do
++ left: calc(-1 * var(--p-space-1));
+```
diff --git a/polaris.shopify.com/package.json b/polaris.shopify.com/package.json
index cc9208c1037..5448e4c0d67 100644
--- a/polaris.shopify.com/package.json
+++ b/polaris.shopify.com/package.json
@@ -24,6 +24,7 @@
     "@shopify/polaris": "^10.21.0",
     "@shopify/polaris-icons": "^6.7.0",
     "@shopify/polaris-tokens": "^6.3.0",
+    "@types/react-syntax-highlighter": "^15.5.6",
     "codesandbox": "^2.2.3",
     "framer-motion": "^6.5.1",
     "fuse.js": "^6.5.3",
@@ -35,6 +36,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-markdown": "^8.0.2",
+    "react-syntax-highlighter": "^15.5.0",
     "remark-gfm": "^3.0.1",
     "use-dark-mode": "^2.3.1"
   },
diff --git a/polaris.shopify.com/pages/[...slug].tsx b/polaris.shopify.com/pages/[...slug].tsx
index 898abf5adce..0eb4497d11f 100644
--- a/polaris.shopify.com/pages/[...slug].tsx
+++ b/polaris.shopify.com/pages/[...slug].tsx
@@ -77,6 +77,7 @@ const catchAllTemplateExcludeList = [
   '/design',
   '/content',
   '/patterns',
+  '/tooling',
   '/tokens',
   '/sandbox',
 ];
diff --git a/polaris.shopify.com/pages/tooling.tsx b/polaris.shopify.com/pages/tooling.tsx
new file mode 100644
index 00000000000..5d2942545bc
--- /dev/null
+++ b/polaris.shopify.com/pages/tooling.tsx
@@ -0,0 +1,13 @@
+import FoundationsPage from '../src/components/FoundationsPage';
+import {FoundationsProps} from '../src/components/FoundationsPage/FoundationsPage';
+import {getStaticPropsForFoundations} from '../src/utils/foundations';
+
+const SECTION = 'tooling';
+
+const FoundationsCategory = (props: FoundationsProps) => (
+  <FoundationsPage {...props} />
+);
+
+export const getStaticProps = getStaticPropsForFoundations(SECTION);
+
+export default FoundationsCategory;
diff --git a/polaris.shopify.com/src/components/Code/Code.tsx b/polaris.shopify.com/src/components/Code/Code.tsx
index c817bace78b..8214a45be1d 100644
--- a/polaris.shopify.com/src/components/Code/Code.tsx
+++ b/polaris.shopify.com/src/components/Code/Code.tsx
@@ -1,7 +1,7 @@
 import {ClipboardMinor} from '@shopify/polaris-icons';
 import {Tab} from '@headlessui/react';
 import {useState} from 'react';
-import Prism from 'prismjs';
+import {Prism as SyntaxHighlighter} from 'react-syntax-highlighter';
 
 import {useCopyToClipboard} from '../../utils/hooks';
 import Icon from '../Icon';
@@ -13,10 +13,12 @@ interface Props {
     | {
         title: string;
         code: string;
+        className?: string;
       }
     | {
         title: string;
         code: string;
+        className?: string;
       }[];
 }
 
@@ -41,9 +43,9 @@ function Code({code}: Props) {
           </div>
 
           <Tab.Panels>
-            {code.map(({title, code}) => (
+            {code.map(({title, code, className}) => (
               <Tab.Panel key={title}>
-                <HighlightedCode code={code} />
+                <HighlightedCode code={code} className={className} />
               </Tab.Panel>
             ))}
           </Tab.Panels>
@@ -56,27 +58,29 @@ function Code({code}: Props) {
             </div>
             <CopyButton code={code.code} />
           </div>
-          <HighlightedCode code={code.code} />
+          <HighlightedCode code={code.code} className={code.className} />
         </>
       )}
     </div>
   );
 }
 
-function HighlightedCode({code}: {code: string}) {
+function HighlightedCode({
+  code,
+  className,
+}: {
+  code: string;
+  className?: string;
+}) {
+  const match = /language-(\w+)/.exec(className || '');
   return (
-    <pre>
-      <code
-        className={styles.ActualCode}
-        dangerouslySetInnerHTML={{
-          __html: Prism.highlight(
-            code,
-            Prism.languages.javascript,
-            'javascript',
-          ),
-        }}
-      ></code>
-    </pre>
+    <SyntaxHighlighter
+      children={String(code).replace(/\n$/, '')}
+      language={match?.at(1) || 'javascript'}
+      codeTagProps={{className: styles.ActualCode}}
+      useInlineStyles={false}
+      wrapLongLines
+    />
   );
 }
 
diff --git a/polaris.shopify.com/src/components/FoundationsThumbnail/FoundationsThumbnail.module.scss b/polaris.shopify.com/src/components/FoundationsThumbnail/FoundationsThumbnail.module.scss
index 0b39c1366fe..5c56ca2b8c6 100644
--- a/polaris.shopify.com/src/components/FoundationsThumbnail/FoundationsThumbnail.module.scss
+++ b/polaris.shopify.com/src/components/FoundationsThumbnail/FoundationsThumbnail.module.scss
@@ -25,4 +25,8 @@
   &[data-category='patterns'] {
     background: var(--decorative-3);
   }
+
+  &[data-category='tooling'] {
+    background: var(--decorative-4);
+  }
 }
diff --git a/polaris.shopify.com/src/components/Markdown/Markdown.tsx b/polaris.shopify.com/src/components/Markdown/Markdown.tsx
index 659a1e65c58..4c67ae13209 100644
--- a/polaris.shopify.com/src/components/Markdown/Markdown.tsx
+++ b/polaris.shopify.com/src/components/Markdown/Markdown.tsx
@@ -32,11 +32,13 @@ function Markdown({text}: Props) {
             return <h3>{children}</h3>;
           }
         },
-        code: ({inline, children}) =>
+        code: ({inline, children, className}) =>
           inline ? (
             <code>{children}</code>
           ) : (
-            <Code code={{title: 'Example', code: children.toString()}} />
+            <Code
+              code={{className, title: 'Example', code: children.toString()}}
+            />
           ),
         table: ({children}) => (
           <div className="table-wrapper">
diff --git a/polaris.shopify.com/src/styles/globals.scss b/polaris.shopify.com/src/styles/globals.scss
index 486dc5230b2..dcc4e8b18b0 100644
--- a/polaris.shopify.com/src/styles/globals.scss
+++ b/polaris.shopify.com/src/styles/globals.scss
@@ -161,6 +161,17 @@ html {
     .comment {
       color: var(--code-comment);
     }
+    .inserted {
+      background: var(--code-inserted-highlight);
+      color: var(--code-inserted);
+    }
+    .deleted {
+      background: var(--code-deleted-highlight);
+      color: var(--code-deleted);
+    }
+    .prefix {
+      font-weight: 900;
+    }
   }
 }
 
@@ -212,6 +223,10 @@ body,
   --code-property: var(--code-keyword);
   --code-selector: var(--code-keyword);
   --code-comment: #3d2fe8;
+  --code-inserted: var(--code-keyword);
+  --code-deleted: var(--code-boolean);
+  --code-inserted-highlight: #e5ffef;
+  --code-deleted-highlight: #fff3f8;
 }
 
 .dark-mode {
@@ -245,6 +260,10 @@ body,
   --code-property: var(--code-keyword);
   --code-selector: var(--code-keyword);
   --code-comment: #897fff;
+  --code-inserted: var(--code-keyword);
+  --code-deleted: #ffb7d1;
+  --code-inserted-highlight: var(--surface-information);
+  --code-deleted-highlight: var(--surface-warning);
 }
 
 video {
diff --git a/yarn.lock b/yarn.lock
index 25d88be7097..7f5e73f8534 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1797,6 +1797,13 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
+"@babel/runtime@^7.3.1":
+  version "7.20.7"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.20.7.tgz#fcb41a5a70550e04a7b708037c7c32f7f356d8fd"
+  integrity sha512-UF0tvkUtxwAgZ5W/KrkHf0Rn0fdnLDU9ScxBrEVNUprE/MzirjK4MJUX1/BVDv00Sv8cljtukVK1aky++X1SjQ==
+  dependencies:
+    regenerator-runtime "^0.13.11"
+
 "@babel/standalone@^7.13.11":
   version "7.19.3"
   resolved "https://registry.yarnpkg.com/@babel/standalone/-/standalone-7.19.3.tgz#c14f669c931e5579021b432c612bb4d027603ee8"
@@ -4850,6 +4857,13 @@
   dependencies:
     "@types/react" "*"
 
+"@types/react-syntax-highlighter@^15.5.6":
+  version "15.5.6"
+  resolved "https://registry.yarnpkg.com/@types/react-syntax-highlighter/-/react-syntax-highlighter-15.5.6.tgz#77c95e6b74d2be23208fcdcf187b93b47025f1b1"
+  integrity sha512-i7wFuLbIAFlabTeD2I1cLjEOrG/xdMa/rpx2zwzAoGHuXJDhSqp9BSfDlMHSh9JSuNfxHk9eEmMX6D55GiyjGg==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react-transition-group@^4.4.2":
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.2.tgz#38890fd9db68bf1f2252b99a942998dc7877c5b3"
@@ -10394,6 +10408,13 @@ fastq@^1.6.0, fastq@^1.6.1:
   dependencies:
     reusify "^1.0.4"
 
+fault@^1.0.0:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/fault/-/fault-1.0.4.tgz#eafcfc0a6d214fc94601e170df29954a4f842f13"
+  integrity sha512-CJ0HCB5tL5fYTEA7ToAq5+kTwd++Borf1/bifxd9iT70QcXr4MRrO3Llf8Ifs70q+SJcGHFtnIE/Nw6giCtECA==
+  dependencies:
+    format "^0.2.0"
+
 faye-websocket@^0.11.3:
   version "0.11.4"
   resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
@@ -10822,6 +10843,11 @@ form-data@~2.3.2:
     combined-stream "^1.0.6"
     mime-types "^2.1.12"
 
+format@^0.2.0:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/format/-/format-0.2.2.tgz#d6170107e9efdc4ed30c9dc39016df942b5cb58b"
+  integrity sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==
+
 formdata-polyfill@^4.0.10:
   version "4.0.10"
   resolved "https://registry.yarnpkg.com/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz#24807c31c9d402e002ab3d8c720144ceb8848423"
@@ -11923,6 +11949,11 @@ hey-listen@^1.0.8:
   resolved "https://registry.yarnpkg.com/hey-listen/-/hey-listen-1.0.8.tgz#8e59561ff724908de1aa924ed6ecc84a56a9aa68"
   integrity sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==
 
+highlight.js@^10.4.1, highlight.js@~10.7.0:
+  version "10.7.3"
+  resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-10.7.3.tgz#697272e3991356e40c3cac566a74eef681756531"
+  integrity sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==
+
 history@^5.0.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/history/-/history-5.3.0.tgz#1548abaa245ba47992f063a0783db91ef201c73b"
@@ -14632,6 +14663,14 @@ lowercase-keys@^3.0.0:
   resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-3.0.0.tgz#c5e7d442e37ead247ae9db117a9d0a467c89d4f2"
   integrity sha512-ozCC6gdQ+glXOQsveKD0YsDy8DSQFjDTz4zyzEHNV5+JP5D62LmfDZ6o1cycFx9ouG940M5dE8C8CTewdj2YWQ==
 
+lowlight@^1.17.0:
+  version "1.20.0"
+  resolved "https://registry.yarnpkg.com/lowlight/-/lowlight-1.20.0.tgz#ddb197d33462ad0d93bf19d17b6c301aa3941888"
+  integrity sha512-8Ktj+prEb1RoCPkEOrPMYUN/nCggB7qAWe3a7OpMjWQkh3l2RD5wKRQ+o8Q8YuI9RG/xs95waaI/E6ym/7NsTw==
+  dependencies:
+    fault "^1.0.0"
+    highlight.js "~10.7.0"
+
 lru-cache@^4.0.0, lru-cache@^4.0.1, lru-cache@^4.1.1:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
@@ -17912,6 +17951,11 @@ prismjs@^1.27.0:
   resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.28.0.tgz#0d8f561fa0f7cf6ebca901747828b149147044b6"
   integrity sha512-8aaXdYvl1F7iC7Xm1spqSaY/OJBpYW3v+KJ+F17iYxvdc8sfjW194COK5wVhMZX45tGteiBQgdvD/nhxcRwylw==
 
+prismjs@~1.27.0:
+  version "1.27.0"
+  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.27.0.tgz#bb6ee3138a0b438a3653dd4d6ce0cc6510a45057"
+  integrity sha512-t13BGPUlFDR7wRB5kQDG4jjl7XeuH6jbJGt11JHPL96qwsEHNX2+68tFXqc1/k+/jALsbSWJKUOT/hcYAZ5LkA==
+
 process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
@@ -18403,6 +18447,17 @@ react-sizeme@^3.0.1:
     shallowequal "^1.1.0"
     throttle-debounce "^3.0.1"
 
+react-syntax-highlighter@^15.5.0:
+  version "15.5.0"
+  resolved "https://registry.yarnpkg.com/react-syntax-highlighter/-/react-syntax-highlighter-15.5.0.tgz#4b3eccc2325fa2ec8eff1e2d6c18fa4a9e07ab20"
+  integrity sha512-+zq2myprEnQmH5yw6Gqc8lD55QHnpKaU8TOcFeC/Lg/MQSs8UknEA0JC4nTZGFAXC2J2Hyj/ijJ7NlabyPi2gg==
+  dependencies:
+    "@babel/runtime" "^7.3.1"
+    highlight.js "^10.4.1"
+    lowlight "^1.17.0"
+    prismjs "^1.27.0"
+    refractor "^3.6.0"
+
 react-test-renderer@^17.0.2:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-17.0.2.tgz#4cd4ae5ef1ad5670fc0ef776e8cc7e1231d9866c"
@@ -18653,6 +18708,15 @@ reduce-flatten@^2.0.0:
   resolved "https://registry.yarnpkg.com/reduce-flatten/-/reduce-flatten-2.0.0.tgz#734fd84e65f375d7ca4465c69798c25c9d10ae27"
   integrity sha512-EJ4UNY/U1t2P/2k6oqotuX2Cc3T6nxJwsM0N0asT7dhrtH1ltUxDn4NalSYmPE2rCkVpcf/X6R0wDwcFpzhd4w==
 
+refractor@^3.6.0:
+  version "3.6.0"
+  resolved "https://registry.yarnpkg.com/refractor/-/refractor-3.6.0.tgz#ac318f5a0715ead790fcfb0c71f4dd83d977935a"
+  integrity sha512-MY9W41IOWxxk31o+YvFCNyNzdkc9M20NoZK5vq6jkv4I/uh2zkWcfudj0Q1fovjUQJrNewS9NMzeTtqPf+n5EA==
+  dependencies:
+    hastscript "^6.0.0"
+    parse-entities "^2.0.0"
+    prismjs "~1.27.0"
+
 regenerate-unicode-properties@^10.0.1:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.0.1.tgz#7f442732aa7934a3740c779bb9b3340dccc1fb56"
@@ -18672,6 +18736,11 @@ regenerate@^1.4.2:
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
+regenerator-runtime@^0.13.11:
+  version "0.13.11"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
+  integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
+
 regenerator-runtime@^0.13.4, regenerator-runtime@^0.13.7:
   version "0.13.9"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz#8925742a98ffd90814988d7566ad30ca3b263b52"

From cef1f5f364cece8e30781bd7e775c39abb06fb27 Mon Sep 17 00:00:00 2001
From: Chloe Rice <chloerice@users.noreply.github.com>
Date: Thu, 12 Jan 2023 16:17:46 -0500
Subject: [PATCH 02/19] Stylelint Polaris doc prototype: rule category pages
 (#8034)

Builds on #8027 by adding support for a single nested route within the
content folder for each rule category.

<img width="1512" alt="Screenshot 2023-01-11 at 8 12 35 PM"
src="https://user-images.githubusercontent.com/18447883/211952235-949aa86e-832d-4ac0-9344-ea7b964759fc.png">

Co-authored-by: Sophie Schneider <thesophieschneider@gmail.com>
---
 polaris.shopify.com/content/tooling/index.md  |  6 ----
 polaris.shopify.com/content/tools/index.md    |  6 ++++
 .../content/tools/polaris-for-vscode.md       | 28 +++++++++++++++
 .../stylelint-polaris/index.md}               | 31 +++++++++--------
 ...claration-property-unit-disallowed-list.md | 34 +++++++++++++++++++
 polaris.shopify.com/pages/[...slug].tsx       |  4 ++-
 .../pages/{tooling.tsx => tools.tsx}          |  2 +-
 .../scripts/gen-cache-json.mjs                |  2 ++
 .../FoundationsThumbnail.module.scss          |  2 +-
 .../src/components/Frame/Frame.module.scss    | 16 +++++++++
 .../src/components/Frame/Frame.tsx            | 14 +++++---
 polaris.shopify.com/src/types.ts              |  4 +--
 polaris.shopify.com/src/utils/foundations.ts  | 16 ++++++---
 13 files changed, 132 insertions(+), 33 deletions(-)
 delete mode 100644 polaris.shopify.com/content/tooling/index.md
 create mode 100644 polaris.shopify.com/content/tools/index.md
 create mode 100644 polaris.shopify.com/content/tools/polaris-for-vscode.md
 rename polaris.shopify.com/content/{tooling/stylelint-polaris.md => tools/stylelint-polaris/index.md} (93%)
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
 rename polaris.shopify.com/pages/{tooling.tsx => tools.tsx} (94%)

diff --git a/polaris.shopify.com/content/tooling/index.md b/polaris.shopify.com/content/tooling/index.md
deleted file mode 100644
index 3a260a3cfe3..00000000000
--- a/polaris.shopify.com/content/tooling/index.md
+++ /dev/null
@@ -1,6 +0,0 @@
----
-title: Tooling
-description: Extensions, plugins, and other tools to help build and maintain Polaris within the Admin.
-icon: ToolsMajor
-order: 9
----
diff --git a/polaris.shopify.com/content/tools/index.md b/polaris.shopify.com/content/tools/index.md
new file mode 100644
index 00000000000..67b75db39f7
--- /dev/null
+++ b/polaris.shopify.com/content/tools/index.md
@@ -0,0 +1,6 @@
+---
+title: Tools
+description: Extensions, plugins, and other tools to help you use Polaris to build Admin experiences.
+icon: ToolsMajor
+order: 9
+---
diff --git a/polaris.shopify.com/content/tools/polaris-for-vscode.md b/polaris.shopify.com/content/tools/polaris-for-vscode.md
new file mode 100644
index 00000000000..cdacb4820d8
--- /dev/null
+++ b/polaris.shopify.com/content/tools/polaris-for-vscode.md
@@ -0,0 +1,28 @@
+---
+title: Polaris for VS Code
+description: Official VS Code extension for building with the Shopify Polaris Design System
+icon: HintMajor
+---
+
+![Demo of Polaris for VS Code tokens autocomplete](https://github.com/Shopify/polaris/blob/main/polaris-for-vscode/docs/polaris-for-vscode-preview.gif?raw=true)
+
+## Features
+
+### Design Token Autocomplete
+
+Get code autocomplete suggestions for the [Polaris Design Tokens](https://polaris.shopify.com/tokens/colors#navigation)
+
+- 🗄️ Automatically works for CSS and Sass files
+- 🔍 Preview design token values in autocomplete description
+- 🎨 Color previews for all `color` tokens
+- 🥇 Relevant code completions based on the current line of code
+
+## How to use
+
+Install the [Polaris for VS Code extension](https://marketplace.visualstudio.com/items?itemName=Shopify.polaris-for-vscode). Once enabled, the extension will automatically run in any CSS and Sass files.
+
+To trigger the token autocomplete feature:
+
+1. Open a CSS or Sass file from your project
+2. Start typing the CSS property you want to set, for example: `color:`
+3. Type the extension trigger characters: `--`. This will bring up the relevant autocomplete tokens associated with the CSS property typed.
diff --git a/polaris.shopify.com/content/tooling/stylelint-polaris.md b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
similarity index 93%
rename from polaris.shopify.com/content/tooling/stylelint-polaris.md
rename to polaris.shopify.com/content/tools/stylelint-polaris/index.md
index 545e7f2db09..16826f2611e 100644
--- a/polaris.shopify.com/content/tooling/stylelint-polaris.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
@@ -2,12 +2,19 @@
 title: Stylelint Polaris
 description: A configuration of Stylelint rules that promote adoption and track coverage of the Polaris design system in consuming apps.
 icon: WandMajor
+collapseChildren: true
 keywords:
   - stylelint
   - dev tools
+  - developer tools
   - tools
+  - tooling
   - development
   - plugin
+  - rules
+  - linter
+  - linting
+  - css
 ---
 
 ## Installation
@@ -189,18 +196,6 @@ yarn run stylelint path/to/component.scss
 
 ## Rules
 
-[Conventions](#conventions) |
-[Colors](#colors) |
-[Motion](#motion) |
-[Typography](#typography) |
-[Shape](#shape) |
-[Spacing](#shape) |
-[Depth](#depth) |
-[Media queries](#media-queries) |
-[Z-index](#z-index) |
-[Layout](#layout) |
-[Legacy](#legacy)
-
 ### Conventions
 
 #### conventions/custom-property-allowed-list
@@ -449,9 +444,17 @@ Disallows use of legacy mixin map data.
 
 ### Depth
 
+_{Insert why depth consistency impacts merchant [wayfinding, etc]}_
+
+Have you found that merchants benefit from {an additional layer of visual hierarchy that's not in the depth tokens? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
 #### depth/declaration-property-unit-disallowed-list
 
-Try to use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) before creating your own custom styles.
+Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
 
 ```diff
 // Don't
@@ -462,7 +465,7 @@ Try to use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index
 
 #### depth/function-disallowed-list
 
-Try to use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) before creating your own custom styles.
+Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
 
 ```diff
 // Don't
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
new file mode 100644
index 00000000000..78bbfd50846
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
@@ -0,0 +1,34 @@
+---
+title: depth/declaration-property-unit-disallowed-list
+description: Disallows box-shadow declarations with hard coded px, rem, or em units
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - depth
+  - shadows
+  - linter
+  - linting
+  - css
+---
+
+Use a [Polaris depth token](https://polaris.shopify.com/tokens/depth) instead of a custom box-shadow.
+
+```diff
+// Do
++ box-shadow: var(--p-shadow-card);
+
+// Don't
+- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
+```
+
+Have you found that merchants benefit from an additional layer of visual hierarchy that's not in the depth tokens? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/pages/[...slug].tsx b/polaris.shopify.com/pages/[...slug].tsx
index 0eb4497d11f..3788924bdc0 100644
--- a/polaris.shopify.com/pages/[...slug].tsx
+++ b/polaris.shopify.com/pages/[...slug].tsx
@@ -77,7 +77,7 @@ const catchAllTemplateExcludeList = [
   '/design',
   '/content',
   '/patterns',
-  '/tooling',
+  '/tools',
   '/tokens',
   '/sandbox',
 ];
@@ -93,6 +93,8 @@ export const getStaticPaths: GetStaticPaths = async () => {
   const globPath = [
     path.resolve(process.cwd(), 'content/*.md'),
     path.resolve(process.cwd(), 'content/**/*.md'),
+    path.resolve(process.cwd(), 'content/**/**/*.md'),
+    path.resolve(process.cwd(), 'content/**/**/**/*.md'),
   ];
   const paths = globby
     .sync(globPath)
diff --git a/polaris.shopify.com/pages/tooling.tsx b/polaris.shopify.com/pages/tools.tsx
similarity index 94%
rename from polaris.shopify.com/pages/tooling.tsx
rename to polaris.shopify.com/pages/tools.tsx
index 5d2942545bc..61bc37bd62a 100644
--- a/polaris.shopify.com/pages/tooling.tsx
+++ b/polaris.shopify.com/pages/tools.tsx
@@ -2,7 +2,7 @@ import FoundationsPage from '../src/components/FoundationsPage';
 import {FoundationsProps} from '../src/components/FoundationsPage/FoundationsPage';
 import {getStaticPropsForFoundations} from '../src/utils/foundations';
 
-const SECTION = 'tooling';
+const SECTION = 'tools';
 
 const FoundationsCategory = (props: FoundationsProps) => (
   <FoundationsPage {...props} />
diff --git a/polaris.shopify.com/scripts/gen-cache-json.mjs b/polaris.shopify.com/scripts/gen-cache-json.mjs
index 31f817bc0bc..f6faf9ac3b7 100644
--- a/polaris.shopify.com/scripts/gen-cache-json.mjs
+++ b/polaris.shopify.com/scripts/gen-cache-json.mjs
@@ -20,6 +20,7 @@ const genNavJson = (mardownFiles) => {
       order,
       newSection,
       hideChildren,
+      collapseChildren,
       color,
       url,
       status,
@@ -36,6 +37,7 @@ const genNavJson = (mardownFiles) => {
       slug: url || `/${slug}`,
       newSection,
       hideChildren,
+      collapseChildren,
       color: color ? color.replace(/\\/g, '') : undefined,
       status,
     });
diff --git a/polaris.shopify.com/src/components/FoundationsThumbnail/FoundationsThumbnail.module.scss b/polaris.shopify.com/src/components/FoundationsThumbnail/FoundationsThumbnail.module.scss
index 5c56ca2b8c6..48cad07e23e 100644
--- a/polaris.shopify.com/src/components/FoundationsThumbnail/FoundationsThumbnail.module.scss
+++ b/polaris.shopify.com/src/components/FoundationsThumbnail/FoundationsThumbnail.module.scss
@@ -26,7 +26,7 @@
     background: var(--decorative-3);
   }
 
-  &[data-category='tooling'] {
+  &[data-category='tools'] {
     background: var(--decorative-4);
   }
 }
diff --git a/polaris.shopify.com/src/components/Frame/Frame.module.scss b/polaris.shopify.com/src/components/Frame/Frame.module.scss
index 9cfa06bc397..1469d6f6753 100644
--- a/polaris.shopify.com/src/components/Frame/Frame.module.scss
+++ b/polaris.shopify.com/src/components/Frame/Frame.module.scss
@@ -116,6 +116,22 @@ $breakpointNav: $breakpointTablet;
           }
         }
       }
+
+      > ul > li > ul > li {
+        > .NavItem {
+          font-size: var(--font-size-200);
+          letter-spacing: var(--letter-spacing-300);
+          padding-left: 3rem;
+
+          > a {
+            color: var(--text);
+          }
+
+          &.isCurrent > a {
+            color: var(--primary);
+          }
+        }
+      }
     }
   }
 
diff --git a/polaris.shopify.com/src/components/Frame/Frame.tsx b/polaris.shopify.com/src/components/Frame/Frame.tsx
index f59826eed4d..606fa647958 100644
--- a/polaris.shopify.com/src/components/Frame/Frame.tsx
+++ b/polaris.shopify.com/src/components/Frame/Frame.tsx
@@ -218,15 +218,21 @@ function NavItem({
             const navAriaId = `nav-${id}`;
             const segments = asPath.slice(1).split('/');
             const keyAndLevelMatchUrl = !!(segments[level] === key);
+            const removeParams = (path: string) => path.replace(/\?.+$/gi, '');
+            const isCurrent = removeParams(asPath) === child.slug;
+
+            const currentInChildren = Object.values(child.children || []).some(
+              (c) => c.slug === removeParams(asPath),
+            );
+            const autoExpanded =
+              keyAndLevelMatchUrl &&
+              (!child.collapseChildren || currentInChildren);
             const manuallyExpandedStatus = manuallyExpandedSections[key];
             const isExpanded =
               manuallyExpandedStatus === undefined
-                ? keyAndLevelMatchUrl
+                ? autoExpanded
                 : manuallyExpandedStatus;
 
-            const removeParams = (path: string) => path.replace(/\?.+$/gi, '');
-            const isCurrent = removeParams(asPath) === child.slug;
-
             return (
               <li
                 key={child.slug}
diff --git a/polaris.shopify.com/src/types.ts b/polaris.shopify.com/src/types.ts
index 90c8f206df6..8de4196d1bf 100644
--- a/polaris.shopify.com/src/types.ts
+++ b/polaris.shopify.com/src/types.ts
@@ -144,7 +144,7 @@ export interface NavJSON {
   };
 }
 
-export interface NavItem {
+export interface NavItem extends NavJSON {
   title?: string;
   description?: string;
   slug?: string;
@@ -152,7 +152,7 @@ export interface NavItem {
   icon?: string;
   color?: string;
   hideChildren?: false;
+  collapseChildren?: false;
   newSection?: true;
   status?: Status;
-  children?: NavJSON;
 }
diff --git a/polaris.shopify.com/src/utils/foundations.ts b/polaris.shopify.com/src/utils/foundations.ts
index 4c23b115467..cefc6d13296 100644
--- a/polaris.shopify.com/src/utils/foundations.ts
+++ b/polaris.shopify.com/src/utils/foundations.ts
@@ -18,13 +18,20 @@ export const getStaticPropsForFoundations = (category: string) => {
       frontMatter: {description},
     }: MarkdownFile = parseMarkdown(markdown);
 
-    const filePattern = path.resolve(process.cwd(), `content/${category}/*.md`);
+    const globPath = [
+      path.resolve(process.cwd(), `content/${category}/*.md`),
+      path.resolve(process.cwd(), `content/${category}/**/index.md`),
+      path.resolve(process.cwd(), `content/${category}/**/**/*.md`),
+    ];
+
+    const itemPaths = globby
+      .sync(globPath)
+      .filter((path) => !path.endsWith(`content/${category}/index.md`));
 
     let items: FoundationsProps['items'] = [];
-    const markdownFilePaths = await globby(filePattern);
 
-    markdownFilePaths
-      .filter((path) => !path.endsWith(`index.md`))
+    itemPaths
+      .filter((path) => !path.endsWith(`content/${category}/index.md`))
       .forEach((markdownFilePath) => {
         if (fs.existsSync(markdownFilePath)) {
           const markdown = fs.readFileSync(markdownFilePath, 'utf-8');
@@ -33,6 +40,7 @@ export const getStaticPropsForFoundations = (category: string) => {
 
           const url = markdownFilePath
             .replace(`${process.cwd()}/content`, '')
+            .replace('/index', '')
             .replace(/\.md$/, '');
 
           const headings = (readme.match(/\n## [^\n]+/gi) || []).map(

From b7f6ae08c9636744b02d188417fd0f98be7f2bd3 Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Thu, 12 Jan 2023 22:13:05 +0000
Subject: [PATCH 03/19] revert some changes from merge to get nav and index
 page working again

---
 .../depth-declaration-property-unit-disallowed-list.md           | 0
 polaris.shopify.com/pages/[...slug].tsx                          | 1 -
 polaris.shopify.com/src/components/Frame/Frame.module.scss       | 1 +
 polaris.shopify.com/src/utils/foundations.ts                     | 1 -
 4 files changed, 1 insertion(+), 2 deletions(-)
 rename polaris.shopify.com/content/tools/stylelint-polaris/{rules => }/depth-declaration-property-unit-disallowed-list.md (100%)

diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/depth-declaration-property-unit-disallowed-list.md
similarity index 100%
rename from polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
rename to polaris.shopify.com/content/tools/stylelint-polaris/depth-declaration-property-unit-disallowed-list.md
diff --git a/polaris.shopify.com/pages/[...slug].tsx b/polaris.shopify.com/pages/[...slug].tsx
index 3788924bdc0..f3b5df49e25 100644
--- a/polaris.shopify.com/pages/[...slug].tsx
+++ b/polaris.shopify.com/pages/[...slug].tsx
@@ -94,7 +94,6 @@ export const getStaticPaths: GetStaticPaths = async () => {
     path.resolve(process.cwd(), 'content/*.md'),
     path.resolve(process.cwd(), 'content/**/*.md'),
     path.resolve(process.cwd(), 'content/**/**/*.md'),
-    path.resolve(process.cwd(), 'content/**/**/**/*.md'),
   ];
   const paths = globby
     .sync(globPath)
diff --git a/polaris.shopify.com/src/components/Frame/Frame.module.scss b/polaris.shopify.com/src/components/Frame/Frame.module.scss
index 1469d6f6753..c334d4c922f 100644
--- a/polaris.shopify.com/src/components/Frame/Frame.module.scss
+++ b/polaris.shopify.com/src/components/Frame/Frame.module.scss
@@ -125,6 +125,7 @@ $breakpointNav: $breakpointTablet;
 
           > a {
             color: var(--text);
+            white-space: normal;
           }
 
           &.isCurrent > a {
diff --git a/polaris.shopify.com/src/utils/foundations.ts b/polaris.shopify.com/src/utils/foundations.ts
index cefc6d13296..3cb6e674535 100644
--- a/polaris.shopify.com/src/utils/foundations.ts
+++ b/polaris.shopify.com/src/utils/foundations.ts
@@ -21,7 +21,6 @@ export const getStaticPropsForFoundations = (category: string) => {
     const globPath = [
       path.resolve(process.cwd(), `content/${category}/*.md`),
       path.resolve(process.cwd(), `content/${category}/**/index.md`),
-      path.resolve(process.cwd(), `content/${category}/**/**/*.md`),
     ];
 
     const itemPaths = globby

From 2b9ee4aecfd8aabb8c1c147c00e3766914dac694 Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Fri, 13 Jan 2023 20:38:20 +0000
Subject: [PATCH 04/19] add stylelint rule pages

---
 .../content/tools/stylelint-polaris/index.md  |  2 -
 .../rules/colors-at-rule-disallowed-list.md   | 30 +++++++++++
 .../rules/colors-color-named.md               | 35 +++++++++++++
 .../rules/colors-color-no-hex.md              | 32 ++++++++++++
 ...laration-property-value-disallowed-list.md | 31 +++++++++++
 .../rules/colors-function-disallowed-list.md  | 32 ++++++++++++
 .../rules/colors-global-disallowed-list.md    | 38 ++++++++++++++
 ...onventions-custom-property-allowed-list.md | 52 +++++++++++++++++++
 ...claration-property-unit-disallowed-list.md | 43 +++++++++++++++
 .../rules/depth-function-disallowed-list.md   | 32 ++++++++++++
 .../depth-global-disallowed-list.md}          | 16 +++---
 .../rules/depth-property-disallowed-list.md   | 30 +++++++++++
 .../tools/stylelint-polaris/rules/index.md    |  7 +++
 .../rules/layout-at-rule-disallowed-list.md   | 34 ++++++++++++
 ...laration-property-value-disallowed-list.md | 35 +++++++++++++
 .../rules/layout-function-disallowed-list.md  | 32 ++++++++++++
 .../rules/layout-global-disallowed-list.md    | 32 ++++++++++++
 .../rules/layout-property-disallowed-list.md  | 32 ++++++++++++
 .../rules/legacy-at-rule-disallowed-list.md   | 33 ++++++++++++
 .../rules/legacy-function-disallowed-list.md  | 28 ++++++++++
 .../rules/legacy-global-disallowed-list.md    | 32 ++++++++++++
 .../media-queries-at-rule-disallowed-list.md  | 32 ++++++++++++
 .../media-queries-function-disallowed-list.md | 35 +++++++++++++
 ...edia-queries-media-queries-allowed-list.md | 32 ++++++++++++
 .../rules/motion-at-rule-disallowed-list.md   | 27 ++++++++++
 ...claration-property-unit-disallowed-list.md | 30 +++++++++++
 .../rules/motion-function-disallowed-list.md  | 30 +++++++++++
 .../rules/motion-global-disallowed-list.md    | 27 ++++++++++
 .../rules/shape-at-rule-disallowed-list.md    | 27 ++++++++++
 ...claration-property-unit-disallowed-list.md | 32 ++++++++++++
 ...laration-property-value-disallowed-list.md | 30 +++++++++++
 .../rules/shape-function-disallowed-list.md   | 27 ++++++++++
 .../rules/shape-property-disallowed-list.md   | 27 ++++++++++
 .../rules/spacing-at-rule-disallowed-list.md  | 27 ++++++++++
 ...claration-property-unit-disallowed-list.md | 32 ++++++++++++
 ...laration-property-value-disallowed-list.md | 30 +++++++++++
 .../rules/spacing-function-disallowed-list.md | 27 ++++++++++
 .../rules/spacing-property-disallowed-list.md | 27 ++++++++++
 .../typography-at-rule-disallowed-list.md     | 27 ++++++++++
 ...claration-property-unit-disallowed-list.md | 32 ++++++++++++
 ...laration-property-value-disallowed-list.md | 30 +++++++++++
 .../typography-function-disallowed-list.md    | 27 ++++++++++
 .../typography-property-disallowed-list.md    | 27 ++++++++++
 ...declaration-property-value-allowed-list.md | 35 +++++++++++++
 .../rules/z-index-function-disallowed-list.md | 32 ++++++++++++
 .../rules/z-index-global-disallowed-list.md   | 32 ++++++++++++
 46 files changed, 1368 insertions(+), 11 deletions(-)
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
 rename polaris.shopify.com/content/tools/stylelint-polaris/{depth-declaration-property-unit-disallowed-list.md => rules/depth-global-disallowed-list.md} (56%)
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md

diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
index 16826f2611e..5d61b85560e 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
@@ -222,8 +222,6 @@ Flags declaration property values using `--p-*` that are not valid Polaris token
 
 Flags declaration property values using private `--pc-*` tokens.
 
-The following token value is considered a problem:
-
 ```diff
 // Don't
 - background: var(--pc-button-color-depressed);
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
new file mode 100644
index 00000000000..451d0c15da5
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
@@ -0,0 +1,30 @@
+---
+title: colors/at-rule-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+// Don't
+- fill: recolor-icon(--p-text-subdued);
+// Do
++ fill: var(--p-icon-subdued);
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
new file mode 100644
index 00000000000..0d67aefaba8
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
@@ -0,0 +1,35 @@
+---
+title: colors/color-named
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - colors
+---
+
+Please use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+
+
+```diff
+// Don't
+- color: black;
+- fill: dimgray;
+// Do
++ color: var(--p-text);
++ fill: var(--p-icon)
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
new file mode 100644
index 00000000000..4aea99f09fb
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
@@ -0,0 +1,32 @@
+---
+title: colors/color-no-hex
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+// Don't
+- color: #202223;
+- fill: #5c5f62;
+// Do
++ color: var(--p-text);
++ fill: var(--p-icon)
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
new file mode 100644
index 00000000000..a4e84767c22
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
@@ -0,0 +1,31 @@
+---
+title: colors/declaration-property-value-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+// Don't
+- background: black;
+- opacity: 0.15;
+// Do
++ background: var(--p-hint-from-direct-light);
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
new file mode 100644
index 00000000000..c7d163c97e2
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
@@ -0,0 +1,32 @@
+---
+title: colors/function-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+// Don't
+- color: rgb(140, 145, 150);
+- background: color('hover');
+// Do
++ color: var(--p-text-disabled);
++ background: var(--p-action-secondary-hovered-dark);
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
new file mode 100644
index 00000000000..bef1469ded9
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
@@ -0,0 +1,38 @@
+---
+title: colors/global-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+Disallows use of legacy custom properties.
+
+```diff
+// Don't
+- border: var(--p-override-transparent);
+// Do
++ border: transparent;
+```
+
+Disallows use of legacy mixin map data.
+
+```diff
+- @type map $filter-palette-data: $polaris-color-filters;
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
new file mode 100644
index 00000000000..630f5b26821
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
@@ -0,0 +1,52 @@
+---
+title: conventions/custom-property-allowed-list
+description:
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - conventions
+---
+
+Allows definition of custom properties not prefixed with `--p-`, `--pc-`, or `--polaris-version-`.
+
+```diff
+root: {
+// Don't
+- --p-animation-name-drag-handle-pulse: osui_drag-handle-pulse;
+// Do
++ --osui_animation-name-drag-handle-pulse: osui_drag-handle-pulse;
+};
+```
+
+Flags declaration property values using `--p-*` that are not valid Polaris tokens.
+
+```diff
+// Don't
+- font-size: var(--p-fontsize-200);
+// Do
++ font-size: var(--p-font-size-200);
+```
+
+Flags declaration property values using private `--pc-*` tokens.
+
+```diff
+// Don't
+- background: var(--pc-button-color-depressed);
+// Do
++ background: var(--p-action-secondary-depressed);
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
new file mode 100644
index 00000000000..1b7fe73730b
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
@@ -0,0 +1,43 @@
+---
+title: depth/declaration-property-unit-disallowed-list
+description: Disallows box-shadow declarations with hard coded px, rem, or em units
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - depth
+---
+
+Please use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
+
+_{Insert why depth consistency impacts merchant [wayfinding, etc]}_
+
+Have you found that merchants benefit from {an additional layer of visual hierarchy that's not in the depth tokens? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+
+Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
+
+```diff
+// Don't
+- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
+// Do
++ box-shadow: var(--p-shadow-card);
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
new file mode 100644
index 00000000000..3830a1ce014
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
@@ -0,0 +1,32 @@
+---
+title: depth/function-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
+
+```diff
+// Don't
+- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
+// Do
++ box-shadow: var(--p-shadow-base);
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/depth-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
similarity index 56%
rename from polaris.shopify.com/content/tools/stylelint-polaris/depth-declaration-property-unit-disallowed-list.md
rename to polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
index 78bbfd50846..602246ebed9 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/depth-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
-title: depth/declaration-property-unit-disallowed-list
-description: Disallows box-shadow declarations with hard coded px, rem, or em units
+title: depth/global-disallowed-list
+description: 
 keywords:
   - stylelint
   - dev tools
@@ -10,24 +10,22 @@ keywords:
   - development
   - plugin
   - rules
-  - depth
-  - shadows
   - linter
   - linting
   - css
+  - 
 ---
 
-Use a [Polaris depth token](https://polaris.shopify.com/tokens/depth) instead of a custom box-shadow.
+Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
 
 ```diff
+// Don't
+- box-shadow: var(--p-card-shadow);
 // Do
 + box-shadow: var(--p-shadow-card);
-
-// Don't
-- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
 ```
 
-Have you found that merchants benefit from an additional layer of visual hierarchy that's not in the depth tokens? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
new file mode 100644
index 00000000000..0e45375cee5
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
@@ -0,0 +1,30 @@
+---
+title: depth/property-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+Instead of using properties like `text-shadow`, make sure the text has proper contrast with the background so that it is readable without a shadow.
+
+```diff
+// Don't
+- text-shadow: 2px 2px #ff0000;
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
new file mode 100644
index 00000000000..2de9abc7bbb
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
@@ -0,0 +1,7 @@
+---
+title: Rules
+description: TODO
+icon: ToolsMajor
+hideChildren: true
+order: 0
+---
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
new file mode 100644
index 00000000000..1d50af39d4c
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
@@ -0,0 +1,34 @@
+---
+title: layout/at-rule-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+Instead of using a legacy mixin, try and use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. If what you need isn't possible, either use the mixin's contents or consider contributing to an existing Polaris component.
+
+```diff
+// Don't
+- @include print-hidden;
+// Do
++ @media print {
++   display: none;
++ }
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
new file mode 100644
index 00000000000..c14817c833f
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
@@ -0,0 +1,35 @@
+---
+title: layout/declaration-property-value-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - layout
+---
+
+Please use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
+
+
+There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
+
+```diff
+// Don't
+- width: 100%;
+// Do
++ <Stack />
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
new file mode 100644
index 00000000000..af5d40293c2
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
@@ -0,0 +1,32 @@
+---
+title: layout/function-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+Use hard coded pixel or rem values for `width` and `height` instead of legacy mixins/variables or spacing tokens.
+
+```diff
+// Don't
+- height: top-bar-height();
+// Do
++ height: 56px;
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
new file mode 100644
index 00000000000..2da091a3cf3
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
@@ -0,0 +1,32 @@
+---
+title: layout/global-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
+
+```diff
+// Don't
+- height: var(--p-choice-size);
+// Do
++ <Checkbox />
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
new file mode 100644
index 00000000000..71b5b21f5d0
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
@@ -0,0 +1,32 @@
+---
+title: layout/property-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
+
+```diff
+// Don't
+- display: grid;
+// Do
++ <Columns />
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
new file mode 100644
index 00000000000..012df64b780
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
@@ -0,0 +1,33 @@
+---
+title: legacy/at-rule-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - legacy
+---
+
+
+If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
+
+```diff
+// Don't
+- @include unstyled-button;
+// Do
++ <UnstyledButton />
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
new file mode 100644
index 00000000000..b646bb48697
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
@@ -0,0 +1,28 @@
+---
+title: legacy/function-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+// Don't
+- @include available-names
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
new file mode 100644
index 00000000000..0dcf5bf096c
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
@@ -0,0 +1,32 @@
+---
+title: legacy/global-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwise use hard coded pixel or rem values instead of legacy mixins/variables.
+
+```diff
+// Don't
+- left: -1 * $timeline-border-width;
+// Do
++ left: calc(-1 * var(--p-space-1));
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
new file mode 100644
index 00000000000..da489ae86e2
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
@@ -0,0 +1,32 @@
+---
+title: media-queries/at-rule-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- @include breakpoint-before(layout-width(page-with-nav)) {}
+// Do
++ @media (max-width: var(--p-breakpoints-md)) {}
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
new file mode 100644
index 00000000000..d9918f0d0fa
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
@@ -0,0 +1,35 @@
+---
+title: media-queries/function-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - media queries
+---
+
+Please use Polaris [breakpoints tokens](https://polaris.shopify.com/tokens/breakpoints) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
+
+
+Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- @include breakpoint-after(layout-width(page-with-nav)) {}
+// Do
++ @media (min-width: var(--p-breakpoints-md)) {}
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
new file mode 100644
index 00000000000..de734132931
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
@@ -0,0 +1,32 @@
+---
+title: media-queries/media-queries-allowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+Try to use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) before creating your own custom styles.
+
+```diff
+// Don't
+- @include @media #{$my-var} {}
+// Do
++ @include @media #{$p-breakpoints-sm-up} {}
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
new file mode 100644
index 00000000000..2f82dbe1c13
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
@@ -0,0 +1,27 @@
+---
+title: motion/at-rule-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
new file mode 100644
index 00000000000..0e83be77c1d
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
@@ -0,0 +1,30 @@
+---
+title: motion/declaration-property-unit-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+// Don't
+- transition-duration: 200ms;
+// Do
++ transition-duration: var(--p-duration-200);
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
new file mode 100644
index 00000000000..7e19a4e3861
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
@@ -0,0 +1,30 @@
+---
+title: motion/function-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - motion
+---
+
+Please use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
+
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
new file mode 100644
index 00000000000..35a3f606c84
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
@@ -0,0 +1,27 @@
+---
+title: motion/global-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
new file mode 100644
index 00000000000..94a31db538e
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
@@ -0,0 +1,27 @@
+---
+title: shape/at-rule-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
new file mode 100644
index 00000000000..d6132fb8353
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
@@ -0,0 +1,32 @@
+---
+title: shape/declaration-property-unit-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+// Don't
+- border-width: 2px;
+- border-radius: 0.5rem;
+// Do
++ border-width: var(--p-border-width-2);
++ border-radius: var(--p-border-radius-2);
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
new file mode 100644
index 00000000000..d209d45684d
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
@@ -0,0 +1,30 @@
+---
+title: shape/declaration-property-value-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - shape
+---
+
+Please use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
new file mode 100644
index 00000000000..a782f911d9c
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
@@ -0,0 +1,27 @@
+---
+title: shape/function-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
new file mode 100644
index 00000000000..3194b8fd2e2
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
@@ -0,0 +1,27 @@
+---
+title: shape/property-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
new file mode 100644
index 00000000000..33684c1af39
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
@@ -0,0 +1,27 @@
+---
+title: spacing/at-rule-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
new file mode 100644
index 00000000000..22fdc7aad7b
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
@@ -0,0 +1,32 @@
+---
+title: spacing/declaration-property-unit-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+// Don't
+- gap: 2px;
+- margin: 12px  0;
+// Do
++ gap: var(--p-space-05);
++ margin: var(--p-space-3) 0;
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
new file mode 100644
index 00000000000..fdb9ebb1cbb
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
@@ -0,0 +1,30 @@
+---
+title: spacing/declaration-property-value-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - spacing
+---
+
+Please use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
+
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
new file mode 100644
index 00000000000..73a6ce49618
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
@@ -0,0 +1,27 @@
+---
+title: spacing/function-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
new file mode 100644
index 00000000000..773a49acd1b
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
@@ -0,0 +1,27 @@
+---
+title: spacing/property-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
new file mode 100644
index 00000000000..db791f5ce35
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
@@ -0,0 +1,27 @@
+---
+title: typography/at-rule-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
new file mode 100644
index 00000000000..04bdb512a39
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
@@ -0,0 +1,32 @@
+---
+title: typography/declaration-property-unit-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+// Don't
+- font-size: 12px;
+- line-height: 1.5rem
+// Do
++ font-size: var(--p-font-size-75);
++ line-height: var(--p-font-line-height-3);
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
new file mode 100644
index 00000000000..686b5454476
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
@@ -0,0 +1,30 @@
+---
+title: typography/declaration-property-value-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - typography
+---
+
+Please use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
new file mode 100644
index 00000000000..1f437abfe67
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
@@ -0,0 +1,27 @@
+---
+title: typography/function-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
new file mode 100644
index 00000000000..f95fd5a59e8
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
@@ -0,0 +1,27 @@
+---
+title: typography/property-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+```diff
+
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
new file mode 100644
index 00000000000..0d08c09d512
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
@@ -0,0 +1,35 @@
+---
+title: z-index/declaration-property-value-allowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - z-index
+---
+
+Please use Polaris [z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index are in sync with updates from the design system.
+
+
+Try to use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) before creating your own custom styles.
+
+```diff
+// Don't
+- z-index: 1;
+// Do
++ z-index: var(--p-z-1);
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
new file mode 100644
index 00000000000..2139b7a8e33
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
@@ -0,0 +1,32 @@
+---
+title: z-index/function-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- z-index: z-index(content);
+// Do
++ z-index: var(--p-z-1);
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
new file mode 100644
index 00000000000..5a60a3c1d93
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
@@ -0,0 +1,32 @@
+---
+title: z-index/global-disallowed-list
+description: 
+keywords:
+  - stylelint
+  - dev tools
+  - developer tools
+  - tools
+  - tooling
+  - development
+  - plugin
+  - rules
+  - linter
+  - linting
+  - css
+  - 
+---
+
+Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- z-index(toast, $fixed-element-stacking-order);
+// Do
++ z-index: var(--p-z-1);
+```
+
+Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition

From 4ad2620d12737d05ebbdc1da580700ac741c4e8e Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Fri, 13 Jan 2023 21:07:58 +0000
Subject: [PATCH 05/19] revert collapse children since it isn't needed anymore

---
 polaris.shopify.com/scripts/gen-cache-json.mjs     |  2 --
 polaris.shopify.com/src/components/Frame/Frame.tsx | 14 ++++----------
 polaris.shopify.com/src/types.ts                   |  4 ++--
 3 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/polaris.shopify.com/scripts/gen-cache-json.mjs b/polaris.shopify.com/scripts/gen-cache-json.mjs
index f6faf9ac3b7..31f817bc0bc 100644
--- a/polaris.shopify.com/scripts/gen-cache-json.mjs
+++ b/polaris.shopify.com/scripts/gen-cache-json.mjs
@@ -20,7 +20,6 @@ const genNavJson = (mardownFiles) => {
       order,
       newSection,
       hideChildren,
-      collapseChildren,
       color,
       url,
       status,
@@ -37,7 +36,6 @@ const genNavJson = (mardownFiles) => {
       slug: url || `/${slug}`,
       newSection,
       hideChildren,
-      collapseChildren,
       color: color ? color.replace(/\\/g, '') : undefined,
       status,
     });
diff --git a/polaris.shopify.com/src/components/Frame/Frame.tsx b/polaris.shopify.com/src/components/Frame/Frame.tsx
index 606fa647958..f59826eed4d 100644
--- a/polaris.shopify.com/src/components/Frame/Frame.tsx
+++ b/polaris.shopify.com/src/components/Frame/Frame.tsx
@@ -218,21 +218,15 @@ function NavItem({
             const navAriaId = `nav-${id}`;
             const segments = asPath.slice(1).split('/');
             const keyAndLevelMatchUrl = !!(segments[level] === key);
-            const removeParams = (path: string) => path.replace(/\?.+$/gi, '');
-            const isCurrent = removeParams(asPath) === child.slug;
-
-            const currentInChildren = Object.values(child.children || []).some(
-              (c) => c.slug === removeParams(asPath),
-            );
-            const autoExpanded =
-              keyAndLevelMatchUrl &&
-              (!child.collapseChildren || currentInChildren);
             const manuallyExpandedStatus = manuallyExpandedSections[key];
             const isExpanded =
               manuallyExpandedStatus === undefined
-                ? autoExpanded
+                ? keyAndLevelMatchUrl
                 : manuallyExpandedStatus;
 
+            const removeParams = (path: string) => path.replace(/\?.+$/gi, '');
+            const isCurrent = removeParams(asPath) === child.slug;
+
             return (
               <li
                 key={child.slug}
diff --git a/polaris.shopify.com/src/types.ts b/polaris.shopify.com/src/types.ts
index 8de4196d1bf..90c8f206df6 100644
--- a/polaris.shopify.com/src/types.ts
+++ b/polaris.shopify.com/src/types.ts
@@ -144,7 +144,7 @@ export interface NavJSON {
   };
 }
 
-export interface NavItem extends NavJSON {
+export interface NavItem {
   title?: string;
   description?: string;
   slug?: string;
@@ -152,7 +152,7 @@ export interface NavItem extends NavJSON {
   icon?: string;
   color?: string;
   hideChildren?: false;
-  collapseChildren?: false;
   newSection?: true;
   status?: Status;
+  children?: NavJSON;
 }

From 94fcdf9af7089133fa22b06fde4da66de66b062e Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Fri, 13 Jan 2023 21:40:59 +0000
Subject: [PATCH 06/19] fix tool category cards and move tools to bottom of nav

---
 polaris.shopify.com/content/sandbox.md                          | 2 +-
 polaris.shopify.com/content/tools/index.md                      | 2 +-
 .../content/tools/stylelint-polaris/rules/index.md              | 2 --
 polaris.shopify.com/src/utils/foundations.ts                    | 2 +-
 4 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/polaris.shopify.com/content/sandbox.md b/polaris.shopify.com/content/sandbox.md
index e84a2709e2b..c2a8c193448 100644
--- a/polaris.shopify.com/content/sandbox.md
+++ b/polaris.shopify.com/content/sandbox.md
@@ -1,6 +1,6 @@
 ---
 title: Sandbox
-order: 10
+order: 11
 url: /sandbox?code=N4Igxg9gJgpiBcIA8BhAhgJygHQHYAJ8BnGSXKTATwDEIIAXGDAQTHoEsJciBeYAbWBlGuevHwByACLsiAW1lEJAXwC6yvIQAOGdnKq0GTVhy58hXEWMkBRAB5aIGevgBKMR85UbcAPk34qJhQAHQAEjBosBj4aGyc3HyC%2BMIwouISACoMaAA2%2BADKeTBK%2BGrK%2BBz0uTA82CBFNUT1-gSEgQAKEI4AbkwB7bHxfXwAZnkkPoOEcRw9aPROfAPTSABCAK70iwRQsmC5EEQbGDD4Wrlo7H4r0-gAauwwAO6Fxc1td0gA9JvbXK07lNplwUIcSHwABQASnwPF8%2BGAymBhEBqxMCQAMrIXOxGHJeAILKI0tYJABxDBHIhvJoqAA0iNS6UkADkYC5GiUVOp8N80YQfl1ekw0T90FhwpFomKJaECqRTDdPoFMjA7PQUJYrrhRbd8ABNCAbFJoAgbEjEd74U6eeg0xbEGBna6jJz6JWxABGxpclGNMTAFsWciYREAmAT6pzRGletAkKD4LgpXSMXRoYgbMAAC1iNKI1ogfRiHFDjK9lBS2bNutyjKc%2BAr%2BqI9DQo1GIRWPzVGq1oh1era4uCIQV8QBASCkrHnqqNTqIGyrfyXJpa1OaAA1lAIM9cC0u%2B4iAGwDBsS39adjydT6y0KHzERrgBzDaXDAZAs1CSMi4nPKfu83j6niMAEkk%2BqEMAkHtF%2BJQZAA8lgYY-jBMxyMaLISAAqgUUgACQAAwhIRhGoSqdwnLkGS2k49rfNGKH0jByjMRR7TQexgxwUQGTuPQJzcORdyDPemFkgAtLhBEAEwAKzEaRwkiYQVE0R4dFEN8pwCRgQlsSprH6uol5pNEACS%2BJQqBciwvCiIwWQLaIjxjJiRsoiMlRFQ8PgNkANwwTpgn4JCaGBEeJ5njiISWWB4WqRguR8N5CVDKeRBPl67C5HilCYmgXowMlwAAAaPC8tIlPgboxPhwA8copUoip%2BACq1SAFK2YCbu1rWBF1cSbrF%2BI1TluS%2BA17zKD8g09SNYF9R1c3DXFciTe5ogzd8K0LetaWzd1vXhT8kU3tFLZ7UthDQoF7HIvq-KTt8cqjoqCSyiOM4JJUeLzvUUiRMMCwwImtHOM0ICZl6UAbKD7VIOe9BLYjMVrb4HRoP6WxED8SNXfqqOXejS55FVa6Vig1a4LWeNo-iCPfEjYovV970TkOr3fcmc61PUrJGAeKpID2mratcg53Jk2ZnDxNoaRDsSnLE8w5YVNRJrguSVuwoz4NjMQtk4Lo0jzMuFNm3S65Q%2BoXGaSYxNm7DPjLGCdsL3yi32rYSxgLNc%2BzyrDlgvggPSID0DLoZEAg-AgIcYDFPAaQgKo4fPOwUCRzH8D8OoQA
 status:
   value: Alpha
diff --git a/polaris.shopify.com/content/tools/index.md b/polaris.shopify.com/content/tools/index.md
index 67b75db39f7..d32b54d7ffb 100644
--- a/polaris.shopify.com/content/tools/index.md
+++ b/polaris.shopify.com/content/tools/index.md
@@ -2,5 +2,5 @@
 title: Tools
 description: Extensions, plugins, and other tools to help you use Polaris to build Admin experiences.
 icon: ToolsMajor
-order: 9
+order: 12
 ---
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
index 2de9abc7bbb..06905ce62c7 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
@@ -1,7 +1,5 @@
 ---
 title: Rules
 description: TODO
-icon: ToolsMajor
 hideChildren: true
-order: 0
 ---
diff --git a/polaris.shopify.com/src/utils/foundations.ts b/polaris.shopify.com/src/utils/foundations.ts
index 3cb6e674535..87ee9d32479 100644
--- a/polaris.shopify.com/src/utils/foundations.ts
+++ b/polaris.shopify.com/src/utils/foundations.ts
@@ -20,7 +20,7 @@ export const getStaticPropsForFoundations = (category: string) => {
 
     const globPath = [
       path.resolve(process.cwd(), `content/${category}/*.md`),
-      path.resolve(process.cwd(), `content/${category}/**/index.md`),
+      path.resolve(process.cwd(), `content/${category}/*/index.md`),
     ];
 
     const itemPaths = globby

From bf5dbd9e10325f00ece0abfe24ed4849506ebc3a Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Fri, 13 Jan 2023 22:53:57 +0000
Subject: [PATCH 07/19] add placeholders for rule page descriptions

---
 .../content/tools/stylelint-polaris/index.md  | 456 +-----------------
 .../rules/colors-at-rule-disallowed-list.md   |   2 +-
 .../rules/colors-color-named.md               |   2 +-
 .../rules/colors-color-no-hex.md              |   2 +-
 ...laration-property-value-disallowed-list.md |   2 +-
 .../rules/colors-function-disallowed-list.md  |   2 +-
 .../rules/colors-global-disallowed-list.md    |   2 +-
 ...onventions-custom-property-allowed-list.md |   2 +-
 .../rules/depth-function-disallowed-list.md   |   2 +-
 .../rules/depth-global-disallowed-list.md     |   2 +-
 .../rules/depth-property-disallowed-list.md   |   2 +-
 .../tools/stylelint-polaris/rules/index.md    |  79 ++-
 .../rules/layout-at-rule-disallowed-list.md   |   2 +-
 ...laration-property-value-disallowed-list.md |   2 +-
 .../rules/layout-function-disallowed-list.md  |   2 +-
 .../rules/layout-global-disallowed-list.md    |   2 +-
 .../rules/layout-property-disallowed-list.md  |   2 +-
 .../rules/legacy-at-rule-disallowed-list.md   |   2 +-
 .../rules/legacy-function-disallowed-list.md  |   2 +-
 .../rules/legacy-global-disallowed-list.md    |   2 +-
 .../media-queries-at-rule-disallowed-list.md  |   2 +-
 .../media-queries-function-disallowed-list.md |   2 +-
 ...edia-queries-media-queries-allowed-list.md |   2 +-
 .../rules/motion-at-rule-disallowed-list.md   |   2 +-
 ...claration-property-unit-disallowed-list.md |   2 +-
 .../rules/motion-function-disallowed-list.md  |   2 +-
 .../rules/motion-global-disallowed-list.md    |   2 +-
 .../rules/shape-at-rule-disallowed-list.md    |   2 +-
 ...claration-property-unit-disallowed-list.md |   2 +-
 ...laration-property-value-disallowed-list.md |   2 +-
 .../rules/shape-function-disallowed-list.md   |   2 +-
 .../rules/shape-property-disallowed-list.md   |   2 +-
 .../rules/spacing-at-rule-disallowed-list.md  |   2 +-
 ...claration-property-unit-disallowed-list.md |   2 +-
 ...laration-property-value-disallowed-list.md |   2 +-
 .../rules/spacing-function-disallowed-list.md |   2 +-
 .../rules/spacing-property-disallowed-list.md |   2 +-
 .../typography-at-rule-disallowed-list.md     |   2 +-
 ...claration-property-unit-disallowed-list.md |   2 +-
 ...laration-property-value-disallowed-list.md |   2 +-
 .../typography-function-disallowed-list.md    |   2 +-
 .../typography-property-disallowed-list.md    |   2 +-
 ...declaration-property-value-allowed-list.md |   2 +-
 .../rules/z-index-function-disallowed-list.md |   2 +-
 .../rules/z-index-global-disallowed-list.md   |   2 +-
 45 files changed, 122 insertions(+), 499 deletions(-)

diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
index 5d61b85560e..8d48db7abc5 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
@@ -196,458 +196,4 @@ yarn run stylelint path/to/component.scss
 
 ## Rules
 
-### Conventions
-
-#### conventions/custom-property-allowed-list
-
-Allows definition of custom properties not prefixed with `--p-`, `--pc-`, or `--polaris-version-`.
-
-```diff
-root: {
-// Don't
-- --p-animation-name-drag-handle-pulse: osui_drag-handle-pulse;
-// Do
-+ --osui_animation-name-drag-handle-pulse: osui_drag-handle-pulse;
-};
-```
-
-Flags declaration property values using `--p-*` that are not valid Polaris tokens.
-
-```diff
-// Don't
-- font-size: var(--p-fontsize-200);
-// Do
-+ font-size: var(--p-font-size-200);
-```
-
-Flags declaration property values using private `--pc-*` tokens.
-
-```diff
-// Don't
-- background: var(--pc-button-color-depressed);
-// Do
-+ background: var(--p-action-secondary-depressed);
-```
-
-### Colors
-
-#### colors/color-named
-
-```diff
-// Don't
-- color: black;
-- fill: dimgray;
-// Do
-+ color: var(--p-text);
-+ fill: var(--p-icon)
-```
-
-#### colors/color-no-hex
-
-```diff
-// Don't
-- color: #202223;
-- fill: #5c5f62;
-// Do
-+ color: var(--p-text);
-+ fill: var(--p-icon)
-```
-
-#### colors/declaration-property-value-disallowed-list
-
-```diff
-// Don't
-- background: black;
-- opacity: 0.15;
-// Do
-+ background: var(--p-hint-from-direct-light);
-```
-
-#### colors/function-disallowed-list
-
-```diff
-// Don't
-- color: rgb(140, 145, 150);
-- background: color('hover');
-// Do
-+ color: var(--p-text-disabled);
-+ background: var(--p-action-secondary-hovered-dark);
-```
-
-#### colors/at-rule-disallowed-list
-
-```diff
-// Don't
-- fill: recolor-icon(--p-text-subdued);
-// Do
-+ fill: var(--p-icon-subdued);
-```
-
-#### colors/global-disallowed-list
-
-Disallows use of legacy custom properties.
-
-```diff
-// Don't
-- border: var(--p-override-transparent);
-// Do
-+ border: transparent;
-```
-
-Disallows use of legacy mixin map data.
-
-```diff
-- @type map $filter-palette-data: $polaris-color-filters;
-```
-
-### Motion
-
-#### motion/function-disallowed-list
-
-```diff
-
-```
-
-#### motion/declaration-property-unit-disallowed-list
-
-```diff
-// Don't
-- transition-duration: 200ms;
-// Do
-+ transition-duration: var(--p-duration-200);
-```
-
-#### motion/at-rule-disallowed-list
-
-```diff
-
-```
-
-#### motion/global-disallowed-list
-
-```diff
-
-```
-
-### Typography
-
-#### typography/declaration-property-value-disallowed-list
-
-```diff
-
-```
-
-#### typography/declaration-property-unit-disallowed-list
-
-```diff
-// Don't
-- font-size: 12px;
-- line-height: 1.5rem
-// Do
-+ font-size: var(--p-font-size-75);
-+ line-height: var(--p-font-line-height-3);
-```
-
-#### typography/function-disallowed-list
-
-```diff
-
-```
-
-#### typography/at-rule-disallowed-list
-
-```diff
-
-```
-
-#### typography/property-disallowed-list
-
-```diff
-
-```
-
-### Shape
-
-#### shape/declaration-property-value-disallowed-list
-
-```diff
-
-```
-
-#### shape/declaration-property-unit-disallowed-list
-
-```diff
-// Don't
-- border-width: 2px;
-- border-radius: 0.5rem;
-// Do
-+ border-width: var(--p-border-width-2);
-+ border-radius: var(--p-border-radius-2);
-```
-
-#### shape/function-disallowed-list
-
-```diff
-
-```
-
-#### shape/at-rule-disallowed-list
-
-```diff
-
-```
-
-#### shape/property-disallowed-list
-
-```diff
-
-```
-
-### Spacing
-
-#### spacing/declaration-property-value-disallowed-list
-
-```diff
-
-```
-
-#### spacing/declaration-property-unit-disallowed-list
-
-```diff
-// Don't
-- gap: 2px;
-- margin: 12px  0;
-// Do
-+ gap: var(--p-space-05);
-+ margin: var(--p-space-3) 0;
-```
-
-#### spacing/function-disallowed-list
-
-```diff
-
-```
-
-#### spacing/at-rule-disallowed-list
-
-```diff
-
-```
-
-#### spacing/property-disallowed-list
-
-```diff
-
-```
-
-### Depth
-
-_{Insert why depth consistency impacts merchant [wayfinding, etc]}_
-
-Have you found that merchants benefit from {an additional layer of visual hierarchy that's not in the depth tokens? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-#### depth/declaration-property-unit-disallowed-list
-
-Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
-
-```diff
-// Don't
-- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
-// Do
-+ box-shadow: var(--p-shadow-card);
-```
-
-#### depth/function-disallowed-list
-
-Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
-
-```diff
-// Don't
-- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
-// Do
-+ box-shadow: var(--p-shadow-base);
-```
-
-#### depth/global-disallowed-list
-
-Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
-
-```diff
-// Don't
-- box-shadow: var(--p-card-shadow);
-// Do
-+ box-shadow: var(--p-shadow-card);
-```
-
-#### depth/property-disallowed-list
-
-Instead of using properties like `text-shadow`, make sure the text has proper contrast with the background so that it is readable without a shadow.
-
-```diff
-// Don't
-- text-shadow: 2px 2px #ff0000;
-```
-
-### Media queries
-
-#### media-queries/function-disallowed-list
-
-Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
-
-```diff
-// Don't
-- @include breakpoint-after(layout-width(page-with-nav)) {}
-// Do
-+ @media (min-width: var(--p-breakpoints-md)) {}
-```
-
-#### media-queries/media-queries-allowed-list
-
-Try to use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) before creating your own custom styles.
-
-```diff
-// Don't
-- @include @media #{$my-var} {}
-// Do
-+ @include @media #{$p-breakpoints-sm-up} {}
-```
-
-#### media-queries/at-rule-disallowed-list
-
-Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
-
-```diff
-// Don't
-- @include breakpoint-before(layout-width(page-with-nav)) {}
-// Do
-+ @media (max-width: var(--p-breakpoints-md)) {}
-```
-
-### Z-Index
-
-#### z-index/declaration-property-value-allowed-list
-
-Try to use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) before creating your own custom styles.
-
-```diff
-// Don't
-- z-index: 1;
-// Do
-+ z-index: var(--p-z-1);
-```
-
-#### z-index/function-disallowed-list
-
-Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
-
-```diff
-// Don't
-- z-index: z-index(content);
-// Do
-+ z-index: var(--p-z-1);
-```
-
-#### z-index/global-disallowed-list
-
-Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
-
-```diff
-// Don't
-- z-index(toast, $fixed-element-stacking-order);
-// Do
-+ z-index: var(--p-z-1);
-```
-
-### Layout
-
-#### layout/declaration-property-value-disallowed-list
-
-There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
-
-```diff
-// Don't
-- width: 100%;
-// Do
-+ <Stack />
-```
-
-#### layout/function-disallowed-list
-
-Use hard coded pixel or rem values for `width` and `height` instead of legacy mixins/variables or spacing tokens.
-
-```diff
-// Don't
-- height: top-bar-height();
-// Do
-+ height: 56px;
-```
-
-#### layout/at-rule-disallowed-list
-
-Instead of using a legacy mixin, try and use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. If what you need isn't possible, either use the mixin's contents or consider contributing to an existing Polaris component.
-
-```diff
-// Don't
-- @include print-hidden;
-// Do
-+ @media print {
-+   display: none;
-+ }
-```
-
-#### layout/property-disallowed-list
-
-There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
-
-```diff
-// Don't
-- display: grid;
-// Do
-+ <Columns />
-```
-
-#### layout/global-disallowed-list
-
-If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
-
-```diff
-// Don't
-- height: var(--p-choice-size);
-// Do
-+ <Checkbox />
-```
-
-### Legacy
-
-#### legacy/at-rule-disallowed-list
-
-If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
-
-```diff
-// Don't
-- @include unstyled-button;
-// Do
-+ <UnstyledButton />
-```
-
-#### legacy/function-disallowed-list
-
-```diff
-// Don't
-- @include available-names
-```
-
-#### legacy/global-disallowed-list
-
-Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwise use hard coded pixel or rem values instead of legacy mixins/variables.
-
-```diff
-// Don't
-- left: -1 * $timeline-border-width;
-// Do
-+ left: calc(-1 * var(--p-space-1));
-```
+[Stylelint Polaris Rules](/tools/stylelint-polaris/rules)
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
index 451d0c15da5..b64a656729c 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: colors/at-rule-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
index 0d67aefaba8..4b9b610bcc7 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
@@ -1,6 +1,6 @@
 ---
 title: colors/color-named
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
index 4aea99f09fb..d02e2ddbf92 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
@@ -1,6 +1,6 @@
 ---
 title: colors/color-no-hex
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
index a4e84767c22..b1e886f695e 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: colors/declaration-property-value-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
index c7d163c97e2..42cdc7c3409 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: colors/function-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
index bef1469ded9..47284550d19 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: colors/global-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
index 630f5b26821..e5220a123b4 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: conventions/custom-property-allowed-list
-description:
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
index 3830a1ce014..d5d1ce6dd61 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: depth/function-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
index 602246ebed9..0506ee16452 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: depth/global-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
index 0e45375cee5..bda92f46dbe 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: depth/property-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
index 06905ce62c7..5ee0382019c 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
@@ -1,5 +1,82 @@
 ---
 title: Rules
-description: TODO
+description: Stylelint Polaris rules that promote adoption and track coverage of the Polaris design system in consuming apps.
 hideChildren: true
 ---
+
+## Conventions
+
+- [conventions/custom-property-allowed-list](/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list): TODO
+
+## Colors
+
+- [colors/color-named](/tools/stylelint-polaris/rules/colors-color-named): TODO
+- [colors/color-no-hex](/tools/stylelint-polaris/rules/colors-color-no-hex): TODO
+- [colors/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list): TODO
+- [colors/function-disallowed-list](/tools/stylelint-polaris/rules/colors-function-disallowed-list): TODO
+- [colors/at-rule-disallowed-list](/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list): TODO
+- [colors/global-disallowed-list](/tools/stylelint-polaris/rules/colors-global-disallowed-list): TODO
+
+## Motion
+
+- [motion/function-disallowed-list](/tools/stylelint-polaris/rules/motion-function-disallowed-list): TODO
+- [motion/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list): TODO
+- [motion/at-rule-disallowed-list](/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list): TODO
+- [motion/global-disallowed-list](/tools/stylelint-polaris/rules/motion-global-disallowed-list): TODO
+
+## Typography
+
+- [typography/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list): TODO
+- [typography/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list): TODO
+- [typography/function-disallowed-list](/tools/stylelint-polaris/rules/typography-function-disallowed-list): TODO
+- [typography/at-rule-disallowed-list](/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list): TODO
+- [typography/property-disallowed-list](/tools/stylelint-polaris/rules/typography-property-disallowed-list): TODO
+
+## Shape
+
+- [shape/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list): TODO
+- [shape/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list): TODO
+- [shape/function-disallowed-list](/tools/stylelint-polaris/rules/shape-function-disallowed-list): TODO
+- [shape/at-rule-disallowed-list](/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list): TODO
+- [shape/property-disallowed-list](/tools/stylelint-polaris/rules/shape-property-disallowed-list): TODO
+
+## Spacing
+
+- [spacing/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list): TODO
+- [spacing/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list): TODO
+- [spacing/function-disallowed-list](/tools/stylelint-polaris/rules/spacing-function-disallowed-list): TODO
+- [spacing/at-rule-disallowed-list](/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list): TODO
+- [spacing/property-disallowed-list](/tools/stylelint-polaris/rules/spacing-property-disallowed-list): TODO
+
+## Depth
+
+- [depth/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list): Disallows box-shadow declarations with hard coded px, rem, or em units
+- [depth/function-disallowed-list](/tools/stylelint-polaris/rules/depth-function-disallowed-list): TODO
+- [depth/global-disallowed-list](/tools/stylelint-polaris/rules/depth-global-disallowed-list): TODO
+- [depth/property-disallowed-list](/tools/stylelint-polaris/rules/depth-property-disallowed-list): TODO
+
+## Media queries
+
+- [media-queries/function-disallowed-list](/tools/stylelint-polaris/rules/media-queries-function-disallowed-list): TODO
+- [media-queries/media-queries-allowed-list](/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list): TODO
+- [media-queries/at-rule-disallowed-list](/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list): TODO
+
+## Z-index
+
+- [z-index/declaration-property-value-allowed-list](/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list): TODO
+- [z-index/function-disallowed-list](/tools/stylelint-polaris/rules/z-index-function-disallowed-list): TODO
+- [z-index/global-disallowed-list](/tools/stylelint-polaris/rules/z-index-global-disallowed-list): TODO
+
+## Layout
+
+- [layout/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list): TODO
+- [layout/function-disallowed-list](/tools/stylelint-polaris/rules/layout-function-disallowed-list): TODO
+- [layout/at-rule-disallowed-list](/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list): TODO
+- [layout/property-disallowed-list](/tools/stylelint-polaris/rules/layout-property-disallowed-list): TODO
+- [layout/global-disallowed-list](/tools/stylelint-polaris/rules/layout-global-disallowed-list): TODO
+
+## Legacy
+
+- [legacy/at-rule-disallowed-list](/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list): TODO
+- [legacy/function-disallowed-list](/tools/stylelint-polaris/rules/legacy-function-disallowed-list): TODO
+- [legacy/global-disallowed-list](/tools/stylelint-polaris/rules/legacy-global-disallowed-list): TODO
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
index 1d50af39d4c..51f9a4191c2 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: layout/at-rule-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
index c14817c833f..424b4b05364 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: layout/declaration-property-value-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
index af5d40293c2..31d2a772e61 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: layout/function-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
index 2da091a3cf3..45a11bbd44c 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: layout/global-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
index 71b5b21f5d0..b96c63b1701 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: layout/property-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
index 012df64b780..2877d3e5c67 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: legacy/at-rule-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
index b646bb48697..fbda8e73371 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: legacy/function-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
index 0dcf5bf096c..12f292f33ed 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: legacy/global-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
index da489ae86e2..7086a26906b 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: media-queries/at-rule-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
index d9918f0d0fa..517cbc9f3e9 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: media-queries/function-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
index de734132931..f3db9ae760e 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: media-queries/media-queries-allowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
index 2f82dbe1c13..a7bf2ba4a83 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: motion/at-rule-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
index 0e83be77c1d..91ed55ed904 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: motion/declaration-property-unit-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
index 7e19a4e3861..d9697276fbd 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: motion/function-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
index 35a3f606c84..c93fa90faa7 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: motion/global-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
index 94a31db538e..10918230dbc 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: shape/at-rule-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
index d6132fb8353..5d170e06c36 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: shape/declaration-property-unit-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
index d209d45684d..d53de71ec29 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: shape/declaration-property-value-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
index a782f911d9c..f525c1575f8 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: shape/function-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
index 3194b8fd2e2..2a5f828556e 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: shape/property-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
index 33684c1af39..df79b56de48 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: spacing/at-rule-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
index 22fdc7aad7b..40dac83f17d 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: spacing/declaration-property-unit-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
index fdb9ebb1cbb..84e3f434c1e 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: spacing/declaration-property-value-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
index 73a6ce49618..22384640bf6 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: spacing/function-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
index 773a49acd1b..aee9d0ae306 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: spacing/property-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
index db791f5ce35..a3900ede9c8 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: typography/at-rule-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
index 04bdb512a39..a8257d27666 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: typography/declaration-property-unit-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
index 686b5454476..ee01a79c1b5 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: typography/declaration-property-value-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
index 1f437abfe67..3c50a99073a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: typography/function-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
index f95fd5a59e8..a625b0c7b0f 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: typography/property-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
index 0d08c09d512..5c1356c8320 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: z-index/declaration-property-value-allowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
index 2139b7a8e33..5f7e2c16179 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: z-index/function-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
index 5a60a3c1d93..a816c184a1f 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
@@ -1,6 +1,6 @@
 ---
 title: z-index/global-disallowed-list
-description: 
+description: TODO
 keywords:
   - stylelint
   - dev tools

From 7d944a519ec01d8aa4c1b6e53956bd31ee747b64 Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Fri, 13 Jan 2023 23:34:13 +0000
Subject: [PATCH 08/19] fix generated markdown

---
 .../content/tools/stylelint-polaris/index.md  | 456 +++++++++++++++++-
 .../rules/colors-at-rule-disallowed-list.md   |   4 +-
 .../rules/colors-color-named.md               |   1 -
 .../rules/colors-color-no-hex.md              |   4 +-
 ...laration-property-value-disallowed-list.md |   4 +-
 .../rules/colors-function-disallowed-list.md  |   4 +-
 .../rules/colors-global-disallowed-list.md    |   4 +-
 ...claration-property-unit-disallowed-list.md |   9 -
 .../rules/depth-function-disallowed-list.md   |   4 +-
 .../rules/depth-global-disallowed-list.md     |   4 +-
 .../rules/depth-property-disallowed-list.md   |   4 +-
 .../rules/layout-at-rule-disallowed-list.md   |   4 +-
 ...laration-property-value-disallowed-list.md |   1 -
 .../rules/layout-function-disallowed-list.md  |   4 +-
 .../rules/layout-global-disallowed-list.md    |   4 +-
 .../rules/layout-property-disallowed-list.md  |   4 +-
 .../rules/legacy-at-rule-disallowed-list.md   |   1 -
 .../rules/legacy-function-disallowed-list.md  |   2 +-
 .../rules/legacy-global-disallowed-list.md    |   3 +-
 .../media-queries-at-rule-disallowed-list.md  |   4 +-
 .../media-queries-function-disallowed-list.md |   1 -
 ...edia-queries-media-queries-allowed-list.md |   4 +-
 .../rules/motion-at-rule-disallowed-list.md   |   4 +-
 ...claration-property-unit-disallowed-list.md |   4 +-
 .../rules/motion-function-disallowed-list.md  |   1 -
 .../rules/motion-global-disallowed-list.md    |   4 +-
 .../rules/shape-at-rule-disallowed-list.md    |   4 +-
 ...claration-property-unit-disallowed-list.md |   4 +-
 ...laration-property-value-disallowed-list.md |   1 -
 .../rules/shape-function-disallowed-list.md   |   4 +-
 .../rules/shape-property-disallowed-list.md   |   4 +-
 .../rules/spacing-at-rule-disallowed-list.md  |   4 +-
 ...claration-property-unit-disallowed-list.md |   4 +-
 ...laration-property-value-disallowed-list.md |   1 -
 .../rules/spacing-function-disallowed-list.md |   4 +-
 .../rules/spacing-property-disallowed-list.md |   4 +-
 .../typography-at-rule-disallowed-list.md     |   4 +-
 ...claration-property-unit-disallowed-list.md |   4 +-
 ...laration-property-value-disallowed-list.md |   1 -
 .../typography-function-disallowed-list.md    |   4 +-
 .../typography-property-disallowed-list.md    |   4 +-
 ...declaration-property-value-allowed-list.md |   1 -
 .../rules/z-index-function-disallowed-list.md |   4 +-
 .../rules/z-index-global-disallowed-list.md   |   4 +-
 44 files changed, 551 insertions(+), 52 deletions(-)

diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
index 8d48db7abc5..5d61b85560e 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
@@ -196,4 +196,458 @@ yarn run stylelint path/to/component.scss
 
 ## Rules
 
-[Stylelint Polaris Rules](/tools/stylelint-polaris/rules)
+### Conventions
+
+#### conventions/custom-property-allowed-list
+
+Allows definition of custom properties not prefixed with `--p-`, `--pc-`, or `--polaris-version-`.
+
+```diff
+root: {
+// Don't
+- --p-animation-name-drag-handle-pulse: osui_drag-handle-pulse;
+// Do
++ --osui_animation-name-drag-handle-pulse: osui_drag-handle-pulse;
+};
+```
+
+Flags declaration property values using `--p-*` that are not valid Polaris tokens.
+
+```diff
+// Don't
+- font-size: var(--p-fontsize-200);
+// Do
++ font-size: var(--p-font-size-200);
+```
+
+Flags declaration property values using private `--pc-*` tokens.
+
+```diff
+// Don't
+- background: var(--pc-button-color-depressed);
+// Do
++ background: var(--p-action-secondary-depressed);
+```
+
+### Colors
+
+#### colors/color-named
+
+```diff
+// Don't
+- color: black;
+- fill: dimgray;
+// Do
++ color: var(--p-text);
++ fill: var(--p-icon)
+```
+
+#### colors/color-no-hex
+
+```diff
+// Don't
+- color: #202223;
+- fill: #5c5f62;
+// Do
++ color: var(--p-text);
++ fill: var(--p-icon)
+```
+
+#### colors/declaration-property-value-disallowed-list
+
+```diff
+// Don't
+- background: black;
+- opacity: 0.15;
+// Do
++ background: var(--p-hint-from-direct-light);
+```
+
+#### colors/function-disallowed-list
+
+```diff
+// Don't
+- color: rgb(140, 145, 150);
+- background: color('hover');
+// Do
++ color: var(--p-text-disabled);
++ background: var(--p-action-secondary-hovered-dark);
+```
+
+#### colors/at-rule-disallowed-list
+
+```diff
+// Don't
+- fill: recolor-icon(--p-text-subdued);
+// Do
++ fill: var(--p-icon-subdued);
+```
+
+#### colors/global-disallowed-list
+
+Disallows use of legacy custom properties.
+
+```diff
+// Don't
+- border: var(--p-override-transparent);
+// Do
++ border: transparent;
+```
+
+Disallows use of legacy mixin map data.
+
+```diff
+- @type map $filter-palette-data: $polaris-color-filters;
+```
+
+### Motion
+
+#### motion/function-disallowed-list
+
+```diff
+
+```
+
+#### motion/declaration-property-unit-disallowed-list
+
+```diff
+// Don't
+- transition-duration: 200ms;
+// Do
++ transition-duration: var(--p-duration-200);
+```
+
+#### motion/at-rule-disallowed-list
+
+```diff
+
+```
+
+#### motion/global-disallowed-list
+
+```diff
+
+```
+
+### Typography
+
+#### typography/declaration-property-value-disallowed-list
+
+```diff
+
+```
+
+#### typography/declaration-property-unit-disallowed-list
+
+```diff
+// Don't
+- font-size: 12px;
+- line-height: 1.5rem
+// Do
++ font-size: var(--p-font-size-75);
++ line-height: var(--p-font-line-height-3);
+```
+
+#### typography/function-disallowed-list
+
+```diff
+
+```
+
+#### typography/at-rule-disallowed-list
+
+```diff
+
+```
+
+#### typography/property-disallowed-list
+
+```diff
+
+```
+
+### Shape
+
+#### shape/declaration-property-value-disallowed-list
+
+```diff
+
+```
+
+#### shape/declaration-property-unit-disallowed-list
+
+```diff
+// Don't
+- border-width: 2px;
+- border-radius: 0.5rem;
+// Do
++ border-width: var(--p-border-width-2);
++ border-radius: var(--p-border-radius-2);
+```
+
+#### shape/function-disallowed-list
+
+```diff
+
+```
+
+#### shape/at-rule-disallowed-list
+
+```diff
+
+```
+
+#### shape/property-disallowed-list
+
+```diff
+
+```
+
+### Spacing
+
+#### spacing/declaration-property-value-disallowed-list
+
+```diff
+
+```
+
+#### spacing/declaration-property-unit-disallowed-list
+
+```diff
+// Don't
+- gap: 2px;
+- margin: 12px  0;
+// Do
++ gap: var(--p-space-05);
++ margin: var(--p-space-3) 0;
+```
+
+#### spacing/function-disallowed-list
+
+```diff
+
+```
+
+#### spacing/at-rule-disallowed-list
+
+```diff
+
+```
+
+#### spacing/property-disallowed-list
+
+```diff
+
+```
+
+### Depth
+
+_{Insert why depth consistency impacts merchant [wayfinding, etc]}_
+
+Have you found that merchants benefit from {an additional layer of visual hierarchy that's not in the depth tokens? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
+
+- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
+- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
+- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+#### depth/declaration-property-unit-disallowed-list
+
+Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
+
+```diff
+// Don't
+- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
+// Do
++ box-shadow: var(--p-shadow-card);
+```
+
+#### depth/function-disallowed-list
+
+Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
+
+```diff
+// Don't
+- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
+// Do
++ box-shadow: var(--p-shadow-base);
+```
+
+#### depth/global-disallowed-list
+
+Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- box-shadow: var(--p-card-shadow);
+// Do
++ box-shadow: var(--p-shadow-card);
+```
+
+#### depth/property-disallowed-list
+
+Instead of using properties like `text-shadow`, make sure the text has proper contrast with the background so that it is readable without a shadow.
+
+```diff
+// Don't
+- text-shadow: 2px 2px #ff0000;
+```
+
+### Media queries
+
+#### media-queries/function-disallowed-list
+
+Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- @include breakpoint-after(layout-width(page-with-nav)) {}
+// Do
++ @media (min-width: var(--p-breakpoints-md)) {}
+```
+
+#### media-queries/media-queries-allowed-list
+
+Try to use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) before creating your own custom styles.
+
+```diff
+// Don't
+- @include @media #{$my-var} {}
+// Do
++ @include @media #{$p-breakpoints-sm-up} {}
+```
+
+#### media-queries/at-rule-disallowed-list
+
+Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- @include breakpoint-before(layout-width(page-with-nav)) {}
+// Do
++ @media (max-width: var(--p-breakpoints-md)) {}
+```
+
+### Z-Index
+
+#### z-index/declaration-property-value-allowed-list
+
+Try to use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) before creating your own custom styles.
+
+```diff
+// Don't
+- z-index: 1;
+// Do
++ z-index: var(--p-z-1);
+```
+
+#### z-index/function-disallowed-list
+
+Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- z-index: z-index(content);
+// Do
++ z-index: var(--p-z-1);
+```
+
+#### z-index/global-disallowed-list
+
+Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
+
+```diff
+// Don't
+- z-index(toast, $fixed-element-stacking-order);
+// Do
++ z-index: var(--p-z-1);
+```
+
+### Layout
+
+#### layout/declaration-property-value-disallowed-list
+
+There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
+
+```diff
+// Don't
+- width: 100%;
+// Do
++ <Stack />
+```
+
+#### layout/function-disallowed-list
+
+Use hard coded pixel or rem values for `width` and `height` instead of legacy mixins/variables or spacing tokens.
+
+```diff
+// Don't
+- height: top-bar-height();
+// Do
++ height: 56px;
+```
+
+#### layout/at-rule-disallowed-list
+
+Instead of using a legacy mixin, try and use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. If what you need isn't possible, either use the mixin's contents or consider contributing to an existing Polaris component.
+
+```diff
+// Don't
+- @include print-hidden;
+// Do
++ @media print {
++   display: none;
++ }
+```
+
+#### layout/property-disallowed-list
+
+There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
+
+```diff
+// Don't
+- display: grid;
+// Do
++ <Columns />
+```
+
+#### layout/global-disallowed-list
+
+If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
+
+```diff
+// Don't
+- height: var(--p-choice-size);
+// Do
++ <Checkbox />
+```
+
+### Legacy
+
+#### legacy/at-rule-disallowed-list
+
+If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
+
+```diff
+// Don't
+- @include unstyled-button;
+// Do
++ <UnstyledButton />
+```
+
+#### legacy/function-disallowed-list
+
+```diff
+// Don't
+- @include available-names
+```
+
+#### legacy/global-disallowed-list
+
+Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwise use hard coded pixel or rem values instead of legacy mixins/variables.
+
+```diff
+// Don't
+- left: -1 * $timeline-border-width;
+// Do
++ left: calc(-1 * var(--p-space-1));
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
index b64a656729c..2ab08a468ca 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - colors
 ---
 
+Please use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+
 ```diff
 // Don't
 - fill: recolor-icon(--p-text-subdued);
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
index 4b9b610bcc7..d0f90fe1e57 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
@@ -18,7 +18,6 @@ keywords:
 
 Please use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
-
 ```diff
 // Don't
 - color: black;
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
index d02e2ddbf92..f3527a5da60 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - colors
 ---
 
+Please use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+
 ```diff
 // Don't
 - color: #202223;
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
index b1e886f695e..b988ec8bb10 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - colors
 ---
 
+Please use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+
 ```diff
 // Don't
 - background: black;
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
index 42cdc7c3409..06e2de25cae 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - colors
 ---
 
+Please use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+
 ```diff
 // Don't
 - color: rgb(140, 145, 150);
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
index 47284550d19..c28417f92a8 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - colors
 ---
 
+Please use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+
 Disallows use of legacy custom properties.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
index 1b7fe73730b..fc1da719f35 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
@@ -18,15 +18,6 @@ keywords:
 
 Please use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
 
-_{Insert why depth consistency impacts merchant [wayfinding, etc]}_
-
-Have you found that merchants benefit from {an additional layer of visual hierarchy that's not in the depth tokens? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-
 Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
index d5d1ce6dd61..90ce06349ee 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - depth
 ---
 
+Please use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
+
 Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
index 0506ee16452..fe73f2b58b5 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - depth
 ---
 
+Please use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
+
 Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
index bda92f46dbe..6d5db2bff2a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - depth
 ---
 
+Please use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
+
 Instead of using properties like `text-shadow`, make sure the text has proper contrast with the background so that it is readable without a shadow.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
index 51f9a4191c2..3b81521fc24 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - layout
 ---
 
+Please use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
+
 Instead of using a legacy mixin, try and use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. If what you need isn't possible, either use the mixin's contents or consider contributing to an existing Polaris component.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
index 424b4b05364..fde2a700d0d 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
@@ -18,7 +18,6 @@ keywords:
 
 Please use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
 
-
 There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
index 31d2a772e61..efa2dddc19b 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - layout
 ---
 
+Please use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
+
 Use hard coded pixel or rem values for `width` and `height` instead of legacy mixins/variables or spacing tokens.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
index 45a11bbd44c..d8fdbe48d2a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - layout
 ---
 
+Please use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
+
 If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
index b96c63b1701..5ba9021d3a9 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - layout
 ---
 
+Please use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
+
 There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
index 2877d3e5c67..03bf1375708 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
@@ -16,7 +16,6 @@ keywords:
   - legacy
 ---
 
-
 If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
index fbda8e73371..31b568bd4ed 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
@@ -13,7 +13,7 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - legacy
 ---
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
index 12f292f33ed..8f711ba8889 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
@@ -13,7 +13,7 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - legacy
 ---
 
 Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwise use hard coded pixel or rem values instead of legacy mixins/variables.
@@ -25,6 +25,7 @@ Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwis
 + left: calc(-1 * var(--p-space-1));
 ```
 
+#
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
index 7086a26906b..987800dc982 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - media queries
 ---
 
+Please use Polaris [breakpoints tokens](https://polaris.shopify.com/tokens/breakpoints) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
+
 Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
index 517cbc9f3e9..6922e784d52 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
@@ -18,7 +18,6 @@ keywords:
 
 Please use Polaris [breakpoints tokens](https://polaris.shopify.com/tokens/breakpoints) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
 
-
 Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
index f3db9ae760e..e8984a628be 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - media queries
 ---
 
+Please use Polaris [breakpoints tokens](https://polaris.shopify.com/tokens/breakpoints) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
+
 Try to use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) before creating your own custom styles.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
index a7bf2ba4a83..12b7abd0cf2 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - motion
 ---
 
+Please use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
+
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
index 91ed55ed904..a87df36d56f 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - motion
 ---
 
+Please use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
+
 ```diff
 // Don't
 - transition-duration: 200ms;
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
index d9697276fbd..c0660c298ed 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
@@ -18,7 +18,6 @@ keywords:
 
 Please use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
 
-
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
index c93fa90faa7..3d455e80926 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - motion
 ---
 
+Please use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
+
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
index 10918230dbc..fa3f61800a2 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - shape
 ---
 
+Please use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
index 5d170e06c36..0ed4d2f2053 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - shape
 ---
 
+Please use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+
 ```diff
 // Don't
 - border-width: 2px;
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
index d53de71ec29..cb43ba188f8 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
@@ -18,7 +18,6 @@ keywords:
 
 Please use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
 
-
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
index f525c1575f8..8ceee64be49 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - shape
 ---
 
+Please use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
index 2a5f828556e..7651f8880ff 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - shape
 ---
 
+Please use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
index df79b56de48..e2b533ce10f 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - spacing
 ---
 
+Please use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
+
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
index 40dac83f17d..9365600e667 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - spacing
 ---
 
+Please use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
+
 ```diff
 // Don't
 - gap: 2px;
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
index 84e3f434c1e..ebc1eb07b32 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
@@ -18,7 +18,6 @@ keywords:
 
 Please use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
 
-
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
index 22384640bf6..f78751e686b 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - spacing
 ---
 
+Please use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
+
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
index aee9d0ae306..a7ddbcdcfb0 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - spacing
 ---
 
+Please use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
+
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
index a3900ede9c8..a8f9f07e67a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - typography
 ---
 
+Please use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
index a8257d27666..147495bbdc1 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - typography
 ---
 
+Please use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+
 ```diff
 // Don't
 - font-size: 12px;
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
index ee01a79c1b5..c6f47a05118 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
@@ -18,7 +18,6 @@ keywords:
 
 Please use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
 
-
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
index 3c50a99073a..0eaf9e14057 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - typography
 ---
 
+Please use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
index a625b0c7b0f..f950a2410e5 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - typography
 ---
 
+Please use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+
 ```diff
 
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
index 5c1356c8320..b1c2e889440 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
@@ -18,7 +18,6 @@ keywords:
 
 Please use Polaris [z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index are in sync with updates from the design system.
 
-
 Try to use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) before creating your own custom styles.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
index 5f7e2c16179..a6a251fa9b8 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - z-index
 ---
 
+Please use Polaris [z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index are in sync with updates from the design system.
+
 Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
 
 ```diff
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
index a816c184a1f..200d49cb724 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
@@ -13,9 +13,11 @@ keywords:
   - linter
   - linting
   - css
-  - 
+  - z-index
 ---
 
+Please use Polaris [z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index are in sync with updates from the design system.
+
 Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
 
 ```diff

From 961f324a9cbe050d8d72d97fa813817206351d72 Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Sat, 14 Jan 2023 02:53:03 +0000
Subject: [PATCH 09/19] Chloe's changes from #8051

---
 .../content/tools/stylelint-polaris/index.md  | 164 +++++++-----------
 .../rules/colors-at-rule-disallowed-list.md   |  19 +-
 .../rules/colors-color-named.md               |  21 +--
 .../rules/colors-color-no-hex.md              |  21 +--
 ...laration-property-value-disallowed-list.md |  19 +-
 .../rules/colors-function-disallowed-list.md  |  21 +--
 .../rules/colors-global-disallowed-list.md    |  19 +-
 ...onventions-custom-property-allowed-list.md |  25 +--
 ...claration-property-unit-disallowed-list.md |  19 +-
 .../rules/depth-function-disallowed-list.md   |  21 +--
 .../rules/depth-global-disallowed-list.md     |  21 +--
 .../rules/depth-property-disallowed-list.md   |  15 +-
 .../tools/stylelint-polaris/rules/index.md    | 108 ++++++------
 .../rules/layout-at-rule-disallowed-list.md   |  21 +--
 ...laration-property-value-disallowed-list.md |  21 +--
 .../rules/layout-function-disallowed-list.md  |  19 +-
 .../rules/layout-global-disallowed-list.md    |  21 +--
 .../rules/layout-property-disallowed-list.md  |  21 +--
 .../rules/legacy-at-rule-disallowed-list.md   |  19 +-
 .../rules/legacy-function-disallowed-list.md  |  15 +-
 .../rules/legacy-global-disallowed-list.md    |  19 +-
 .../media-queries-at-rule-disallowed-list.md  |  21 +--
 .../media-queries-function-disallowed-list.md |  21 +--
 ...edia-queries-media-queries-allowed-list.md |  21 +--
 .../rules/motion-at-rule-disallowed-list.md   |  15 +-
 ...claration-property-unit-disallowed-list.md |  19 +-
 .../rules/motion-function-disallowed-list.md  |  15 +-
 .../rules/motion-global-disallowed-list.md    |  15 +-
 .../rules/shape-at-rule-disallowed-list.md    |  15 +-
 ...claration-property-unit-disallowed-list.md |  21 +--
 ...laration-property-value-disallowed-list.md |  15 +-
 .../rules/shape-function-disallowed-list.md   |  15 +-
 .../rules/shape-property-disallowed-list.md   |  15 +-
 .../rules/spacing-at-rule-disallowed-list.md  |  15 +-
 ...claration-property-unit-disallowed-list.md |  21 +--
 ...laration-property-value-disallowed-list.md |  15 +-
 .../rules/spacing-function-disallowed-list.md |  15 +-
 .../rules/spacing-property-disallowed-list.md |  15 +-
 .../typography-at-rule-disallowed-list.md     |  15 +-
 ...claration-property-unit-disallowed-list.md |  21 +--
 ...laration-property-value-disallowed-list.md |  15 +-
 .../typography-function-disallowed-list.md    |  15 +-
 .../typography-property-disallowed-list.md    |  15 +-
 ...declaration-property-value-allowed-list.md |  21 +--
 .../rules/z-index-function-disallowed-list.md |  21 +--
 .../rules/z-index-global-disallowed-list.md   |  21 +--
 .../src/components/Code/Code.tsx              |   1 +
 47 files changed, 318 insertions(+), 765 deletions(-)

diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
index 5d61b85560e..3d063185e45 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
@@ -204,29 +204,29 @@ Allows definition of custom properties not prefixed with `--p-`, `--pc-`, or `--
 
 ```diff
 root: {
-// Don't
-- --p-animation-name-drag-handle-pulse: osui_drag-handle-pulse;
 // Do
 + --osui_animation-name-drag-handle-pulse: osui_drag-handle-pulse;
+// Don't
+- --p-animation-name-drag-handle-pulse: osui_drag-handle-pulse;
 };
 ```
 
 Flags declaration property values using `--p-*` that are not valid Polaris tokens.
 
 ```diff
-// Don't
-- font-size: var(--p-fontsize-200);
 // Do
 + font-size: var(--p-font-size-200);
+// Don't
+- font-size: var(--p-fontsize-200);
 ```
 
 Flags declaration property values using private `--pc-*` tokens.
 
 ```diff
-// Don't
-- background: var(--pc-button-color-depressed);
 // Do
 + background: var(--p-action-secondary-depressed);
+// Don't
+- background: var(--pc-button-color-depressed);
 ```
 
 ### Colors
@@ -234,53 +234,53 @@ Flags declaration property values using private `--pc-*` tokens.
 #### colors/color-named
 
 ```diff
-// Don't
-- color: black;
-- fill: dimgray;
 // Do
 + color: var(--p-text);
 + fill: var(--p-icon)
+// Don't
+- color: black;
+- fill: dimgray;
 ```
 
 #### colors/color-no-hex
 
 ```diff
-// Don't
-- color: #202223;
-- fill: #5c5f62;
 // Do
 + color: var(--p-text);
 + fill: var(--p-icon)
+// Don't
+- color: #202223;
+- fill: #5c5f62;
 ```
 
 #### colors/declaration-property-value-disallowed-list
 
 ```diff
+// Do
++ background: var(--p-hint-from-direct-light);
 // Don't
 - background: black;
 - opacity: 0.15;
-// Do
-+ background: var(--p-hint-from-direct-light);
 ```
 
 #### colors/function-disallowed-list
 
 ```diff
-// Don't
-- color: rgb(140, 145, 150);
-- background: color('hover');
 // Do
 + color: var(--p-text-disabled);
 + background: var(--p-action-secondary-hovered-dark);
+// Don't
+- color: rgb(140, 145, 150);
+- background: color('hover');
 ```
 
 #### colors/at-rule-disallowed-list
 
 ```diff
-// Don't
-- fill: recolor-icon(--p-text-subdued);
 // Do
 + fill: var(--p-icon-subdued);
+// Don't
+- fill: recolor-icon(--p-text-subdued);
 ```
 
 #### colors/global-disallowed-list
@@ -288,10 +288,10 @@ Flags declaration property values using private `--pc-*` tokens.
 Disallows use of legacy custom properties.
 
 ```diff
-// Don't
-- border: var(--p-override-transparent);
 // Do
 + border: transparent;
+// Don't
+- border: var(--p-override-transparent);
 ```
 
 Disallows use of legacy mixin map data.
@@ -311,10 +311,10 @@ Disallows use of legacy mixin map data.
 #### motion/declaration-property-unit-disallowed-list
 
 ```diff
-// Don't
-- transition-duration: 200ms;
 // Do
 + transition-duration: var(--p-duration-200);
+// Don't
+- transition-duration: 200ms;
 ```
 
 #### motion/at-rule-disallowed-list
@@ -340,12 +340,12 @@ Disallows use of legacy mixin map data.
 #### typography/declaration-property-unit-disallowed-list
 
 ```diff
-// Don't
-- font-size: 12px;
-- line-height: 1.5rem
 // Do
 + font-size: var(--p-font-size-75);
 + line-height: var(--p-font-line-height-3);
+// Don't
+- font-size: 12px;
+- line-height: 1.5rem
 ```
 
 #### typography/function-disallowed-list
@@ -377,12 +377,12 @@ Disallows use of legacy mixin map data.
 #### shape/declaration-property-unit-disallowed-list
 
 ```diff
-// Don't
-- border-width: 2px;
-- border-radius: 0.5rem;
 // Do
 + border-width: var(--p-border-width-2);
 + border-radius: var(--p-border-radius-2);
+// Don't
+- border-width: 2px;
+- border-radius: 0.5rem;
 ```
 
 #### shape/function-disallowed-list
@@ -414,12 +414,12 @@ Disallows use of legacy mixin map data.
 #### spacing/declaration-property-unit-disallowed-list
 
 ```diff
-// Don't
-- gap: 2px;
-- margin: 12px  0;
 // Do
 + gap: var(--p-space-05);
 + margin: var(--p-space-3) 0;
+// Don't
+- gap: 2px;
+- margin: 12px  0;
 ```
 
 #### spacing/function-disallowed-list
@@ -442,45 +442,31 @@ Disallows use of legacy mixin map data.
 
 ### Depth
 
-_{Insert why depth consistency impacts merchant [wayfinding, etc]}_
-
-Have you found that merchants benefit from {an additional layer of visual hierarchy that's not in the depth tokens? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
 #### depth/declaration-property-unit-disallowed-list
 
-Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
-
 ```diff
-// Don't
-- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
 // Do
 + box-shadow: var(--p-shadow-card);
+// Don't
+- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
 ```
 
 #### depth/function-disallowed-list
 
-Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
-
 ```diff
-// Don't
-- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
 // Do
 + box-shadow: var(--p-shadow-base);
+// Don't
+- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
 ```
 
 #### depth/global-disallowed-list
 
-Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
-
 ```diff
-// Don't
-- box-shadow: var(--p-card-shadow);
 // Do
 + box-shadow: var(--p-shadow-card);
+// Don't
+- box-shadow: var(--p-card-shadow);
 ```
 
 #### depth/property-disallowed-list
@@ -496,83 +482,69 @@ Instead of using properties like `text-shadow`, make sure the text has proper co
 
 #### media-queries/function-disallowed-list
 
-Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
-
 ```diff
-// Don't
-- @include breakpoint-after(layout-width(page-with-nav)) {}
 // Do
 + @media (min-width: var(--p-breakpoints-md)) {}
+// Don't
+- @include breakpoint-after(layout-width(page-with-nav)) {}
 ```
 
 #### media-queries/media-queries-allowed-list
 
-Try to use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) before creating your own custom styles.
-
 ```diff
-// Don't
-- @include @media #{$my-var} {}
 // Do
 + @include @media #{$p-breakpoints-sm-up} {}
+// Don't
+- @include @media #{$my-var} {}
 ```
 
 #### media-queries/at-rule-disallowed-list
 
-Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
-
 ```diff
-// Don't
-- @include breakpoint-before(layout-width(page-with-nav)) {}
 // Do
 + @media (max-width: var(--p-breakpoints-md)) {}
+// Don't
+- @include breakpoint-before(layout-width(page-with-nav)) {}
 ```
 
 ### Z-Index
 
 #### z-index/declaration-property-value-allowed-list
 
-Try to use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) before creating your own custom styles.
-
 ```diff
-// Don't
-- z-index: 1;
 // Do
 + z-index: var(--p-z-1);
+// Don't
+- z-index: 1;
 ```
 
 #### z-index/function-disallowed-list
 
-Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
-
 ```diff
-// Don't
-- z-index: z-index(content);
 // Do
 + z-index: var(--p-z-1);
+// Don't
+- z-index: z-index(content);
 ```
 
 #### z-index/global-disallowed-list
 
-Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
-
 ```diff
-// Don't
-- z-index(toast, $fixed-element-stacking-order);
 // Do
 + z-index: var(--p-z-1);
+// Don't
+- z-index(toast, $fixed-element-stacking-order);
 ```
 
 ### Layout
 
 #### layout/declaration-property-value-disallowed-list
 
-There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
-
 ```diff
-// Don't
-- width: 100%;
 // Do
 + <Stack />
+// Don't
+- width: 100%;
 ```
 
 #### layout/function-disallowed-list
@@ -580,58 +552,50 @@ There are many ways to use [Polaris components](https://polaris.shopify.com/comp
 Use hard coded pixel or rem values for `width` and `height` instead of legacy mixins/variables or spacing tokens.
 
 ```diff
-// Don't
-- height: top-bar-height();
 // Do
 + height: 56px;
+// Don't
+- height: top-bar-height();
 ```
 
 #### layout/at-rule-disallowed-list
 
-Instead of using a legacy mixin, try and use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. If what you need isn't possible, either use the mixin's contents or consider contributing to an existing Polaris component.
-
 ```diff
-// Don't
-- @include print-hidden;
 // Do
 + @media print {
 +   display: none;
 + }
+// Don't
+- @include print-hidden;
 ```
 
 #### layout/property-disallowed-list
 
-There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
-
 ```diff
-// Don't
-- display: grid;
 // Do
 + <Columns />
+// Don't
+- display: grid;
 ```
 
 #### layout/global-disallowed-list
 
-If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
-
 ```diff
-// Don't
-- height: var(--p-choice-size);
 // Do
 + <Checkbox />
+// Don't
+- height: var(--p-choice-size);
 ```
 
 ### Legacy
 
 #### legacy/at-rule-disallowed-list
 
-If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
-
 ```diff
-// Don't
-- @include unstyled-button;
 // Do
 + <UnstyledButton />
+// Don't
+- @include unstyled-button;
 ```
 
 #### legacy/function-disallowed-list
@@ -646,8 +610,8 @@ If [Polaris components](https://polaris.shopify.com/components) cannot be compos
 Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwise use hard coded pixel or rem values instead of legacy mixins/variables.
 
 ```diff
-// Don't
-- left: -1 * $timeline-border-width;
 // Do
 + left: calc(-1 * var(--p-space-1));
+// Don't
+- left: -1 * $timeline-border-width;
 ```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
index 2ab08a468ca..0ef11f80428 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
@@ -1,28 +1,19 @@
 ---
 title: colors/at-rule-disallowed-list
-description: TODO
+description: Disallows use of legacy color mixins
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - colors
+  - colors rules
 ---
 
-Please use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Try to use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
-// Don't
-- fill: recolor-icon(--p-text-subdued);
 // Do
 + fill: var(--p-icon-subdued);
+// Don't
+- fill: recolor-icon(--p-text-subdued);
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
index d0f90fe1e57..ccbde6ef1ec 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
@@ -1,30 +1,21 @@
 ---
 title: colors/color-named
-description: TODO
+description: Disallows named colors
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - colors
+  - colors rules
 ---
 
-Please use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Try to use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
-// Don't
-- color: black;
-- fill: dimgray;
 // Do
 + color: var(--p-text);
 + fill: var(--p-icon)
+// Don't
+- color: black;
+- fill: dimgray;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
index f3527a5da60..ee5d6c59fcb 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
@@ -1,30 +1,21 @@
 ---
 title: colors/color-no-hex
-description: TODO
+description: Disallows hex colors
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - colors
+  - colors rules
 ---
 
-Please use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Try to use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
-// Don't
-- color: #202223;
-- fill: #5c5f62;
 // Do
 + color: var(--p-text);
 + fill: var(--p-icon)
+// Don't
+- color: #202223;
+- fill: #5c5f62;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
index b988ec8bb10..38b05729c90 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
@@ -1,29 +1,20 @@
 ---
 title: colors/declaration-property-value-disallowed-list
-description: TODO
+description: Disallows custom decimal opacity values
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - colors
+  - colors rules
 ---
 
-Please use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Try to use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
+// Do
++ background: var(--p-hint-from-direct-light);
 // Don't
 - background: black;
 - opacity: 0.15;
-// Do
-+ background: var(--p-hint-from-direct-light);
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
index 06e2de25cae..7c2ddf4dfd6 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
@@ -1,30 +1,21 @@
 ---
 title: colors/function-disallowed-list
-description: TODO
+description: Disallows allows use of built in and legacy color functions
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - colors
+  - colors rules
 ---
 
-Please use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Try to use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
-// Don't
-- color: rgb(140, 145, 150);
-- background: color('hover');
 // Do
 + color: var(--p-text-disabled);
 + background: var(--p-action-secondary-hovered-dark);
+// Don't
+- color: rgb(140, 145, 150);
+- background: color('hover');
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
index c28417f92a8..951d476d64b 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
@@ -1,30 +1,21 @@
 ---
 title: colors/global-disallowed-list
-description: TODO
+description: Disallows use of legacy color custom properties and mixin map data
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - colors
+  - colors rules
 ---
 
-Please use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Try to use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 Disallows use of legacy custom properties.
 
 ```diff
-// Don't
-- border: var(--p-override-transparent);
 // Do
 + border: transparent;
+// Don't
+- border: var(--p-override-transparent);
 ```
 
 Disallows use of legacy mixin map data.
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
index e5220a123b4..58d3ea47615 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
@@ -1,48 +1,39 @@
 ---
 title: conventions/custom-property-allowed-list
-description: TODO
+description: Allows definition of custom properties not using Polaris prefixes, flags declaration property values that are not valid Polaris tokens, flags declaration property values using private tokens
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - conventions
+  - conventions rules
 ---
 
 Allows definition of custom properties not prefixed with `--p-`, `--pc-`, or `--polaris-version-`.
 
 ```diff
 root: {
-// Don't
-- --p-animation-name-drag-handle-pulse: osui_drag-handle-pulse;
 // Do
 + --osui_animation-name-drag-handle-pulse: osui_drag-handle-pulse;
+// Don't
+- --p-animation-name-drag-handle-pulse: osui_drag-handle-pulse;
 };
 ```
 
 Flags declaration property values using `--p-*` that are not valid Polaris tokens.
 
 ```diff
-// Don't
-- font-size: var(--p-fontsize-200);
 // Do
 + font-size: var(--p-font-size-200);
+// Don't
+- font-size: var(--p-fontsize-200);
 ```
 
 Flags declaration property values using private `--pc-*` tokens.
 
 ```diff
-// Don't
-- background: var(--pc-button-color-depressed);
 // Do
 + background: var(--p-action-secondary-depressed);
+// Don't
+- background: var(--pc-button-color-depressed);
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
index fc1da719f35..24b7908341c 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
@@ -3,28 +3,17 @@ title: depth/declaration-property-unit-disallowed-list
 description: Disallows box-shadow declarations with hard coded px, rem, or em units
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - depth
+  - depth rules
 ---
 
-Please use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
-
-Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
+Try to use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
 
 ```diff
-// Don't
-- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
 // Do
 + box-shadow: var(--p-shadow-card);
+// Don't
+- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
index 90ce06349ee..06153c12462 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
@@ -1,30 +1,19 @@
 ---
 title: depth/function-disallowed-list
-description: TODO
+description: Disallows use of built-in and legacy shadow functions
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - depth
+  - depth rules
 ---
 
-Please use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
-
-Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of custom shadows.
+Try to use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
 
 ```diff
-// Don't
-- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
 // Do
 + box-shadow: var(--p-shadow-base);
+// Don't
+- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
index fe73f2b58b5..af01b3e63e2 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
@@ -1,30 +1,19 @@
 ---
 title: depth/global-disallowed-list
-description: TODO
+description: Disallows use of legacy shadow custom properties and Sass mixin data
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - depth
+  - depth rules
 ---
 
-Please use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
-
-Use the [Polaris depth tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
+Try to use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
 
 ```diff
-// Don't
-- box-shadow: var(--p-card-shadow);
 // Do
 + box-shadow: var(--p-shadow-card);
+// Don't
+- box-shadow: var(--p-card-shadow);
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
index 6d5db2bff2a..02d9f9257df 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: depth/property-disallowed-list
-description: TODO
+description: undefined
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - depth
+  - depth rules
 ---
 
-Please use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
+Try to use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
 
 Instead of using properties like `text-shadow`, make sure the text has proper contrast with the background so that it is readable without a shadow.
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
index 5ee0382019c..72bdf6746b6 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
@@ -1,82 +1,88 @@
 ---
 title: Rules
-description: Stylelint Polaris rules that promote adoption and track coverage of the Polaris design system in consuming apps.
+description: There are over 40 rules configured in Stylelint Polaris to help you avoid errors and follow stylistic and non-stylistic conventions while building for the Shopify admin.
 hideChildren: true
+keywords:
+  - rules
+  - stylelint rules
+  - css rules
 ---
 
-## Conventions
-
-- [conventions/custom-property-allowed-list](/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list): TODO
-
 ## Colors
 
-- [colors/color-named](/tools/stylelint-polaris/rules/colors-color-named): TODO
-- [colors/color-no-hex](/tools/stylelint-polaris/rules/colors-color-no-hex): TODO
-- [colors/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list): TODO
-- [colors/function-disallowed-list](/tools/stylelint-polaris/rules/colors-function-disallowed-list): TODO
-- [colors/at-rule-disallowed-list](/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list): TODO
-- [colors/global-disallowed-list](/tools/stylelint-polaris/rules/colors-global-disallowed-list): TODO
+- [colors/color-named](/tools/stylelint-polaris/rules/colors-color-named): Disallows named colors
+- [colors/color-no-hex](/tools/stylelint-polaris/rules/colors-color-no-hex): Disallows hex colors
+- [colors/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list): Disallows custom decimal opacity values
+- [colors/function-disallowed-list](/tools/stylelint-polaris/rules/colors-function-disallowed-list): Disallows allows use of built in and legacy color functions
+- [colors/at-rule-disallowed-list](/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list): Disallows use of legacy color mixins
+- [colors/global-disallowed-list](/tools/stylelint-polaris/rules/colors-global-disallowed-list): Disallows use of legacy color custom properties and mixin map data
 
 ## Motion
 
-- [motion/function-disallowed-list](/tools/stylelint-polaris/rules/motion-function-disallowed-list): TODO
-- [motion/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list): TODO
-- [motion/at-rule-disallowed-list](/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list): TODO
-- [motion/global-disallowed-list](/tools/stylelint-polaris/rules/motion-global-disallowed-list): TODO
+- [motion/function-disallowed-list](/tools/stylelint-polaris/rules/motion-function-disallowed-list): Disallows use of legacy Sass motion functions
+- [motion/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list): Disallows use of hard-coded millisecond `ms` and second `s` values on transition and animation properties
+- [motion/at-rule-disallowed-list](/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list): Disallows use of CSS @keyframes
+- [motion/global-disallowed-list](/tools/stylelint-polaris/rules/motion-global-disallowed-list): Disallows use of legacy Polaris motion tokens
 
 ## Typography
 
-- [typography/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list): TODO
-- [typography/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list): TODO
-- [typography/function-disallowed-list](/tools/stylelint-polaris/rules/typography-function-disallowed-list): TODO
-- [typography/at-rule-disallowed-list](/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list): TODO
-- [typography/property-disallowed-list](/tools/stylelint-polaris/rules/typography-property-disallowed-list): TODO
+- [typography/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list): Disallows hard-coded alphanumeric font-weight values
+- [typography/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list): Disallows hard-coded `px`, `em`, and `rem` values for font-size and line-height properties
+- [typography/function-disallowed-list](/tools/stylelint-polaris/rules/typography-function-disallowed-list): Disallows use of legacy Sass typography functions
+- [typography/at-rule-disallowed-list](/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list): Disallows use of legacy Sass typography mixins
+- [typography/property-disallowed-list](/tools/stylelint-polaris/rules/typography-property-disallowed-list): Disallows use of legacy typography custom properties and Sass mixin data
 
-## Shape
+## Layout
 
-- [shape/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list): TODO
-- [shape/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list): TODO
-- [shape/function-disallowed-list](/tools/stylelint-polaris/rules/shape-function-disallowed-list): TODO
-- [shape/at-rule-disallowed-list](/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list): TODO
-- [shape/property-disallowed-list](/tools/stylelint-polaris/rules/shape-property-disallowed-list): TODO
+- [layout/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list): Disallows declaration of positioning and dimension property values with Polaris tokens
+- [layout/function-disallowed-list](/tools/stylelint-polaris/rules/layout-function-disallowed-list): Disallows use of internal Sass layout functions
+- [layout/at-rule-disallowed-list](/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list): Disallows use of legacy Sass mixins
+- [layout/property-disallowed-list](/tools/stylelint-polaris/rules/layout-property-disallowed-list): Disallows declarations of layout properties
+- [layout/global-disallowed-list](/tools/stylelint-polaris/rules/layout-global-disallowed-list): Disallows use of legacy custom properties and Sass mixin map data
 
 ## Spacing
 
-- [spacing/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list): TODO
-- [spacing/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list): TODO
-- [spacing/function-disallowed-list](/tools/stylelint-polaris/rules/spacing-function-disallowed-list): TODO
-- [spacing/at-rule-disallowed-list](/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list): TODO
-- [spacing/property-disallowed-list](/tools/stylelint-polaris/rules/spacing-property-disallowed-list): TODO
+- [spacing/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list): Disallows use of hard-coded px, em, and rem values on gap, margin, and padding properties
+- [spacing/function-disallowed-list](/tools/stylelint-polaris/rules/spacing-function-disallowed-list): Disallows use of legacy Sass spacing functions
+- [spacing/global-disallowed-list](/tools/stylelint-polaris/rules/spacing-property-disallowed-list): Disallows use of legacy spacing custom properties and Sass mixin data
+
+## Shape
+
+- [shape/function-disallowed-list](/tools/stylelint-polaris/rules/shape-function-disallowed-list): Disallows use of legacy Sass border functions
+- [shape/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list): Disallows hard-coded `px`, `em`, and `rem` units in border property values
+- [shape/at-rule-disallowed-list](/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list): Disallows use of legacy Sass border mixins
+- [shape/property-disallowed-list](/tools/stylelint-polaris/rules/shape-global-disallowed-list): Disallows use of legacy border custom properties and Sass mixin map data
 
 ## Depth
 
+- [depth/function-disallowed-list](/tools/stylelint-polaris/rules/depth-function-disallowed-list): Disallows use of built-in and legacy shadow functions
 - [depth/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list): Disallows box-shadow declarations with hard coded px, rem, or em units
-- [depth/function-disallowed-list](/tools/stylelint-polaris/rules/depth-function-disallowed-list): TODO
-- [depth/global-disallowed-list](/tools/stylelint-polaris/rules/depth-global-disallowed-list): TODO
-- [depth/property-disallowed-list](/tools/stylelint-polaris/rules/depth-property-disallowed-list): TODO
+- [depth/global-disallowed-list](/tools/stylelint-polaris/rules/depth-global-disallowed-list): Disallows use of legacy shadow custom properties and Sass mixin data
 
-## Media queries
+## Z-Index
 
-- [media-queries/function-disallowed-list](/tools/stylelint-polaris/rules/media-queries-function-disallowed-list): TODO
-- [media-queries/media-queries-allowed-list](/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list): TODO
-- [media-queries/at-rule-disallowed-list](/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list): TODO
+- [z-index/declaration-property-value-allowed-list](/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list): Disallows declaration of `z-index` values that are not Polaris z-index tokens
+- [z-index/function-disallowed-list](/tools/stylelint-polaris/rules/z-index-function-disallowed-list): Disallows use of the legacy z-index Sass function
+- [z-index/global-disallowed-list](/tools/stylelint-polaris/rules/z-index-global-disallowed-list): Disallows the use of legacy z-index custom properties and Sass mixin data
 
-## Z-index
+## Conventions
 
-- [z-index/declaration-property-value-allowed-list](/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list): TODO
-- [z-index/function-disallowed-list](/tools/stylelint-polaris/rules/z-index-function-disallowed-list): TODO
-- [z-index/global-disallowed-list](/tools/stylelint-polaris/rules/z-index-global-disallowed-list): TODO
+- [conventions/custom-property-allowed-list](/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list):
+  - Allows definition of custom properties not using Polaris prefixes
+  - Flags declaration property values that are not valid Polaris tokens
+  - Flags declaration property values using private tokens
 
-## Layout
+## Media queries
 
-- [layout/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list): TODO
-- [layout/function-disallowed-list](/tools/stylelint-polaris/rules/layout-function-disallowed-list): TODO
-- [layout/at-rule-disallowed-list](/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list): TODO
-- [layout/property-disallowed-list](/tools/stylelint-polaris/rules/layout-property-disallowed-list): TODO
-- [layout/global-disallowed-list](/tools/stylelint-polaris/rules/layout-global-disallowed-list): TODO
+- [media-queries/media-queries-allowed-list](/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list):
+  - Allows declaration of `print` and `screen` `@media` queries
+  - Allows `@media` queries for `forced-colors` and `ms-high-contrast` features
+  - Allows `@media` queries using Polaris breakpoints
+- [media-queries/function-disallowed-list](/tools/stylelint-polaris/rules/media-queries-function-disallowed-list): Disallows use of legacy breakpoint sass functions
+- [media-queries/at-rule-disallowed-list](/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list): Disallows use of legacy breakpoint Sass mixins
 
 ## Legacy
 
-- [legacy/at-rule-disallowed-list](/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list): TODO
-- [legacy/function-disallowed-list](/tools/stylelint-polaris/rules/legacy-function-disallowed-list): TODO
-- [legacy/global-disallowed-list](/tools/stylelint-polaris/rules/legacy-global-disallowed-list): TODO
+- [legacy/at-rule-disallowed-list](/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list): Disallows use pf legacy Sass mixins
+- [legacy/function-disallowed-list](/tools/stylelint-polaris/rules/legacy-function-disallowed-list): Disallows use off legacy Sass functions
+- [legacy/global-disallowed-list](/tools/stylelint-polaris/rules/legacy-global-disallowed-list): Disallows use of legacy custom properties and Sass mixin map data
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
index 3b81521fc24..4b50107a9d1 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
@@ -1,32 +1,21 @@
 ---
 title: layout/at-rule-disallowed-list
-description: TODO
+description: Disallows use of legacy Sass mixins
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - layout
+  - layout rules
 ---
 
-Please use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
-
-Instead of using a legacy mixin, try and use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. If what you need isn't possible, either use the mixin's contents or consider contributing to an existing Polaris component.
+Try to use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
 
 ```diff
-// Don't
-- @include print-hidden;
 // Do
 + @media print {
 +   display: none;
 + }
+// Don't
+- @include print-hidden;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
index fde2a700d0d..1536ad450fd 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
@@ -1,30 +1,19 @@
 ---
 title: layout/declaration-property-value-disallowed-list
-description: TODO
+description: Disallows declaration of positioning and dimension property values with Polaris tokens
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - layout
+  - layout rules
 ---
 
-Please use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
-
-There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
+Try to use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
 
 ```diff
-// Don't
-- width: 100%;
 // Do
 + <Stack />
+// Don't
+- width: 100%;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
index efa2dddc19b..e4d5fda170d 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
@@ -1,30 +1,21 @@
 ---
 title: layout/function-disallowed-list
-description: TODO
+description: Disallows use of internal Sass layout functions
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - layout
+  - layout rules
 ---
 
-Please use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
+Try to use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
 
 Use hard coded pixel or rem values for `width` and `height` instead of legacy mixins/variables or spacing tokens.
 
 ```diff
-// Don't
-- height: top-bar-height();
 // Do
 + height: 56px;
+// Don't
+- height: top-bar-height();
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
index d8fdbe48d2a..de8f2bf7223 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
@@ -1,30 +1,19 @@
 ---
 title: layout/global-disallowed-list
-description: TODO
+description: Disallows use of legacy custom properties and Sass mixin map data
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - layout
+  - layout rules
 ---
 
-Please use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
-
-If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
+Try to use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
 
 ```diff
-// Don't
-- height: var(--p-choice-size);
 // Do
 + <Checkbox />
+// Don't
+- height: var(--p-choice-size);
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
index 5ba9021d3a9..2a8316e335b 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
@@ -1,30 +1,19 @@
 ---
 title: layout/property-disallowed-list
-description: TODO
+description: Disallows declarations of layout properties
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - layout
+  - layout rules
 ---
 
-Please use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
-
-There are many ways to use [Polaris components](https://polaris.shopify.com/components) to compose desired layouts. Please explore the layout components before writing custom styles.
+Try to use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
 
 ```diff
-// Don't
-- display: grid;
 // Do
 + <Columns />
+// Don't
+- display: grid;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
index 03bf1375708..fd108bfd5bf 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
@@ -1,28 +1,19 @@
 ---
 title: legacy/at-rule-disallowed-list
-description: TODO
+description: Disallows use pf legacy Sass mixins
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - legacy
+  - legacy rules
 ---
 
-If [Polaris components](https://polaris.shopify.com/components) cannot be composed to create the styles you need, consider contributing to an existing Polaris component before creating custom styles.
+Try to use Polaris [components](https://polaris.shopify.com/components) or [tokens](https://polaris.shopify.com/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy are in sync with updates from the design system.
 
 ```diff
-// Don't
-- @include unstyled-button;
 // Do
 + <UnstyledButton />
+// Don't
+- @include unstyled-button;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
index 31b568bd4ed..dd6510d3600 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
@@ -1,21 +1,14 @@
 ---
 title: legacy/function-disallowed-list
-description: TODO
+description: Disallows use off legacy Sass functions
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - legacy
+  - legacy rules
 ---
 
+Try to use Polaris [components](https://polaris.shopify.com/components) or [tokens](https://polaris.shopify.com/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy are in sync with updates from the design system.
+
 ```diff
 // Don't
 - @include available-names
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
index 8f711ba8889..0e8b03964d3 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
@@ -1,28 +1,21 @@
 ---
 title: legacy/global-disallowed-list
-description: TODO
+description: Disallows use of legacy custom properties and Sass mixin map data
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - legacy
+  - legacy rules
 ---
 
+Try to use Polaris [components](https://polaris.shopify.com/components) or [tokens](https://polaris.shopify.com/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy are in sync with updates from the design system.
+
 Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwise use hard coded pixel or rem values instead of legacy mixins/variables.
 
 ```diff
-// Don't
-- left: -1 * $timeline-border-width;
 // Do
 + left: calc(-1 * var(--p-space-1));
+// Don't
+- left: -1 * $timeline-border-width;
 ```
 
 #
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
index 987800dc982..4462ec344f5 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
@@ -1,30 +1,19 @@
 ---
 title: media-queries/at-rule-disallowed-list
-description: TODO
+description: Disallows use of legacy breakpoint Sass mixins
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - media queries
+  - media queries rules
 ---
 
-Please use Polaris [breakpoints tokens](https://polaris.shopify.com/tokens/breakpoints) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
-
-Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
+Try to use Polaris [breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
 
 ```diff
-// Don't
-- @include breakpoint-before(layout-width(page-with-nav)) {}
 // Do
 + @media (max-width: var(--p-breakpoints-md)) {}
+// Don't
+- @include breakpoint-before(layout-width(page-with-nav)) {}
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
index 6922e784d52..a7b82bc67c5 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
@@ -1,30 +1,19 @@
 ---
 title: media-queries/function-disallowed-list
-description: TODO
+description: Disallows use of legacy breakpoint sass functions
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - media queries
+  - media queries rules
 ---
 
-Please use Polaris [breakpoints tokens](https://polaris.shopify.com/tokens/breakpoints) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
-
-Use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of legacy mixins/variables.
+Try to use Polaris [breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
 
 ```diff
-// Don't
-- @include breakpoint-after(layout-width(page-with-nav)) {}
 // Do
 + @media (min-width: var(--p-breakpoints-md)) {}
+// Don't
+- @include breakpoint-after(layout-width(page-with-nav)) {}
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
index e8984a628be..def2aa66cf4 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
@@ -1,30 +1,19 @@
 ---
 title: media-queries/media-queries-allowed-list
-description: TODO
+description: Allows declaration of `print` and `screen` `@media` queries, allows `@media` queries for `forced-colors` and `ms-high-contrast` features, allows `@media` queries using Polaris breakpoints
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - media queries
+  - media queries rules
 ---
 
-Please use Polaris [breakpoints tokens](https://polaris.shopify.com/tokens/breakpoints) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
-
-Try to use the [Polaris breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) before creating your own custom styles.
+Try to use Polaris [breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
 
 ```diff
-// Don't
-- @include @media #{$my-var} {}
 // Do
 + @include @media #{$p-breakpoints-sm-up} {}
+// Don't
+- @include @media #{$my-var} {}
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
index 12b7abd0cf2..de1c6405899 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: motion/at-rule-disallowed-list
-description: TODO
+description: Disallows use of CSS @keyframes
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - motion
+  - motion rules
 ---
 
-Please use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
+Try to use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
index a87df36d56f..96e81047433 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
@@ -1,28 +1,19 @@
 ---
 title: motion/declaration-property-unit-disallowed-list
-description: TODO
+description: Disallows use of hard-coded millisecond `ms` and second `s` values on transition and animation properties
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - motion
+  - motion rules
 ---
 
-Please use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
+Try to use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
 
 ```diff
-// Don't
-- transition-duration: 200ms;
 // Do
 + transition-duration: var(--p-duration-200);
+// Don't
+- transition-duration: 200ms;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
index c0660c298ed..e88fb61c4bb 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: motion/function-disallowed-list
-description: TODO
+description: Disallows use of legacy Sass motion functions
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - motion
+  - motion rules
 ---
 
-Please use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
+Try to use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
index 3d455e80926..bced3334c35 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: motion/global-disallowed-list
-description: TODO
+description: Disallows use of legacy Polaris motion tokens
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - motion
+  - motion rules
 ---
 
-Please use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
+Try to use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
index fa3f61800a2..fce66fd36bd 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: shape/at-rule-disallowed-list
-description: TODO
+description: Disallows use of legacy Sass border mixins
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - shape
+  - shape rules
 ---
 
-Please use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+Try to use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
index 0ed4d2f2053..51670d1e0e2 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
@@ -1,30 +1,21 @@
 ---
 title: shape/declaration-property-unit-disallowed-list
-description: TODO
+description: Disallows hard-coded `px`, `em`, and `rem` units in border property values
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - shape
+  - shape rules
 ---
 
-Please use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+Try to use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
 
 ```diff
-// Don't
-- border-width: 2px;
-- border-radius: 0.5rem;
 // Do
 + border-width: var(--p-border-width-2);
 + border-radius: var(--p-border-radius-2);
+// Don't
+- border-width: 2px;
+- border-radius: 0.5rem;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
index cb43ba188f8..a3589bee3f7 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: shape/declaration-property-value-disallowed-list
-description: TODO
+description: undefined
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - shape
+  - shape rules
 ---
 
-Please use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+Try to use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
index 8ceee64be49..9db82b5258a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: shape/function-disallowed-list
-description: TODO
+description: Disallows use of legacy Sass border functions
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - shape
+  - shape rules
 ---
 
-Please use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+Try to use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
index 7651f8880ff..da78da8f1ab 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: shape/property-disallowed-list
-description: TODO
+description: Disallows use of legacy border custom properties and Sass mixin map data
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - shape
+  - shape rules
 ---
 
-Please use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+Try to use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
index e2b533ce10f..98c221cc60d 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: spacing/at-rule-disallowed-list
-description: TODO
+description: undefined
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - spacing
+  - spacing rules
 ---
 
-Please use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
+Try to use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
index 9365600e667..c6c41068a4a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
@@ -1,30 +1,21 @@
 ---
 title: spacing/declaration-property-unit-disallowed-list
-description: TODO
+description: Disallows use of hard-coded px, em, and rem values on gap, margin, and padding properties
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - spacing
+  - spacing rules
 ---
 
-Please use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
+Try to use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
 
 ```diff
-// Don't
-- gap: 2px;
-- margin: 12px  0;
 // Do
 + gap: var(--p-space-05);
 + margin: var(--p-space-3) 0;
+// Don't
+- gap: 2px;
+- margin: 12px  0;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
index ebc1eb07b32..afed5d37e61 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: spacing/declaration-property-value-disallowed-list
-description: TODO
+description: undefined
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - spacing
+  - spacing rules
 ---
 
-Please use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
+Try to use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
index f78751e686b..e2a4745529e 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: spacing/function-disallowed-list
-description: TODO
+description: Disallows use of legacy Sass spacing functions
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - spacing
+  - spacing rules
 ---
 
-Please use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
+Try to use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
index a7ddbcdcfb0..5087c2e0fb7 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: spacing/property-disallowed-list
-description: TODO
+description: undefined
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - spacing
+  - spacing rules
 ---
 
-Please use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
+Try to use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
index a8f9f07e67a..6c8526c163a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: typography/at-rule-disallowed-list
-description: TODO
+description: Disallows use of legacy Sass typography mixins
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - typography
+  - typography rules
 ---
 
-Please use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+Try to use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
index 147495bbdc1..5606467a557 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
@@ -1,30 +1,21 @@
 ---
 title: typography/declaration-property-unit-disallowed-list
-description: TODO
+description: Disallows hard-coded `px`, `em`, and `rem` values for font-size and line-height properties
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - typography
+  - typography rules
 ---
 
-Please use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+Try to use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
 
 ```diff
-// Don't
-- font-size: 12px;
-- line-height: 1.5rem
 // Do
 + font-size: var(--p-font-size-75);
 + line-height: var(--p-font-line-height-3);
+// Don't
+- font-size: 12px;
+- line-height: 1.5rem
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
index c6f47a05118..7692a88acb7 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: typography/declaration-property-value-disallowed-list
-description: TODO
+description: Disallows hard-coded alphanumeric font-weight values
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - typography
+  - typography rules
 ---
 
-Please use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+Try to use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
index 0eaf9e14057..fd043d995c7 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: typography/function-disallowed-list
-description: TODO
+description: Disallows use of legacy Sass typography functions
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - typography
+  - typography rules
 ---
 
-Please use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+Try to use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
index f950a2410e5..1071ff46fee 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
@@ -1,22 +1,13 @@
 ---
 title: typography/property-disallowed-list
-description: TODO
+description: Disallows use of legacy typography custom properties and Sass mixin data
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - typography
+  - typography rules
 ---
 
-Please use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+Try to use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
 
 ```diff
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
index b1c2e889440..19d765df4fe 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
@@ -1,30 +1,19 @@
 ---
 title: z-index/declaration-property-value-allowed-list
-description: TODO
+description: Disallows declaration of `z-index` values that are not Polaris z-index tokens
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - z-index
+  - z-index rules
 ---
 
-Please use Polaris [z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index are in sync with updates from the design system.
-
-Try to use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) before creating your own custom styles.
+Try to use Polaris [z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index are in sync with updates from the design system.
 
 ```diff
-// Don't
-- z-index: 1;
 // Do
 + z-index: var(--p-z-1);
+// Don't
+- z-index: 1;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
index a6a251fa9b8..85eb68aadfd 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
@@ -1,30 +1,19 @@
 ---
 title: z-index/function-disallowed-list
-description: TODO
+description: Disallows use of the legacy z-index Sass function
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - z-index
+  - z-index rules
 ---
 
-Please use Polaris [z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index are in sync with updates from the design system.
-
-Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
+Try to use Polaris [z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index are in sync with updates from the design system.
 
 ```diff
-// Don't
-- z-index: z-index(content);
 // Do
 + z-index: var(--p-z-1);
+// Don't
+- z-index: z-index(content);
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
index 200d49cb724..6c9317f21da 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
@@ -1,30 +1,19 @@
 ---
 title: z-index/global-disallowed-list
-description: TODO
+description: Disallows the use of legacy z-index custom properties and Sass mixin data
 keywords:
   - stylelint
-  - dev tools
-  - developer tools
-  - tools
-  - tooling
-  - development
-  - plugin
-  - rules
-  - linter
-  - linting
-  - css
   - z-index
+  - z-index rules
 ---
 
-Please use Polaris [z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index are in sync with updates from the design system.
-
-Use the [Polaris z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of legacy mixins/variables.
+Try to use Polaris [z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index are in sync with updates from the design system.
 
 ```diff
-// Don't
-- z-index(toast, $fixed-element-stacking-order);
 // Do
 + z-index: var(--p-z-1);
+// Don't
+- z-index(toast, $fixed-element-stacking-order);
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/src/components/Code/Code.tsx b/polaris.shopify.com/src/components/Code/Code.tsx
index 8214a45be1d..700d3537572 100644
--- a/polaris.shopify.com/src/components/Code/Code.tsx
+++ b/polaris.shopify.com/src/components/Code/Code.tsx
@@ -75,6 +75,7 @@ function HighlightedCode({
   const match = /language-(\w+)/.exec(className || '');
   return (
     <SyntaxHighlighter
+      // eslint-disable-next-line react/no-children-prop
       children={String(code).replace(/\n$/, '')}
       language={match?.at(1) || 'javascript'}
       codeTagProps={{className: styles.ActualCode}}

From 8b785ce7cf4cbef0644f36fcad74d0035e3cc21f Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Mon, 16 Jan 2023 21:58:15 +0000
Subject: [PATCH 10/19] Finish writing dos and donts

---
 polaris-react/hi.txt                          | 3220 +++++++++++++++++
 .../content/tools/stylelint-polaris/index.md  |  430 +--
 .../rules/colors-at-rule-disallowed-list.md   |    2 +-
 .../rules/colors-color-named.md               |    2 +-
 .../rules/colors-color-no-hex.md              |    2 +-
 ...laration-property-value-disallowed-list.md |    2 +-
 .../rules/colors-function-disallowed-list.md  |    2 +-
 .../rules/colors-global-disallowed-list.md    |    3 +-
 ...claration-property-unit-disallowed-list.md |    2 +-
 .../rules/depth-function-disallowed-list.md   |    2 +-
 .../rules/depth-global-disallowed-list.md     |    2 +-
 .../rules/depth-property-disallowed-list.md   |    4 +-
 .../rules/layout-at-rule-disallowed-list.md   |    2 +-
 ...laration-property-value-disallowed-list.md |    2 +-
 .../rules/layout-function-disallowed-list.md  |    2 +-
 .../rules/layout-global-disallowed-list.md    |    2 +-
 .../rules/layout-property-disallowed-list.md  |    2 +-
 .../rules/legacy-at-rule-disallowed-list.md   |    2 +-
 .../rules/legacy-function-disallowed-list.md  |    2 +-
 .../rules/legacy-global-disallowed-list.md    |    2 +-
 .../media-queries-at-rule-disallowed-list.md  |    2 +-
 .../media-queries-function-disallowed-list.md |    2 +-
 ...edia-queries-media-queries-allowed-list.md |    2 +-
 .../rules/motion-at-rule-disallowed-list.md   |   13 +-
 ...claration-property-unit-disallowed-list.md |    2 +-
 .../rules/motion-function-disallowed-list.md  |    7 +-
 .../rules/motion-global-disallowed-list.md    |    7 +-
 .../stylelint-polaris/rules/ruleMaker.js      |  182 +
 .../rules/shape-at-rule-disallowed-list.md    |   17 +-
 ...claration-property-unit-disallowed-list.md |    2 +-
 .../rules/shape-function-disallowed-list.md   |    7 +-
 ...ist.md => shape-global-disallowed-list.md} |   11 +-
 .../rules/shape-property-disallowed-list.md   |   20 -
 .../rules/spacing-at-rule-disallowed-list.md  |   20 -
 ...claration-property-unit-disallowed-list.md |    2 +-
 ...laration-property-value-disallowed-list.md |   20 -
 .../rules/spacing-function-disallowed-list.md |    7 +-
 ...t.md => spacing-global-disallowed-list.md} |   11 +-
 .../tools/stylelint-polaris/rules/temp.md     |  463 +++
 .../typography-at-rule-disallowed-list.md     |    8 +-
 ...claration-property-unit-disallowed-list.md |    2 +-
 ...laration-property-value-disallowed-list.md |    9 +-
 .../typography-function-disallowed-list.md    |    9 +-
 ...d => typography-global-disallowed-list.md} |   11 +-
 ...declaration-property-value-allowed-list.md |    2 +-
 .../rules/z-index-function-disallowed-list.md |    2 +-
 .../rules/z-index-global-disallowed-list.md   |    2 +-
 47 files changed, 3990 insertions(+), 541 deletions(-)
 create mode 100644 polaris-react/hi.txt
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
 rename polaris.shopify.com/content/tools/stylelint-polaris/rules/{shape-declaration-property-value-disallowed-list.md => shape-global-disallowed-list.md} (59%)
 delete mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
 delete mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
 delete mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
 rename polaris.shopify.com/content/tools/stylelint-polaris/rules/{spacing-property-disallowed-list.md => spacing-global-disallowed-list.md} (58%)
 create mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/temp.md
 rename polaris.shopify.com/content/tools/stylelint-polaris/rules/{typography-property-disallowed-list.md => typography-global-disallowed-list.md} (58%)

diff --git a/polaris-react/hi.txt b/polaris-react/hi.txt
new file mode 100644
index 00000000000..c6a1c3362ce
--- /dev/null
+++ b/polaris-react/hi.txt
@@ -0,0 +1,3220 @@
+
+playground/DetailsPage.scss
+  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
+  7:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
+ 10:3  ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+
+src/styles/_common.scss
+  7:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+  8:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+ 10:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+ 11:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+ 12:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+ 13:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+ 14:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+ 15:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+ 16:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+ 17:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+ 18:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+ 19:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+ 20:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+ 22:1  ✖  Unexpected @import in a partial  scss/partial-no-import
+
+src/styles/foundation/_focus-ring.scss
+ 21:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
+ 26:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
+ 28:7  ✖  Unexpected value "1" for property "z-index" - Please use a Polaris z-index token                   polaris/z-index/declaration-property-value-allowed-list  
+ 30:7  ⚠  Unexpected value "$negative-offset" for property "top" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
+ 32:7  ⚠  Unexpected value "$negative-offset" for property "right" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
+ 34:7  ⚠  Unexpected value "$negative-offset" for property "bottom" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 36:7  ⚠  Unexpected value "$negative-offset" for property "left" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+ 38:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
+
+src/styles/foundation/_layout.scss
+ 19:1  ✖  Unexpected disallowed value "$navigation-width" - Please use a Polaris layout component  polaris/layout/polaris/global-disallowed-list
+
+src/styles/shared/_accessibility.scss
+ 10:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                polaris/layout/property-disallowed-list                  
+ 10:22  ✖  Unexpected !important                                                                 declaration-no-important                                 
+ 15:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component       polaris/layout/declaration-property-value-disallowed-list
+ 17:3   ⚠  Unexpected value "1px" for property "width" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
+ 17:14  ✖  Unexpected !important                                                                 declaration-no-important                                 
+ 19:3   ⚠  Unexpected value "1px" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 19:15  ✖  Unexpected !important                                                                 declaration-no-important                                 
+ 20:13  ✖  Unexpected !important                                                                 declaration-no-important                                 
+ 21:14  ✖  Unexpected !important                                                                 declaration-no-important                                 
+ 22:20  ✖  Unexpected !important                                                                 declaration-no-important                                 
+ 23:25  ✖  Unexpected !important                                                                 declaration-no-important                                 
+ 24:13  ✖  Unexpected !important                                                                 declaration-no-important                                 
+ 25:23  ✖  Unexpected !important                                                                 declaration-no-important                                 
+
+src/styles/shared/_buttons.scss
+  13:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                polaris/colors/polaris/at-rule-disallowed-list           
+  15:3  ✖  Unexpected @include rule "focus-ring($border-width: var(--p-border-width-1))" - Please use a Polaris shape token         polaris/shape/polaris/at-rule-disallowed-list            
+  17:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
+  19:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
+  21:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
+  23:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
+  52:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                              polaris/shape/polaris/at-rule-disallowed-list            
+  71:5  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                 polaris/colors/polaris/at-rule-disallowed-list           
+  81:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token                       polaris/colors/polaris/at-rule-disallowed-list           
+  91:3  ✖  Unexpected @include rule "focus-ring($border-width: 0)" - Please use a Polaris shape token                               polaris/shape/polaris/at-rule-disallowed-list            
+  93:3  ✖  Unexpected value "var(--pc-button-color)" for property "background" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
+  98:3  ✖  Unexpected value "var(--pc-button-text)" for property "color" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
+ 102:5  ✖  Unexpected value "var(--pc-button-color-hover)" for property "background" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
+ 105:5  ✖  Unexpected value "var(--pc-button-text)" for property "color" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
+ 115:5  ✖  Unexpected value "var(--pc-button-color-active)" for property "background" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
+ 122:5  ✖  Unexpected value "var(--pc-button-text)" for property "color" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
+ 124:5  ✖  Unexpected value "var(--pc-button-color-depressed)" for property "background" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 131:7  ✖  Unexpected value "var(--pc-button-color-depressed)" for property "background" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 143:3  ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                             polaris/shape/polaris/at-rule-disallowed-list            
+ 155:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                              polaris/shape/polaris/at-rule-disallowed-list            
+ 173:5  ✖  Unexpected value "var(--pc-button-text)" for property "color" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
+ 189:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-critical))" - Please use a Polaris color token                       polaris/colors/polaris/at-rule-disallowed-list           
+ 199:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                              polaris/shape/polaris/at-rule-disallowed-list            
+ 228:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
+ 230:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                     polaris/layout/declaration-property-value-disallowed-list
+
+src/styles/shared/_controls.scss
+ 20:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                     polaris/layout/property-disallowed-list                  
+ 22:5  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                                  polaris/shape/polaris/global-disallowed-list             
+ 29:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                     polaris/layout/property-disallowed-list                  
+ 31:7  ⚠  Unexpected value "calc(-1 * var(--p-control-border-width))" for property "top" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
+ 31:7  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                                  polaris/shape/polaris/global-disallowed-list             
+ 33:7  ⚠  Unexpected value "calc(-1 * var(--p-control-border-width))" for property "right" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
+ 33:7  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                                  polaris/shape/polaris/global-disallowed-list             
+ 35:7  ⚠  Unexpected value "calc(-1 * var(--p-control-border-width))" for property "bottom" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 35:7  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                                  polaris/shape/polaris/global-disallowed-list             
+ 37:7  ⚠  Unexpected value "calc(-1 * var(--p-control-border-width))" for property "left" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+ 37:7  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                                  polaris/shape/polaris/global-disallowed-list             
+
+src/styles/shared/_forms.scss
+ 5:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+
+src/styles/shared/_interaction-state.scss
+  5:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list                  
+  7:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                             polaris/layout/declaration-property-value-disallowed-list
+  9:3  ⚠  Unexpected value "calc(-1 * var(--p-space-2))" for property "left" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 11:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                       polaris/layout/declaration-property-value-disallowed-list
+ 13:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                  
+ 15:3  ⚠  Unexpected value "var(--p-border-width-3)" for property "width" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
+
+src/styles/shared/_layout.scss
+ 21:42  ✖  Expected "$value * 1px" instead of "#{$value}px". Consider writing "value" in terms of px originally.  scss/dimension-no-non-numeric-values
+
+src/styles/shared/_page.scss
+ 24:3  ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                   polaris/layout/polaris/at-rule-disallowed-list    
+ 26:3  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
+ 28:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list           
+ 30:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list           
+
+src/styles/shared/_responsive-props.scss
+  3:3  ✖  Unexpected custom property "--pc-#{$componentName}-#{$componentProp}-xs" - Please use a Polaris token or component                                                                                                                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list
+  4:3  ✖  Unexpected custom property "--pc-#{$componentName}-#{$componentProp}-sm" - Please use a Polaris token or component                                                                                                                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list
+  5:3  ✖  Unexpected custom property "--pc-#{$componentName}-#{$componentProp}-md" - Please use a Polaris token or component                                                                                                                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list
+  6:3  ✖  Unexpected custom property "--pc-#{$componentName}-#{$componentProp}-lg" - Please use a Polaris token or component                                                                                                                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list
+  7:3  ✖  Unexpected custom property "--pc-#{$componentName}-#{$componentProp}-xl" - Please use a Polaris token or component                                                                                                                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list
+  9:3  ✖  Unexpected value "var(--pc-#{$componentName}-#{$componentProp}-xs)" for property "#{$declarationProp}" - Please use a Polaris token or component                                                                                                                                                                                      polaris/conventions/polaris/custom-property-allowed-list
+  9:3  ✖  Unexpected empty line before declaration                                                                                                                                                                                                                                                                                              declaration-empty-line-before                           
+ 12:5  ✖  Unexpected value "var(--pc-#{$componentName}-#{$componentProp}-sm, --pc-#{$componentName}-#{$componentProp}-xs)" for property "#{$declarationProp}" - Please use a Polaris token or component                                                                                                                                         polaris/conventions/polaris/custom-property-allowed-list
+ 19:5  ✖  Unexpected value "var(--pc-#{$componentName}-#{$componentProp}-md, --pc-#{$componentName}-#{$componentProp}-sm, --pc-#{$componentName}-#{$componentProp}-xs)" for property "#{$declarationProp}" - Please use a Polaris token or component                                                                                            polaris/conventions/polaris/custom-property-allowed-list
+ 29:5  ✖  Unexpected value "var(--pc-#{$componentName}-#{$componentProp}-lg, --pc-#{$componentName}-#{$componentProp}-md, --pc-#{$componentName}-#{$componentProp}-sm, --pc-#{$componentName}-#{$componentProp}-xs)" for property "#{$declarationProp}" - Please use a Polaris token or component                                               polaris/conventions/polaris/custom-property-allowed-list
+ 42:5  ✖  Unexpected value "var(--pc-#{$componentName}-#{$componentProp}-xl, --pc-#{$componentName}-#{$componentProp}-lg, --pc-#{$componentName}-#{$componentProp}-md, --pc-#{$componentName}-#{$componentProp}-sm, --pc-#{$componentName}-#{$componentProp}-xs)" for property "#{$declarationProp}" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+
+src/styles/shared/_typography.scss
+   3:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
+  15:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
+  26:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
+  52:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
+  66:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
+  80:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
+  94:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
+  97:3  ✖  Unexpected unit "px" for property "line-height" - Please use a Polaris font token or typography component  polaris/typography/declaration-property-unit-disallowed-list
+ 101:5  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
+ 103:5  ✖  Unexpected unit "px" for property "line-height" - Please use a Polaris font token or typography component  polaris/typography/declaration-property-unit-disallowed-list
+ 120:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
+ 126:5  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
+
+src/components/ActionList/ActionList.scss
+  14:3  ✖  Expected ".Section:not(:first-child) > .Section-withoutTitle .Actions" to have no more than 2 classes                                                                                                                         selector-max-class                                       
+  14:3  ✖  Expected ".Section:not(:first-child) > .Section-withoutTitle .Actions" to have no more than 1 combinator                                                                                                                      selector-max-combinators                                 
+  14:3  ✖  Expected ".Section:not(:first-child) > .Section-withoutTitle .Actions" to have a specificity no more than "0,3,0"                                                                                                             selector-max-specificity                                 
+  29:3  ✖  Expected ".ActionList > .Section-withoutTitle .Actions" to have no more than 2 classes                                                                                                                                        selector-max-class                                       
+  29:3  ✖  Expected ".Section:first-child > .Section-withoutTitle .Actions" to have no more than 2 classes                                                                                                                               selector-max-class                                       
+  29:3  ✖  Expected ".ActionList > .Section-withoutTitle .Actions" to have no more than 1 combinator                                                                                                                                     selector-max-combinators                                 
+  29:3  ✖  Expected ".Section:first-child > .Section-withoutTitle .Actions" to have no more than 1 combinator                                                                                                                            selector-max-combinators                                 
+  29:3  ✖  Expected ".Section:first-child > .Section-withoutTitle .Actions" to have a specificity no more than "0,3,0"                                                                                                                   selector-max-specificity                                 
+  37:3  ✖  Expected ".ActionList .Section .Actions" to have no more than 2 classes                                                                                                                                                       selector-max-class                                       
+  37:3  ✖  Expected ".ActionList .Section .Actions" to have no more than 1 combinator                                                                                                                                                    selector-max-combinators                                 
+  44:3  ✖  Unexpected custom property "--pc-action-list-image-size" - Please use a Polaris token or component                                                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
+  45:3  ✖  Unexpected custom property "--pc-action-list-item-min-height" - Please use a Polaris token or component                                                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
+  46:3  ✖  Unexpected custom property "--pc-action-list-item-vertical-padding" Unexpected value "var(--pc-action-list-item-min-height)" for property "--pc-action-list-item-vertical-padding" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  51:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                                                                                                          polaris/legacy/polaris/at-rule-disallowed-list           
+  53:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                                      polaris/shape/polaris/at-rule-disallowed-list            
+  55:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                         polaris/layout/property-disallowed-list                  
+  57:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                                          polaris/layout/declaration-property-value-disallowed-list
+  59:3  ✖  Unexpected value "var(--pc-action-list-item-min-height)" for property "min-height" - Please use a Polaris token or component                                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+  64:3  ✖  Unexpected value "var(--pc-action-list-item-vertical-padding)" for property "padding" - Please use a Polaris token or component                                                                                               polaris/conventions/polaris/custom-property-allowed-list 
+  80:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token                                                                                                                              polaris/colors/polaris/at-rule-disallowed-list           
+  86:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                                                   polaris/shape/polaris/at-rule-disallowed-list            
+  96:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token                                                                                                                              polaris/colors/polaris/at-rule-disallowed-list           
+ 101:7  ✖  Unexpected @include rule "list-selected-indicator" - Please use a Polaris token or component                                                                                                                                  polaris/legacy/polaris/at-rule-disallowed-list           
+ 107:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-critical))" - Please use a Polaris color token                                                                                                                            polaris/colors/polaris/at-rule-disallowed-list           
+ 115:5  ✖  Expected ".Item.destructive.active" to have no more than 2 classes                                                                                                                                                            selector-max-class                                       
+ 126:5  ✖  Expected ".Item.disabled .Prefix" to have no more than 2 classes                                                                                                                                                              selector-max-class                                       
+ 126:5  ✖  Expected ".Item.disabled .Suffix" to have no more than 2 classes                                                                                                                                                              selector-max-class                                       
+ 129:7  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token                                                                                                                            polaris/colors/polaris/at-rule-disallowed-list           
+ 136:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                         polaris/layout/property-disallowed-list                  
+ 138:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                     polaris/layout/property-disallowed-list                  
+ 143:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                                                                                                     polaris/colors/polaris/at-rule-disallowed-list           
+ 145:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                         polaris/layout/property-disallowed-list                  
+ 147:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                            polaris/layout/property-disallowed-list                  
+ 149:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                                 polaris/layout/property-disallowed-list                  
+ 151:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                     polaris/layout/property-disallowed-list                  
+ 153:3  ⚠  Unexpected value "var(--pc-action-list-image-size)" for property "height" - Please use a Polaris layout component                                                                                                             polaris/layout/declaration-property-value-disallowed-list
+ 153:3  ✖  Unexpected value "var(--pc-action-list-image-size)" for property "height" - Please use a Polaris token or component                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+ 155:3  ⚠  Unexpected value "var(--pc-action-list-image-size)" for property "width" - Please use a Polaris layout component                                                                                                              polaris/layout/declaration-property-value-disallowed-list
+ 155:3  ✖  Unexpected value "var(--pc-action-list-image-size)" for property "width" - Please use a Polaris token or component                                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
+ 161:3  ✖  Unexpected value "var(--pc-action-list-image-size, --pc-action-list-image-size)" for property "margin" - Please use a Polaris token or component                                                                              polaris/conventions/polaris/custom-property-allowed-list 
+ 170:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                                                                                                     polaris/colors/polaris/at-rule-disallowed-list           
+ 177:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                         polaris/layout/property-disallowed-list                  
+ 182:3  ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                                                                                                                                            polaris/layout/polaris/at-rule-disallowed-list           
+ 184:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                            polaris/layout/property-disallowed-list                  
+
+src/components/ActionMenu/ActionMenu.scss
+  4:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+  6:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
+  8:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component         polaris/layout/property-disallowed-list                  
+ 12:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
+ 12:19  ✖  Unexpected !important                                                                 declaration-no-important                                 
+
+src/components/AlphaStack/AlphaStack.scss
+  5:3  ✖  Unexpected custom property "--pc-stack-gap-xs" - Please use a Polaris token or component                                                                             polaris/conventions/polaris/custom-property-allowed-list 
+  6:3  ✖  Unexpected custom property "--pc-stack-gap-sm" Unexpected value "var(--pc-stack-gap-xs)" for property "--pc-stack-gap-sm" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  7:3  ✖  Unexpected custom property "--pc-stack-gap-md" Unexpected value "var(--pc-stack-gap-sm)" for property "--pc-stack-gap-md" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  8:3  ✖  Unexpected custom property "--pc-stack-gap-lg" Unexpected value "var(--pc-stack-gap-md)" for property "--pc-stack-gap-lg" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  9:3  ✖  Unexpected custom property "--pc-stack-gap-xl" Unexpected value "var(--pc-stack-gap-lg)" for property "--pc-stack-gap-xl" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 13:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                polaris/layout/property-disallowed-list                  
+ 15:3  ✖  Unexpected value "var(--pc-stack-order)" for property "flex-direction" - Please use a Polaris token or component                                                     polaris/conventions/polaris/custom-property-allowed-list 
+ 17:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                            polaris/layout/property-disallowed-list                  
+ 17:3  ✖  Unexpected value "var(--pc-stack-align)" for property "align-items" - Please use a Polaris token or component                                                        polaris/conventions/polaris/custom-property-allowed-list 
+ 19:3  ✖  Unexpected value "var(--pc-stack-gap-xs)" for property "gap" - Please use a Polaris token or component                                                               polaris/conventions/polaris/custom-property-allowed-list 
+ 23:5  ✖  Unexpected value "var(--pc-stack-gap-sm)" for property "gap" - Please use a Polaris token or component                                                               polaris/conventions/polaris/custom-property-allowed-list 
+ 28:5  ✖  Unexpected value "var(--pc-stack-gap-md)" for property "gap" - Please use a Polaris token or component                                                               polaris/conventions/polaris/custom-property-allowed-list 
+ 33:5  ✖  Unexpected value "var(--pc-stack-gap-lg)" for property "gap" - Please use a Polaris token or component                                                               polaris/conventions/polaris/custom-property-allowed-list 
+ 38:5  ✖  Unexpected value "var(--pc-stack-gap-xl)" for property "gap" - Please use a Polaris token or component                                                               polaris/conventions/polaris/custom-property-allowed-list 
+ 58:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                 polaris/layout/declaration-property-value-disallowed-list
+
+src/components/AppProvider/AppProvider.scss
+  5:3   ✖  Unexpected custom property "--polaris-version-number" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list    
+ 18:3   ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list          
+ 29:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                     polaris/layout/property-disallowed-list                     
+ 50:3   ✖  Unexpected hex color "#f6f6f7" - Please use a Polaris color token                                          polaris/colors/color-no-hex                                 
+ 50:21  ✖  Unexpected hex color "#f6f6f7"                                                                             color-no-hex                                                
+ 56:35  ✖  Unexpected !important                                                                                      declaration-no-important                                    
+ 75:3   ✖  Unexpected unit "em" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
+
+src/components/AppProvider/global.scss
+ 7:64  ✖  Unexpected extension ".scss" in imported partial name  scss/at-import-partial-extension-blacklist
+
+src/components/Autocomplete/Autocomplete.scss
+ 3:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
+ 5:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component         polaris/layout/property-disallowed-list                  
+ 7:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component             polaris/layout/property-disallowed-list                  
+ 9:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+
+src/components/Avatar/Avatar.scss
+   3:3  ✖  Unexpected custom property "--pc-avatar-extra-small-size" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
+   4:3  ✖  Unexpected custom property "--pc-avatar-small-size" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
+   5:3  ✖  Unexpected custom property "--pc-avatar-medium-size" - Please use a Polaris token or component                           polaris/conventions/polaris/custom-property-allowed-list 
+   6:3  ✖  Unexpected custom property "--pc-avatar-large-size" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
+   9:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
+  11:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
+  14:3  ✖  Unexpected value "var(--pc-avatar-extra-small-size)" for property "min-width" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  27:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
+  64:3  ⚠  Unexpected value "var(--pc-avatar-extra-small-size)" for property "width" - Please use a Polaris layout component        polaris/layout/declaration-property-value-disallowed-list
+  64:3  ✖  Unexpected value "var(--pc-avatar-extra-small-size)" for property "width" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
+  69:3  ⚠  Unexpected value "var(--pc-avatar-small-size)" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
+  69:3  ✖  Unexpected value "var(--pc-avatar-small-size)" for property "width" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
+  74:3  ⚠  Unexpected value "var(--pc-avatar-medium-size)" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
+  74:3  ✖  Unexpected value "var(--pc-avatar-medium-size)" for property "width" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list 
+  79:3  ⚠  Unexpected value "var(--pc-avatar-large-size)" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
+  79:3  ✖  Unexpected value "var(--pc-avatar-large-size)" for property "width" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
+ 113:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
+ 115:3  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
+ 117:3  ⚠  Unexpected value "50%" for property "left" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
+ 119:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                     polaris/layout/declaration-property-value-disallowed-list
+ 121:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
+ 129:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
+ 131:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                          polaris/layout/declaration-property-value-disallowed-list
+ 133:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
+ 135:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
+ 137:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
+ 139:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
+ 141:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                     polaris/layout/declaration-property-value-disallowed-list
+ 143:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
+ 148:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                     polaris/layout/declaration-property-value-disallowed-list
+ 150:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
+
+src/components/Backdrop/Backdrop.scss
+  3:3  ⚠  Unexpected property "position" - Please use a Polaris layout component              polaris/layout/property-disallowed-list                  
+  6:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
+  8:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
+ 10:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 12:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+ 14:3  ⚠  Unexpected property "display" - Please use a Polaris layout component               polaris/layout/property-disallowed-list                  
+
+src/components/Badge/Badge.scss
+  3:3  ✖  Unexpected custom property "--pc-badge-horizontal-padding" - Please use a Polaris token or component                                                 polaris/conventions/polaris/custom-property-allowed-list
+  4:3  ✖  Unexpected custom property "--pc-badge-vertical-padding" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list
+  7:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                polaris/layout/property-disallowed-list                 
+  9:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
+ 11:3  ✖  Unexpected value "var(--pc-badge-vertical-padding, --pc-badge-horizontal-padding)" for property "padding" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 67:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                polaris/layout/property-disallowed-list                 
+ 69:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
+
+src/components/Bleed/Bleed.scss
+  5:3  ✖  Unexpected custom property "--pc-bleed-margin-block-start-xs" - Please use a Polaris token or component                                                                                                              polaris/conventions/polaris/custom-property-allowed-list
+  6:3  ✖  Unexpected custom property "--pc-bleed-margin-block-start-sm" Unexpected value "var(--pc-bleed-margin-block-start-xs)" for property "--pc-bleed-margin-block-start-sm" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list
+  7:3  ✖  Unexpected custom property "--pc-bleed-margin-block-start-md" Unexpected value "var(--pc-bleed-margin-block-start-sm)" for property "--pc-bleed-margin-block-start-md" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list
+  8:3  ✖  Unexpected custom property "--pc-bleed-margin-block-start-lg" Unexpected value "var(--pc-bleed-margin-block-start-md)" for property "--pc-bleed-margin-block-start-lg" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list
+  9:3  ✖  Unexpected custom property "--pc-bleed-margin-block-start-xl" Unexpected value "var(--pc-bleed-margin-block-start-lg)" for property "--pc-bleed-margin-block-start-xl" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list
+ 10:3  ✖  Unexpected custom property "--pc-bleed-margin-block-end-xs" - Please use a Polaris token or component                                                                                                                polaris/conventions/polaris/custom-property-allowed-list
+ 11:3  ✖  Unexpected custom property "--pc-bleed-margin-block-end-sm" Unexpected value "var(--pc-bleed-margin-block-end-xs)" for property "--pc-bleed-margin-block-end-sm" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
+ 12:3  ✖  Unexpected custom property "--pc-bleed-margin-block-end-md" Unexpected value "var(--pc-bleed-margin-block-end-sm)" for property "--pc-bleed-margin-block-end-md" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
+ 13:3  ✖  Unexpected custom property "--pc-bleed-margin-block-end-lg" Unexpected value "var(--pc-bleed-margin-block-end-md)" for property "--pc-bleed-margin-block-end-lg" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
+ 14:3  ✖  Unexpected custom property "--pc-bleed-margin-block-end-xl" Unexpected value "var(--pc-bleed-margin-block-end-lg)" for property "--pc-bleed-margin-block-end-xl" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
+ 15:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-start-xs" - Please use a Polaris token or component                                                                                                             polaris/conventions/polaris/custom-property-allowed-list
+ 16:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-start-sm" Unexpected value "var(--pc-bleed-margin-inline-start-xs)" for property "--pc-bleed-margin-inline-start-sm" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 17:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-start-md" Unexpected value "var(--pc-bleed-margin-inline-start-sm)" for property "--pc-bleed-margin-inline-start-md" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 18:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-start-lg" Unexpected value "var(--pc-bleed-margin-inline-start-md)" for property "--pc-bleed-margin-inline-start-lg" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 19:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-start-xl" Unexpected value "var(--pc-bleed-margin-inline-start-lg)" for property "--pc-bleed-margin-inline-start-xl" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 20:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-end-xs" - Please use a Polaris token or component                                                                                                               polaris/conventions/polaris/custom-property-allowed-list
+ 21:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-end-sm" Unexpected value "var(--pc-bleed-margin-inline-end-xs)" for property "--pc-bleed-margin-inline-end-sm" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
+ 22:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-end-md" Unexpected value "var(--pc-bleed-margin-inline-end-sm)" for property "--pc-bleed-margin-inline-end-md" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
+ 23:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-end-lg" Unexpected value "var(--pc-bleed-margin-inline-end-md)" for property "--pc-bleed-margin-inline-end-lg" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
+ 24:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-end-xl" Unexpected value "var(--pc-bleed-margin-inline-end-lg)" for property "--pc-bleed-margin-inline-end-xl" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
+ 27:3  ✖  Unexpected value "var(--pc-bleed-margin-block-start-xs)" for property "margin-block-start" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list
+ 29:3  ✖  Unexpected value "var(--pc-bleed-margin-block-end-xs)" for property "margin-block-end" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list
+ 31:3  ✖  Unexpected value "var(--pc-bleed-margin-inline-start-xs)" for property "margin-inline-start" - Please use a Polaris token or component                                                                               polaris/conventions/polaris/custom-property-allowed-list
+ 33:3  ✖  Unexpected value "var(--pc-bleed-margin-inline-end-xs)" for property "margin-inline-end" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
+ 37:5  ✖  Unexpected value "var(--pc-bleed-margin-block-start-sm)" for property "margin-block-start" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list
+ 39:5  ✖  Unexpected value "var(--pc-bleed-margin-block-end-sm)" for property "margin-block-end" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list
+ 41:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-start-sm)" for property "margin-inline-start" - Please use a Polaris token or component                                                                               polaris/conventions/polaris/custom-property-allowed-list
+ 43:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-end-sm)" for property "margin-inline-end" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
+ 48:5  ✖  Unexpected value "var(--pc-bleed-margin-block-start-md)" for property "margin-block-start" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list
+ 50:5  ✖  Unexpected value "var(--pc-bleed-margin-block-end-md)" for property "margin-block-end" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list
+ 52:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-start-md)" for property "margin-inline-start" - Please use a Polaris token or component                                                                               polaris/conventions/polaris/custom-property-allowed-list
+ 54:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-end-md)" for property "margin-inline-end" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
+ 59:5  ✖  Unexpected value "var(--pc-bleed-margin-block-start-lg)" for property "margin-block-start" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list
+ 61:5  ✖  Unexpected value "var(--pc-bleed-margin-block-end-lg)" for property "margin-block-end" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list
+ 63:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-start-lg)" for property "margin-inline-start" - Please use a Polaris token or component                                                                               polaris/conventions/polaris/custom-property-allowed-list
+ 65:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-end-lg)" for property "margin-inline-end" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
+ 70:5  ✖  Unexpected value "var(--pc-bleed-margin-block-start-xl)" for property "margin-block-start" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list
+ 72:5  ✖  Unexpected value "var(--pc-bleed-margin-block-end-xl)" for property "margin-block-end" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list
+ 74:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-start-xl)" for property "margin-inline-start" - Please use a Polaris token or component                                                                               polaris/conventions/polaris/custom-property-allowed-list
+ 76:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-end-xl)" for property "margin-inline-end" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
+
+src/components/Box/Box.scss
+  26:3   ✖  Unexpected custom property "--pc-box-shadow" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+  27:3   ✖  Unexpected custom property "--pc-box-background" - Please use a Polaris token or component                                                                             polaris/conventions/polaris/custom-property-allowed-list 
+  28:3   ✖  Unexpected custom property "--pc-box-border-radius" - Please use a Polaris token or component                                                                          polaris/conventions/polaris/custom-property-allowed-list 
+  29:3   ✖  Unexpected custom property "--pc-box-border-radius-end-start" - Please use a Polaris token or component                                                                polaris/conventions/polaris/custom-property-allowed-list 
+  30:3   ✖  Unexpected custom property "--pc-box-border-radius-end-end" - Please use a Polaris token or component                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+  31:3   ✖  Unexpected custom property "--pc-box-border-radius-start-start" - Please use a Polaris token or component                                                              polaris/conventions/polaris/custom-property-allowed-list 
+  32:3   ✖  Unexpected custom property "--pc-box-border-radius-start-end" - Please use a Polaris token or component                                                                polaris/conventions/polaris/custom-property-allowed-list 
+  33:3   ✖  Unexpected custom property "--pc-box-border" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+  34:3   ✖  Unexpected custom property "--pc-box-border-block-end" - Please use a Polaris token or component                                                                       polaris/conventions/polaris/custom-property-allowed-list 
+  35:3   ✖  Unexpected custom property "--pc-box-border-inline-start" - Please use a Polaris token or component                                                                    polaris/conventions/polaris/custom-property-allowed-list 
+  36:3   ✖  Unexpected custom property "--pc-box-border-inline-end" - Please use a Polaris token or component                                                                      polaris/conventions/polaris/custom-property-allowed-list 
+  37:3   ✖  Unexpected custom property "--pc-box-border-block-start" - Please use a Polaris token or component                                                                     polaris/conventions/polaris/custom-property-allowed-list 
+  38:3   ✖  Unexpected custom property "--pc-box-color" - Please use a Polaris token or component                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+  39:3   ✖  Unexpected custom property "--pc-box-min-height" - Please use a Polaris token or component                                                                             polaris/conventions/polaris/custom-property-allowed-list 
+  40:3   ✖  Unexpected custom property "--pc-box-min-width" - Please use a Polaris token or component                                                                              polaris/conventions/polaris/custom-property-allowed-list 
+  41:3   ✖  Unexpected custom property "--pc-box-max-width" - Please use a Polaris token or component                                                                              polaris/conventions/polaris/custom-property-allowed-list 
+  42:3   ✖  Unexpected custom property "--pc-box-outline" - Please use a Polaris token or component                                                                                polaris/conventions/polaris/custom-property-allowed-list 
+  43:3   ✖  Unexpected custom property "--pc-box-overflow-x" - Please use a Polaris token or component                                                                             polaris/conventions/polaris/custom-property-allowed-list 
+  44:3   ✖  Unexpected custom property "--pc-box-overflow-y" - Please use a Polaris token or component                                                                             polaris/conventions/polaris/custom-property-allowed-list 
+  45:3   ✖  Unexpected custom property "--pc-box-width" - Please use a Polaris token or component                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+  46:3   ✖  Unexpected custom property "--pc-box-border-width" - Please use a Polaris token or component                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+  47:3   ✖  Unexpected custom property "--pc-box-inset-block-start" - Please use a Polaris token or component                                                                      polaris/conventions/polaris/custom-property-allowed-list 
+  48:3   ✖  Unexpected custom property "--pc-box-inset-block-end" - Please use a Polaris token or component                                                                        polaris/conventions/polaris/custom-property-allowed-list 
+  49:3   ✖  Unexpected custom property "--pc-box-inset-inline-start" - Please use a Polaris token or component                                                                     polaris/conventions/polaris/custom-property-allowed-list 
+  50:3   ✖  Unexpected custom property "--pc-box-inset-inline-end" - Please use a Polaris token or component                                                                       polaris/conventions/polaris/custom-property-allowed-list 
+  53:3   ✖  Unexpected value "var(--pc-box-inset-block-start)" for property "inset-block-start" - Please use a Polaris token or component                                          polaris/conventions/polaris/custom-property-allowed-list 
+  55:3   ✖  Unexpected value "var(--pc-box-inset-block-end)" for property "inset-block-end" - Please use a Polaris token or component                                              polaris/conventions/polaris/custom-property-allowed-list 
+  57:3   ✖  Unexpected value "var(--pc-box-inset-inline-start)" for property "inset-inline-start" - Please use a Polaris token or component                                        polaris/conventions/polaris/custom-property-allowed-list 
+  59:3   ✖  Unexpected value "var(--pc-box-inset-inline-end)" for property "inset-inline-end" - Please use a Polaris token or component                                            polaris/conventions/polaris/custom-property-allowed-list 
+  61:3   ✖  Unexpected value "var(--pc-box-background)" for property "background-color" - Please use a Polaris token or component                                                  polaris/conventions/polaris/custom-property-allowed-list 
+  63:3   ✖  Unexpected value "var(--pc-box-shadow)" for property "box-shadow" - Please use a Polaris token or component                                                            polaris/conventions/polaris/custom-property-allowed-list 
+  65:3   ✖  Unexpected value "var(--pc-box-border-radius)" for property "border-radius" - Please use a Polaris token or component                                                  polaris/conventions/polaris/custom-property-allowed-list 
+  67:3   ✖  Unexpected value "var(--pc-box-border-radius-end-start, --pc-box-border-radius)" for property "border-end-start-radius" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
+  73:3   ✖  Unexpected value "var(--pc-box-border-radius-end-end, --pc-box-border-radius)" for property "border-end-end-radius" - Please use a Polaris token or component          polaris/conventions/polaris/custom-property-allowed-list 
+  79:3   ✖  Unexpected value "var(--pc-box-border-radius-start-start, --pc-box-border-radius)" for property "border-start-start-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  85:3   ✖  Unexpected value "var(--pc-box-border-radius-start-end, --pc-box-border-radius)" for property "border-start-end-radius" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
+  91:3   ✖  Unexpected value "var(--pc-box-border-block-end, --pc-box-border)" for property "border-block-end" - Please use a Polaris token or component                           polaris/conventions/polaris/custom-property-allowed-list 
+  93:3   ✖  Unexpected value "var(--pc-box-border-inline-start, --pc-box-border)" for property "border-inline-start" - Please use a Polaris token or component                     polaris/conventions/polaris/custom-property-allowed-list 
+  95:3   ✖  Unexpected value "var(--pc-box-border-inline-end, --pc-box-border)" for property "border-inline-end" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
+  97:3   ✖  Unexpected value "var(--pc-box-border-block-start, --pc-box-border)" for property "border-block-start" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list 
+  99:3   ✖  Unexpected value "var(--pc-box-border-block-start-width, --pc-box-border-width)" for property "border-block-start-width" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
+ 105:3   ✖  Unexpected value "var(--pc-box-border-block-end-width, --pc-box-border-width)" for property "border-block-end-width" - Please use a Polaris token or component         polaris/conventions/polaris/custom-property-allowed-list 
+ 111:3   ✖  Unexpected value "var(--pc-box-border-inline-start-width, --pc-box-border-width)" for property "border-inline-start-width" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
+ 117:3   ✖  Unexpected value "var(--pc-box-border-inline-end-width, --pc-box-border-width)" for property "border-inline-end-width" - Please use a Polaris token or component       polaris/conventions/polaris/custom-property-allowed-list 
+ 123:3   ✖  Unexpected value "var(--pc-box-color)" for property "color" - Please use a Polaris token or component                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+ 125:3   ✖  Unexpected value "var(--pc-box-min-height)" for property "min-height" - Please use a Polaris token or component                                                        polaris/conventions/polaris/custom-property-allowed-list 
+ 127:3   ✖  Unexpected value "var(--pc-box-min-width)" for property "min-width" - Please use a Polaris token or component                                                          polaris/conventions/polaris/custom-property-allowed-list 
+ 129:3   ✖  Unexpected value "var(--pc-box-max-width)" for property "max-width" - Please use a Polaris token or component                                                          polaris/conventions/polaris/custom-property-allowed-list 
+ 131:3   ✖  Unexpected value "var(--pc-box-outline)" for property "outline" - Please use a Polaris token or component                                                              polaris/conventions/polaris/custom-property-allowed-list 
+ 133:3   ✖  Unexpected value "var(--pc-box-overflow-x)" for property "overflow-x" - Please use a Polaris token or component                                                        polaris/conventions/polaris/custom-property-allowed-list 
+ 135:3   ✖  Unexpected value "var(--pc-box-overflow-y)" for property "overflow-y" - Please use a Polaris token or component                                                        polaris/conventions/polaris/custom-property-allowed-list 
+ 137:3   ⚠  Unexpected value "var(--pc-box-width)" for property "width" - Please use a Polaris layout component                                                                    polaris/layout/declaration-property-value-disallowed-list
+ 137:3   ✖  Unexpected value "var(--pc-box-width)" for property "width" - Please use a Polaris token or component                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+ 143:3   ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                                                                   polaris/legacy/polaris/at-rule-disallowed-list           
+ 149:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                  
+ 149:19  ✖  Unexpected !important                                                                                                                                                  declaration-no-important                                 
+
+src/components/Banner/Banner.scss
+   5:3  ✖  Unexpected custom property "--pc-banner-background" - Please use a Polaris token or component                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
+   6:3  ✖  Unexpected disallowed value "--p-banner-border-default" - Please use a Polaris shape token                                                                                               polaris/shape/polaris/global-disallowed-list             
+   6:3  ✖  Unexpected custom property "--pc-banner-border" - Please use a Polaris token or component                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
+  11:3  ✖  Unexpected value "var(--pc-banner-border)" for property "box-shadow" - Please use a Polaris token or component                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+  16:5  ✖  Unexpected @include rule "focus-ring('wide')" - Please use a Polaris shape token                                                                                                         polaris/shape/polaris/at-rule-disallowed-list            
+  19:5  ✖  Unexpected value "var(--pc-banner-background)" for property "background-color" - Please use a Polaris token or component                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+  22:5  ✖  Unexpected @include rule "focus-ring('base')" - Please use a Polaris shape token                                                                                                         polaris/shape/polaris/at-rule-disallowed-list            
+  25:5  ✖  Unexpected value "var(--pc-banner-background)" for property "background-color" - Please use a Polaris token or component                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+  34:5  ✖  Unexpected value "var(--pc-banner-border)" for property "box-shadow" - Please use a Polaris token or component                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+  36:5  ✖  Unexpected @include rule "focus-ring('wide', $style: 'focused')" - Please use a Polaris shape token                                                                                      polaris/shape/polaris/at-rule-disallowed-list            
+  41:5  ✖  Unexpected custom property "--pc-banner-background" - Please use a Polaris token or component                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
+  42:5  ✖  Unexpected disallowed value "--p-banner-border-success" - Please use a Polaris shape token                                                                                               polaris/shape/polaris/global-disallowed-list             
+  42:5  ✖  Unexpected custom property "--pc-banner-border" - Please use a Polaris token or component                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
+  48:5  ✖  Unexpected custom property "--pc-banner-background" - Please use a Polaris token or component                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
+  49:5  ✖  Unexpected disallowed value "--p-banner-border-highlight" - Please use a Polaris shape token                                                                                             polaris/shape/polaris/global-disallowed-list             
+  49:5  ✖  Unexpected custom property "--pc-banner-border" - Please use a Polaris token or component                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
+  55:5  ✖  Unexpected custom property "--pc-banner-background" - Please use a Polaris token or component                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
+  56:5  ✖  Unexpected disallowed value "--p-banner-border-warning" - Please use a Polaris shape token                                                                                               polaris/shape/polaris/global-disallowed-list             
+  56:5  ✖  Unexpected custom property "--pc-banner-border" - Please use a Polaris token or component                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
+  62:5  ✖  Unexpected custom property "--pc-banner-background" - Please use a Polaris token or component                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
+  63:5  ✖  Unexpected disallowed value "--p-banner-border-critical" - Please use a Polaris shape token                                                                                              polaris/shape/polaris/global-disallowed-list             
+  63:5  ✖  Unexpected custom property "--pc-banner-border" - Please use a Polaris token or component                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
+  70:3  ✖  Unexpected custom property "--pc-banner-secondary-action-horizontal-padding" - Please use a Polaris token or component                                                                   polaris/conventions/polaris/custom-property-allowed-list 
+  71:3  ✖  Unexpected custom property "--pc-banner-secondary-action-vertical-padding" - Please use a Polaris token or component                                                                     polaris/conventions/polaris/custom-property-allowed-list 
+  74:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+  76:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                    polaris/layout/property-disallowed-list                  
+  79:3  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button" to have no more than 2 classes                                                                                                   selector-max-class                                       
+  79:3  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button" to have a specificity no more than "0,3,0"                                                                                       selector-max-specificity                                 
+  83:5  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button:hover" to have no more than 2 classes                                                                                             selector-max-class                                       
+  83:5  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button:hover" to have a specificity no more than "0,3,0"                                                                                 selector-max-specificity                                 
+  88:5  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button:active" to have no more than 2 classes                                                                                            selector-max-class                                       
+  88:5  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button:active" to have a specificity no more than "0,3,0"                                                                                selector-max-specificity                                 
+  93:5  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button:focus:not(:active)" to have no more than 2 classes                                                                                selector-max-class                                       
+  93:5  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button:focus:not(:active)" to have a specificity no more than "0,3,0"                                                                    selector-max-specificity                                 
+  99:3  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button" to have no more than 2 classes                                                                                                    selector-max-class                                       
+  99:3  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button" to have a specificity no more than "0,3,0"                                                                                        selector-max-specificity                                 
+ 103:5  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button:hover" to have no more than 2 classes                                                                                              selector-max-class                                       
+ 103:5  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button:hover" to have a specificity no more than "0,3,0"                                                                                  selector-max-specificity                                 
+ 108:5  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button:active" to have no more than 2 classes                                                                                             selector-max-class                                       
+ 108:5  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button:active" to have a specificity no more than "0,3,0"                                                                                 selector-max-specificity                                 
+ 113:5  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button:focus:not(:active)" to have no more than 2 classes                                                                                 selector-max-class                                       
+ 113:5  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button:focus:not(:active)" to have a specificity no more than "0,3,0"                                                                     selector-max-specificity                                 
+ 119:3  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button" to have no more than 2 classes                                                                                                       selector-max-class                                       
+ 119:3  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button" to have a specificity no more than "0,3,0"                                                                                           selector-max-specificity                                 
+ 123:5  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button:hover" to have no more than 2 classes                                                                                                 selector-max-class                                       
+ 123:5  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button:hover" to have a specificity no more than "0,3,0"                                                                                     selector-max-specificity                                 
+ 128:5  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button:active" to have no more than 2 classes                                                                                                selector-max-class                                       
+ 128:5  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button:active" to have a specificity no more than "0,3,0"                                                                                    selector-max-specificity                                 
+ 133:5  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button:focus:not(:active)" to have no more than 2 classes                                                                                    selector-max-class                                       
+ 133:5  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button:focus:not(:active)" to have a specificity no more than "0,3,0"                                                                        selector-max-specificity                                 
+ 139:3  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button" to have no more than 2 classes                                                                                                    selector-max-class                                       
+ 139:3  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button" to have a specificity no more than "0,3,0"                                                                                        selector-max-specificity                                 
+ 143:5  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button:hover" to have no more than 2 classes                                                                                              selector-max-class                                       
+ 143:5  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button:hover" to have a specificity no more than "0,3,0"                                                                                  selector-max-specificity                                 
+ 148:5  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button:active" to have no more than 2 classes                                                                                             selector-max-class                                       
+ 148:5  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button:active" to have a specificity no more than "0,3,0"                                                                                 selector-max-specificity                                 
+ 153:5  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button:focus:not(:active)" to have no more than 2 classes                                                                                 selector-max-class                                       
+ 153:5  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button:focus:not(:active)" to have a specificity no more than "0,3,0"                                                                     selector-max-specificity                                 
+ 166:5  ⚠  Unexpected value "var(--p-space-4)" for property "top" - Please use a Polaris layout component                                                                                           polaris/layout/declaration-property-value-disallowed-list
+ 168:5  ⚠  Unexpected value "var(--p-space-3)" for property "right" - Please use a Polaris layout component                                                                                         polaris/layout/declaration-property-value-disallowed-list
+ 170:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+ 196:5  ⚠  Unexpected value "var(--p-space-4)" for property "right" - Please use a Polaris layout component                                                                                         polaris/layout/declaration-property-value-disallowed-list
+ 198:5  ⚠  Unexpected value "var(--p-space-5)" for property "top" - Please use a Polaris layout component                                                                                           polaris/layout/declaration-property-value-disallowed-list
+ 200:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+ 206:3  ✖  Unexpected disallowed value "--p-icon-size" - Please use a Polaris layout component                                                                                                      polaris/layout/polaris/global-disallowed-list            
+ 215:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                                                                     polaris/legacy/polaris/at-rule-disallowed-list           
+ 217:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                    polaris/layout/property-disallowed-list                  
+ 221:3  ✖  Unexpected value "var(--pc-banner-secondary-action-vertical-padding, --pc-banner-secondary-action-horizontal-padding)" for property "margin" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
+ 225:3  ✖  Unexpected value "var(--pc-banner-secondary-action-vertical-padding, --pc-banner-secondary-action-horizontal-padding)" for property "padding" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 241:5  ✖  Unexpected @include rule "plain-button-backdrop" - Please use a Polaris token or component                                                                                               polaris/legacy/polaris/at-rule-disallowed-list           
+ 243:5  ✖  Unexpected @include rule "high-contrast-button-outline" - Please use a Polaris shape token                                                                                               polaris/shape/polaris/at-rule-disallowed-list            
+ 245:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                              polaris/shape/polaris/at-rule-disallowed-list            
+ 257:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                 polaris/shape/polaris/at-rule-disallowed-list            
+ 262:3  ✖  Unexpected @include rule "button-base" - Please use a Polaris token or component                                                                                                         polaris/legacy/polaris/at-rule-disallowed-list           
+ 264:3  ✖  Unexpected @include rule "focus-ring($border-width: 2px)" - Please use a Polaris shape token                                                                                             polaris/shape/polaris/at-rule-disallowed-list            
+ 274:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                              polaris/shape/polaris/at-rule-disallowed-list            
+ 280:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+ 287:3  ✖  Unexpected custom property "--pc-spinner-size" - Please use a Polaris token or component                                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 289:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+ 291:3  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list
+ 293:3  ⚠  Unexpected value "50%" for property "left" - Please use a Polaris layout component                                                                                                       polaris/layout/declaration-property-value-disallowed-list
+ 295:3  ✖  Unexpected value "var(--pc-spinner-size)" for property "margin-top" - Please use a Polaris token or component                                                                            polaris/conventions/polaris/custom-property-allowed-list 
+ 297:3  ✖  Unexpected value "var(--pc-spinner-size)" for property "margin-left" - Please use a Polaris token or component                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+
+src/components/Breadcrumbs/Breadcrumbs.scss
+  5:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                            polaris/legacy/polaris/at-rule-disallowed-list           
+  7:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
+  9:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
+ 11:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                       polaris/layout/property-disallowed-list                  
+ 13:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 15:3  ✖  Unexpected function "control-height" - Please use a Polaris layout component                                                                    polaris/layout/function-disallowed-list                  
+ 17:3  ✖  Unexpected function "control-height" - Please use a Polaris layout component                                                                    polaris/layout/function-disallowed-list                  
+ 25:3  ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                                                    polaris/shape/polaris/at-rule-disallowed-list            
+ 42:7  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-pressed))" - Please use a Polaris color token                                               polaris/colors/polaris/at-rule-disallowed-list           
+ 52:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                     polaris/shape/polaris/at-rule-disallowed-list            
+ 58:3  ✖  Unexpected @include rule "truncate" - Please use a Polaris font token or typography component                                                   polaris/typography/polaris/at-rule-disallowed-list       
+ 60:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
+ 65:3  ✖  Unexpected custom property "--pc-breadcrumbs-icon-size" - Please use a Polaris token or component                                               polaris/conventions/polaris/custom-property-allowed-list 
+ 67:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                       polaris/colors/polaris/at-rule-disallowed-list           
+ 69:3  ⚠  Unexpected value "var(--pc-breadcrumbs-icon-size)" for property "width" - Please use a Polaris layout component                                 polaris/layout/declaration-property-value-disallowed-list
+ 69:3  ✖  Unexpected value "var(--pc-breadcrumbs-icon-size)" for property "width" - Please use a Polaris token or component                               polaris/conventions/polaris/custom-property-allowed-list 
+ 71:3  ⚠  Unexpected value "var(--pc-breadcrumbs-icon-size)" for property "height" - Please use a Polaris layout component                                polaris/layout/declaration-property-value-disallowed-list
+ 71:3  ✖  Unexpected value "var(--pc-breadcrumbs-icon-size)" for property "height" - Please use a Polaris token or component                              polaris/conventions/polaris/custom-property-allowed-list 
+ 73:3  ✖  Unexpected value "var(--pc-breadcrumbs-icon-size, --pc-breadcrumbs-icon-size)" for property "margin" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+
+src/components/BulkActions/BulkActions.scss
+  10:3  ✖  Unexpected custom property "--p-surface" - Please use a Polaris token or component                     polaris/conventions/polaris/custom-property-allowed-list 
+  11:3  ✖  Unexpected custom property "--p-text" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list 
+  12:3  ✖  Unexpected custom property "--p-icon" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list 
+  13:3  ✖  Unexpected custom property "--p-border-neutral-subdued" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
+  14:3  ✖  Unexpected custom property "--p-border-subdued" - Please use a Polaris token or component              polaris/conventions/polaris/custom-property-allowed-list 
+  15:3  ✖  Unexpected custom property "--p-border-shadow-subdued" - Please use a Polaris token or component       polaris/conventions/polaris/custom-property-allowed-list 
+  16:3  ✖  Unexpected custom property "--p-action-secondary-hovered" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
+  17:3  ✖  Unexpected custom property "--p-action-secondary-pressed" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
+  20:3  ✖  Unexpected @include rule "text-style-input" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list       
+  22:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
+  24:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
+  28:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
+  30:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
+  46:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
+  52:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
+  59:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
+  65:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
+  72:3  ⚠  Unexpected value "auto" for property "width" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
+  74:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
+  83:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                 polaris/layout/property-disallowed-list                  
+  85:5  ⚠  Unexpected value "auto" for property "width" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
+  94:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
+ 100:3  ✖  Unexpected @include rule "base-button-disabled" - Please use a Polaris token or component              polaris/legacy/polaris/at-rule-disallowed-list           
+
+src/components/Button/Button.scss
+   5:3  ✖  Unexpected custom property "--pc-button-slim-min-height" - Please use a Polaris token or component                                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
+   6:3  ✖  Unexpected custom property "--pc-button-large-min-height" - Please use a Polaris token or component                                                                                                               polaris/conventions/polaris/custom-property-allowed-list 
+   7:3  ✖  Unexpected custom property "--pc-button-vertical-padding" - Please use a Polaris token or component                                                                                                               polaris/conventions/polaris/custom-property-allowed-list 
+  10:3  ✖  Unexpected custom property "--pc-button-slim-vertical-padding" Unexpected value "var(--pc-button-slim-min-height)" for property "--pc-button-slim-vertical-padding" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
+  16:3  ✖  Unexpected custom property "--pc-button-large-vertical-padding" Unexpected value "var(--pc-button-large-min-height)" for property "--pc-button-large-vertical-padding" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  22:3  ✖  Unexpected custom property "--pc-button-spinner-size" - Please use a Polaris token or component                                                                                                                   polaris/conventions/polaris/custom-property-allowed-list 
+  23:3  ✖  Unexpected custom property "--pc-button-segment" - Please use a Polaris token or component                                                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
+  24:3  ✖  Unexpected custom property "--pc-button-focused" - Please use a Polaris token or component                                                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
+  25:3  ✖  Unexpected custom property "--pc-button-disclosure-icon-offset" - Please use a Polaris token or component                                                                                                         polaris/conventions/polaris/custom-property-allowed-list 
+  28:3  ✖  Unexpected @include rule "button-base" - Please use a Polaris token or component                                                                                                                                  polaris/legacy/polaris/at-rule-disallowed-list           
+  32:5  ✖  Unexpected @include rule "base-button-disabled" - Please use a Polaris token or component                                                                                                                         polaris/legacy/polaris/at-rule-disallowed-list           
+  37:5  ✖  Unexpected value "var(--pc-button-segment)" for property "z-index" - Please use a Polaris z-index token                                                                                                           polaris/z-index/declaration-property-value-allowed-list  
+  37:5  ✖  Unexpected value "var(--pc-button-segment)" for property "z-index" - Please use a Polaris token or component                                                                                                      polaris/conventions/polaris/custom-property-allowed-list 
+  48:7  ✖  Unexpected value "var(--pc-button-focused)" for property "z-index" - Please use a Polaris z-index token                                                                                                           polaris/z-index/declaration-property-value-allowed-list  
+  48:7  ✖  Unexpected value "var(--pc-button-focused)" for property "z-index" - Please use a Polaris token or component                                                                                                      polaris/conventions/polaris/custom-property-allowed-list 
+  60:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                            polaris/layout/property-disallowed-list                  
+  62:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                             polaris/layout/property-disallowed-list                  
+  64:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
+  66:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                         polaris/layout/property-disallowed-list                  
+  72:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                              polaris/layout/declaration-property-value-disallowed-list
+  78:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
+  83:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
+  89:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
+  94:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
+ 100:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
+ 106:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
+ 111:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
+ 117:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
+ 122:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
+ 135:5  ✖  Unexpected value "var(--pc-button-disclosure-icon-offset)" for property "margin-right" - Please use a Polaris token or component                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+ 140:3  ✖  Expected ".fullWidth.textAlignLeft .Icon:last-child:not(:only-child)" to have no more than 2 classes                                                                                                              selector-max-class                                       
+ 140:3  ✖  Expected ".fullWidth.textAlignLeft .Icon:last-child:not(:only-child)" to have a specificity no more than "0,3,0"                                                                                                  selector-max-specificity                                 
+ 155:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                            polaris/layout/property-disallowed-list                  
+ 157:3  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                                                                                                                 polaris/layout/declaration-property-value-disallowed-list
+ 159:3  ⚠  Unexpected value "50%" for property "left" - Please use a Polaris layout component                                                                                                                                polaris/layout/declaration-property-value-disallowed-list
+ 161:3  ✖  Unexpected value "var(--pc-button-spinner-size)" for property "margin-top" - Please use a Polaris token or component                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
+ 163:3  ✖  Unexpected value "var(--pc-button-spinner-size)" for property "margin-left" - Please use a Polaris token or component                                                                                             polaris/conventions/polaris/custom-property-allowed-list 
+ 169:3  ✖  Unexpected @include rule "button-filled" - Please use a Polaris token or component                                                                                                                                polaris/legacy/polaris/at-rule-disallowed-list           
+ 173:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token                                                                                                                polaris/colors/polaris/at-rule-disallowed-list           
+ 182:3  ✖  Unexpected custom property "--pc-button-color" - Please use a Polaris token or component                                                                                                                          polaris/conventions/polaris/custom-property-allowed-list 
+ 183:3  ✖  Unexpected custom property "--pc-button-text" - Please use a Polaris token or component                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+ 184:3  ✖  Unexpected custom property "--pc-button-color-hover" - Please use a Polaris token or component                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list 
+ 185:3  ✖  Unexpected custom property "--pc-button-color-active" - Please use a Polaris token or component                                                                                                                   polaris/conventions/polaris/custom-property-allowed-list 
+ 186:3  ✖  Unexpected custom property "--pc-button-color-depressed" - Please use a Polaris token or component                                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
+ 189:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-on-primary))" - Please use a Polaris color token                                                                                                              polaris/colors/polaris/at-rule-disallowed-list           
+ 198:3  ✖  Unexpected custom property "--pc-button-color" - Please use a Polaris token or component                                                                                                                          polaris/conventions/polaris/custom-property-allowed-list 
+ 199:3  ✖  Unexpected custom property "--pc-button-text" - Please use a Polaris token or component                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+ 200:3  ✖  Unexpected custom property "--pc-button-color-hover" - Please use a Polaris token or component                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list 
+ 201:3  ✖  Unexpected custom property "--pc-button-color-active" - Please use a Polaris token or component                                                                                                                   polaris/conventions/polaris/custom-property-allowed-list 
+ 202:3  ✖  Unexpected custom property "--pc-button-color-depressed" - Please use a Polaris token or component                                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
+ 205:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-on-critical))" - Please use a Polaris color token                                                                                                             polaris/colors/polaris/at-rule-disallowed-list           
+ 214:3  ✖  Unexpected @include rule "button-outline(var(--p-border))" - Please use a Polaris token or component                                                                                                              polaris/legacy/polaris/at-rule-disallowed-list           
+ 224:3  ✖  Unexpected @include rule "button-outline(var(--p-border-critical))" - Please use a Polaris token or component                                                                                                     polaris/legacy/polaris/at-rule-disallowed-list           
+ 234:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                            polaris/layout/property-disallowed-list                  
+ 253:3  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token                                                                                                                  polaris/colors/polaris/at-rule-disallowed-list           
+ 255:3  ✖  Unexpected value "var(--pc-button-vertical-padding)" for property "margin" - Please use a Polaris token or component                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
+ 267:5  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                          polaris/shape/polaris/at-rule-disallowed-list            
+ 273:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive-hovered))" - Please use a Polaris color token                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
+ 278:5  ✖  Expected ".plain:focus:not(.disabled):not(.removeUnderline)" to have a specificity no more than "0,3,0"                                                                                                           selector-max-specificity                                 
+ 286:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive-pressed))" - Please use a Polaris color token                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
+ 289:5  ✖  Unexpected @include rule "high-contrast-button-outline(none)" - Please use a Polaris shape token                                                                                                                  polaris/shape/polaris/at-rule-disallowed-list            
+ 296:5  ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                                       polaris/shape/polaris/at-rule-disallowed-list            
+ 298:5  ✖  Unexpected @include rule "high-contrast-button-outline(none)" - Please use a Polaris shape token                                                                                                                  polaris/shape/polaris/at-rule-disallowed-list            
+ 302:7  ✖  Unexpected @include rule "high-contrast-button-outline" - Please use a Polaris shape token                                                                                                                        polaris/shape/polaris/at-rule-disallowed-list            
+ 307:5  ✖  Expected ".plain:focus:not(:active) > .Content" to have a specificity no more than "0,3,0"                                                                                                                        selector-max-specificity                                 
+ 309:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                                       polaris/shape/polaris/at-rule-disallowed-list            
+ 313:3  ✖  Expected ".plain.pressed:not(.iconOnly) > .Content" to have no more than 2 classes                                                                                                                                selector-max-class                                       
+ 313:3  ✖  Expected ".plain:active:not(.iconOnly) > .Content" to have a specificity no more than "0,3,0"                                                                                                                     selector-max-specificity                                 
+ 314:3  ✖  Expected ".plain.pressed:not(.iconOnly) > .Content" to have a specificity no more than "0,3,0"                                                                                                                    selector-max-specificity                                 
+ 316:5  ✖  Unexpected @include rule "plain-button-backdrop" - Please use a Polaris token or component                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
+ 328:5  ✖  Expected ".plain.disabled.loading" to have no more than 2 classes                                                                                                                                                 selector-max-class                                       
+ 335:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive-critical))" - Please use a Polaris color token                                                                                                         polaris/colors/polaris/at-rule-disallowed-list           
+ 342:5  ✖  Expected ".plain.destructive.pressed" to have no more than 2 classes                                                                                                                                              selector-max-class                                       
+ 347:5  ✖  Expected ".plain.destructive.disabled" to have no more than 2 classes                                                                                                                                             selector-max-class                                       
+ 354:5  ✖  Unexpected value "var(--pc-button-slim-vertical-padding)" for property "margin-top" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list 
+ 356:5  ✖  Unexpected value "var(--pc-button-slim-vertical-padding)" for property "margin-bottom" - Please use a Polaris token or component                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+ 361:5  ✖  Unexpected value "var(--pc-button-large-vertical-padding)" for property "margin" - Please use a Polaris token or component                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
+ 368:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                                                                                         polaris/colors/polaris/at-rule-disallowed-list           
+ 373:7  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-hovered))" - Please use a Polaris color token                                                                                                                 polaris/colors/polaris/at-rule-disallowed-list           
+ 376:5  ✖  Expected ".plain.iconOnly.pressed" to have no more than 2 classes                                                                                                                                                 selector-max-class                                       
+ 379:7  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-pressed))" - Please use a Polaris color token                                                                                                                 polaris/colors/polaris/at-rule-disallowed-list           
+ 382:5  ✖  Expected ".plain.iconOnly.disabled" to have no more than 2 classes                                                                                                                                                selector-max-class                                       
+ 384:7  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token                                                                                                                polaris/colors/polaris/at-rule-disallowed-list           
+ 388:3  ✖  Expected ".plain.destructive.iconOnly" to have no more than 2 classes                                                                                                                                             selector-max-class                                       
+ 390:5  ✖  Unexpected @include rule "recolor-icon(var(--p-action-critical))" - Please use a Polaris color token                                                                                                              polaris/colors/polaris/at-rule-disallowed-list           
+ 392:5  ✖  Expected ".plain.destructive.iconOnly:hover" to have no more than 2 classes                                                                                                                                       selector-max-class                                       
+ 392:5  ✖  Expected ".plain.destructive.iconOnly:hover" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
+ 394:7  ✖  Unexpected @include rule "recolor-icon(var(--p-action-critical-hovered))" - Please use a Polaris color token                                                                                                      polaris/colors/polaris/at-rule-disallowed-list           
+ 397:5  ✖  Expected ".plain.destructive.iconOnly:active" to have no more than 2 classes                                                                                                                                      selector-max-class                                       
+ 397:5  ✖  Expected ".plain.destructive.iconOnly.pressed" to have no more than 2 classes                                                                                                                                     selector-max-class                                       
+ 397:5  ✖  Expected ".plain.destructive.iconOnly:active" to have a specificity no more than "0,3,0"                                                                                                                          selector-max-specificity                                 
+ 398:5  ✖  Expected ".plain.destructive.iconOnly.pressed" to have a specificity no more than "0,3,0"                                                                                                                         selector-max-specificity                                 
+ 400:7  ✖  Unexpected @include rule "recolor-icon(var(--p-action-critical-pressed))" - Please use a Polaris color token                                                                                                      polaris/colors/polaris/at-rule-disallowed-list           
+ 403:5  ✖  Expected ".plain.destructive.iconOnly.disabled" to have no more than 2 classes                                                                                                                                    selector-max-class                                       
+ 403:5  ✖  Expected ".plain.destructive.iconOnly.disabled" to have a specificity no more than "0,3,0"                                                                                                                        selector-max-specificity                                 
+ 405:7  ✖  Unexpected @include rule "recolor-icon(var(--p-action-critical-disabled))" - Please use a Polaris color token                                                                                                     polaris/colors/polaris/at-rule-disallowed-list           
+ 417:3  ✖  Unexpected @include rule "button-full-width" - Please use a Polaris token or component                                                                                                                            polaris/legacy/polaris/at-rule-disallowed-list           
+ 449:3  ✖  Unexpected value "var(--pc-button-slim-min-height)" for property "min-height" - Please use a Polaris token or component                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+ 451:3  ✖  Unexpected value "var(--pc-button-slim-vertical-padding)" for property "padding" - Please use a Polaris token or component                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
+ 456:3  ✖  Unexpected value "var(--pc-button-large-min-height)" for property "min-height" - Please use a Polaris token or component                                                                                          polaris/conventions/polaris/custom-property-allowed-list 
+ 458:3  ✖  Unexpected value "var(--pc-button-large-min-height)" for property "min-width" - Please use a Polaris token or component                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+ 460:3  ✖  Unexpected value "var(--pc-button-large-vertical-padding)" for property "padding" - Please use a Polaris token or component                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
+ 476:5  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
+ 483:7  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
+ 488:5  ✖  Expected ".monochrome.outline.disabled" to have no more than 2 classes                                                                                                                                            selector-max-class                                       
+ 488:5  ✖  Expected ".monochrome.plain.disabled" to have no more than 2 classes                                                                                                                                              selector-max-class                                       
+ 491:7  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
+ 493:7  ✖  Unexpected value "0.4" for property "opacity" - Please use a Polaris color token                                                                                                                                  polaris/colors/declaration-property-value-disallowed-list
+ 497:5  ✖  Expected ".monochrome.outline.loading .Text" to have no more than 2 classes                                                                                                                                       selector-max-class                                       
+ 497:5  ✖  Expected ".monochrome.plain.loading .Text" to have no more than 2 classes                                                                                                                                         selector-max-class                                       
+ 497:5  ✖  Expected ".monochrome.outline.loading .Text" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
+ 497:5  ✖  Expected ".monochrome.plain.loading .Text" to have a specificity no more than "0,3,0"                                                                                                                             selector-max-specificity                                 
+ 501:5  ✖  Expected ".monochrome.outline.iconOnly" to have no more than 2 classes                                                                                                                                            selector-max-class                                       
+ 501:5  ✖  Expected ".monochrome.plain.iconOnly" to have no more than 2 classes                                                                                                                                              selector-max-class                                       
+ 503:7  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
+ 505:7  ✖  Expected ".monochrome.outline.iconOnly:focus" to have no more than 2 classes                                                                                                                                      selector-max-class                                       
+ 505:7  ✖  Expected ".monochrome.plain.iconOnly:focus" to have no more than 2 classes                                                                                                                                        selector-max-class                                       
+ 505:7  ✖  Expected ".monochrome.outline.iconOnly:active" to have no more than 2 classes                                                                                                                                     selector-max-class                                       
+ 505:7  ✖  Expected ".monochrome.plain.iconOnly:active" to have no more than 2 classes                                                                                                                                       selector-max-class                                       
+ 505:7  ✖  Expected ".monochrome.outline.iconOnly:focus" to have a specificity no more than "0,3,0"                                                                                                                          selector-max-specificity                                 
+ 505:7  ✖  Expected ".monochrome.plain.iconOnly:focus" to have a specificity no more than "0,3,0"                                                                                                                            selector-max-specificity                                 
+ 506:7  ✖  Expected ".monochrome.outline.iconOnly:active" to have a specificity no more than "0,3,0"                                                                                                                         selector-max-specificity                                 
+ 506:7  ✖  Expected ".monochrome.plain.iconOnly:active" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
+ 508:9  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
+ 511:7  ✖  Expected ".monochrome.outline.iconOnly.disabled" to have no more than 2 classes                                                                                                                                   selector-max-class                                       
+ 511:7  ✖  Expected ".monochrome.plain.iconOnly.disabled" to have no more than 2 classes                                                                                                                                     selector-max-class                                       
+ 511:7  ✖  Expected ".monochrome.outline.iconOnly.disabled" to have a specificity no more than "0,3,0"                                                                                                                       selector-max-specificity                                 
+ 511:7  ✖  Expected ".monochrome.plain.iconOnly.disabled" to have a specificity no more than "0,3,0"                                                                                                                         selector-max-specificity                                 
+ 513:9  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
+ 521:5  ✖  Expected ".monochrome.plain .Text:not(.removeUnderline)" to have no more than 2 classes                                                                                                                           selector-max-class                                       
+ 521:5  ✖  Expected ".monochrome.plain .Text:not(.removeUnderline)" to have a specificity no more than "0,3,0"                                                                                                               selector-max-specificity                                 
+ 529:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                            polaris/layout/property-disallowed-list                  
+ 534:5  ✖  Unexpected @include rule "focus-ring($border-width: 2px)" - Please use a Polaris shape token                                                                                                                      polaris/shape/polaris/at-rule-disallowed-list            
+ 539:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                            polaris/layout/property-disallowed-list                  
+ 541:7  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                                                   polaris/layout/declaration-property-value-disallowed-list
+ 543:7  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                                                                                                 polaris/layout/declaration-property-value-disallowed-list
+ 545:7  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                                                                polaris/layout/declaration-property-value-disallowed-list
+ 547:7  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                                                  polaris/layout/declaration-property-value-disallowed-list
+ 551:7  ✖  Unexpected value "0" for property "z-index" - Please use a Polaris z-index token                                                                                                                                  polaris/z-index/declaration-property-value-allowed-list  
+ 554:5  ✖  Expected ".monochrome.outline.pressed" to have no more than 2 classes                                                                                                                                             selector-max-class                                       
+ 559:7  ✖  Expected ".monochrome.outline.pressed::before" to have no more than 2 classes                                                                                                                                     selector-max-class                                       
+ 559:7  ✖  Expected ".monochrome.outline.pressed::before" to have a specificity no more than "0,3,0"                                                                                                                         selector-max-specificity                                 
+ 561:9  ✖  Unexpected value "0.2" for property "opacity" - Please use a Polaris color token                                                                                                                                  polaris/colors/declaration-property-value-disallowed-list
+ 571:7  ✖  Expected ".monochrome.outline:hover::before" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
+ 571:7  ✖  Expected ".monochrome.outline:focus::before" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
+ 571:7  ✖  Expected ".monochrome.outline:active::before" to have a specificity no more than "0,3,0"                                                                                                                          selector-max-specificity                                 
+ 573:9  ✖  Unexpected value "0.07" for property "opacity" - Please use a Polaris color token                                                                                                                                 polaris/colors/declaration-property-value-disallowed-list
+ 580:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                                       polaris/shape/polaris/at-rule-disallowed-list            
+ 583:5  ✖  Expected ".monochrome.outline:active::after" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
+ 589:7  ✖  Expected ".monochrome.outline:hover::before" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
+ 589:7  ✖  Expected ".monochrome.outline:active::before" to have a specificity no more than "0,3,0"                                                                                                                          selector-max-specificity                                 
+ 591:9  ✖  Unexpected value "0.05" for property "opacity" - Please use a Polaris color token                                                                                                                                 polaris/colors/declaration-property-value-disallowed-list
+ 601:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                             polaris/layout/property-disallowed-list                  
+ 606:3  ✖  Unexpected value "var(--pc-button-segment)" for property "z-index" - Please use a Polaris z-index token                                                                                                           polaris/z-index/declaration-property-value-allowed-list  
+ 606:3  ✖  Unexpected value "var(--pc-button-segment)" for property "z-index" - Please use a Polaris token or component                                                                                                      polaris/conventions/polaris/custom-property-allowed-list 
+ 611:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                                                             polaris/layout/declaration-property-value-disallowed-list
+ 616:5  ✖  Unexpected value "var(--pc-button-focused)" for property "z-index" - Please use a Polaris z-index token                                                                                                           polaris/z-index/declaration-property-value-allowed-list  
+ 616:5  ✖  Unexpected value "var(--pc-button-focused)" for property "z-index" - Please use a Polaris token or component                                                                                                      polaris/conventions/polaris/custom-property-allowed-list 
+ 624:5  ✖  Expected ".ConnectedDisclosure.primary.outline" to have no more than 2 classes                                                                                                                                    selector-max-class                                       
+ 624:5  ✖  Expected ".ConnectedDisclosure.destructive.outline" to have no more than 2 classes                                                                                                                                selector-max-class                                       
+ 642:3  ✖  Expected "[data-buttongroup-segmented='true'] > :first-child .Button" to have no more than 1 combinator                                                                                                           selector-max-combinators                                 
+ 642:3  ✖  Expected "[data-buttongroup-segmented='true'] > :first-child .Button::after" to have no more than 1 combinator                                                                                                    selector-max-combinators                                 
+ 643:3  ✖  Expected "[data-buttongroup-segmented='true'] > :first-child .Button::after" to have a specificity no more than "0,3,0"                                                                                           selector-max-specificity                                 
+ 649:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child .Button" to have no more than 1 combinator                                                                                                            selector-max-combinators                                 
+ 649:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child .Button::after" to have no more than 1 combinator                                                                                                     selector-max-combinators                                 
+ 650:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child .Button::after" to have a specificity no more than "0,3,0"                                                                                            selector-max-specificity                                 
+ 656:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child:first-child .Button" to have no more than 1 combinator                                                                                                selector-max-combinators                                 
+ 656:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child:first-child .Button::after" to have no more than 1 combinator                                                                                         selector-max-combinators                                 
+ 656:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child:first-child .Button" to have a specificity no more than "0,3,0"                                                                                       selector-max-specificity                                 
+ 657:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child:first-child .Button::after" to have a specificity no more than "0,3,0"                                                                                selector-max-specificity                                 
+ 663:3  ✖  Expected "[data-buttongroup-connected-top='true'] > :first-child .Button" to have no more than 1 combinator                                                                                                       selector-max-combinators                                 
+ 663:3  ✖  Expected "[data-buttongroup-connected-top='true'] > :first-child .Button::after" to have no more than 1 combinator                                                                                                selector-max-combinators                                 
+ 664:3  ✖  Expected "[data-buttongroup-connected-top='true'] > :first-child .Button::after" to have a specificity no more than "0,3,0"                                                                                       selector-max-specificity                                 
+ 668:3  ✖  Expected "[data-buttongroup-connected-top='true'] > :last-child .Button" to have no more than 1 combinator                                                                                                        selector-max-combinators                                 
+ 668:3  ✖  Expected "[data-buttongroup-connected-top='true'] > :last-child .Button::after" to have no more than 1 combinator                                                                                                 selector-max-combinators                                 
+ 669:3  ✖  Expected "[data-buttongroup-connected-top='true'] > :last-child .Button::after" to have a specificity no more than "0,3,0"                                                                                        selector-max-specificity                                 
+ 677:5  ✖  Unexpected @include rule "button-full-width" - Please use a Polaris token or component                                                                                                                            polaris/legacy/polaris/at-rule-disallowed-list           
+
+src/components/ButtonGroup/ButtonGroup.scss
+  3:3  ✖  Unexpected custom property "--pc-button-group-item" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list
+  4:3  ✖  Unexpected custom property "--pc-button-group-focused" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list
+  7:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
+ 10:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                 
+ 32:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
+ 39:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                              polaris/layout/property-disallowed-list                 
+ 41:5  ✖  Unexpected value "var(--pc-button-group-item)" for property "z-index" - Please use a Polaris z-index token          polaris/z-index/declaration-property-value-allowed-list 
+ 41:5  ✖  Unexpected value "var(--pc-button-group-item)" for property "z-index" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list
+ 53:5  ✖  Unexpected value "var(--pc-button-group-focused)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list 
+ 53:5  ✖  Unexpected value "var(--pc-button-group-focused)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 60:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                 
+
+src/components/CalloutCard/CalloutCard.scss
+  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
+  7:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
+ 12:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
+ 14:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                  
+ 16:3  ⚠  Unexpected value "100px" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
+ 20:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
+ 31:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                  
+ 44:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
+ 49:3  ⚠  Unexpected value "var(--p-space-4)" for property "right" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 51:3  ⚠  Unexpected value "var(--p-space-4)" for property "top" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+ 53:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
+ 58:3  ✖  Unexpected disallowed value "--p-icon-size" - Please use a Polaris layout component               polaris/layout/polaris/global-disallowed-list            
+
+src/components/Caption/Caption.scss
+ 5:3  ✖  Unexpected @include rule "text-style-caption" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
+
+src/components/Card/Card.scss
+  33:5   ⚠  Unexpected property "display" - Please use a Polaris layout component          polaris/layout/property-disallowed-list
+  33:19  ✖  Unexpected !important                                                          declaration-no-important               
+ 142:3   ⚠  Unexpected property "display" - Please use a Polaris layout component          polaris/layout/property-disallowed-list
+ 144:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+ 153:5   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+
+src/components/CheckableButton/CheckableButton.scss
+ 10:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-on-interactive))" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list           
+ 18:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                     polaris/layout/property-disallowed-list                  
+ 20:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                 polaris/layout/property-disallowed-list                  
+ 32:3  ⚠  Unexpected value "auto" for property "width" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
+ 47:3  ⚠  Unexpected value "var(--p-choice-size)" for property "height" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
+ 47:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component                     polaris/layout/polaris/global-disallowed-list            
+ 49:3  ⚠  Unexpected value "var(--p-choice-size)" for property "width" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
+ 49:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component                     polaris/layout/polaris/global-disallowed-list            
+ 51:3  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                 polaris/shape/polaris/global-disallowed-list             
+ 58:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
+ 66:3  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                 polaris/shape/polaris/global-disallowed-list             
+
+src/components/Checkbox/Checkbox.scss
+   5:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
+   7:3  ✖  Unexpected disallowed value "--p-choice-margin" - Please use a Polaris spacing token                                    polaris/spacing/polaris/global-disallowed-list           
+  13:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                    polaris/legacy/polaris/at-rule-disallowed-list           
+  16:5  ✖  Expected ".Input.keyFocused + .Backdrop" to have no more than 2 classes                                                 selector-max-class                                       
+  18:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                             polaris/shape/polaris/at-rule-disallowed-list            
+  25:5  ✖  Expected ".Input.Input-indeterminate + .Backdrop" to have no more than 2 classes                                        selector-max-class                                       
+  25:5  ✖  Expected ".Input:active:not(:disabled) + .Backdrop" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
+  27:7  ✖  Unexpected @include rule "control-backdrop(active)" - Please use a Polaris token or component                           polaris/legacy/polaris/at-rule-disallowed-list           
+  30:5  ✖  Expected ".Input.Input-indeterminate ~ .Icon" to have no more than 2 classes                                            selector-max-class                                       
+  30:5  ✖  Expected ".Input:active:not(:disabled) ~ .Icon" to have a specificity no more than "0,3,0"                              selector-max-specificity                                 
+  41:7  ✖  Unexpected @include rule "control-backdrop(disabled)" - Please use a Polaris token or component                         polaris/legacy/polaris/at-rule-disallowed-list           
+  46:5  ✖  Expected ".Input:disabled:checked + .Backdrop" to have a specificity no more than "0,3,0"                               selector-max-specificity                                 
+  49:7  ✖  Expected ".Input:disabled:checked + .Backdrop::before" to have a specificity no more than "0,3,0"                       selector-max-specificity                                 
+  59:3  ✖  Unexpected @include rule "control-backdrop" - Please use a Polaris token or component                                   polaris/legacy/polaris/at-rule-disallowed-list           
+  61:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
+  63:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
+  65:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
+  67:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                   polaris/layout/declaration-property-value-disallowed-list
+  69:3  ✖  Unexpected @include rule "focus-ring($border-width: var(--p-control-border-width))" - Please use a Polaris shape token  polaris/shape/polaris/at-rule-disallowed-list            
+  74:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-on-interactive))" - Please use a Polaris color token                polaris/colors/polaris/at-rule-disallowed-list           
+  76:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
+  78:3  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
+  80:3  ⚠  Unexpected value "50%" for property "left" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
+  98:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-on-critical))" - Please use a Polaris color token                   polaris/colors/polaris/at-rule-disallowed-list           
+ 103:5  ✖  Unexpected @include rule "control-backdrop(error)" - Please use a Polaris token or component                            polaris/legacy/polaris/at-rule-disallowed-list           
+ 106:3  ✖  Expected ".error .Input.Input-indeterminate" to have no more than 2 classes                                             selector-max-class                                       
+ 109:5  ✖  Expected ".error .Input:checked + .Backdrop::before" to have no more than 2 classes                                     selector-max-class                                       
+ 109:5  ✖  Expected ".error .Input:active + .Backdrop::before" to have no more than 2 classes                                      selector-max-class                                       
+ 109:5  ✖  Expected ".error .Input.Input-indeterminate + .Backdrop::before" to have no more than 2 classes                         selector-max-class                                       
+ 109:5  ✖  Expected ".error .Input:checked + .Backdrop::before" to have no more than 1 combinator                                  selector-max-combinators                                 
+ 109:5  ✖  Expected ".error .Input:active + .Backdrop::before" to have no more than 1 combinator                                   selector-max-combinators                                 
+ 109:5  ✖  Expected ".error .Input.Input-indeterminate + .Backdrop::before" to have no more than 1 combinator                      selector-max-combinators                                 
+ 109:5  ✖  Expected ".error .Input:checked + .Backdrop::before" to have a specificity no more than "0,3,0"                         selector-max-specificity                                 
+ 109:5  ✖  Expected ".error .Input:active + .Backdrop::before" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
+ 109:5  ✖  Expected ".error .Input.Input-indeterminate + .Backdrop::before" to have a specificity no more than "0,3,0"             selector-max-specificity                                 
+
+src/components/Choice/Choice.scss
+  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
+  7:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
+ 13:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
+ 22:5  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                            polaris/legacy/polaris/at-rule-disallowed-list           
+ 49:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component                           polaris/layout/polaris/global-disallowed-list            
+ 49:3  ✖  Unexpected custom property "--pc-choice-size" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
+ 53:5  ✖  Unexpected custom property "--pc-choice-size" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
+ 56:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
+ 58:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                              polaris/layout/property-disallowed-list                  
+ 60:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                  
+ 62:3  ⚠  Unexpected value "var(--pc-choice-size)" for property "width" - Please use a Polaris layout component           polaris/layout/declaration-property-value-disallowed-list
+ 62:3  ✖  Unexpected value "var(--pc-choice-size)" for property "width" - Please use a Polaris token or component         polaris/conventions/polaris/custom-property-allowed-list 
+ 64:3  ⚠  Unexpected value "var(--pc-choice-size)" for property "height" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
+ 64:3  ✖  Unexpected value "var(--pc-choice-size)" for property "height" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list 
+ 69:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                            polaris/layout/declaration-property-value-disallowed-list
+ 83:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component                           polaris/layout/polaris/global-disallowed-list            
+ 83:3  ✖  Unexpected custom property "--pc-choice-size" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
+ 87:5  ✖  Unexpected custom property "--pc-choice-size" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
+ 90:3  ✖  Unexpected value "var(--pc-choice-size)" for property "padding-left" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+
+src/components/ChoiceList/ChoiceList.scss
+ 5:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component  polaris/layout/polaris/global-disallowed-list
+
+src/components/Collapsible/Collapsible.scss
+ 15:3   ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+ 21:22  ✖  Unexpected !important                                                  declaration-no-important               
+ 24:5   ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+
+src/components/ColorPicker/ColorPicker.scss
+  13:3  ✖  Unexpected custom property "--pc-color-picker-size" - Please use a Polaris token or component                                                                            polaris/conventions/polaris/custom-property-allowed-list 
+  14:3  ✖  Unexpected custom property "--pc-color-picker-dragger-size" - Please use a Polaris token or component                                                                    polaris/conventions/polaris/custom-property-allowed-list 
+  15:3  ✖  Unexpected custom property "--pc-color-picker-z-index" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list 
+  16:3  ✖  Unexpected custom property "--pc-color-picker-adjustments" - Please use a Polaris token or component                                                                     polaris/conventions/polaris/custom-property-allowed-list 
+  17:3  ✖  Unexpected custom property "--pc-color-picker-dragger" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list 
+  18:3  ✖  Unexpected custom property "--pc-color-picker-inner-shadow" - Please use a Polaris token or component                                                                    polaris/conventions/polaris/custom-property-allowed-list 
+  19:3  ✖  Unexpected custom property "--pc-color-picker-dragger-shadow" - Please use a Polaris token or component                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+  25:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                    polaris/layout/property-disallowed-list                  
+  31:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                   polaris/layout/property-disallowed-list                  
+  34:3  ⚠  Unexpected value "var(--pc-color-picker-size)" for property "height" - Please use a Polaris layout component                                                             polaris/layout/declaration-property-value-disallowed-list
+  34:3  ✖  Unexpected value "var(--pc-color-picker-size)" for property "height" - Please use a Polaris token or component                                                           polaris/conventions/polaris/custom-property-allowed-list 
+  36:3  ⚠  Unexpected value "var(--pc-color-picker-size)" for property "width" - Please use a Polaris layout component                                                              polaris/layout/declaration-property-value-disallowed-list
+  36:3  ✖  Unexpected value "var(--pc-color-picker-size)" for property "width" - Please use a Polaris token or component                                                            polaris/conventions/polaris/custom-property-allowed-list 
+  40:5  ⚠  Unexpected value "auto" for property "width" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
+  42:5  ⚠  Unexpected property "flex-grow" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                  
+  51:5  ⚠  Unexpected value "calc(0.5 * var(--pc-color-picker-dragger-size))" for property "right" - Please use a Polaris layout component                                          polaris/layout/declaration-property-value-disallowed-list
+  51:5  ✖  Unexpected value "var(--pc-color-picker-dragger-size)" for property "right" - Please use a Polaris token or component                                                    polaris/conventions/polaris/custom-property-allowed-list 
+  54:5  ✖  Unexpected value "var(--pc-color-picker-dragger-shadow)" for property "box-shadow" - Please use a Polaris token or component                                             polaris/conventions/polaris/custom-property-allowed-list 
+  65:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                   polaris/layout/property-disallowed-list                  
+  67:5  ✖  Unexpected value "var(--pc-color-picker-adjustments)" for property "z-index" - Please use a Polaris z-index token                                                        polaris/z-index/declaration-property-value-allowed-list  
+  67:5  ✖  Unexpected value "var(--pc-color-picker-adjustments)" for property "z-index" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list 
+  69:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                          polaris/layout/declaration-property-value-disallowed-list
+  71:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                         polaris/layout/declaration-property-value-disallowed-list
+  73:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                    polaris/layout/property-disallowed-list                  
+  75:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                    polaris/layout/declaration-property-value-disallowed-list
+  77:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
+  84:5  ✖  Unexpected named color "white" - Please use a Polaris color token                                                                                                        polaris/colors/color-named                               
+  89:5  ✖  Unexpected named color "black" - Please use a Polaris color token                                                                                                        polaris/colors/color-named                               
+  91:5  ✖  Unexpected value "var(--pc-color-picker-inner-shadow)" for property "box-shadow" - Please use a Polaris token or component                                               polaris/conventions/polaris/custom-property-allowed-list 
+ 101:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                   polaris/layout/property-disallowed-list                  
+ 103:3  ✖  Unexpected value "var(--pc-color-picker-dragger)" for property "z-index" - Please use a Polaris z-index token                                                            polaris/z-index/declaration-property-value-allowed-list  
+ 103:3  ✖  Unexpected value "var(--pc-color-picker-dragger)" for property "z-index" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list 
+ 105:3  ⚠  Unexpected value "calc(0.5 * var(--pc-color-picker-dragger-size))" for property "bottom" - Please use a Polaris layout component                                         polaris/layout/declaration-property-value-disallowed-list
+ 105:3  ✖  Unexpected value "var(--pc-color-picker-dragger-size)" for property "bottom" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list 
+ 108:3  ⚠  Unexpected value "var(--pc-color-picker-dragger-size)" for property "height" - Please use a Polaris layout component                                                     polaris/layout/declaration-property-value-disallowed-list
+ 108:3  ✖  Unexpected value "var(--pc-color-picker-dragger-size)" for property "height" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list 
+ 110:3  ⚠  Unexpected value "var(--pc-color-picker-dragger-size)" for property "width" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
+ 110:3  ✖  Unexpected value "var(--pc-color-picker-dragger-size)" for property "width" - Please use a Polaris token or component                                                    polaris/conventions/polaris/custom-property-allowed-list 
+ 118:3  ✖  Unexpected value "var(--pc-color-picker-dragger-shadow)" for property "box-shadow" - Please use a Polaris token or component                                             polaris/conventions/polaris/custom-property-allowed-list 
+ 122:1  ✖  Unexpected function "rgb" - Please use a Polaris color token                                                                                                             polaris/colors/function-disallowed-list                  
+ 124:1  ✖  Unexpected function "rgb" - Please use a Polaris color token                                                                                                             polaris/colors/function-disallowed-list                  
+ 126:1  ✖  Unexpected value "var(--pc-color-picker-dragger-size)" for property "$huepicker-padding" - Please use a Polaris token or component                                       polaris/conventions/polaris/custom-property-allowed-list 
+ 128:1  ✖  Unexpected value "var(--pc-color-picker-size, --pc-color-picker-dragger-size)" for property "$huepicker-bottom-padding-start" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 133:1  ✖  Unexpected value "var(--pc-color-picker-size)" for property "$vertical-picker-border-radius" - Please use a Polaris token or component                                   polaris/conventions/polaris/custom-property-allowed-list 
+ 138:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                   polaris/layout/property-disallowed-list                  
+ 141:3  ⚠  Unexpected value "var(--pc-color-picker-size)" for property "height" - Please use a Polaris layout component                                                             polaris/layout/declaration-property-value-disallowed-list
+ 141:3  ✖  Unexpected value "var(--pc-color-picker-size)" for property "height" - Please use a Polaris token or component                                                           polaris/conventions/polaris/custom-property-allowed-list 
+ 143:3  ⚠  Unexpected value "var(--p-space-6)" for property "width" - Please use a Polaris layout component                                                                         polaris/layout/declaration-property-value-disallowed-list
+ 151:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                   polaris/layout/property-disallowed-list                  
+ 153:5  ✖  Unexpected value "var(--pc-color-picker-adjustments)" for property "z-index" - Please use a Polaris z-index token                                                        polaris/z-index/declaration-property-value-allowed-list  
+ 153:5  ✖  Unexpected value "var(--pc-color-picker-adjustments)" for property "z-index" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list 
+ 155:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                          polaris/layout/declaration-property-value-disallowed-list
+ 157:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                         polaris/layout/declaration-property-value-disallowed-list
+ 159:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                    polaris/layout/property-disallowed-list                  
+ 161:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                    polaris/layout/declaration-property-value-disallowed-list
+ 163:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
+ 167:5  ✖  Unexpected value "var(--pc-color-picker-inner-shadow)" for property "box-shadow" - Please use a Polaris token or component                                               polaris/conventions/polaris/custom-property-allowed-list 
+ 177:3  ✖  Unexpected named color "red" - Please use a Polaris color token                                                                                                          polaris/colors/color-named                               
+ 177:3  ✖  Unexpected named color "yellow" - Please use a Polaris color token                                                                                                       polaris/colors/color-named                               
+ 177:3  ✖  Unexpected named color "cyan" - Please use a Polaris color token                                                                                                         polaris/colors/color-named                               
+ 177:3  ✖  Unexpected named color "blue" - Please use a Polaris color token                                                                                                         polaris/colors/color-named                               
+ 177:3  ✖  Unexpected named color "red" - Please use a Polaris color token                                                                                                          polaris/colors/color-named                               
+ 177:3  ✖  Unexpected value "var(--pc-color-picker-dragger-size)" for property "background-image" - Please use a Polaris token or component                                         polaris/conventions/polaris/custom-property-allowed-list 
+ 196:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                   polaris/layout/property-disallowed-list                  
+ 198:3  ✖  Unexpected value "var(--pc-color-picker-z-index)" for property "z-index" - Please use a Polaris z-index token                                                            polaris/z-index/declaration-property-value-allowed-list  
+ 198:3  ✖  Unexpected value "var(--pc-color-picker-z-index)" for property "z-index" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list 
+ 200:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                          polaris/layout/declaration-property-value-disallowed-list
+ 202:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                         polaris/layout/declaration-property-value-disallowed-list
+ 204:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                    polaris/layout/declaration-property-value-disallowed-list
+ 206:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
+ 212:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                    polaris/layout/declaration-property-value-disallowed-list
+ 214:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
+
+src/components/Columns/Columns.scss
+  7:3  ✖  Unexpected custom property "--pc-columns-xs" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list
+  8:3  ✖  Unexpected custom property "--pc-columns-sm" Unexpected value "var(--pc-columns-xs)" for property "--pc-columns-sm" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+  9:3  ✖  Unexpected custom property "--pc-columns-md" Unexpected value "var(--pc-columns-sm)" for property "--pc-columns-md" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 10:3  ✖  Unexpected custom property "--pc-columns-lg" Unexpected value "var(--pc-columns-md)" for property "--pc-columns-lg" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 11:3  ✖  Unexpected custom property "--pc-columns-xl" Unexpected value "var(--pc-columns-lg)" for property "--pc-columns-xl" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 14:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                          polaris/layout/property-disallowed-list                 
+ 16:3  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
+ 16:3  ✖  Unexpected value "var(--pc-columns-xs)" for property "grid-template-columns" - Please use a Polaris token or component                                         polaris/conventions/polaris/custom-property-allowed-list
+ 20:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
+ 20:5  ✖  Unexpected value "var(--pc-columns-sm)" for property "grid-template-columns" - Please use a Polaris token or component                                         polaris/conventions/polaris/custom-property-allowed-list
+ 25:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
+ 25:5  ✖  Unexpected value "var(--pc-columns-md)" for property "grid-template-columns" - Please use a Polaris token or component                                         polaris/conventions/polaris/custom-property-allowed-list
+ 30:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
+ 30:5  ✖  Unexpected value "var(--pc-columns-lg)" for property "grid-template-columns" - Please use a Polaris token or component                                         polaris/conventions/polaris/custom-property-allowed-list
+ 35:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
+ 35:5  ✖  Unexpected value "var(--pc-columns-xl)" for property "grid-template-columns" - Please use a Polaris token or component                                         polaris/conventions/polaris/custom-property-allowed-list
+
+src/components/Connected/Connected.scss
+  3:3  ✖  Unexpected custom property "--pc-connected-item" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list
+  4:3  ✖  Unexpected custom property "--pc-connected-primary" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list
+  5:3  ✖  Unexpected custom property "--pc-connected-focused" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list
+  8:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                 
+ 10:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                 
+ 15:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                 
+ 17:3  ✖  Unexpected value "var(--pc-connected-item)" for property "z-index" - Please use a Polaris z-index token          polaris/z-index/declaration-property-value-allowed-list 
+ 17:3  ✖  Unexpected value "var(--pc-connected-item)" for property "z-index" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list
+ 19:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
+ 31:3  ✖  Unexpected value "var(--pc-connected-primary)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list 
+ 31:3  ✖  Unexpected value "var(--pc-connected-primary)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 33:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
+ 38:3  ✖  Unexpected value "var(--pc-connected-focused)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list 
+ 38:3  ✖  Unexpected value "var(--pc-connected-focused)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+
+src/components/DataTable/DataTable.scss
+   5:3  ✖  Unexpected custom property "--pc-data-table-first-column-width" - Please use a Polaris token or component                                       polaris/conventions/polaris/custom-property-allowed-list 
+   7:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
+  17:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
+  19:5  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                       polaris/layout/property-disallowed-list                  
+  21:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+  23:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                            polaris/layout/declaration-property-value-disallowed-list
+  28:7  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+  35:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
+  44:3  ⚠  Unexpected value "6px" for property "height" - Please use a Polaris layout component                                                            polaris/layout/declaration-property-value-disallowed-list
+  46:3  ⚠  Unexpected value "6px" for property "width" - Please use a Polaris layout component                                                             polaris/layout/declaration-property-value-disallowed-list
+  68:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                            polaris/layout/declaration-property-value-disallowed-list
+  74:3  ✖  Expected ".TableRow + .TableRow .Cell" to have no more than 2 classes                                                                           selector-max-class                                       
+  74:3  ✖  Expected ".TableRow + .TableRow .Cell" to have no more than 1 combinator                                                                        selector-max-combinators                                 
+  81:3  ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component                                       polaris/typography/polaris/at-rule-disallowed-list       
+  93:3  ✖  Expected ".ZebraStripingOnData .TableRow:nth-child(2n + 1) .Cell" to have no more than 2 classes                                                selector-max-class                                       
+  93:3  ✖  Expected ".ZebraStripingOnData.RowCountIsEven .TableRow:nth-child(2n) .Cell" to have no more than 2 classes                                     selector-max-class                                       
+  93:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .TableRow:nth-child(2n) .Cell" to have no more than 2 classes                                 selector-max-class                                       
+  93:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter.RowCountIsEven .TableRow:nth-child(2n + 1) .Cell" to have no more than 2 classes              selector-max-class                                       
+  93:3  ✖  Expected ".ZebraStripingOnData .TableRow:nth-child(2n + 1) .Cell" to have no more than 1 combinator                                             selector-max-combinators                                 
+  93:3  ✖  Expected ".ZebraStripingOnData.RowCountIsEven .TableRow:nth-child(2n) .Cell" to have no more than 1 combinator                                  selector-max-combinators                                 
+  93:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .TableRow:nth-child(2n) .Cell" to have no more than 1 combinator                              selector-max-combinators                                 
+  93:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter.RowCountIsEven .TableRow:nth-child(2n + 1) .Cell" to have no more than 1 combinator           selector-max-combinators                                 
+  93:3  ✖  Expected ".ZebraStripingOnData .TableRow:nth-child(2n + 1) .Cell" to have a specificity no more than "0,3,0"                                    selector-max-specificity                                 
+  94:3  ✖  Expected ".ZebraStripingOnData.RowCountIsEven .TableRow:nth-child(2n) .Cell" to have a specificity no more than "0,3,0"                         selector-max-specificity                                 
+  95:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .TableRow:nth-child(2n) .Cell" to have a specificity no more than "0,3,0"                     selector-max-specificity                                 
+  96:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter.RowCountIsEven .TableRow:nth-child(2n + 1) .Cell" to have a specificity no more than "0,3,0"  selector-max-specificity                                 
+ 100:3  ✖  Expected ".ZebraStripingOnData .TableRow:nth-child(2n) .Cell" to have no more than 2 classes                                                    selector-max-class                                       
+ 100:3  ✖  Expected ".ZebraStripingOnData.RowCountIsEven .TableRow:nth-child(2n + 1) .Cell" to have no more than 2 classes                                 selector-max-class                                       
+ 100:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .TableRow:nth-child(2n + 1) .Cell" to have no more than 2 classes                             selector-max-class                                       
+ 100:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter.RowCountIsEven .TableRow:nth-child(2n) .Cell" to have no more than 2 classes                  selector-max-class                                       
+ 100:3  ✖  Expected ".ZebraStripingOnData .TableRow:nth-child(2n) .Cell" to have no more than 1 combinator                                                 selector-max-combinators                                 
+ 100:3  ✖  Expected ".ZebraStripingOnData.RowCountIsEven .TableRow:nth-child(2n + 1) .Cell" to have no more than 1 combinator                              selector-max-combinators                                 
+ 100:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .TableRow:nth-child(2n + 1) .Cell" to have no more than 1 combinator                          selector-max-combinators                                 
+ 100:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter.RowCountIsEven .TableRow:nth-child(2n) .Cell" to have no more than 1 combinator               selector-max-combinators                                 
+ 100:3  ✖  Expected ".ZebraStripingOnData .TableRow:nth-child(2n) .Cell" to have a specificity no more than "0,3,0"                                        selector-max-specificity                                 
+ 101:3  ✖  Expected ".ZebraStripingOnData.RowCountIsEven .TableRow:nth-child(2n + 1) .Cell" to have a specificity no more than "0,3,0"                     selector-max-specificity                                 
+ 102:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .TableRow:nth-child(2n + 1) .Cell" to have a specificity no more than "0,3,0"                 selector-max-specificity                                 
+ 103:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter.RowCountIsEven .TableRow:nth-child(2n) .Cell" to have a specificity no more than "0,3,0"      selector-max-specificity                                 
+ 111:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
+ 113:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                 polaris/layout/declaration-property-value-disallowed-list
+ 115:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
+ 117:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                              polaris/layout/declaration-property-value-disallowed-list
+ 135:3  ✖  Unexpected value "var(--pc-data-table-first-column-width)" for property "max-width" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+ 140:3  ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component                                       polaris/typography/polaris/at-rule-disallowed-list       
+ 165:3  ✖  Expected ".IncreasedTableDensity .Cell-sortable .Heading-left" to have no more than 2 classes                                                   selector-max-class                                       
+ 165:3  ✖  Expected ".IncreasedTableDensity .Cell-sortable .Heading-left" to have no more than 1 combinator                                                selector-max-combinators                                 
+ 197:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
+ 205:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                            polaris/legacy/polaris/at-rule-disallowed-list           
+ 207:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                        polaris/shape/polaris/at-rule-disallowed-list            
+ 209:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
+ 211:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
+ 213:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 215:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                       polaris/layout/property-disallowed-list                  
+ 217:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token                                              polaris/colors/polaris/at-rule-disallowed-list           
+ 224:3  ✖  Expected ".StickyHeaderEnabled [data-sticky-active] .Heading" to have no more than 1 combinator                                                 selector-max-combinators                                 
+ 228:3  ✖  Expected ".StickyHeaderEnabled [data-sticky-active] .StickyHeaderWrapper .Heading" to have no more than 2 classes                               selector-max-class                                       
+ 228:3  ✖  Expected ".StickyHeaderEnabled [data-sticky-active] .StickyHeaderWrapper .Heading" to have no more than 1 combinator                            selector-max-combinators                                 
+ 228:3  ✖  Expected ".StickyHeaderEnabled [data-sticky-active] .StickyHeaderWrapper .Heading" to have no more than 3 compound selectors                    selector-max-compound-selectors                          
+ 228:3  ✖  Expected ".StickyHeaderEnabled [data-sticky-active] .StickyHeaderWrapper .Heading" to have a specificity no more than "0,3,0"                   selector-max-specificity                                 
+ 250:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                     polaris/shape/polaris/at-rule-disallowed-list            
+ 252:5  ✖  Expected ".Heading:focus:not(:active) .Icon" to have a specificity no more than "0,3,0"                                                         selector-max-specificity                                 
+ 255:7  ✖  Expected ".Heading:focus:not(:active) .Icon svg" to have no more than 1 combinator                                                              selector-max-combinators                                 
+ 255:7  ✖  Expected ".Heading:focus:not(:active) .Icon svg" to have a specificity no more than "0,3,0"                                                     selector-max-specificity                                 
+ 264:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 272:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                       polaris/colors/polaris/at-rule-disallowed-list           
+ 277:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive-hovered))" - Please use a Polaris color token                                        polaris/colors/polaris/at-rule-disallowed-list           
+ 280:3  ✖  Expected ".Cell-sorted .Heading:focus:not(:active)" to have a specificity no more than "0,3,0"                                                  selector-max-specificity                                 
+ 281:5  ✖  Expected ".Cell-sorted .Heading:focus:not(:active) svg" to have no more than 1 combinator                                                       selector-max-combinators                                 
+ 281:5  ✖  Expected ".Cell-sorted .Heading:focus:not(:active) svg" to have a specificity no more than "0,3,0"                                              selector-max-specificity                                 
+ 292:3  ✖  Expected ".ZebraStripingOnData.ShowTotals .Cell-total" to have no more than 2 classes                                                           selector-max-class                                       
+ 296:3  ✖  Expected ".ZebraStripingOnData.ShowTotals.RowCountIsEven .Cell-total" to have no more than 2 classes                                            selector-max-class                                       
+ 296:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .Cell-total" to have no more than 2 classes                                                   selector-max-class                                       
+ 296:3  ✖  Expected ".ZebraStripingOnData.ShowTotals.RowCountIsEven .Cell-total" to have a specificity no more than "0,3,0"                                selector-max-specificity                                 
+ 332:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
+ 334:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                 polaris/layout/declaration-property-value-disallowed-list
+ 336:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                polaris/layout/declaration-property-value-disallowed-list
+ 338:5  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
+ 345:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
+ 347:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
+ 350:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                            polaris/layout/declaration-property-value-disallowed-list
+ 356:7  ⚠  Unexpected value "-9999px" for property "top" - Please use a Polaris layout component                                                           polaris/layout/declaration-property-value-disallowed-list
+ 358:7  ⚠  Unexpected value "-9999px" for property "left" - Please use a Polaris layout component                                                          polaris/layout/declaration-property-value-disallowed-list
+ 365:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
+ 368:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                            polaris/layout/declaration-property-value-disallowed-list
+ 374:7  ⚠  Unexpected value "0" for property "height" - Please use a Polaris layout component                                                              polaris/layout/declaration-property-value-disallowed-list
+ 376:7  ⚠  Unexpected value "0" for property "width" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
+ 379:5  ✖  Expected ".StickyHeaderEnabled .StickyHeaderTable .FixedFirstColumn" to have no more than 2 classes                                             selector-max-class                                       
+ 379:5  ✖  Expected ".StickyHeaderEnabled .StickyHeaderTable .FixedFirstColumn" to have no more than 1 combinator                                          selector-max-combinators                                 
+ 381:7  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                              polaris/layout/declaration-property-value-disallowed-list
+ 383:7  ⚠  Unexpected value "auto" for property "top" - Please use a Polaris layout component                                                              polaris/layout/declaration-property-value-disallowed-list
+ 400:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
+ 403:3  ✖  Unexpected value "3" for property "z-index" - Please use a Polaris z-index token                                                                polaris/z-index/declaration-property-value-allowed-list  
+ 406:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                 polaris/layout/declaration-property-value-disallowed-list
+ 408:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                polaris/layout/declaration-property-value-disallowed-list
+ 412:5  ✖  Unexpected value "1" for property "z-index" - Please use a Polaris z-index token                                                                polaris/z-index/declaration-property-value-allowed-list  
+ 418:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
+
+src/components/DatePicker/DatePicker.scss
+   5:3  ✖  Unexpected custom property "--pc-date-picker-range-end-border-radius" - Please use a Polaris token or component                                                                    polaris/conventions/polaris/custom-property-allowed-list 
+   7:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                             polaris/layout/property-disallowed-list                  
+  12:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                              polaris/layout/property-disallowed-list                  
+  20:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                 polaris/layout/property-disallowed-list                  
+  29:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                               polaris/layout/declaration-property-value-disallowed-list
+  42:3  ⚠  Unexpected value "(100% / 7)" for property "width" - Please use a Polaris layout component                                                                                         polaris/layout/declaration-property-value-disallowed-list
+  55:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                              polaris/layout/property-disallowed-list                  
+  57:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                              polaris/layout/declaration-property-value-disallowed-list
+  59:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                               polaris/layout/declaration-property-value-disallowed-list
+  78:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                           polaris/shape/polaris/at-rule-disallowed-list            
+  82:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                        polaris/shape/polaris/at-rule-disallowed-list            
+ 145:5  ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                        polaris/shape/polaris/at-rule-disallowed-list            
+ 151:3  ⚠  Unexpected value "calc(100% / 7)" for property "width" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
+ 172:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                             polaris/layout/property-disallowed-list                  
+ 174:3  ⚠  Unexpected value "var(--p-space-4)" for property "top" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
+ 176:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                              polaris/layout/property-disallowed-list                  
+ 178:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                      polaris/layout/property-disallowed-list                  
+ 180:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                               polaris/layout/declaration-property-value-disallowed-list
+ 185:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                 polaris/layout/property-disallowed-list                  
+ 197:5  ✖  Unexpected value "var(--pc-date-picker-range-end-border-radius, --pc-date-picker-range-end-border-radius)" for property "border-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 203:7  ✖  Unexpected value "var(--pc-date-picker-range-end-border-radius, --pc-date-picker-range-end-border-radius)" for property "border-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 212:3  ✖  Unexpected value "var(--pc-date-picker-range-end-border-radius, --pc-date-picker-range-end-border-radius)" for property "border-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 218:5  ✖  Unexpected value "var(--pc-date-picker-range-end-border-radius, --pc-date-picker-range-end-border-radius)" for property "border-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 228:3  ✖  Expected ".Week > .Day-inRange:first-child:not(.Day-firstInRange):not(.Day-lastInRange)" to have a specificity no more than "0,3,0"                                                selector-max-specificity                                 
+ 233:3  ✖  Expected ".Week > .Day-inRange:last-child:not(.Day-firstInRange):not(.Day-lastInRange)" to have a specificity no more than "0,3,0"                                                 selector-max-specificity                                 
+ 241:3  ✖  Expected ".Day-inRange:not(:hover) + .Day::after" to have a specificity no more than "0,3,0"                                                                                       selector-max-specificity                                 
+ 243:5  ✖  Unexpected value "var(--pc-date-picker-range-end-border-radius, --pc-date-picker-range-end-border-radius)" for property "border-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+
+src/components/DescriptionList/DescriptionList.scss
+ 10:5  ⚠  Unexpected property "display" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
+ 13:5  ⚠  Unexpected property "align-items" - Please use a Polaris layout component         polaris/layout/property-disallowed-list
+ 27:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                polaris/layout/property-disallowed-list
+ 35:5  ✖  Expected ".Description + .Term + .Description" to have no more than 2 classes     selector-max-class                     
+ 35:5  ✖  Expected ".Description + .Term + .Description" to have no more than 1 combinator  selector-max-combinators               
+ 55:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                polaris/layout/property-disallowed-list
+ 63:5  ✖  Expected ".Description + .Term + .Description" to have no more than 2 classes     selector-max-class                     
+ 63:5  ✖  Expected ".Description + .Term + .Description" to have no more than 1 combinator  selector-max-combinators               
+
+src/components/DisplayText/DisplayText.scss
+  9:3  ✖  Unexpected @include rule "text-style-display-small" - Please use a Polaris font token or typography component    polaris/typography/polaris/at-rule-disallowed-list
+ 14:3  ✖  Unexpected @include rule "text-style-display-medium" - Please use a Polaris font token or typography component   polaris/typography/polaris/at-rule-disallowed-list
+ 19:3  ✖  Unexpected @include rule "text-style-display-large" - Please use a Polaris font token or typography component    polaris/typography/polaris/at-rule-disallowed-list
+ 24:3  ✖  Unexpected @include rule "text-style-display-x-large" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
+
+src/components/Divider/Divider.scss
+ 5:3  ✖  Unexpected value "var(--pc-divider-border-style)" for property "border-block-start" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+
+src/components/DropZone/DropZone.scss
+  15:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                  polaris/layout/declaration-property-value-disallowed-list
+  17:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                 polaris/layout/declaration-property-value-disallowed-list
+  19:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                polaris/layout/declaration-property-value-disallowed-list
+  21:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                               polaris/layout/declaration-property-value-disallowed-list
+  33:3  ✖  Unexpected custom property "--pc-drop-zone-outline" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
+  34:3  ✖  Unexpected custom property "--pc-drop-zone-overlay" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
+  37:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
+  39:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
+  41:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                  
+  48:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
+  50:5  ✖  Unexpected value "var(--pc-drop-zone-outline)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
+  50:5  ✖  Unexpected value "var(--pc-drop-zone-outline)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  52:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                  polaris/layout/declaration-property-value-disallowed-list
+  54:5  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                polaris/layout/declaration-property-value-disallowed-list
+  56:5  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                               polaris/layout/declaration-property-value-disallowed-list
+  58:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                 polaris/layout/declaration-property-value-disallowed-list
+  88:7  ✖  Expected ".hasOutline:not(.isDisabled):hover::after" to have a specificity no more than "0,3,0"                  selector-max-specificity                                 
+ 125:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
+ 131:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
+ 142:3  ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                     polaris/shape/polaris/at-rule-disallowed-list            
+ 144:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
+ 150:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
+ 152:3  ✖  Unexpected value "var(--pc-drop-zone-overlay)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
+ 152:3  ✖  Unexpected value "var(--pc-drop-zone-overlay)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 154:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                  polaris/layout/declaration-property-value-disallowed-list
+ 156:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                polaris/layout/declaration-property-value-disallowed-list
+ 158:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                               polaris/layout/declaration-property-value-disallowed-list
+ 160:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                 polaris/layout/declaration-property-value-disallowed-list
+ 162:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
+ 164:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                  
+ 166:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
+ 189:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                      polaris/shape/polaris/at-rule-disallowed-list            
+
+src/components/EmptyState/EmptyState.scss
+  30:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
+  33:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list                  
+  35:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
+  45:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
+  48:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
+  50:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
+  52:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list                  
+  54:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                    polaris/layout/property-disallowed-list                  
+  58:5  ⚠  Unexpected value "var(--p-space-5)" for property "left" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+  64:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
+  68:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list                  
+  78:3  ⚠  Unexpected value "initial" for property "width" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
+  84:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
+  90:5  ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
+ 101:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                           polaris/layout/property-disallowed-list                  
+ 104:5  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list                  
+ 106:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                    polaris/layout/property-disallowed-list                  
+ 111:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
+ 115:5  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list                  
+ 125:5  ⚠  Unexpected value "initial" for property "width" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
+ 137:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                           polaris/layout/property-disallowed-list                  
+ 139:7  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
+
+src/components/ExceptionList/ExceptionList.scss
+ 11:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
+ 22:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
+ 24:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
+ 26:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                    polaris/layout/declaration-property-value-disallowed-list
+ 28:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
+ 30:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                           polaris/layout/property-disallowed-list                  
+ 32:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                       polaris/layout/property-disallowed-list                  
+ 35:3  ⚠  Unexpected value "var(--p-space-5)" for property "height" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
+ 39:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-subdued))" - Please use a Polaris color token   polaris/colors/polaris/at-rule-disallowed-list           
+ 43:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-warning))" - Please use a Polaris color token   polaris/colors/polaris/at-rule-disallowed-list           
+ 48:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-critical))" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list           
+ 54:3  ⚠  Unexpected value "6px" for property "width" - Please use a Polaris layout component                 polaris/layout/declaration-property-value-disallowed-list
+ 56:3  ⚠  Unexpected value "6px" for property "height" - Please use a Polaris layout component                polaris/layout/declaration-property-value-disallowed-list
+
+src/components/Filters/Filters.scss
+   8:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
+  13:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
+  15:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                  polaris/layout/declaration-property-value-disallowed-list   
+  17:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
+  19:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+  25:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                        polaris/layout/declaration-property-value-disallowed-list   
+  27:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
+  31:3  ⚠  Unexpected value "$list-filters-header-height" for property "height" - Please use a Polaris layout component                                                           polaris/layout/declaration-property-value-disallowed-list   
+  34:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+  36:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                              polaris/layout/property-disallowed-list                     
+  38:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                          polaris/layout/property-disallowed-list                     
+  43:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
+  45:3  ⚠  Unexpected value "calc(     100% - #{$list-filters-footer-height} - #{$list-filters-header-height}   )" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list   
+  54:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
+  56:3  ⚠  Unexpected value "calc(100% - #{$list-filters-header-height})" for property "height" - Please use a Polaris layout component                                           polaris/layout/declaration-property-value-disallowed-list   
+  62:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
+  64:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list   
+  66:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
+  70:3  ⚠  Unexpected value "$list-filters-footer-height" for property "height" - Please use a Polaris layout component                                                           polaris/layout/declaration-property-value-disallowed-list   
+  73:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+  75:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                              polaris/layout/property-disallowed-list                     
+  77:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                          polaris/layout/property-disallowed-list                     
+  82:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
+  85:3  ⚠  Unexpected value "$list-filters-footer-height" for property "height" - Please use a Polaris layout component                                                           polaris/layout/declaration-property-value-disallowed-list   
+  88:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+  90:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                              polaris/layout/property-disallowed-list                     
+  92:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                          polaris/layout/property-disallowed-list                     
+  99:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
+ 101:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+ 103:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                          polaris/layout/property-disallowed-list                     
+ 108:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
+ 113:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
+ 122:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                               polaris/shape/polaris/at-rule-disallowed-list               
+ 136:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                            polaris/shape/polaris/at-rule-disallowed-list               
+ 142:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component                                                                polaris/typography/declaration-property-unit-disallowed-list
+ 149:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+ 153:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+ 159:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+ 161:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                              polaris/layout/property-disallowed-list                     
+ 163:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                          polaris/layout/property-disallowed-list                     
+ 171:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
+ 173:5  ⚠  Unexpected value "var(--p-space-4)" for property "left" - Please use a Polaris layout component                                                                        polaris/layout/declaration-property-value-disallowed-list   
+ 175:5  ⚠  Unexpected value "calc(100% - var(--p-space-8))" for property "width" - Please use a Polaris layout component                                                          polaris/layout/declaration-property-value-disallowed-list   
+ 177:5  ⚠  Unexpected value "var(--p-space-025)" for property "height" - Please use a Polaris layout component                                                                    polaris/layout/declaration-property-value-disallowed-list   
+ 180:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+ 185:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                        polaris/layout/declaration-property-value-disallowed-list   
+ 190:5  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list   
+ 198:5  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list   
+ 200:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
+ 202:5  ⚠  Unexpected value "var(--p-space-4)" for property "left" - Please use a Polaris layout component                                                                        polaris/layout/declaration-property-value-disallowed-list   
+ 204:5  ⚠  Unexpected value "calc(100% - var(--p-space-8))" for property "width" - Please use a Polaris layout component                                                          polaris/layout/declaration-property-value-disallowed-list   
+ 206:5  ⚠  Unexpected value "var(--p-space-025)" for property "height" - Please use a Polaris layout component                                                                    polaris/layout/declaration-property-value-disallowed-list   
+ 209:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+ 214:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+ 221:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+ 229:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                        polaris/layout/declaration-property-value-disallowed-list   
+ 231:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
+ 233:5  ⚠  Unexpected value "var(--p-space-4)" for property "left" - Please use a Polaris layout component                                                                        polaris/layout/declaration-property-value-disallowed-list   
+ 235:5  ⚠  Unexpected value "calc(100% - var(--p-space-8))" for property "width" - Please use a Polaris layout component                                                          polaris/layout/declaration-property-value-disallowed-list   
+ 237:5  ⚠  Unexpected value "var(--p-space-025)" for property "height" - Please use a Polaris layout component                                                                    polaris/layout/declaration-property-value-disallowed-list   
+ 240:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+ 245:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+ 252:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+ 266:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
+ 269:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                        polaris/layout/declaration-property-value-disallowed-list   
+ 271:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                                                      polaris/layout/declaration-property-value-disallowed-list   
+ 273:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list   
+ 275:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                       polaris/layout/declaration-property-value-disallowed-list   
+ 277:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+ 287:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
+
+src/components/FooterHelp/FooterHelp.scss
+  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
+  7:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component         polaris/layout/property-disallowed-list                  
+ 10:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 15:5  ⚠  Unexpected value "auto" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+
+src/components/FormLayout/FormLayout.scss
+ 15:3  ⚠  Unexpected property "display" - Please use a Polaris layout component         polaris/layout/property-disallowed-list      
+ 21:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component            polaris/layout/property-disallowed-list      
+ 32:5  ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component      polaris/layout/property-disallowed-list      
+ 32:5  ✖  Unexpected disallowed value " * $" - Please use a Polaris token or component  polaris/legacy/polaris/global-disallowed-list
+ 34:5  ✖  Unexpected disallowed value " * $" - Please use a Polaris token or component  polaris/legacy/polaris/global-disallowed-list
+
+src/components/Frame/Frame.scss
+   5:3   ✖  Unexpected custom property "--pc-frame-button-size" - Please use a Polaris token or component                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+   7:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                    polaris/layout/declaration-property-value-disallowed-list
+  10:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+  19:5   ⚠  Unexpected value "calc(100% - var(--pc-frame-offset))" for property "width" - Please use a Polaris layout component                                                                     polaris/layout/declaration-property-value-disallowed-list
+  19:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "width" - Please use a Polaris token or component                                                                                polaris/conventions/polaris/custom-property-allowed-list 
+  21:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "margin-left" - Please use a Polaris token or component                                                                          polaris/conventions/polaris/custom-property-allowed-list 
+  27:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
+  30:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list
+  32:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list
+  34:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+  36:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                      polaris/layout/property-disallowed-list                  
+  38:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                               polaris/layout/property-disallowed-list                  
+  40:3   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                                   polaris/layout/declaration-property-value-disallowed-list
+  46:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+  46:19  ✖  Unexpected !important                                                                                                                                                                   declaration-no-important                                 
+  51:5   ✖  Unexpected value "1" for property "z-index" - Please use a Polaris z-index token                                                                                                        polaris/z-index/declaration-property-value-allowed-list  
+  53:5   ⚠  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list
+  53:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+  55:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+  59:7   ⚠  Unexpected value "$top-bar-height" for property "top" - Please use a Polaris layout component                                                                                           polaris/layout/declaration-property-value-disallowed-list
+  61:7   ⚠  Unexpected value "calc(100% - #{$top-bar-height})" for property "height" - Please use a Polaris layout component                                                                        polaris/layout/declaration-property-value-disallowed-list
+  75:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+  98:3   ✖  Unexpected @include rule "recolor-icon(var(--p-surface))" - Please use a Polaris color token                                                                                            polaris/colors/polaris/at-rule-disallowed-list           
+ 100:3   ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                polaris/shape/polaris/at-rule-disallowed-list            
+ 102:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
+ 104:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list
+ 106:3   ⚠  Unexpected value "100%" for property "left" - Please use a Polaris layout component                                                                                                     polaris/layout/declaration-property-value-disallowed-list
+ 108:3   ⚠  Unexpected value "var(--pc-frame-button-size)" for property "width" - Please use a Polaris layout component                                                                             polaris/layout/declaration-property-value-disallowed-list
+ 108:3   ✖  Unexpected value "var(--pc-frame-button-size)" for property "width" - Please use a Polaris token or component                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+ 110:3   ⚠  Unexpected value "var(--pc-frame-button-size)" for property "height" - Please use a Polaris layout component                                                                            polaris/layout/declaration-property-value-disallowed-list
+ 110:3   ✖  Unexpected value "var(--pc-frame-button-size)" for property "height" - Please use a Polaris token or component                                                                          polaris/conventions/polaris/custom-property-allowed-list 
+ 124:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+ 124:19  ✖  Unexpected !important                                                                                                                                                                   declaration-no-important                                 
+ 134:5   ✖  Unexpected @include rule "focus-ring($style: focused)" - Please use a Polaris shape token                                                                                               polaris/shape/polaris/at-rule-disallowed-list            
+ 136:5   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
+ 143:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+ 157:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
+ 160:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list
+ 162:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list
+ 164:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                    polaris/layout/declaration-property-value-disallowed-list
+ 166:3   ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component                                                                                        polaris/layout/declaration-property-value-disallowed-list
+ 170:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+ 170:19  ✖  Unexpected !important                                                                                                                                                                   declaration-no-important                                 
+ 175:5   ⚠  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list
+ 175:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 177:5   ⚠  Unexpected value "calc(100% - var(--pc-frame-offset))" for property "width" - Please use a Polaris layout component                                                                     polaris/layout/declaration-property-value-disallowed-list
+ 177:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "width" - Please use a Polaris token or component                                                                                polaris/conventions/polaris/custom-property-allowed-list 
+ 183:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
+ 186:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list
+ 188:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list
+ 190:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                    polaris/layout/declaration-property-value-disallowed-list
+ 194:5   ⚠  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list
+ 194:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 196:5   ⚠  Unexpected value "calc(100% - var(--pc-frame-offset))" for property "width" - Please use a Polaris layout component                                                                     polaris/layout/declaration-property-value-disallowed-list
+ 196:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "width" - Please use a Polaris token or component                                                                                polaris/conventions/polaris/custom-property-allowed-list 
+ 202:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                      polaris/layout/property-disallowed-list                  
+ 204:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+ 206:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                               polaris/layout/property-disallowed-list                  
+ 209:3   ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                                                                                                      polaris/layout/polaris/at-rule-disallowed-list           
+ 212:3   ✖  Unexpected @include rule "safe-area-for(padding-right, 0, right)" - Please use a Polaris layout component                                                                               polaris/layout/polaris/at-rule-disallowed-list           
+ 214:3   ✖  Unexpected @include rule "safe-area-for(padding-left, 0, left)" - Please use a Polaris layout component                                                                                 polaris/layout/polaris/at-rule-disallowed-list           
+ 216:3   ✖  Unexpected @include rule "safe-area-for(padding-bottom, 0, bottom)" - Please use a Polaris layout component                                                                             polaris/layout/polaris/at-rule-disallowed-list           
+ 225:7   ✖  Unexpected @include rule "safe-area-for(padding-left, $layout-width-nav-base, left)" - Please use a Polaris layout component                                                            polaris/layout/polaris/at-rule-disallowed-list           
+ 239:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
+ 241:3   ✖  Unexpected value "var(--pc-frame-global-ribbon-height)" for property "padding-bottom" - Please use a Polaris token or component                                                         polaris/conventions/polaris/custom-property-allowed-list 
+ 243:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                      polaris/layout/property-disallowed-list                  
+ 245:3   ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                                                                                                      polaris/layout/polaris/at-rule-disallowed-list           
+ 250:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
+ 253:3   ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                                      polaris/layout/declaration-property-value-disallowed-list
+ 255:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                    polaris/layout/declaration-property-value-disallowed-list
+ 259:5   ⚠  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list
+ 259:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 263:7   ⚠  Unexpected value "calc(#{$layout-width-nav-base} + var(--pc-frame-offset))" for property "left" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
+ 263:7   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 265:7   ✖  Unexpected @include rule "safe-area-for(         left,         calc(#{$layout-width-nav-base} + var(--pc-frame-offset)),         left       )" - Please use a Polaris layout component  polaris/layout/polaris/at-rule-disallowed-list           
+ 272:7   ⚠  Unexpected value "calc(100% - #{$layout-width-nav-base} - var(--pc-frame-offset))" for property "width" - Please use a Polaris layout component                                         polaris/layout/declaration-property-value-disallowed-list
+ 272:7   ✖  Unexpected value "var(--pc-frame-offset)" for property "width" - Please use a Polaris token or component                                                                                polaris/conventions/polaris/custom-property-allowed-list 
+ 279:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
+ 282:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list
+ 284:3   ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                                                                       polaris/layout/declaration-property-value-disallowed-list
+ 286:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list
+ 290:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
+ 290:19  ✖  Unexpected !important                                                                                                                                                                   declaration-no-important                                 
+ 296:7   ⚠  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list
+ 296:7   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 307:3   ✖  Unexpected custom property "--pc-frame-skip-vertical-offset" - Please use a Polaris token or component                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+ 309:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
+ 312:3   ⚠  Unexpected value "var(--pc-frame-skip-vertical-offset)" for property "top" - Please use a Polaris layout component                                                                      polaris/layout/declaration-property-value-disallowed-list
+ 312:3   ✖  Unexpected value "var(--pc-frame-skip-vertical-offset)" for property "top" - Please use a Polaris token or component                                                                    polaris/conventions/polaris/custom-property-allowed-list 
+ 314:3   ⚠  Unexpected value "calc(var(--p-space-2) + var(--pc-frame-offset))" for property "left" - Please use a Polaris layout component                                                          polaris/layout/declaration-property-value-disallowed-list
+ 314:3   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 324:7   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                             polaris/shape/polaris/at-rule-disallowed-list            
+ 330:5   ✖  Unexpected @include rule "button-base" - Please use a Polaris token or component                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
+ 332:5   ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                                                                                            polaris/shape/polaris/at-rule-disallowed-list            
+
+src/components/FullscreenBar/FullscreenBar.scss
+  5:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
+  7:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
+  9:3  ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 16:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
+ 18:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                  
+ 20:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
+
+src/components/Grid/Grid.scss
+  6:3  ✖  Unexpected custom property "--pc-grid-areas-xs" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list
+  7:3  ✖  Unexpected custom property "--pc-grid-areas-sm" Unexpected value "var(--pc-grid-areas-xs)" for property "--pc-grid-areas-sm" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
+  8:3  ✖  Unexpected custom property "--pc-grid-areas-md" Unexpected value "var(--pc-grid-areas-sm)" for property "--pc-grid-areas-md" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
+  9:3  ✖  Unexpected custom property "--pc-grid-areas-lg" Unexpected value "var(--pc-grid-areas-md)" for property "--pc-grid-areas-lg" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
+ 10:3  ✖  Unexpected custom property "--pc-grid-areas-xl" Unexpected value "var(--pc-grid-areas-lg)" for property "--pc-grid-areas-xl" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
+ 11:3  ✖  Unexpected custom property "--pc-grid-columns-xs" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
+ 12:3  ✖  Unexpected custom property "--pc-grid-columns-sm" Unexpected value "var(--pc-grid-columns-xs)" for property "--pc-grid-columns-sm" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 13:3  ✖  Unexpected custom property "--pc-grid-columns-md" Unexpected value "var(--pc-grid-columns-sm)" for property "--pc-grid-columns-md" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 14:3  ✖  Unexpected custom property "--pc-grid-columns-lg" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
+ 15:3  ✖  Unexpected custom property "--pc-grid-columns-xl" Unexpected value "var(--pc-grid-columns-lg)" for property "--pc-grid-columns-xl" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 18:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                         polaris/layout/property-disallowed-list                 
+ 20:3  ✖  Unexpected value "var(--pc-grid-gap-xs)" for property "gap" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list
+ 22:3  ⚠  Unexpected property "grid-template-areas" - Please use a Polaris layout component                                                                                             polaris/layout/property-disallowed-list                 
+ 22:3  ✖  Unexpected value "var(--pc-grid-areas-xs)" for property "grid-template-areas" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
+ 24:3  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                                           polaris/layout/property-disallowed-list                 
+ 24:3  ✖  Unexpected value "var(--pc-grid-columns-xs)" for property "grid-template-columns" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list
+ 28:5  ✖  Unexpected value "var(--pc-grid-gap-sm)" for property "gap" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list
+ 30:5  ⚠  Unexpected property "grid-template-areas" - Please use a Polaris layout component                                                                                             polaris/layout/property-disallowed-list                 
+ 30:5  ✖  Unexpected value "var(--pc-grid-areas-sm)" for property "grid-template-areas" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
+ 32:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                                           polaris/layout/property-disallowed-list                 
+ 32:5  ✖  Unexpected value "var(--pc-grid-columns-sm)" for property "grid-template-columns" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list
+ 37:5  ✖  Unexpected value "var(--pc-grid-gap-md)" for property "gap" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list
+ 39:5  ⚠  Unexpected property "grid-template-areas" - Please use a Polaris layout component                                                                                             polaris/layout/property-disallowed-list                 
+ 39:5  ✖  Unexpected value "var(--pc-grid-areas-md)" for property "grid-template-areas" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
+ 41:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                                           polaris/layout/property-disallowed-list                 
+ 41:5  ✖  Unexpected value "var(--pc-grid-columns-md)" for property "grid-template-columns" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list
+ 46:5  ✖  Unexpected value "var(--pc-grid-gap-lg)" for property "gap" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list
+ 48:5  ⚠  Unexpected property "grid-template-areas" - Please use a Polaris layout component                                                                                             polaris/layout/property-disallowed-list                 
+ 48:5  ✖  Unexpected value "var(--pc-grid-areas-lg)" for property "grid-template-areas" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
+ 50:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                                           polaris/layout/property-disallowed-list                 
+ 50:5  ✖  Unexpected value "var(--pc-grid-columns-lg)" for property "grid-template-columns" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list
+ 55:5  ✖  Unexpected value "var(--pc-grid-gap-xl)" for property "gap" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list
+ 57:5  ⚠  Unexpected property "grid-template-areas" - Please use a Polaris layout component                                                                                             polaris/layout/property-disallowed-list                 
+ 57:5  ✖  Unexpected value "var(--pc-grid-areas-xl)" for property "grid-template-areas" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
+ 59:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                                           polaris/layout/property-disallowed-list                 
+ 59:5  ✖  Unexpected value "var(--pc-grid-columns-xl)" for property "grid-template-columns" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list
+
+src/components/Heading/Heading.scss
+ 5:3  ✖  Unexpected @include rule "text-style-heading" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
+
+src/components/Icon/Icon.scss
+   5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+   7:3  ⚠  Unexpected value "20px" for property "height" - Please use a Polaris layout component                         polaris/layout/declaration-property-value-disallowed-list
+   9:3  ⚠  Unexpected value "20px" for property "width" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
+  21:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
+  23:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+  25:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                     polaris/layout/property-disallowed-list                  
+  31:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
+  33:5  ⚠  Unexpected value "calc(-1 * var(--p-space-1))" for property "top" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
+  35:5  ⚠  Unexpected value "calc(-1 * var(--p-space-1))" for property "bottom" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+  37:5  ⚠  Unexpected value "calc(-1 * var(--p-space-1))" for property "left" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+  39:5  ⚠  Unexpected value "calc(-1 * var(--p-space-1))" for property "right" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
+  46:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                     polaris/colors/polaris/at-rule-disallowed-list           
+  55:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-subdued))" - Please use a Polaris color token             polaris/colors/polaris/at-rule-disallowed-list           
+  60:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-critical))" - Please use a Polaris color token            polaris/colors/polaris/at-rule-disallowed-list           
+  69:3  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token              polaris/colors/polaris/at-rule-disallowed-list           
+  74:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-warning))" - Please use a Polaris color token             polaris/colors/polaris/at-rule-disallowed-list           
+  83:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-highlight))" - Please use a Polaris color token           polaris/colors/polaris/at-rule-disallowed-list           
+  92:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-success))" - Please use a Polaris color token             polaris/colors/polaris/at-rule-disallowed-list           
+ 101:3  ✖  Unexpected @include rule "recolor-icon(var(--p-action-primary))" - Please use a Polaris color token           polaris/colors/polaris/at-rule-disallowed-list           
+ 107:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
+ 109:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+ 111:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
+
+src/components/IndexTable/IndexTable.scss
+   5:3  ✖  Unexpected custom property "--pc-index-table-translate-offset" - Please use a Polaris token or component                               polaris/conventions/polaris/custom-property-allowed-list 
+   6:3  ✖  Unexpected custom property "--pc-index-table-table-header-offset" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
+   7:3  ✖  Unexpected custom property "--pc-index-table-cell" - Please use a Polaris token or component                                           polaris/conventions/polaris/custom-property-allowed-list 
+   8:3  ✖  Unexpected custom property "--pc-index-table-sticky-cell" - Please use a Polaris token or component                                    polaris/conventions/polaris/custom-property-allowed-list 
+   9:3  ✖  Unexpected custom property "--pc-index-table-scroll-bar" - Please use a Polaris token or component                                     polaris/conventions/polaris/custom-property-allowed-list 
+  10:3  ✖  Unexpected custom property "--pc-index-table-bulk-actions" - Please use a Polaris token or component                                   polaris/conventions/polaris/custom-property-allowed-list 
+  11:3  ✖  Unexpected custom property "--pc-index-table-loading-panel" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
+  14:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+  24:3  ✖  Unexpected custom property "--pc-index-table-bulk-actions-offset" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
+  26:3  ✖  Unexpected value "var(--pc-index-table-bulk-actions-offset)" for property "padding-bottom" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
+  58:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+  60:3  ✖  Unexpected value "var(--pc-index-table-loading-panel)" for property "z-index" - Please use a Polaris z-index token                     polaris/z-index/declaration-property-value-allowed-list  
+  60:3  ✖  Unexpected value "var(--pc-index-table-loading-panel)" for property "z-index" - Please use a Polaris token or component                polaris/conventions/polaris/custom-property-allowed-list 
+  62:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                        polaris/layout/declaration-property-value-disallowed-list
+  64:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
+  66:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+  68:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
+  70:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
+  72:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
+  79:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+  82:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
+  97:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
+ 104:3  ✖  Expected ".Table-scrolling .TableCell-first + .TableCell" to have no more than 2 classes                                               selector-max-class                                       
+ 104:3  ✖  Expected ".Table-scrolling .TableCell-first + .TableCell" to have no more than 1 combinator                                            selector-max-combinators                                 
+ 119:5  ✖  Expected ".Table-scrolling.Table-sticky .TableCell-first + .TableCell" to have no more than 2 classes                                  selector-max-class                                       
+ 119:5  ✖  Expected ".Table-scrolling.Table-sticky .TableHeading-second" to have no more than 2 classes                                           selector-max-class                                       
+ 119:5  ✖  Expected ".Table-scrolling.Table-sticky .TableCell-first + .TableCell" to have no more than 1 combinator                               selector-max-combinators                                 
+ 119:5  ✖  Expected ".Table-scrolling.Table-sticky .TableCell-first + .TableCell" to have a specificity no more than "0,3,0"                      selector-max-specificity                                 
+ 127:5  ✖  Expected ".Table-scrolling.Table-sticky.Table-unselectable" to have no more than 2 classes                                             selector-max-class                                       
+ 129:7  ✖  Expected ".Table-scrolling.Table-sticky.Table-unselectable .TableHeading-second" to have no more than 2 classes                        selector-max-class                                       
+ 129:7  ✖  Expected ".Table-scrolling.Table-sticky.Table-unselectable .TableCell:first-child" to have no more than 2 classes                      selector-max-class                                       
+ 129:7  ✖  Expected ".Table-scrolling.Table-sticky.Table-unselectable .TableHeading-second" to have a specificity no more than "0,3,0"            selector-max-specificity                                 
+ 130:7  ✖  Expected ".Table-scrolling.Table-sticky.Table-unselectable .TableCell:first-child" to have a specificity no more than "0,3,0"          selector-max-specificity                                 
+ 138:5  ✖  Expected ".Table-scrolling.Table-unselectable .TableHeading-second" to have no more than 2 classes                                     selector-max-class                                       
+ 138:5  ✖  Expected ".Table-scrolling.Table-unselectable .TableCell:first-child" to have no more than 2 classes                                   selector-max-class                                       
+ 139:5  ✖  Expected ".Table-scrolling.Table-unselectable .TableCell:first-child" to have a specificity no more than "0,3,0"                       selector-max-specificity                                 
+ 156:5  ✖  Expected ".TableRow.statusSuccess .TableCell-first" to have no more than 2 classes                                                     selector-max-class                                       
+ 156:5  ✖  Expected ".TableRow.statusSuccess .TableCell-first + .TableCell" to have no more than 2 classes                                        selector-max-class                                       
+ 156:5  ✖  Expected ".TableRow.statusSuccess .TableCell-first + .TableCell" to have no more than 1 combinator                                     selector-max-combinators                                 
+ 158:5  ✖  Expected ".TableRow.statusSuccess .TableCell-first + .TableCell" to have a specificity no more than "0,3,0"                            selector-max-specificity                                 
+ 165:5  ✖  Expected ".TableRow.statusSubdued .TableCell-first" to have no more than 2 classes                                                     selector-max-class                                       
+ 165:5  ✖  Expected ".TableRow.statusSubdued .TableCell-first + .TableCell" to have no more than 2 classes                                        selector-max-class                                       
+ 165:5  ✖  Expected ".TableRow.statusSubdued .TableCell-first + .TableCell" to have no more than 1 combinator                                     selector-max-combinators                                 
+ 167:5  ✖  Expected ".TableRow.statusSubdued .TableCell-first + .TableCell" to have a specificity no more than "0,3,0"                            selector-max-specificity                                 
+ 174:5  ✖  Expected ".TableRow.TableRow-hovered .TableCell-first" to have no more than 2 classes                                                  selector-max-class                                       
+ 174:5  ✖  Expected ".TableRow.TableRow-hovered .TableCell-first + .TableCell" to have no more than 2 classes                                     selector-max-class                                       
+ 174:5  ✖  Expected ".TableRow.TableRow-hovered .TableCell-first + .TableCell" to have no more than 1 combinator                                  selector-max-combinators                                 
+ 176:5  ✖  Expected ".TableRow.TableRow-hovered .TableCell-first + .TableCell" to have a specificity no more than "0,3,0"                         selector-max-specificity                                 
+ 183:5  ✖  Expected ".TableRow.TableRow-selected .TableHeading-first" to have no more than 2 classes                                              selector-max-class                                       
+ 183:5  ✖  Expected ".TableRow.TableRow-selected .TableHeading-second" to have no more than 2 classes                                             selector-max-class                                       
+ 183:5  ✖  Expected ".TableRow.TableRow-selected .TableCell-first" to have no more than 2 classes                                                 selector-max-class                                       
+ 183:5  ✖  Expected ".TableRow.TableRow-selected .TableCell-first + .TableCell" to have no more than 2 classes                                    selector-max-class                                       
+ 183:5  ✖  Expected ".TableRow.TableRow-selected .TableCell-first + .TableCell" to have no more than 1 combinator                                 selector-max-combinators                                 
+ 187:5  ✖  Expected ".TableRow.TableRow-selected .TableCell-first + .TableCell" to have a specificity no more than "0,3,0"                        selector-max-specificity                                 
+ 193:3  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected" to have no more than 2 classes                                                 selector-max-class                                       
+ 195:5  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected" to have no more than 2 classes                                                 selector-max-class                                       
+ 195:5  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected .TableCell-first" to have no more than 2 classes                                selector-max-class                                       
+ 195:5  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected .TableCell-first + .TableCell" to have no more than 2 classes                   selector-max-class                                       
+ 195:5  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected .TableCell-first + .TableCell" to have no more than 1 combinator                selector-max-combinators                                 
+ 196:5  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected .TableCell-first" to have a specificity no more than "0,3,0"                    selector-max-specificity                                 
+ 197:5  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected .TableCell-first + .TableCell" to have a specificity no more than "0,3,0"       selector-max-specificity                                 
+ 233:3  ✖  Unexpected custom property "--pc-index-table-checkbox-offset-left" - Please use a Polaris token or component                           polaris/conventions/polaris/custom-property-allowed-list 
+ 234:3  ✖  Unexpected custom property "--pc-index-table-checkbox-offset-right" - Please use a Polaris token or component                          polaris/conventions/polaris/custom-property-allowed-list 
+ 237:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 239:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
+ 241:3  ✖  Unexpected value "var(--pc-index-table-checkbox-offset-left)" for property "padding-left" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
+ 243:3  ✖  Unexpected value "var(--pc-index-table-checkbox-offset-right)" for property "padding-right" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 245:3  ⚠  Unexpected value "var(--p-space-5)" for property "width" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
+ 250:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 256:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 258:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
+ 260:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
+ 277:3  ⚠  Unexpected value "var(--p-space-5)" for property "height" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
+ 279:3  ⚠  Unexpected value "var(--p-space-5)" for property "width" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
+ 290:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 292:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
+ 299:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 312:3  ✖  Unexpected value "var(--pc-index-table-cell)" for property "z-index" - Please use a Polaris z-index token                              polaris/z-index/declaration-property-value-allowed-list  
+ 312:3  ✖  Unexpected value "var(--pc-index-table-cell)" for property "z-index" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
+ 324:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 326:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
+ 328:3  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris z-index token                       polaris/z-index/declaration-property-value-allowed-list  
+ 328:3  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
+ 335:3  ⚠  Unexpected value "var(--pc-checkbox-offset)" for property "left" - Please use a Polaris layout component                               polaris/layout/declaration-property-value-disallowed-list
+ 335:3  ✖  Unexpected value "var(--pc-checkbox-offset)" for property "left" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
+ 341:3  ✖  Expected ".Table-sticky .TableCell-first + .TableCell" to have no more than 2 classes                                                  selector-max-class                                       
+ 341:3  ✖  Expected ".Table-sticky .TableCell-first + .TableCell" to have no more than 1 combinator                                               selector-max-combinators                                 
+ 344:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 346:7  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris z-index token                       polaris/z-index/declaration-property-value-allowed-list  
+ 346:7  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
+ 354:9  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 356:9  ✖  Unexpected value "auto" for property "z-index" - Please use a Polaris z-index token                                                    polaris/z-index/declaration-property-value-allowed-list  
+ 358:9  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
+ 362:5  ✖  Expected ".Table-sticky .TableHeading-second.TableHeading-unselectable" to have no more than 2 classes                                 selector-max-class                                       
+ 364:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 366:7  ✖  Unexpected value "auto" for property "z-index" - Please use a Polaris z-index token                                                    polaris/z-index/declaration-property-value-allowed-list  
+ 368:7  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
+ 375:3  ✖  Expected ".Table-unselectable.Table-sticky .TableCell:first-child" to have no more than 2 classes                                      selector-max-class                                       
+ 375:3  ✖  Expected ".Table-unselectable.Table-sticky .TableCell:first-child" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
+ 377:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
+ 380:5  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris z-index token                       polaris/z-index/declaration-property-value-allowed-list  
+ 380:5  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
+ 382:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 387:5  ✖  Expected ".Table-unselectable .statusSuccess .TableCell:first-child" to have no more than 2 classes                                    selector-max-class                                       
+ 387:5  ✖  Expected ".Table-unselectable .statusSuccess .TableCell:first-child" to have no more than 1 combinator                                 selector-max-combinators                                 
+ 387:5  ✖  Expected ".Table-unselectable .statusSuccess .TableCell:first-child" to have a specificity no more than "0,3,0"                        selector-max-specificity                                 
+ 394:5  ✖  Expected ".Table-unselectable .statusSubdued .TableCell:first-child" to have no more than 2 classes                                    selector-max-class                                       
+ 394:5  ✖  Expected ".Table-unselectable .statusSubdued .TableCell:first-child" to have no more than 1 combinator                                 selector-max-combinators                                 
+ 394:5  ✖  Expected ".Table-unselectable .statusSubdued .TableCell:first-child" to have a specificity no more than "0,3,0"                        selector-max-specificity                                 
+ 401:5  ✖  Expected ".Table-unselectable .TableRow-hovered .TableCell:first-child" to have no more than 2 classes                                 selector-max-class                                       
+ 401:5  ✖  Expected ".Table-unselectable .TableRow-hovered .TableCell:first-child" to have no more than 1 combinator                              selector-max-combinators                                 
+ 401:5  ✖  Expected ".Table-unselectable .TableRow-hovered .TableCell:first-child" to have a specificity no more than "0,3,0"                     selector-max-specificity                                 
+ 420:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 422:7  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
+ 425:7  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris z-index token                       polaris/z-index/declaration-property-value-allowed-list  
+ 425:7  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
+ 432:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 434:7  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
+ 437:7  ✖  Unexpected value "auto" for property "z-index" - Please use a Polaris z-index token                                                    polaris/z-index/declaration-property-value-allowed-list  
+ 443:5  ✖  Expected ".Table-sticky-last .statusSuccess .TableCell:last-child" to have no more than 2 classes                                      selector-max-class                                       
+ 443:5  ✖  Expected ".Table-sticky-last .statusSuccess .TableCell:last-child" to have no more than 1 combinator                                   selector-max-combinators                                 
+ 443:5  ✖  Expected ".Table-sticky-last .statusSuccess .TableCell:last-child" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
+ 449:5  ✖  Expected ".Table-sticky-last .statusSubdued .TableCell:last-child" to have no more than 2 classes                                      selector-max-class                                       
+ 449:5  ✖  Expected ".Table-sticky-last .statusSubdued .TableCell:last-child" to have no more than 1 combinator                                   selector-max-combinators                                 
+ 449:5  ✖  Expected ".Table-sticky-last .statusSubdued .TableCell:last-child" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
+ 455:5  ✖  Expected ".Table-sticky-last .TableRow-hovered .TableCell:last-child" to have no more than 2 classes                                   selector-max-class                                       
+ 455:5  ✖  Expected ".Table-sticky-last .TableRow-hovered .TableCell:last-child" to have no more than 1 combinator                                selector-max-combinators                                 
+ 455:5  ✖  Expected ".Table-sticky-last .TableRow-hovered .TableCell:last-child" to have a specificity no more than "0,3,0"                       selector-max-specificity                                 
+ 461:5  ✖  Expected ".Table-sticky-last .TableRow-selected .TableCell:last-child" to have no more than 2 classes                                  selector-max-class                                       
+ 461:5  ✖  Expected ".Table-sticky-last .TableRow-selected .TableCell:last-child" to have no more than 1 combinator                               selector-max-combinators                                 
+ 461:5  ✖  Expected ".Table-sticky-last .TableRow-selected .TableCell:last-child" to have a specificity no more than "0,3,0"                      selector-max-specificity                                 
+ 475:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 477:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                        polaris/layout/declaration-property-value-disallowed-list
+ 479:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
+ 481:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
+ 484:3  ✖  Unexpected value "var(--pc-index-table-loading-panel)" for property "z-index" - Please use a Polaris z-index token                     polaris/z-index/declaration-property-value-allowed-list  
+ 484:3  ✖  Unexpected value "var(--pc-index-table-loading-panel)" for property "z-index" - Please use a Polaris token or component                polaris/conventions/polaris/custom-property-allowed-list 
+ 489:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 491:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 493:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
+ 497:5  ⚠  Unexpected value "-1000px" for property "top" - Please use a Polaris layout component                                                  polaris/layout/declaration-property-value-disallowed-list
+ 499:5  ⚠  Unexpected value "-1000px" for property "left" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
+ 505:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                     polaris/layout/property-disallowed-list                  
+ 511:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                     polaris/layout/property-disallowed-list                  
+ 513:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 521:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 526:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 533:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 537:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 550:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 555:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 561:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 567:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 569:3  ✖  Unexpected value "var(--pc-index-table-bulk-actions)" for property "z-index" - Please use a Polaris z-index token                      polaris/z-index/declaration-property-value-allowed-list  
+ 569:3  ✖  Unexpected value "var(--pc-index-table-bulk-actions)" for property "z-index" - Please use a Polaris token or component                 polaris/conventions/polaris/custom-property-allowed-list 
+ 571:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
+ 573:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
+ 575:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 577:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
+ 579:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
+ 585:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 587:3  ⚠  Unexpected value "auto" for property "top" - Please use a Polaris layout component                                                     polaris/layout/declaration-property-value-disallowed-list
+ 589:3  ⚠  Unexpected value "calc(var(--p-space-10) - var(--p-space-1))" for property "bottom" - Please use a Polaris layout component            polaris/layout/declaration-property-value-disallowed-list
+ 595:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 597:3  ✖  Unexpected value "var(--pc-index-table-bulk-actions)" for property "z-index" - Please use a Polaris z-index token                      polaris/z-index/declaration-property-value-allowed-list  
+ 597:3  ✖  Unexpected value "var(--pc-index-table-bulk-actions)" for property "z-index" - Please use a Polaris token or component                 polaris/conventions/polaris/custom-property-allowed-list 
+ 599:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                        polaris/layout/declaration-property-value-disallowed-list
+ 601:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
+ 603:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
+ 616:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 618:3  ✖  Unexpected value "var(--pc-index-table-scroll-bar)" for property "z-index" - Please use a Polaris z-index token                        polaris/z-index/declaration-property-value-allowed-list  
+ 618:3  ✖  Unexpected value "var(--pc-index-table-scroll-bar)" for property "z-index" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+ 620:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                     polaris/layout/declaration-property-value-disallowed-list
+ 634:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 640:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
+ 653:3  ⚠  Unexpected value "$scroll-bar-size" for property "height" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
+ 655:3  ⚠  Unexpected value "$scroll-bar-size" for property "width" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
+ 675:3  ✖  Unexpected value "var(--pc-index-table-table-header-offset)" for property "transform" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list 
+ 677:3  ✖  Unexpected value "var(--pc-index-table-table-header-offset)" for property "margin-bottom" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
+ 686:3  ⚠  Unexpected value "calc(100% + var(--pc-index-table-translate-offset))" for property "width" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+ 686:3  ✖  Unexpected value "var(--pc-index-table-translate-offset)" for property "width" - Please use a Polaris token or component               polaris/conventions/polaris/custom-property-allowed-list 
+ 688:3  ✖  Unexpected value "var(--pc-index-table-translate-offset)" for property "transform" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list 
+ 691:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 695:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
+ 713:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 715:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 717:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
+ 719:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
+ 740:3  ⚠  Unexpected value "1px" for property "height" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
+ 742:3  ⚠  Unexpected value "var(--pc-index-table-scroll-bar-content-width)" for property "width" - Please use a Polaris layout component         polaris/layout/declaration-property-value-disallowed-list
+ 742:3  ✖  Unexpected value "var(--pc-index-table-scroll-bar-content-width)" for property "width" - Please use a Polaris token or component       polaris/conventions/polaris/custom-property-allowed-list 
+
+src/components/Indicator/Indicator.scss
+  3:3  ✖  Unexpected custom property "--pc-indicator-size" - Please use a Polaris token or component                           polaris/conventions/polaris/custom-property-allowed-list 
+  4:3  ✖  Unexpected custom property "--pc-indicator-base-position" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
+ 11:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
+ 14:5  ⚠  Unexpected value "var(--pc-indicator-base-position)" for property "right" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+ 14:5  ✖  Unexpected value "var(--pc-indicator-base-position)" for property "right" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 16:5  ⚠  Unexpected value "var(--pc-indicator-base-position)" for property "top" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
+ 16:5  ✖  Unexpected value "var(--pc-indicator-base-position)" for property "top" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
+ 18:5  ⚠  Unexpected value "var(--pc-indicator-size)" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
+ 18:5  ✖  Unexpected value "var(--pc-indicator-size)" for property "width" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list 
+ 20:5  ⚠  Unexpected value "var(--pc-indicator-size)" for property "height" - Please use a Polaris layout component            polaris/layout/declaration-property-value-disallowed-list
+ 20:5  ✖  Unexpected value "var(--pc-indicator-size)" for property "height" - Please use a Polaris token or component          polaris/conventions/polaris/custom-property-allowed-list 
+ 23:5  ✖  Unexpected value "var(--pc-indicator-size)" for property "border" - Please use a Polaris token or component          polaris/conventions/polaris/custom-property-allowed-list 
+ 29:3  ✖  Unexpected value "1" for property "z-index" - Please use a Polaris z-index token                                     polaris/z-index/declaration-property-value-allowed-list  
+ 35:3  ⚠  Unexpected value "var(--pc-indicator-base-position)" for property "right" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+ 35:3  ✖  Unexpected value "var(--pc-indicator-base-position)" for property "right" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 37:3  ⚠  Unexpected value "var(--pc-indicator-base-position)" for property "top" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
+ 37:3  ✖  Unexpected value "var(--pc-indicator-base-position)" for property "top" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
+
+src/components/Inline/Inline.scss
+  6:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                 polaris/layout/property-disallowed-list                 
+  8:3  ✖  Unexpected value "var(--pc-inline-wrap)" for property "flex-wrap" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
+ 10:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                             polaris/layout/property-disallowed-list                 
+ 10:3  ✖  Unexpected value "var(--pc-inline-block-align)" for property "align-items" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 12:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                 
+ 12:3  ✖  Unexpected value "var(--pc-inline-align)" for property "justify-content" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list
+
+src/components/InlineCode/InlineCode.scss
+ 6:3  ✖  Unexpected unit "em" for property "font-size" - Please use a Polaris font token or typography component  polaris/typography/declaration-property-unit-disallowed-list
+
+src/components/InlineError/InlineError.scss
+ 3:3  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+
+src/components/KeyboardKey/KeyboardKey.scss
+ 5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
+ 7:3  ⚠  Unexpected value "$key-base-height" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+
+src/components/Label/Label.scss
+  9:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component  polaris/legacy/polaris/at-rule-disallowed-list
+ 14:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list       
+ 16:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                    polaris/layout/property-disallowed-list       
+
+src/components/Labelled/Labelled.scss
+  5:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                 polaris/legacy/polaris/at-rule-disallowed-list    
+ 10:3  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
+ 12:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list           
+ 15:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list           
+ 17:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list           
+ 27:3  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
+ 33:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list           
+
+src/components/Layout/Layout.scss
+  11:3  ⚠  Unexpected property "display" - Please use a Polaris layout component          polaris/layout/property-disallowed-list
+  14:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+  16:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component      polaris/layout/property-disallowed-list
+  35:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
+  40:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
+  46:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
+  52:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
+  57:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
+  63:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
+  70:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
+  89:3  ⚠  Unexpected property "display" - Please use a Polaris layout component          polaris/layout/property-disallowed-list
+  97:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
+ 102:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
+
+src/components/Link/Link.scss
+  6:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                  polaris/layout/property-disallowed-list                  
+ 28:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
+ 34:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
+ 36:7  ✖  Unexpected value "-1" for property "z-index" - Please use a Polaris z-index token      polaris/z-index/declaration-property-value-allowed-list  
+ 39:7  ⚠  Unexpected value "-2px" for property "top" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
+ 41:7  ⚠  Unexpected value "-5px" for property "right" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
+ 43:7  ⚠  Unexpected value "-2px" for property "bottom" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 45:7  ⚠  Unexpected value "-5px" for property "left" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+ 47:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                  polaris/layout/property-disallowed-list                  
+
+src/components/MediaCard/MediaCard.scss
+  5:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
+  7:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
+  9:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
+ 26:5  ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
+ 36:7  ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
+ 48:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
+ 52:5  ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
+ 56:7  ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
+ 63:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
+ 66:3  ⚠  Unexpected value "var(--p-space-4)" for property "top" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+ 68:3  ⚠  Unexpected value "var(--p-space-5)" for property "right" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+
+src/components/MessageIndicator/MessageIndicator.scss
+  6:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
+ 11:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
+ 13:3  ✖  Unexpected value "1" for property "z-index" - Please use a Polaris z-index token                     polaris/z-index/declaration-property-value-allowed-list  
+ 15:3  ⚠  Unexpected value "$indicator-position" for property "top" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+ 17:3  ⚠  Unexpected value "$indicator-position" for property "right" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 19:3  ⚠  Unexpected value "$indicator-size" for property "width" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
+ 21:3  ⚠  Unexpected value "$indicator-size" for property "height" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
+
+src/components/Modal/Modal.scss
+  7:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
+ 12:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
+ 14:3  ⚠  Unexpected value "$small-width" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+
+src/components/Navigation/Navigation.scss
+  10:3   ✖  Unexpected custom property "--pc-navigation-icon-size" - Please use a Polaris token or component                                                                                                         polaris/conventions/polaris/custom-property-allowed-list    
+  12:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+  15:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
+  17:3   ⚠  Unexpected value "$mobile-nav-width" for property "width" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list   
+  21:3   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                                                    polaris/layout/declaration-property-value-disallowed-list   
+  28:3   ✖  Unexpected @include rule "safe-area-for(padding-bottom, 0, bottom)" - Please use a Polaris layout component                                                                                              polaris/layout/polaris/at-rule-disallowed-list              
+  37:5   ✖  Unexpected @include rule "safe-area-for(max-width, $layout-width-nav-base, left)" - Please use a Polaris layout component                                                                                polaris/layout/polaris/at-rule-disallowed-list              
+  43:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
+  51:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+  57:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+  60:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
+  63:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
+  77:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+  80:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+  82:5   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
+  84:5   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
+  86:5   ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list   
+  93:5   ✖  Unexpected @include rule "safe-area-for(flex-basis, $top-bar-height, left)" - Please use a Polaris layout component                                                                                      polaris/layout/polaris/at-rule-disallowed-list              
+  95:5   ✖  Unexpected @include rule "safe-area-for(padding-left, var(--p-space-4), left)" - Please use a Polaris layout component                                                                                   polaris/layout/polaris/at-rule-disallowed-list              
+ 106:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+ 115:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                   polaris/layout/property-disallowed-list                     
+ 126:5   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                   polaris/layout/property-disallowed-list                     
+ 128:5   ⚠  Unexpected value "1px" for property "top" - Please use a Polaris layout component                                                                                                                        polaris/layout/declaration-property-value-disallowed-list   
+ 130:5   ⚠  Unexpected value "1px" for property "bottom" - Please use a Polaris layout component                                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
+ 132:5   ⚠  Unexpected value "calc(-1 * var(--p-space-2))" for property "left" - Please use a Polaris layout component                                                                                               polaris/layout/declaration-property-value-disallowed-list   
+ 134:5   ⚠  Unexpected value "$active-indicator-width" for property "width" - Please use a Polaris layout component                                                                                                  polaris/layout/declaration-property-value-disallowed-list   
+ 141:3   ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                 polaris/shape/polaris/at-rule-disallowed-list               
+ 151:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
+ 157:5   ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
+ 183:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+ 202:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+ 204:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
+ 206:3   ⚠  Unexpected value "nav(mobile-height)" for property "height" - Please use a Polaris layout component                                                                                                      polaris/layout/declaration-property-value-disallowed-list   
+ 211:5   ⚠  Unexpected value "nav(desktop-height)" for property "height" - Please use a Polaris layout component                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
+ 227:3   ✖  Unexpected value "var(--pc-navigation-icon-size)" for property "max-width" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list    
+ 236:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
+ 242:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+ 245:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
+ 260:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
+ 277:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+ 277:12  ✖  Unexpected vendor-prefix "-webkit-box"                                                                                                                                                                   value-no-vendor-prefix                                      
+ 286:3   ✖  Unexpected @include rule "recolor-icon($fill-color: var(--p-icon))" - Please use a Polaris color token                                                                                                   polaris/colors/polaris/at-rule-disallowed-list              
+ 288:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+ 290:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
+ 292:3   ⚠  Unexpected value "nav(mobile-height)" for property "height" - Please use a Polaris layout component                                                                                                      polaris/layout/declaration-property-value-disallowed-list   
+ 298:5   ⚠  Unexpected value "nav(desktop-height)" for property "height" - Please use a Polaris layout component                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
+ 305:5   ✖  Unexpected @include rule "recolor-icon(       $fill-color: var(--p-icon-hovered),       $filter-color: var(--p-filter-icon-action-primary)     )" - Please use a Polaris color token                     polaris/colors/polaris/at-rule-disallowed-list              
+ 314:7   ✖  Unexpected @include rule "recolor-icon(         $fill-color: var(--p-icon-on-interactive),         $filter-color: var(--p-filter-icon-on-interactive)       )" - Please use a Polaris color token        polaris/colors/polaris/at-rule-disallowed-list              
+ 323:3   ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                 polaris/shape/polaris/at-rule-disallowed-list               
+ 327:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
+ 332:5   ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
+ 334:5   ✖  Unexpected @include rule "recolor-icon($fill-color: var(--p-icon-pressed))" - Please use a Polaris color token                                                                                           polaris/colors/polaris/at-rule-disallowed-list              
+ 348:3   ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                                                                                                                                 polaris/layout/property-disallowed-list                     
+ 364:5   ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component                                                                                                  polaris/typography/declaration-property-unit-disallowed-list
+ 375:5   ✖  Expected ".SecondaryNavigation .Item.keyFocused" to have no more than 2 classes                                                                                                                          selector-max-class                                          
+ 377:7   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
+ 383:5   ✖  Expected ".SecondaryNavigation .Item:active:hover" to have a specificity no more than "0,3,0"                                                                                                            selector-max-specificity                                    
+ 385:7   ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
+ 408:5   ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                 polaris/shape/polaris/at-rule-disallowed-list               
+ 414:5   ✖  Expected ".SecondaryNavigation .Item-selected.keyFocused" to have no more than 2 classes                                                                                                                 selector-max-class                                          
+ 421:7   ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
+ 438:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
+ 443:3   ✖  Unexpected @include rule "safe-area-for(padding-left, 0, left)" - Please use a Polaris layout component                                                                                                  polaris/layout/polaris/at-rule-disallowed-list              
+ 454:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
+ 464:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+ 466:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
+ 472:5   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
+ 489:5   ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                                                                                     polaris/legacy/polaris/at-rule-disallowed-list              
+ 491:5   ✖  Unexpected @include rule "recolor-icon($fill-color: var(--p-icon))" - Please use a Polaris color token                                                                                                   polaris/colors/polaris/at-rule-disallowed-list              
+ 493:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+ 495:5   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
+ 497:5   ⚠  Unexpected value "nav(mobile-nav-height)" for property "height" - Please use a Polaris layout component                                                                                                  polaris/layout/declaration-property-value-disallowed-list   
+ 504:7   ⚠  Unexpected value "nav(desktop-nav-height)" for property "height" - Please use a Polaris layout component                                                                                                 polaris/layout/declaration-property-value-disallowed-list   
+ 507:7   ✖  Expected ".SectionHeading .Action svg" to have no more than 1 combinator                                                                                                                                 selector-max-combinators                                    
+ 507:7   ✖  Expected ".SectionHeading .Action img" to have no more than 1 combinator                                                                                                                                 selector-max-combinators                                    
+ 510:9   ⚠  Unexpected value "var(--p-space-4)" for property "height" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list   
+ 512:9   ⚠  Unexpected value "var(--p-space-4)" for property "width" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list   
+ 518:5   ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                 polaris/shape/polaris/at-rule-disallowed-list               
+ 524:7   ✖  Unexpected @include rule "recolor-icon($fill-color: var(--p-icon-hovered))" - Please use a Polaris color token                                                                                           polaris/colors/polaris/at-rule-disallowed-list              
+ 528:9   ✖  Unexpected @include rule "recolor-icon(           $fill-color: var(--p-icon-on-interactive),           $filter-color: var(--p-filter-icon-on-interactive)         )" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list              
+ 538:7   ✖  Unexpected @include rule "recolor-icon($filter-color: var(--p-filter-icon))" - Please use a Polaris color token                                                                                          polaris/colors/polaris/at-rule-disallowed-list              
+ 543:7   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
+ 547:5   ✖  Expected ".SectionHeading .Action:focus:hover" to have a specificity no more than "0,3,0"                                                                                                                selector-max-specificity                                    
+ 549:7   ✖  Unexpected @include rule "recolor-icon(var(--p-icon-hovered))" - Please use a Polaris color token                                                                                                        polaris/colors/polaris/at-rule-disallowed-list              
+ 554:5   ✖  Expected ".SectionHeading .Action:active:hover" to have a specificity no more than "0,3,0"                                                                                                               selector-max-specificity                                    
+ 556:7   ✖  Unexpected @include rule "recolor-icon($fill-color: var(--p-icon-pressed))" - Please use a Polaris color token                                                                                           polaris/colors/polaris/at-rule-disallowed-list              
+ 559:7   ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
+ 571:3   ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component                                                                                                polaris/typography/polaris/at-rule-disallowed-list          
+ 576:5   ✖  Unexpected @include rule "recolor-icon(       $fill-color: var(--p-action-primary),       $filter-color: var(--p-filter-icon-action-primary)     )" - Please use a Polaris color token                   polaris/colors/polaris/at-rule-disallowed-list              
+ 587:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
+ 599:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                   polaris/layout/property-disallowed-list                     
+ 601:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
+ 603:3   ⚠  Unexpected value "10px" for property "height" - Please use a Polaris layout component                                                                                                                    polaris/layout/declaration-property-value-disallowed-list   
+ 605:3   ⚠  Unexpected value "10px" for property "width" - Please use a Polaris layout component                                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
+
+src/components/Navigation/_variables.scss
+  23:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                                                                                polaris/legacy/polaris/at-rule-disallowed-list              
+  27:3  ✖  Unexpected unit "px" for property "line-height" - Please use a Polaris font token or typography component                                                                                           polaris/typography/declaration-property-unit-disallowed-list
+  29:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                               polaris/layout/property-disallowed-list                     
+  31:3  ⚠  Unexpected property "flex-grow" - Please use a Polaris layout component                                                                                                                             polaris/layout/property-disallowed-list                     
+  33:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                           polaris/layout/property-disallowed-list                     
+  43:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                            polaris/shape/polaris/at-rule-disallowed-list               
+  47:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                         polaris/shape/polaris/at-rule-disallowed-list               
+  58:5  ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                         polaris/shape/polaris/at-rule-disallowed-list               
+  75:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                               polaris/layout/property-disallowed-list                     
+  77:5  ⚠  Unexpected value "var(--p-space-5)" for property "height" - Please use a Polaris layout component                                                                                                   polaris/layout/declaration-property-value-disallowed-list   
+  79:5  ⚠  Unexpected value "var(--p-space-5)" for property "width" - Please use a Polaris layout component                                                                                                    polaris/layout/declaration-property-value-disallowed-list   
+  87:7  ⚠  Unexpected value "var(--p-space-4)" for property "height" - Please use a Polaris layout component                                                                                                   polaris/layout/declaration-property-value-disallowed-list   
+  89:7  ⚠  Unexpected value "var(--p-space-4)" for property "width" - Please use a Polaris layout component                                                                                                    polaris/layout/declaration-property-value-disallowed-list   
+  99:3  ✖  Expected the scale-color function to be used - Please use a Polaris color token                                                                                                                     polaris/colors/scss/function-color-relative                 
+  99:3  ✖  Expected the scale-color function to be used - Please use a Polaris color token                                                                                                                     polaris/colors/scss/function-color-relative                 
+  99:3  ✖  Unexpected function "brightness" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
+  99:3  ✖  Unexpected function "invert" - Please use a Polaris color token                                                                                                                                     polaris/colors/function-disallowed-list                     
+  99:3  ✖  Unexpected function "sepia" - Please use a Polaris color token                                                                                                                                      polaris/colors/function-disallowed-list                     
+  99:3  ✖  Unexpected function "hue-rotate" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
+  99:3  ✖  Unexpected function "brightness" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
+  99:3  ✖  Unexpected function "contrast" - Please use a Polaris color token                                                                                                                                   polaris/colors/function-disallowed-list                     
+  99:3  ✖  Unexpected custom property "--pc-navigation-filter-icon" - Please use a Polaris token or component                                                                                                  polaris/conventions/polaris/custom-property-allowed-list    
+ 101:3  ✖  Expected the scale-color function to be used - Please use a Polaris color token                                                                                                                     polaris/colors/scss/function-color-relative                 
+ 101:3  ✖  Expected the scale-color function to be used - Please use a Polaris color token                                                                                                                     polaris/colors/scss/function-color-relative                 
+ 101:3  ✖  Unexpected function "brightness" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
+ 101:3  ✖  Unexpected function "invert" - Please use a Polaris color token                                                                                                                                     polaris/colors/function-disallowed-list                     
+ 101:3  ✖  Unexpected function "sepia" - Please use a Polaris color token                                                                                                                                      polaris/colors/function-disallowed-list                     
+ 101:3  ✖  Unexpected function "hue-rotate" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
+ 101:3  ✖  Unexpected function "brightness" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
+ 101:3  ✖  Unexpected function "contrast" - Please use a Polaris color token                                                                                                                                   polaris/colors/function-disallowed-list                     
+ 101:3  ✖  Unexpected custom property "--pc-navigation-filter-icon-action-primary" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list    
+ 104:3  ✖  Expected the scale-color function to be used - Please use a Polaris color token                                                                                                                     polaris/colors/scss/function-color-relative                 
+ 104:3  ✖  Unexpected function "brightness" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
+ 104:3  ✖  Unexpected function "invert" - Please use a Polaris color token                                                                                                                                     polaris/colors/function-disallowed-list                     
+ 104:3  ✖  Unexpected custom property "--pc-navigation-filter-icon-on-interactive" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list    
+ 109:3  ✖  Unexpected @include rule "recolor-icon(     $fill-color: var(--p-icon),     $filter-color: var(--pc-navigation-filter-icon)   )" - Please use a Polaris color token                                 polaris/colors/polaris/at-rule-disallowed-list              
+ 115:3  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                                                                                                                           polaris/layout/property-disallowed-list                     
+ 118:3  ⚠  Unexpected value "nav(icon-size)" for property "width" - Please use a Polaris layout component                                                                                                      polaris/layout/declaration-property-value-disallowed-list   
+ 120:3  ⚠  Unexpected value "nav(icon-size)" for property "height" - Please use a Polaris layout component                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
+ 133:5  ✖  Unexpected @include rule "recolor-icon(       $fill-color: var(--p-icon),       $filter-color: var(--pc-navigation-filter-icon)     )" - Please use a Polaris color token                           polaris/colors/polaris/at-rule-disallowed-list              
+ 148:5  ✖  Unexpected @include rule "recolor-icon(       $fill-color: var(--p-action-primary),       $filter-color: var(--pc-navigation-filter-icon-action-primary)     )" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list              
+ 159:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                               polaris/layout/property-disallowed-list                     
+ 165:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                              polaris/layout/property-disallowed-list                     
+ 167:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                               polaris/layout/property-disallowed-list                     
+ 183:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                  polaris/layout/property-disallowed-list                     
+ 196:5  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component                                                                                             polaris/typography/declaration-property-unit-disallowed-list
+ 203:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                              polaris/layout/property-disallowed-list                     
+ 209:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                              polaris/layout/property-disallowed-list                     
+ 211:5  ⚠  Unexpected value "calc(-1 * var(--p-space-2))" for property "top" - Please use a Polaris layout component                                                                                           polaris/layout/declaration-property-value-disallowed-list   
+ 213:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                                    polaris/layout/declaration-property-value-disallowed-list   
+ 215:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                               polaris/layout/property-disallowed-list                     
+ 217:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                polaris/layout/declaration-property-value-disallowed-list   
+ 219:5  ⚠  Unexpected value "1px" for property "height" - Please use a Polaris layout component                                                                                                                polaris/layout/declaration-property-value-disallowed-list   
+
+src/components/Page/Page.scss
+ 14:3   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
+ 19:3   ✖  Unexpected @include rule "page-layout" - Please use a Polaris breakpoint token          polaris/media-queries/polaris/at-rule-disallowed-list    
+ 25:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                   polaris/layout/property-disallowed-list                  
+ 25:14  ✖  Unexpected value "table" for property "display"                                         declaration-property-value-disallowed-list               
+ 39:3   ✖  Unexpected @include rule "page-content-layout" - Please use a Polaris breakpoint token  polaris/media-queries/polaris/at-rule-disallowed-list    
+
+src/components/Popover/Popover.scss
+  63:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                polaris/layout/property-disallowed-list       
+  72:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                polaris/layout/property-disallowed-list       
+  74:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list       
+  96:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                    polaris/layout/property-disallowed-list       
+ 111:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                    polaris/layout/property-disallowed-list       
+ 128:3   ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component  polaris/legacy/polaris/at-rule-disallowed-list
+ 134:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list       
+ 134:19  ✖  Unexpected !important                                                                 declaration-no-important                      
+
+src/components/PositionedOverlay/PositionedOverlay.scss
+ 3:3  ⚠  Unexpected property "position" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+ 9:3  ⚠  Unexpected property "position" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+
+src/components/ProgressBar/ProgressBar.scss
+ 17:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                            polaris/layout/declaration-property-value-disallowed-list
+ 19:3  ✖  Unexpected value "var(--pc-progress-bar-background)" for property "background-color" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 29:3  ⚠  Unexpected value "progress-bar-height(small)" for property "height" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
+ 34:3  ⚠  Unexpected value "progress-bar-height()" for property "height" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
+ 39:3  ⚠  Unexpected value "progress-bar-height(large)" for property "height" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
+ 44:3  ✖  Unexpected custom property "--pc-progress-bar-background" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
+ 45:3  ✖  Unexpected custom property "--pc-progress-bar-indicator" - Please use a Polaris token or component                              polaris/conventions/polaris/custom-property-allowed-list 
+ 51:3  ✖  Unexpected custom property "--pc-progress-bar-background" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
+ 52:3  ✖  Unexpected custom property "--pc-progress-bar-indicator" - Please use a Polaris token or component                              polaris/conventions/polaris/custom-property-allowed-list 
+ 58:3  ✖  Unexpected custom property "--pc-progress-bar-background" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
+ 59:3  ✖  Unexpected custom property "--pc-progress-bar-indicator" - Please use a Polaris token or component                              polaris/conventions/polaris/custom-property-allowed-list 
+ 65:3  ✖  Unexpected custom property "--pc-progress-bar-background" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
+ 66:3  ✖  Unexpected custom property "--pc-progress-bar-indicator" - Please use a Polaris token or component                              polaris/conventions/polaris/custom-property-allowed-list 
+ 72:3  ⚠  Unexpected value "inherit" for property "height" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
+ 74:3  ✖  Unexpected value "var(--pc-progress-bar-indicator)" for property "background-color" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
+ 76:3  ✖  Unexpected value "var(--pc-progress-bar-duration)" for property "transition" - Please use a Polaris token or component          polaris/conventions/polaris/custom-property-allowed-list 
+ 88:3  ✖  Unexpected value "var(--pc-progress-bar-percent)" for property "transform" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
+ 94:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                            polaris/legacy/polaris/at-rule-disallowed-list           
+
+src/components/RadioButton/RadioButton.scss
+   5:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
+   7:3  ✖  Unexpected disallowed value "--p-choice-margin" - Please use a Polaris spacing token                                    polaris/spacing/polaris/global-disallowed-list           
+  12:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                    polaris/legacy/polaris/at-rule-disallowed-list           
+  15:3  ✖  Expected ".Input.keyFocused + .Backdrop" to have no more than 2 classes                                                 selector-max-class                                       
+  17:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                             polaris/shape/polaris/at-rule-disallowed-list            
+  20:5  ✖  Expected ".Input.keyFocused + .Backdrop::after" to have no more than 2 classes                                          selector-max-class                                       
+  20:5  ✖  Expected ".Input.keyFocused + .Backdrop::after" to have a specificity no more than "0,3,0"                              selector-max-specificity                                 
+  29:5  ✖  Expected ".Input:checked + .Backdrop::before" to have a specificity no more than "0,3,0"                                selector-max-specificity                                 
+  42:5  ✖  Expected ".Input:disabled + .Backdrop::before" to have a specificity no more than "0,3,0"                               selector-max-specificity                                 
+  50:3  ✖  Unexpected disallowed value "--p-icon-size" - Please use a Polaris layout component                                     polaris/layout/polaris/global-disallowed-list            
+  50:3  ✖  Unexpected custom property "--pc-icon-size-small" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
+  56:5  ✖  Unexpected custom property "--pc-icon-size-small" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
+  59:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
+  61:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                         polaris/layout/declaration-property-value-disallowed-list
+  63:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
+  65:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
+  67:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
+  69:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                   polaris/layout/declaration-property-value-disallowed-list
+  71:3  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                               polaris/shape/polaris/global-disallowed-list             
+  79:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
+  81:5  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
+  83:5  ⚠  Unexpected value "50%" for property "left" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
+  88:5  ⚠  Unexpected value "var(--pc-icon-size-small)" for property "height" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
+  88:5  ✖  Unexpected value "var(--pc-icon-size-small)" for property "height" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
+  90:5  ⚠  Unexpected value "var(--pc-icon-size-small)" for property "width" - Please use a Polaris layout component               polaris/layout/declaration-property-value-disallowed-list
+  90:5  ✖  Unexpected value "var(--pc-icon-size-small)" for property "width" - Please use a Polaris token or component             polaris/conventions/polaris/custom-property-allowed-list 
+ 102:3  ✖  Unexpected @include rule "focus-ring($border-width: var(--p-control-border-width))" - Please use a Polaris shape token  polaris/shape/polaris/at-rule-disallowed-list            
+
+src/components/RangeSlider/RangeSlider.scss
+  3:3  ✖  Unexpected custom property "--pc-range-slider-input" - Please use a Polaris token or component                                                                   polaris/conventions/polaris/custom-property-allowed-list 
+  4:3  ✖  Unexpected custom property "--pc-range-slider-output" - Please use a Polaris token or component                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+  5:3  ✖  Unexpected custom property "--pc-range-slider-track-height" - Please use a Polaris token or component                                                            polaris/conventions/polaris/custom-property-allowed-list 
+  6:3  ✖  Unexpected disallowed value "--p-range-slider-thumb-size-base" - Please use a Polaris layout component                                                           polaris/layout/polaris/global-disallowed-list            
+  6:3  ✖  Unexpected custom property "--pc-range-slider-thumb-size" - Please use a Polaris token or component                                                              polaris/conventions/polaris/custom-property-allowed-list 
+  7:3  ✖  Unexpected custom property "--pc-track-dashed-border-radius" - Please use a Polaris token or component                                                           polaris/conventions/polaris/custom-property-allowed-list 
+ 15:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                           polaris/layout/property-disallowed-list                  
+ 17:3  ⚠  Unexpected value "var(--pc-range-slider-track-height)" for property "height" - Please use a Polaris layout component                                             polaris/layout/declaration-property-value-disallowed-list
+ 17:3  ✖  Unexpected value "var(--pc-range-slider-track-height)" for property "height" - Please use a Polaris token or component                                           polaris/conventions/polaris/custom-property-allowed-list 
+ 19:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                             polaris/layout/declaration-property-value-disallowed-list
+ 28:3  ✖  Unexpected value "var(--pc-range-slider-track-height, --pc-range-slider-track-height)" for property "background-size" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 32:3  ✖  Unexpected value "var(--pc-track-dashed-border-radius)" for property "border-radius" - Please use a Polaris token or component                                   polaris/conventions/polaris/custom-property-allowed-list 
+ 34:3  ✖  Unexpected value "var(--pc-track-dashed-border-radius)" for property "border-right" - Please use a Polaris token or component                                    polaris/conventions/polaris/custom-property-allowed-list 
+
+src/components/ResourceItem/ResourceItem.scss
+   7:3   ⚠  Unexpected value "1px" for property "height" - Please use a Polaris layout component                                                  polaris/layout/declaration-property-value-disallowed-list
+  14:3   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
+  19:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+  24:3   ✖  Unexpected custom property "--pc-resource-item-min-height" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
+  25:3   ✖  Unexpected custom property "--pc-resource-item-disclosure-width" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
+  27:3   ✖  Unexpected custom property "--pc-resource-item-offset" - Please use a Polaris token or component                                      polaris/conventions/polaris/custom-property-allowed-list 
+  28:3   ✖  Unexpected custom property "--pc-resource-item-clickable-stacking-order" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
+  29:3   ✖  Unexpected custom property "--pc-resource-item-content-stacking-order" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
+  32:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
+  39:7   ⚠  Unexpected value "var(--p-space-4)" for property "right" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
+  48:7   ✖  Expected ".ResourceItem:hover:not(.persistActions) .Actions" to have a specificity no more than "0,3,0"                               selector-max-specificity                                 
+  51:9   ✖  Expected nesting depth to be no more than 3                                                                                           max-nesting-depth                                        
+  53:11  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+  72:1   ✖  Expected ".focusedInner.focused.selected" to have no more than 2 classes                                                              selector-max-class                                       
+  79:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
+  81:3   ✖  Unexpected value "var(--pc-resource-item-clickable-stacking-order)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
+  81:3   ✖  Unexpected value "var(--pc-resource-item-clickable-stacking-order)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  83:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
+  85:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
+  87:3   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
+  89:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                  polaris/layout/declaration-property-value-disallowed-list
+ 101:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
+ 103:3   ✖  Unexpected value "var(--pc-resource-item-content-stacking-order)" for property "z-index" - Please use a Polaris z-index token         polaris/z-index/declaration-property-value-allowed-list  
+ 103:3   ✖  Unexpected value "var(--pc-resource-item-content-stacking-order)" for property "z-index" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
+ 106:3   ✖  Unexpected value "var(--pc-resource-item-min-height)" for property "min-height" - Please use a Polaris token or component             polaris/conventions/polaris/custom-property-allowed-list 
+ 108:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 110:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
+ 119:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
+ 124:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
+ 129:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
+ 134:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
+ 139:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
+ 144:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 154:3   ⚠  Unexpected value "48px" for property "width" - Please use a Polaris layout component                                                  polaris/layout/declaration-property-value-disallowed-list
+ 156:3   ✖  Unexpected value "var(--pc-resource-item-min-height)" for property "min-height" - Please use a Polaris token or component             polaris/conventions/polaris/custom-property-allowed-list 
+ 158:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                         polaris/layout/property-disallowed-list                  
+ 160:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
+ 164:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 177:3   ⚠  Unexpected value "calc(100% + var(--pc-resource-item-offset))" for property "width" - Please use a Polaris layout component           polaris/layout/declaration-property-value-disallowed-list
+ 177:3   ✖  Unexpected value "var(--pc-resource-item-offset)" for property "width" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
+ 179:3   ✖  Unexpected value "var(--pc-resource-item-offset)" for property "transform" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
+ 182:3   ✖  Unexpected value "var(--pc-resource-item-offset)" for property "margin-right" - Please use a Polaris token or component               polaris/conventions/polaris/custom-property-allowed-list 
+ 190:5   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                  polaris/layout/declaration-property-value-disallowed-list
+ 198:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                    polaris/layout/property-disallowed-list                  
+ 207:3   ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                                                    polaris/layout/polaris/at-rule-disallowed-list           
+ 209:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                    polaris/layout/property-disallowed-list                  
+ 215:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
+ 217:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
+ 219:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 222:3   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
+ 233:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 240:5   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
+ 242:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 244:5   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                    polaris/layout/property-disallowed-list                  
+ 246:5   ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
+ 248:5   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
+ 253:5   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
+ 257:7   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 264:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
+ 266:3   ⚠  Unexpected value "calc(-1 * var(--p-space-3))" for property "top" - Please use a Polaris layout component                             polaris/layout/declaration-property-value-disallowed-list
+ 268:3   ⚠  Unexpected value "calc(-1 * var(--p-space-4))" for property "right" - Please use a Polaris layout component                           polaris/layout/declaration-property-value-disallowed-list
+ 270:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 272:3   ⚠  Unexpected value "var(--pc-resource-item-disclosure-width)" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
+ 272:3   ✖  Unexpected value "var(--pc-resource-item-disclosure-width)" for property "width" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
+ 274:3   ✖  Unexpected value "var(--pc-resource-item-min-height)" for property "min-height" - Please use a Polaris token or component             polaris/conventions/polaris/custom-property-allowed-list 
+ 279:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 284:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
+ 286:5   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                    polaris/layout/property-disallowed-list                  
+ 286:5   ✖  Unexpected value "var(--pc-resource-item-disclosure-width)" for property "flex" - Please use a Polaris token or component             polaris/conventions/polaris/custom-property-allowed-list 
+ 288:5   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                         polaris/layout/property-disallowed-list                  
+ 290:5   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
+ 308:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
+ 310:3   ✖  Unexpected @include rule "focus-ring($border-width: -1px)" - Please use a Polaris shape token                                         polaris/shape/polaris/at-rule-disallowed-list            
+ 331:3   ✖  Expected ".ListItem:last-of-type.focused::after" to have a specificity no more than "0,3,0"                                           selector-max-specificity                                 
+ 338:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                           polaris/shape/polaris/at-rule-disallowed-list            
+ 340:5   ✖  Unexpected value "var(--pc-resource-item-clickable-stacking-order)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
+ 340:5   ✖  Unexpected value "var(--pc-resource-item-clickable-stacking-order)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 344:3   ✖  Expected "* + ul > .ListItem:first-of-type.focused::after" to have no more than 1 combinator                                          selector-max-combinators                                 
+ 344:3   ✖  Expected "* + ul > .ListItem:first-of-type.focused::after" to have a specificity no more than "0,3,0"                                 selector-max-specificity                                 
+ 346:5   ⚠  Unexpected value "1px" for property "top" - Please use a Polaris layout component                                                     polaris/layout/declaration-property-value-disallowed-list
+
+src/components/ResourceList/ResourceList.scss
+  13:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+  15:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                         polaris/layout/declaration-property-value-disallowed-list
+  17:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
+  19:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
+  21:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                        polaris/layout/declaration-property-value-disallowed-list
+  38:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+  41:3  ✖  Unexpected value "resource-list(header-outer-wrapper-stacking-order)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
+  57:3  ✖  Unexpected value "resource-list(header-overlay-stacking-order)" for property "z-index" - Please use a Polaris z-index token             polaris/z-index/declaration-property-value-allowed-list  
+  67:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+  69:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+  71:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                               polaris/layout/property-disallowed-list                  
+  73:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                    polaris/layout/declaration-property-value-disallowed-list
+  89:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+  91:3  ✖  Unexpected value "resource-list(content-wrapper-stacking-order)" for property "z-index" - Please use a Polaris z-index token            polaris/z-index/declaration-property-value-allowed-list  
+  93:3  ⚠  Unexpected value "var(--p-space-3)" for property "right" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
+  95:3  ⚠  Unexpected value "var(--p-space-3)" for property "left" - Please use a Polaris layout component                                         polaris/layout/declaration-property-value-disallowed-list
+  97:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 108:5  ⚠  Unexpected value "var(--p-space-4)" for property "right" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
+ 110:5  ⚠  Unexpected value "var(--p-space-4)" for property "left" - Please use a Polaris layout component                                         polaris/layout/declaration-property-value-disallowed-list
+ 118:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 120:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 122:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
+ 124:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                               polaris/layout/property-disallowed-list                  
+ 132:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 134:5  ⚠  Unexpected value "auto" for property "left" - Please use a Polaris layout component                                                     polaris/layout/declaration-property-value-disallowed-list
+ 136:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
+ 140:5  ✖  Expected ".HeaderWrapper-hasAlternateTool.HeaderWrapper-hasSelect .SortWrapper" to have no more than 2 classes                          selector-max-class                                       
+ 140:5  ✖  Expected ".HeaderWrapper-hasAlternateTool.HeaderWrapper-hasSelect .AlternateToolWrapper" to have no more than 2 classes                 selector-max-class                                       
+ 140:5  ✖  Expected ".HeaderWrapper-hasSort.HeaderWrapper-hasSelect .SortWrapper" to have no more than 2 classes                                   selector-max-class                                       
+ 140:5  ✖  Expected ".HeaderWrapper-hasSort.HeaderWrapper-hasSelect .AlternateToolWrapper" to have no more than 2 classes                          selector-max-class                                       
+ 149:3  ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                                                      polaris/layout/polaris/at-rule-disallowed-list           
+ 160:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
+ 167:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 172:5  ✖  Expected ".HeaderWrapper-hasAlternateTool.HeaderWrapper-hasSelect .HeaderTitleWrapper" to have no more than 2 classes                   selector-max-class                                       
+ 172:5  ✖  Expected ".HeaderWrapper-hasSort.HeaderWrapper-hasSelect .HeaderTitleWrapper" to have no more than 2 classes                            selector-max-class                                       
+ 176:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 182:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 189:3  ✖  Unexpected value "resource-list(bulk-actions-wrapper-stacking-order)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
+ 191:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 193:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                        polaris/layout/declaration-property-value-disallowed-list
+ 195:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                    polaris/layout/declaration-property-value-disallowed-list
+ 197:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 199:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                               polaris/layout/property-disallowed-list                  
+ 201:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+ 206:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
+ 213:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 215:3  ⚠  Unexpected value "auto" for property "top" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
+ 217:3  ⚠  Unexpected value "calc(var(--p-space-10) - var(--p-space-1))" for property "bottom" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
+ 222:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 224:3  ✖  Unexpected value "resource-list(bulk-actions-wrapper-stacking-order)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
+ 226:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                    polaris/layout/declaration-property-value-disallowed-list
+ 230:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
+ 237:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 241:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
+ 243:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 249:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 251:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
+ 255:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 263:3  ✖  Unexpected media query "#{$breakpoints-empty-search-results-height-up}" - Please use a Polaris breakpoint token                         polaris/media-queries/polaris/media-query-allowed-list   
+ 271:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 276:3  ✖  Unexpected custom property "--pc-resource-list-bulk-actions-offset" - Please use a Polaris token or component                           polaris/conventions/polaris/custom-property-allowed-list 
+ 278:3  ✖  Unexpected value "var(--pc-resource-list-bulk-actions-offset)" for property "padding-bottom" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 283:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 285:3  ✖  Unexpected value "resource-list(list-stacking-order)" for property "z-index" - Please use a Polaris z-index token                       polaris/z-index/declaration-property-value-allowed-list  
+ 293:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
+ 295:3  ✖  Unexpected value "resource-list(list-stacking-order)" for property "z-index" - Please use a Polaris z-index token                       polaris/z-index/declaration-property-value-allowed-list  
+ 311:3  ✖  Unexpected value "resource-list(spinner-stacking-order)" for property "z-index" - Please use a Polaris z-index token                    polaris/z-index/declaration-property-value-allowed-list  
+ 313:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 315:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+ 321:3  ✖  Unexpected value "resource-list(overlay-stacking-order)" for property "z-index" - Please use a Polaris z-index token                    polaris/z-index/declaration-property-value-allowed-list  
+ 323:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
+ 325:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+
+src/components/ResourceList/_variables.scss
+ 2:1  ✖  Unexpected function "control-height" - Please use a Polaris layout component  polaris/layout/function-disallowed-list
+
+src/components/ScrollLock/ScrollLock.scss
+  6:3  ✖  Expected "[data-lock-scrolling][data-lock-scrolling-hidden]" to have no more than 1 attribute selector    selector-max-attribute                                   
+ 10:3  ✖  Expected "[data-lock-scrolling] [data-lock-scrolling-wrapper]" to have no more than 1 attribute selector  selector-max-attribute                                   
+ 13:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
+
+src/components/Scrollable/Scrollable.scss
+  3:3  ✖  Unexpected custom property "--pc-scrollable-shadow-size" - Please use a Polaris token or component                                                                                                                                                               polaris/conventions/polaris/custom-property-allowed-list
+  4:3  ✖  Unexpected custom property "--pc-scrollable-shadow-bottom" Unexpected value "var(--pc-scrollable-shadow-size, --pc-scrollable-shadow-size, --pc-scrollable-shadow-size)" for property "--pc-scrollable-shadow-bottom" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+  7:3  ✖  Unexpected custom property "--pc-scrollable-shadow-top" Unexpected value "var(--pc-scrollable-shadow-size, --pc-scrollable-shadow-size, --pc-scrollable-shadow-size)" for property "--pc-scrollable-shadow-top" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
+ 10:3  ✖  Unexpected custom property "--pc-scrollable-max-height" - Please use a Polaris token or component                                                                                                                                                                polaris/conventions/polaris/custom-property-allowed-list
+ 14:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                           polaris/layout/property-disallowed-list                 
+ 16:3  ✖  Unexpected value "var(--pc-scrollable-max-height)" for property "max-height" - Please use a Polaris token or component                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list
+ 36:3  ✖  Unexpected value "var(--pc-scrollable-shadow-top)" for property "box-shadow" - Please use a Polaris token or component                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list
+ 41:3  ✖  Unexpected value "var(--pc-scrollable-shadow-bottom)" for property "box-shadow" - Please use a Polaris token or component                                                                                                                                        polaris/conventions/polaris/custom-property-allowed-list
+ 46:3  ✖  Unexpected value "var(--pc-scrollable-shadow-top, --pc-scrollable-shadow-bottom)" for property "box-shadow" - Please use a Polaris token or component                                                                                                            polaris/conventions/polaris/custom-property-allowed-list
+
+src/components/Select/Select.scss
+   5:3  ✖  Unexpected custom property "--pc-select-backdrop" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
+   6:3  ✖  Unexpected custom property "--pc-select-content" - Please use a Polaris token or component                     polaris/conventions/polaris/custom-property-allowed-list 
+   7:3  ✖  Unexpected custom property "--pc-select-input" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list 
+  10:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+  15:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                          polaris/layout/property-disallowed-list                  
+  30:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token             polaris/colors/polaris/at-rule-disallowed-list           
+  48:3  ✖  Unexpected @include rule "text-style-input" - Please use a Polaris font token or typography component          polaris/typography/polaris/at-rule-disallowed-list       
+  50:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+  52:3  ✖  Unexpected value "var(--pc-select-content)" for property "z-index" - Please use a Polaris z-index token        polaris/z-index/declaration-property-value-allowed-list  
+  52:3  ✖  Unexpected value "var(--pc-select-content)" for property "z-index" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
+  54:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                          polaris/layout/property-disallowed-list                  
+  56:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list                  
+  58:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                           polaris/layout/declaration-property-value-disallowed-list
+  60:3  ✖  Unexpected function "control-height" - Please use a Polaris layout component                                   polaris/layout/function-disallowed-list                  
+  62:3  ✖  Unexpected function "control-vertical-padding" - Please use a Polaris spacing token                            polaris/spacing/function-disallowed-list                 
+  62:3  ✖  Unexpected function "control-vertical-padding" - Please use a Polaris spacing token                            polaris/spacing/function-disallowed-list                 
+  68:5  ✖  Expected ".Content div > span" to have no more than 1 combinator                                               selector-max-combinators                                 
+  68:5  ✖  Expected ".Content div > span" to have no more than 1 type selector                                            selector-max-type                                        
+  77:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                             polaris/layout/property-disallowed-list                  
+  89:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                      polaris/colors/polaris/at-rule-disallowed-list           
+ 100:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+ 104:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                polaris/layout/declaration-property-value-disallowed-list
+ 106:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                               polaris/layout/declaration-property-value-disallowed-list
+ 108:3  ✖  Unexpected value "var(--pc-select-input)" for property "z-index" - Please use a Polaris z-index token          polaris/z-index/declaration-property-value-allowed-list  
+ 108:3  ✖  Unexpected value "var(--pc-select-input)" for property "z-index" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
+ 110:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                           polaris/layout/declaration-property-value-disallowed-list
+ 112:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
+ 126:3  ✖  Unexpected value "var(--pc-select-backdrop)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
+ 126:3  ✖  Unexpected value "var(--pc-select-backdrop)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 128:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                polaris/layout/declaration-property-value-disallowed-list
+ 130:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                              polaris/layout/declaration-property-value-disallowed-list
+ 132:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                             polaris/layout/declaration-property-value-disallowed-list
+ 134:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                               polaris/layout/declaration-property-value-disallowed-list
+ 140:3  ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                   polaris/shape/polaris/at-rule-disallowed-list            
+ 144:3  ✖  Expected "position" to come before "border-radius"                                                             order/properties-order                                   
+ 144:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+ 152:5  ✖  Expected ".error .Backdrop.hover" to have no more than 2 classes                                               selector-max-class                                       
+ 161:3  ✖  Expected ".error .Input:focus ~ .Backdrop" to have no more than 2 classes                                      selector-max-class                                       
+ 161:3  ✖  Expected ".error .Input:focus ~ .Backdrop" to have no more than 1 combinator                                   selector-max-combinators                                 
+ 161:3  ✖  Expected ".error .Input:focus ~ .Backdrop" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
+ 163:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                    polaris/shape/polaris/at-rule-disallowed-list            
+ 170:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                    polaris/shape/polaris/at-rule-disallowed-list            
+ 194:5  ✖  Unexpected @include rule "recolor-icon(buttonText)" - Please use a Polaris color token                         polaris/colors/polaris/at-rule-disallowed-list           
+ 201:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                                          polaris/layout/property-disallowed-list                  
+ 224:7  ✖  Unexpected @include rule "recolor-icon(grayText)" - Please use a Polaris color token                           polaris/colors/polaris/at-rule-disallowed-list           
+
+src/components/SelectAllActions/SelectAllActions.scss
+  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list      
+  8:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                    polaris/layout/property-disallowed-list      
+ 10:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                polaris/layout/property-disallowed-list      
+ 18:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list      
+ 24:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list      
+ 30:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list      
+ 47:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                     polaris/shape/polaris/at-rule-disallowed-list
+ 60:5  ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                  polaris/shape/polaris/at-rule-disallowed-list
+ 65:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token  polaris/shape/polaris/at-rule-disallowed-list
+
+src/components/SettingAction/SettingAction.scss
+  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component      polaris/layout/property-disallowed-list
+  8:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+ 16:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component         polaris/layout/property-disallowed-list
+ 25:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component         polaris/layout/property-disallowed-list
+
+src/components/Sheet/Sheet.scss
+  7:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                  
+  9:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                    polaris/layout/declaration-property-value-disallowed-list
+ 11:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                  polaris/layout/declaration-property-value-disallowed-list
+ 13:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                 polaris/layout/declaration-property-value-disallowed-list
+ 23:5  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
+ 25:5  ⚠  Unexpected value "$sheet-desktop-width" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 35:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                  
+ 38:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                       polaris/layout/declaration-property-value-disallowed-list
+ 40:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
+ 42:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                    polaris/layout/declaration-property-value-disallowed-list
+ 44:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
+ 48:5  ⚠  Unexpected value "auto" for property "left" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
+ 50:5  ⚠  Unexpected value "$sheet-desktop-width" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+
+src/components/SkeletonBodyText/SkeletonBodyText.scss
+  7:3  ⚠  Unexpected value "var(--p-space-2)" for property "height" - Please use a Polaris layout component           polaris/layout/declaration-property-value-disallowed-list
+  9:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                  
+ 19:5  ⚠  Unexpected value "$body-text-last-line-width" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+
+src/components/SkeletonDisplayText/SkeletonDisplayText.scss
+  7:3  ⚠  Unexpected value "var(--pc-skeleton-display-text-height)" for property "height" - Please use a Polaris layout component                  polaris/layout/declaration-property-value-disallowed-list
+  7:3  ✖  Unexpected value "var(--pc-skeleton-display-text-height)" for property "height" - Please use a Polaris token or component                polaris/conventions/polaris/custom-property-allowed-list 
+ 11:5  ⚠  Unexpected value "var(--pc-skeleton-display-text-height-not-condensed)" for property "height" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+ 11:5  ✖  Unexpected value "var(--pc-skeleton-display-text-height-not-condensed)" for property "height" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 17:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height" - Please use a Polaris token or component                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 18:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height-not-condensed" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+ 23:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                    polaris/layout/property-disallowed-list                  
+ 34:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height" - Please use a Polaris token or component                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 35:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height-not-condensed" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+ 42:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height" - Please use a Polaris token or component                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 43:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height-not-condensed" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+ 50:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height" - Please use a Polaris token or component                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 51:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height-not-condensed" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+ 58:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height" - Please use a Polaris token or component                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 59:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height-not-condensed" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+
+src/components/SkeletonPage/SkeletonPage.scss
+   9:3  ✖  Unexpected @include rule "page-layout" - Please use a Polaris breakpoint token                                  polaris/media-queries/polaris/at-rule-disallowed-list       
+  22:3  ✖  Unexpected @include rule "page-content-layout" - Please use a Polaris breakpoint token                          polaris/media-queries/polaris/at-rule-disallowed-list       
+  27:3  ✖  Unexpected @include rule "page-header-layout" - Please use a Polaris breakpoint token                           polaris/media-queries/polaris/at-rule-disallowed-list       
+  40:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                     
+  42:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                     
+  47:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                              polaris/layout/property-disallowed-list                     
+  53:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component         polaris/typography/declaration-property-unit-disallowed-list
+  55:3  ✖  Unexpected unit "px" for property "line-height" - Please use a Polaris font token or typography component       polaris/typography/declaration-property-unit-disallowed-list
+  59:5  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component         polaris/typography/declaration-property-unit-disallowed-list
+  65:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                     
+  70:3  ⚠  Unexpected value "28px" for property "height" - Please use a Polaris layout component                           polaris/layout/declaration-property-value-disallowed-list   
+  82:5  ⚠  Unexpected value "$primary-action-button-height" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list   
+  90:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                     
+  93:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                     
+  95:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                     
+ 100:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                     
+ 103:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                     
+ 105:3  ✖  Unexpected function "control-slim-height" - Please use a Polaris layout component                               polaris/layout/function-disallowed-list                     
+ 118:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                     
+
+src/components/SkeletonTabs/SkeletonTabs.scss
+  3:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                     polaris/layout/property-disallowed-list                  
+  5:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
+ 11:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                  
+ 21:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                  
+ 23:5  ⚠  Unexpected value "-1px" for property "bottom" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
+ 25:5  ⚠  Unexpected value "var(--p-space-3)" for property "left" - Please use a Polaris layout component           polaris/layout/declaration-property-value-disallowed-list
+ 27:5  ⚠  Unexpected value "var(--p-space-3)" for property "right" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
+ 29:5  ⚠  Unexpected value "var(--p-border-width-3)" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 37:3  ⚠  Unexpected value "80px" for property "width" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
+ 42:3  ⚠  Unexpected value "100px" for property "width" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
+
+src/components/SkeletonThumbnail/SkeletonThumbnail.scss
+  5:3  ✖  Unexpected custom property "--pc-skeleton-thumbnail-extra-small-size" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+  6:3  ✖  Unexpected custom property "--pc-skeleton-thumbnail-small-size" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
+  7:3  ✖  Unexpected custom property "--pc-skeleton-thumbnail-medium-size" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list 
+  8:3  ✖  Unexpected custom property "--pc-skeleton-thumbnail-large-size" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
+ 11:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
+ 22:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-extra-small-size)" for property "height" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+ 22:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-extra-small-size)" for property "height" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 24:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-extra-small-size)" for property "width" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
+ 24:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-extra-small-size)" for property "width" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
+ 29:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-small-size)" for property "height" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
+ 29:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-small-size)" for property "height" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list 
+ 31:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-small-size)" for property "width" - Please use a Polaris layout component           polaris/layout/declaration-property-value-disallowed-list
+ 31:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-small-size)" for property "width" - Please use a Polaris token or component         polaris/conventions/polaris/custom-property-allowed-list 
+ 36:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-medium-size)" for property "height" - Please use a Polaris layout component         polaris/layout/declaration-property-value-disallowed-list
+ 36:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-medium-size)" for property "height" - Please use a Polaris token or component       polaris/conventions/polaris/custom-property-allowed-list 
+ 38:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-medium-size)" for property "width" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
+ 38:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-medium-size)" for property "width" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list 
+ 43:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-large-size)" for property "height" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
+ 43:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-large-size)" for property "height" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list 
+ 45:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-large-size)" for property "width" - Please use a Polaris layout component           polaris/layout/declaration-property-value-disallowed-list
+ 45:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-large-size)" for property "width" - Please use a Polaris token or component         polaris/conventions/polaris/custom-property-allowed-list 
+
+src/components/Spinner/Spinner.scss
+ 6:3  ⚠  Unexpected value "$size" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 8:3  ⚠  Unexpected value "$size" for property "width" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
+
+src/components/Stack/Stack.scss
+   3:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
+   5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                 
+   8:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                 
+  10:3  ✖  Unexpected value "var(--pc-stack-spacing)" for property "margin-top" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list
+  12:3  ✖  Unexpected value "var(--pc-stack-spacing)" for property "margin-left" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+  16:5  ✖  Unexpected value "var(--pc-stack-spacing)" for property "margin-top" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list
+  18:5  ✖  Unexpected value "var(--pc-stack-spacing)" for property "margin-left" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+  29:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
+  34:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
+  39:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
+  44:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
+  49:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
+  54:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
+  59:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                 
+  64:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                 
+  69:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                 
+  74:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                 
+  79:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
+  84:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
+  88:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
+  95:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                 
+ 100:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                 
+ 105:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                 
+ 110:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                 
+ 115:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                 
+ 129:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
+ 135:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
+
+src/components/Subheading/Subheading.scss
+ 5:3  ✖  Unexpected @include rule "text-style-subheading" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
+
+src/components/Tabs/Tabs.scss
+   9:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+  26:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
+  31:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
+  39:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
+  45:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+  52:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                          polaris/legacy/polaris/at-rule-disallowed-list           
+  56:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
+  58:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                 polaris/layout/property-disallowed-list                  
+  60:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
+  76:7  ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component     polaris/typography/polaris/at-rule-disallowed-list       
+  79:7  ✖  Expected ".Tab:hover .Title::before" to have a specificity no more than "0,3,0"                               selector-max-specificity                                 
+  89:7  ✖  Expected ".Tab:active .Title::before" to have a specificity no more than "0,3,0"                              selector-max-specificity                                 
+  98:7  ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component     polaris/typography/polaris/at-rule-disallowed-list       
+ 103:7  ✖  Expected ".Tab:focus:not(:active) .Title" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
+ 105:9  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                   polaris/shape/polaris/at-rule-disallowed-list            
+ 117:3  ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component     polaris/typography/polaris/at-rule-disallowed-list       
+ 122:5  ✖  Expected ".Tab-selected:focus .Title::before" to have a specificity no more than "0,3,0"                      selector-max-specificity                                 
+ 139:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                      polaris/shape/polaris/at-rule-disallowed-list            
+ 142:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+ 150:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
+ 152:5  ⚠  Unexpected value "calc(-1 * var(--p-space-2))" for property "bottom" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 154:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                              polaris/layout/declaration-property-value-disallowed-list
+ 156:5  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                             polaris/layout/declaration-property-value-disallowed-list
+ 158:5  ⚠  Unexpected value "var(--p-border-width-3)" for property "height" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
+ 166:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+ 171:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+ 180:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+ 191:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                          polaris/legacy/polaris/at-rule-disallowed-list           
+ 193:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                      polaris/shape/polaris/at-rule-disallowed-list            
+ 195:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+ 197:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
+ 220:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                   polaris/shape/polaris/at-rule-disallowed-list            
+ 230:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+ 235:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+ 240:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                      polaris/shape/polaris/at-rule-disallowed-list            
+ 242:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                         polaris/layout/declaration-property-value-disallowed-list
+ 252:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                     polaris/colors/polaris/at-rule-disallowed-list           
+ 257:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                   polaris/shape/polaris/at-rule-disallowed-list            
+ 261:3  ✖  Expected ".DisclosureActivator:hover .Title::before" to have a specificity no more than "0,3,0"               selector-max-specificity                                 
+ 268:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
+ 271:3  ⚠  Unexpected value "0" for property "height" - Please use a Polaris layout component                            polaris/layout/declaration-property-value-disallowed-list
+
+src/components/Tag/Tag.scss
+   8:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                     
+  11:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                     
+  20:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token       polaris/colors/polaris/at-rule-disallowed-list              
+  28:5  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                     polaris/legacy/polaris/at-rule-disallowed-list              
+  34:5  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component  polaris/typography/declaration-property-unit-disallowed-list
+  42:5  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                 polaris/shape/polaris/at-rule-disallowed-list               
+  45:5  ✖  Expected ".Tag.clickable:focus:not(:active)" to have a specificity no more than "0,3,0"                  selector-max-specificity                                    
+  47:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token              polaris/shape/polaris/at-rule-disallowed-list               
+  82:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component  polaris/typography/declaration-property-unit-disallowed-list
+  99:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                polaris/colors/polaris/at-rule-disallowed-list              
+ 101:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                     polaris/legacy/polaris/at-rule-disallowed-list              
+ 103:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                     
+ 105:3  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                     
+ 107:3  ⚠  Unexpected value "$button-size" for property "height" - Please use a Polaris layout component            polaris/layout/declaration-property-value-disallowed-list   
+ 109:3  ⚠  Unexpected value "$button-size" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list   
+ 119:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                 polaris/shape/polaris/at-rule-disallowed-list               
+ 123:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token              polaris/shape/polaris/at-rule-disallowed-list               
+ 132:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token       polaris/colors/polaris/at-rule-disallowed-list              
+ 144:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                     
+ 154:5  ✖  Unexpected @include rule "truncate" - Please use a Polaris font token or typography component            polaris/typography/polaris/at-rule-disallowed-list          
+ 156:5  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component  polaris/typography/declaration-property-unit-disallowed-list
+ 169:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                 polaris/shape/polaris/at-rule-disallowed-list               
+ 173:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token              polaris/shape/polaris/at-rule-disallowed-list               
+
+src/components/Text/Text.scss
+ 10:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list       
+ 21:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component  polaris/legacy/polaris/at-rule-disallowed-list
+
+src/components/TextContainer/TextContainer.scss
+  3:3  ✖  Unexpected custom property "--pc-text-container-spacing" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list
+  7:5  ✖  Unexpected value "var(--pc-text-container-spacing)" for property "margin-top" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 17:3  ✖  Unexpected custom property "--pc-text-container-spacing" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list
+ 22:3  ✖  Unexpected custom property "--pc-text-container-spacing" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list
+
+src/components/TextField/TextField.scss
+   8:3   ✖  Unexpected custom property "--pc-text-field-contents" - Please use a Polaris token or component                                                    polaris/conventions/polaris/custom-property-allowed-list 
+   9:3   ✖  Unexpected custom property "--pc-text-field-backdrop" - Please use a Polaris token or component                                                    polaris/conventions/polaris/custom-property-allowed-list 
+  12:3   ✖  Unexpected @include rule "text-style-input" - Please use a Polaris font token or typography component                                              polaris/typography/polaris/at-rule-disallowed-list       
+  14:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                             polaris/layout/property-disallowed-list                  
+  16:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                              polaris/layout/property-disallowed-list                  
+  18:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
+  49:3   ✖  Expected ".focus > .Input ~ .Backdrop" to have no more than 2 classes                                                                              selector-max-class                                       
+  49:3   ✖  Expected ".focus > .VerticalContent ~ .Backdrop" to have no more than 2 classes                                                                    selector-max-class                                       
+  49:3   ✖  Expected ".focus > .Input ~ .Backdrop" to have no more than 1 combinator                                                                           selector-max-combinators                                 
+  49:3   ✖  Expected ".focus > .VerticalContent ~ .Backdrop" to have no more than 1 combinator                                                                 selector-max-combinators                                 
+  51:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                        polaris/shape/polaris/at-rule-disallowed-list            
+  57:3   ✖  Expected ".error > .Input ~ .Backdrop" to have no more than 2 classes                                                                              selector-max-class                                       
+  57:3   ✖  Expected ".error > .Input ~ .Backdrop" to have no more than 1 combinator                                                                           selector-max-combinators                                 
+  62:5   ✖  Expected ".error > .Input ~ .Backdrop::after" to have no more than 2 classes                                                                       selector-max-class                                       
+  62:5   ✖  Expected ".error > .Input ~ .Backdrop::after" to have no more than 1 combinator                                                                    selector-max-combinators                                 
+  62:5   ✖  Expected ".error > .Input ~ .Backdrop::after" to have a specificity no more than "0,3,0"                                                           selector-max-specificity                                 
+  94:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                             polaris/layout/property-disallowed-list                  
+  96:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
+  96:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
+  98:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                              polaris/layout/property-disallowed-list                  
+ 100:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                 polaris/layout/property-disallowed-list                  
+ 102:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
+ 105:3   ✖  Unexpected function "control-height" - Please use a Polaris layout component                                                                       polaris/layout/function-disallowed-list                  
+ 108:3   ✖  Unexpected function "control-vertical-padding" - Please use a Polaris spacing token                                                                polaris/spacing/function-disallowed-list                 
+ 192:3   ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                                                       polaris/shape/polaris/at-rule-disallowed-list            
+ 194:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                             polaris/layout/property-disallowed-list                  
+ 196:3   ✖  Unexpected value "var(--pc-text-field-backdrop)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
+ 196:3   ✖  Unexpected value "var(--pc-text-field-backdrop)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
+ 198:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                    polaris/layout/declaration-property-value-disallowed-list
+ 200:3   ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                                  polaris/layout/declaration-property-value-disallowed-list
+ 202:3   ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                 polaris/layout/declaration-property-value-disallowed-list
+ 204:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                   polaris/layout/declaration-property-value-disallowed-list
+ 208:3   ✖  Unexpected hex color "#898f94" - Please use a Polaris color token                                                                                  polaris/colors/color-no-hex                              
+ 208:21  ✖  Unexpected hex color "#898f94"                                                                                                                     color-no-hex                                             
+ 216:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                             polaris/layout/property-disallowed-list                  
+ 218:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
+ 218:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
+ 220:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                 polaris/layout/property-disallowed-list                  
+ 237:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                             polaris/layout/property-disallowed-list                  
+ 239:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
+ 239:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
+ 246:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
+ 261:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
+ 261:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
+ 270:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
+ 276:3   ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                           polaris/shape/polaris/at-rule-disallowed-list            
+ 278:3   ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                               polaris/legacy/polaris/at-rule-disallowed-list           
+ 280:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
+ 280:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
+ 285:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                        polaris/shape/polaris/at-rule-disallowed-list            
+ 295:3   ✖  Unexpected disallowed value "--p-text-field-spinner-offset" - Please use a Polaris spacing token                                                   polaris/spacing/polaris/global-disallowed-list           
+ 295:3   ✖  Unexpected custom property "--pc-text-field-spinner-offset-large" - Please use a Polaris token or component                                        polaris/conventions/polaris/custom-property-allowed-list 
+ 300:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
+ 300:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
+ 302:3   ✖  Unexpected value "var(--pc-text-field-spinner-offset-large)" for property "margin" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list 
+ 305:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                              polaris/layout/property-disallowed-list                  
+ 309:3   ⚠  Unexpected value "22px" for property "width" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
+ 315:3   ⚠  Unexpected value "$spinner-icon-size" for property "height" - Please use a Polaris layout component                                                polaris/layout/declaration-property-value-disallowed-list
+ 317:3   ⚠  Unexpected value "$spinner-icon-size" for property "width" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
+ 322:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                             polaris/layout/property-disallowed-list                  
+ 324:3   ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                 polaris/layout/declaration-property-value-disallowed-list
+ 326:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                   polaris/layout/declaration-property-value-disallowed-list
+ 328:3   ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                                  polaris/layout/declaration-property-value-disallowed-list
+ 330:3   ⚠  Unexpected value "0" for property "height" - Please use a Polaris layout component                                                                 polaris/layout/declaration-property-value-disallowed-list
+ 337:3   ✖  Unexpected @include rule "text-style-input" - Please use a Polaris font token or typography component                                              polaris/typography/polaris/at-rule-disallowed-list       
+ 339:3   ✖  Unexpected function "control-vertical-padding" - Please use a Polaris spacing token                                                                polaris/spacing/function-disallowed-list                 
+ 344:3   ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component                                                polaris/typography/polaris/at-rule-disallowed-list       
+ 350:3   ✖  Unexpected disallowed value "--p-text-field-spinner-offset" - Please use a Polaris spacing token                                                   polaris/spacing/polaris/global-disallowed-list           
+ 350:3   ✖  Unexpected custom property "--pc-text-field-spinner-border-radius" - Please use a Polaris token or component                                       polaris/conventions/polaris/custom-property-allowed-list 
+ 356:3   ✖  Unexpected value "var(--pc-text-field-spinner-border-radius)" for property "border-radius" - Please use a Polaris token or component               polaris/conventions/polaris/custom-property-allowed-list 
+ 358:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                              polaris/layout/property-disallowed-list                  
+ 360:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                 polaris/layout/property-disallowed-list                  
+ 362:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
+ 364:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
+ 378:5   ✖  Unexpected value "var(--pc-text-field-spinner-border-radius)" for property "border-top-right-radius" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
+ 380:5   ✖  Unexpected disallowed value "--p-text-field-spinner-offset" - Please use a Polaris spacing token                                                   polaris/spacing/polaris/global-disallowed-list           
+ 385:5   ✖  Unexpected value "var(--pc-text-field-spinner-border-radius)" for property "border-bottom-right-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+
+src/components/TextStyle/TextStyle.scss
+ 17:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list                  
+ 22:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                  
+ 25:3  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                           polaris/depth/declaration-property-unit-disallowed-list  
+ 30:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list                  
+ 32:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                             polaris/layout/declaration-property-value-disallowed-list
+ 34:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                            polaris/layout/declaration-property-value-disallowed-list
+ 36:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                        polaris/layout/declaration-property-value-disallowed-list
+ 38:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                       polaris/layout/declaration-property-value-disallowed-list
+ 46:3  ✖  Unexpected @include rule "text-emphasis-strong" - Please use a Polaris font token or typography component   polaris/typography/polaris/at-rule-disallowed-list       
+ 51:3  ✖  Unexpected @include rule "text-emphasis-subdued" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list       
+
+src/components/Thumbnail/Thumbnail.scss
+  5:3  ✖  Unexpected custom property "--pc-thumbnail-extra-small-size" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
+  6:3  ✖  Unexpected custom property "--pc-thumbnail-small-size" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
+  7:3  ✖  Unexpected custom property "--pc-thumbnail-medium-size" - Please use a Polaris token or component                           polaris/conventions/polaris/custom-property-allowed-list 
+  8:3  ✖  Unexpected custom property "--pc-thumbnail-large-size" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
+ 11:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
+ 13:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+ 17:3  ✖  Unexpected value "var(--pc-thumbnail-extra-small-size)" for property "min-width" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 25:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+ 32:3  ⚠  Unexpected value "var(--pc-thumbnail-extra-small-size)" for property "width" - Please use a Polaris layout component        polaris/layout/declaration-property-value-disallowed-list
+ 32:3  ✖  Unexpected value "var(--pc-thumbnail-extra-small-size)" for property "width" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
+ 37:3  ⚠  Unexpected value "var(--pc-thumbnail-small-size)" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
+ 37:3  ✖  Unexpected value "var(--pc-thumbnail-small-size)" for property "width" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
+ 42:3  ⚠  Unexpected value "var(--pc-thumbnail-medium-size)" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
+ 42:3  ✖  Unexpected value "var(--pc-thumbnail-medium-size)" for property "width" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list 
+ 47:3  ⚠  Unexpected value "var(--pc-thumbnail-large-size)" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
+ 47:3  ✖  Unexpected value "var(--pc-thumbnail-large-size)" for property "width" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
+ 56:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
+ 58:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                             polaris/layout/declaration-property-value-disallowed-list
+ 60:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                           polaris/layout/declaration-property-value-disallowed-list
+ 62:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                          polaris/layout/declaration-property-value-disallowed-list
+ 64:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                            polaris/layout/declaration-property-value-disallowed-list
+ 69:3  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                    polaris/colors/polaris/at-rule-disallowed-list           
+
+src/components/TopBar/TopBar.scss
+   8:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
+  10:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+  12:3  ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component                            polaris/layout/declaration-property-value-disallowed-list
+  20:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
+  22:5  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                          polaris/layout/declaration-property-value-disallowed-list
+  24:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
+  31:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+  34:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+  40:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+  45:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
+  47:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
+  49:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
+  52:3  ✖  Unexpected @include rule "safe-area-for(flex-basis, $layout-width-nav-base, left)" - Please use a Polaris layout component  polaris/layout/polaris/at-rule-disallowed-list           
+  54:3  ✖  Unexpected @include rule "safe-area-for(padding-left, var(--p-space-4), left)" - Please use a Polaris layout component      polaris/layout/polaris/at-rule-disallowed-list           
+  64:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+  69:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+  72:5  ⚠  Unexpected value "$layout-width-nav-base" for property "width" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
+  74:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+  79:5  ⚠  Unexpected value "$layout-width-nav-base" for property "width" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
+  85:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                        polaris/legacy/polaris/at-rule-disallowed-list           
+  87:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
+ 107:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
+ 109:5  ⚠  Unexpected value "calc(-1 * var(--p-space-2))" for property "top" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
+ 111:5  ⚠  Unexpected value "calc(-1 * var(--p-space-2))" for property "left" - Please use a Polaris layout component                  polaris/layout/declaration-property-value-disallowed-list
+ 113:5  ⚠  Unexpected value "calc(100% + var(--p-space-5))" for property "width" - Please use a Polaris layout component               polaris/layout/declaration-property-value-disallowed-list
+ 115:5  ⚠  Unexpected value "calc(100% + var(--p-space-5))" for property "height" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
+ 119:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+ 124:5  ✖  Unexpected @include rule "focus-ring($border-width: 6px)" - Please use a Polaris shape token                                polaris/shape/polaris/at-rule-disallowed-list            
+ 129:5  ✖  Expected ".NavigationIcon:focus:not(:active) .IconWrapper" to have a specificity no more than "0,3,0"                       selector-max-specificity                                 
+ 131:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                 polaris/shape/polaris/at-rule-disallowed-list            
+ 140:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+ 142:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
+ 144:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
+ 146:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
+ 148:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
+ 152:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
+ 158:3  ✖  Unexpected @include rule "page-layout" - Please use a Polaris breakpoint token                                              polaris/media-queries/polaris/at-rule-disallowed-list    
+ 160:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
+ 162:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
+ 174:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                   polaris/colors/polaris/at-rule-disallowed-list           
+
+src/components/Truncate/Truncate.scss
+ 3:3  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+
+src/components/VideoThumbnail/VideoThumbnail.scss
+   7:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                            polaris/layout/property-disallowed-list                  
+  14:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                              polaris/layout/declaration-property-value-disallowed-list
+  16:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                             polaris/layout/declaration-property-value-disallowed-list
+  21:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                            polaris/layout/property-disallowed-list                  
+  23:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                             polaris/layout/declaration-property-value-disallowed-list
+  28:3  ✖  Unexpected function "rgba" - Please use a Polaris color token                                                                                                                     polaris/colors/function-disallowed-list                  
+  28:3  ✖  Unexpected custom property "--pc-play-button-focused-state-overlay" - Please use a Polaris token or component                                                                     polaris/conventions/polaris/custom-property-allowed-list 
+  30:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                            polaris/layout/property-disallowed-list                  
+  32:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                   polaris/layout/declaration-property-value-disallowed-list
+  34:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                  polaris/layout/declaration-property-value-disallowed-list
+  36:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                              polaris/layout/declaration-property-value-disallowed-list
+  38:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                             polaris/layout/declaration-property-value-disallowed-list
+  48:5  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                                                                                                 polaris/depth/declaration-property-unit-disallowed-list  
+  50:5  ✖  Unexpected value "var(--pc-play-button-focused-state-overlay, --pc-play-button-focused-state-overlay)" for property "background-image" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  58:7  ✖  Unexpected function "rgba" - Please use a Polaris color token                                                                                                                     polaris/colors/function-disallowed-list                  
+  64:5  ✖  Unexpected function "rgba" - Please use a Polaris color token                                                                                                                     polaris/colors/function-disallowed-list                  
+  74:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                            polaris/layout/property-disallowed-list                  
+  76:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                                polaris/layout/declaration-property-value-disallowed-list
+  83:3  ✖  Unexpected function "rgba" - Please use a Polaris color token                                                                                                                     polaris/colors/function-disallowed-list                  
+  90:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                            polaris/layout/property-disallowed-list                  
+  92:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                                polaris/layout/declaration-property-value-disallowed-list
+  94:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                              polaris/layout/declaration-property-value-disallowed-list
+  97:3  ⚠  Unexpected value "$progress-bar-height" for property "height" - Please use a Polaris layout component                                                                             polaris/layout/declaration-property-value-disallowed-list
+ 103:3  ⚠  Unexpected value "inherit" for property "height" - Please use a Polaris layout component                                                                                          polaris/layout/declaration-property-value-disallowed-list
+ 105:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                              polaris/layout/declaration-property-value-disallowed-list
+ 115:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                                                                              polaris/legacy/polaris/at-rule-disallowed-list           
+
+src/components/VisuallyHidden/VisuallyHidden.scss
+ 5:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component  polaris/legacy/polaris/at-rule-disallowed-list
+
+src/components/ActionMenu/components/Actions/Actions.scss
+  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component          polaris/layout/property-disallowed-list
+  8:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component      polaris/layout/property-disallowed-list
+ 10:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+ 12:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
+ 16:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
+
+src/components/ActionMenu/components/RollupActions/RollupActions.scss
+  5:3  ✖  Unexpected qualifying type selector "button[type='button']"                                          selector-no-qualifying-type
+  9:5  ✖  Expected ".RollupActivator button[type='button']:hover" to have a specificity no more than "0,3,0"   selector-max-specificity   
+ 10:5  ✖  Expected ".RollupActivator button[type='button']:active" to have a specificity no more than "0,3,0"  selector-max-specificity   
+ 11:5  ✖  Expected ".RollupActivator button[type='button']:focus" to have a specificity no more than "0,3,0"   selector-max-specificity   
+
+src/components/Autocomplete/components/MappedAction/MappedAction.scss
+   5:3  ✖  Unexpected custom property "--pc-mapped-actions-image-size" - Please use a Polaris token or component                                                                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+   6:3  ✖  Unexpected custom property "--pc-mapped-actions-item-min-height" - Please use a Polaris token or component                                                                                                                             polaris/conventions/polaris/custom-property-allowed-list 
+   7:3  ✖  Unexpected custom property "--pc-mapped-actions-item-vertical-padding" Unexpected value "var(--pc-mapped-actions-item-min-height)" for property "--pc-mapped-actions-item-vertical-padding" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  17:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token                                                                                                                                       polaris/colors/polaris/at-rule-disallowed-list           
+  27:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                                               polaris/shape/polaris/at-rule-disallowed-list            
+  29:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                  polaris/layout/property-disallowed-list                  
+  31:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                                                   polaris/layout/declaration-property-value-disallowed-list
+  33:3  ✖  Unexpected value "var(--pc-mapped-actions-item-min-height)" for property "min-height" - Please use a Polaris token or component                                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
+  37:3  ✖  Unexpected value "var(--pc-mapped-actions-item-vertical-padding)" for property "padding" - Please use a Polaris token or component                                                                                                     polaris/conventions/polaris/custom-property-allowed-list 
+  52:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token                                                                                                                                       polaris/colors/polaris/at-rule-disallowed-list           
+  58:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token                                                                                                                                       polaris/colors/polaris/at-rule-disallowed-list           
+  64:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                                                            polaris/shape/polaris/at-rule-disallowed-list            
+  69:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-critical))" - Please use a Polaris color token                                                                                                                                     polaris/colors/polaris/at-rule-disallowed-list           
+  77:5  ✖  Expected ".Action.destructive.selected" to have no more than 2 classes                                                                                                                                                                 selector-max-class                                       
+  88:5  ✖  Expected ".Action.disabled .Prefix" to have no more than 2 classes                                                                                                                                                                     selector-max-class                                       
+  88:5  ✖  Expected ".Action.disabled .Suffix" to have no more than 2 classes                                                                                                                                                                     selector-max-class                                       
+  91:7  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token                                                                                                                                     polaris/colors/polaris/at-rule-disallowed-list           
+  98:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                  polaris/layout/property-disallowed-list                  
+ 100:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                              polaris/layout/property-disallowed-list                  
+ 105:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                                                                                                              polaris/colors/polaris/at-rule-disallowed-list           
+ 107:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                  polaris/layout/property-disallowed-list                  
+ 109:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                     polaris/layout/property-disallowed-list                  
+ 111:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                                          polaris/layout/property-disallowed-list                  
+ 113:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                              polaris/layout/property-disallowed-list                  
+ 115:3  ⚠  Unexpected value "var(--pc-mapped-actions-image-size)" for property "height" - Please use a Polaris layout component                                                                                                                   polaris/layout/declaration-property-value-disallowed-list
+ 115:3  ✖  Unexpected value "var(--pc-mapped-actions-image-size)" for property "height" - Please use a Polaris token or component                                                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 117:3  ⚠  Unexpected value "var(--pc-mapped-actions-image-size)" for property "width" - Please use a Polaris layout component                                                                                                                    polaris/layout/declaration-property-value-disallowed-list
+ 117:3  ✖  Unexpected value "var(--pc-mapped-actions-image-size)" for property "width" - Please use a Polaris token or component                                                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+ 123:3  ✖  Unexpected value "var(--pc-mapped-actions-image-size, --pc-mapped-actions-image-size)" for property "margin" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 132:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                                                                                                              polaris/colors/polaris/at-rule-disallowed-list           
+ 138:3  ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                                                                                                                                                     polaris/layout/polaris/at-rule-disallowed-list           
+ 140:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                     polaris/layout/property-disallowed-list                  
+ 144:5  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component                                                                                                                                    polaris/typography/polaris/at-rule-disallowed-list       
+
+src/components/ActionMenu/components/SecondaryAction/SecondaryAction.scss
+  5:3   ✖  Unexpected custom property "--pc-secondary-action-button-spacing" - Please use a Polaris token or component                          polaris/conventions/polaris/custom-property-allowed-list
+ 10:5   ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                                         polaris/shape/polaris/at-rule-disallowed-list           
+ 11:29  ✖  Unexpected !important                                                                                                                declaration-no-important                                
+ 12:22  ✖  Unexpected !important                                                                                                                declaration-no-important                                
+ 13:45  ✖  Unexpected !important                                                                                                                declaration-no-important                                
+ 15:5   ✖  Unexpected value "var(--pc-secondary-action-button-spacing)" for property "padding-left" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list
+ 17:5   ✖  Unexpected value "var(--pc-secondary-action-button-spacing)" for property "padding-right" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 20:47  ✖  Unexpected !important                                                                                                                declaration-no-important                                
+ 24:47  ✖  Unexpected !important                                                                                                                declaration-no-important                                
+ 28:20  ✖  Unexpected !important                                                                                                                declaration-no-important                                
+ 30:7   ✖  Unexpected @include rule "focus-ring($border-width: 0)" - Please use a Polaris shape token                                           polaris/shape/polaris/at-rule-disallowed-list           
+ 38:7   ✖  Unexpected @include rule "recolor-icon(var(--p-icon-critical))" - Please use a Polaris color token                                   polaris/colors/polaris/at-rule-disallowed-list          
+ 42:7   ✖  Expected ".SecondaryAction.destructive a:hover" to have a specificity no more than "0,3,0"                                           selector-max-specificity                                
+ 42:7   ✖  Expected ".SecondaryAction.destructive button:hover" to have a specificity no more than "0,3,0"                                      selector-max-specificity                                
+ 43:69  ✖  Unexpected !important                                                                                                                declaration-no-important                                
+ 47:7   ✖  Expected ".SecondaryAction.destructive a:active" to have a specificity no more than "0,3,0"                                          selector-max-specificity                                
+ 47:7   ✖  Expected ".SecondaryAction.destructive button:active" to have a specificity no more than "0,3,0"                                     selector-max-specificity                                
+ 48:69  ✖  Unexpected !important                                                                                                                declaration-no-important                                
+
+src/components/Autocomplete/components/MappedOption/MappedOption.scss
+  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list           
+  7:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list           
+ 10:3  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component                               polaris/typography/polaris/at-rule-disallowed-list
+ 15:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon), var(--p-icon-on-interactive))" - Please use a Polaris color token           polaris/colors/polaris/at-rule-disallowed-list    
+ 25:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled), var(--p-text-on-interactive))" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list    
+
+src/components/Badge/components/Pip/Pip.scss
+  3:3  ✖  Unexpected custom property "--pc-pip-size" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
+  4:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+  7:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
+  9:3  ✖  Unexpected value "var(--pc-pip-color)" for property "color" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
+ 11:3  ⚠  Unexpected value "var(--pc-pip-size)" for property "height" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
+ 11:3  ✖  Unexpected value "var(--pc-pip-size)" for property "height" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
+ 13:3  ⚠  Unexpected value "var(--pc-pip-size)" for property "width" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
+ 13:3  ✖  Unexpected value "var(--pc-pip-size)" for property "width" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
+ 15:3  ✖  Unexpected value "var(--pc-pip-color)" for property "border" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 18:3  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
+ 23:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+ 28:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+ 33:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+ 38:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+ 43:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+ 48:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
+ 72:5  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                       polaris/depth/declaration-property-unit-disallowed-list  
+ 72:5  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                       polaris/depth/declaration-property-unit-disallowed-list  
+ 86:5  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                       polaris/depth/declaration-property-unit-disallowed-list  
+
+src/components/DropZone/components/FileUpload/FileUpload.scss
+  7:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                      polaris/layout/property-disallowed-list                  
+  9:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                  polaris/layout/property-disallowed-list                  
+ 11:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component              polaris/layout/property-disallowed-list                  
+ 13:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
+ 30:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                   polaris/shape/polaris/at-rule-disallowed-list            
+ 32:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                      polaris/layout/property-disallowed-list                  
+ 34:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
+ 55:5  ✖  Unexpected @include rule "base-button-disabled" - Please use a Polaris token or component  polaris/legacy/polaris/at-rule-disallowed-list           
+
+src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.scss
+   9:3  ✖  Unexpected custom property "--pc-connceted-filter-control-item" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list 
+  10:3  ✖  Unexpected custom property "--pc-connceted-filter-control-focused" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
+  13:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+  15:3  ⚠  Unexpected property "flex-grow" - Please use a Polaris layout component                                                         polaris/layout/property-disallowed-list                  
+  19:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
+  24:5  ✖  Expected ".ConnectedFilterControl.right .CenterContainer *" to have no more than 2 classes                                      selector-max-class                                       
+  24:5  ✖  Expected ".ConnectedFilterControl.right .CenterContainer *" to have no more than 1 combinator                                   selector-max-combinators                                 
+  33:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
+  35:3  ✖  Unexpected value "var(--pc-connceted-filter-control-item)" for property "z-index" - Please use a Polaris z-index token          polaris/z-index/declaration-property-value-allowed-list  
+  35:3  ✖  Unexpected value "var(--pc-connceted-filter-control-item)" for property "z-index" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
+  40:3  ✖  Unexpected value "var(--pc-connceted-filter-control-focused)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
+  40:3  ✖  Unexpected value "var(--pc-connceted-filter-control-focused)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  45:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
+  47:3  ⚠  Unexpected value "-1000px" for property "top" - Please use a Polaris layout component                                           polaris/layout/declaration-property-value-disallowed-list
+  49:3  ⚠  Unexpected value "-1000px" for property "left" - Please use a Polaris layout component                                          polaris/layout/declaration-property-value-disallowed-list
+  51:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+  53:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                            polaris/layout/declaration-property-value-disallowed-list
+  55:3  ⚠  Unexpected value "0" for property "height" - Please use a Polaris layout component                                              polaris/layout/declaration-property-value-disallowed-list
+  61:5  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+  72:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+  74:3  ✖  Expected ".RightContainer .Item > div > button" to have no more than 1 combinator                                               selector-max-combinators                                 
+  74:3  ✖  Expected ".RightContainer .Item > div > button" to have no more than 3 compound selectors                                       selector-max-compound-selectors                          
+  74:3  ✖  Expected ".RightContainer .Item > div > button" to have no more than 1 type selector                                            selector-max-type                                        
+  76:5  ✖  Unexpected disallowed value "--p-button-group-item-spacing" - Please use a Polaris spacing token                                polaris/spacing/polaris/global-disallowed-list           
+  82:5  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+  85:3  ✖  Expected ".RightContainer .Item:first-of-type > div > button" to have no more than 1 combinator                                 selector-max-combinators                                 
+  85:3  ✖  Expected ".RightContainer .Item:first-of-type > div > button" to have no more than 3 compound selectors                         selector-max-compound-selectors                          
+  85:3  ✖  Expected ".RightContainer .Item:first-of-type > div > button" to have a specificity no more than "0,3,0"                        selector-max-specificity                                 
+  85:3  ✖  Expected ".RightContainer .Item:first-of-type > div > button" to have no more than 1 type selector                              selector-max-type                                        
+  92:3  ✖  Expected ".RightContainer.queryFieldHidden .Item:first-of-type > div > button" to have no more than 2 classes                   selector-max-class                                       
+  92:3  ✖  Expected ".RightContainer.queryFieldHidden .Item:first-of-type > div > button" to have no more than 1 combinator                selector-max-combinators                                 
+  92:3  ✖  Expected ".RightContainer.queryFieldHidden .Item:first-of-type > div > button" to have no more than 3 compound selectors        selector-max-compound-selectors                          
+  92:3  ✖  Expected ".RightContainer.queryFieldHidden .Item:first-of-type > div > button" to have a specificity no more than "0,3,0"       selector-max-specificity                                 
+  92:3  ✖  Expected ".RightContainer.queryFieldHidden .Item:first-of-type > div > button" to have no more than 1 type selector             selector-max-type                                        
+  99:3  ✖  Expected ".RightContainerWithoutMoreFilters .Item:last-child > div > button" to have no more than 1 combinator                  selector-max-combinators                                 
+  99:3  ✖  Expected ".RightContainerWithoutMoreFilters .Item:last-child > div > button" to have no more than 3 compound selectors          selector-max-compound-selectors                          
+  99:3  ✖  Expected ".RightContainerWithoutMoreFilters .Item:last-child > div > button" to have a specificity no more than "0,3,0"         selector-max-specificity                                 
+  99:3  ✖  Expected ".RightContainerWithoutMoreFilters .Item:last-child > div > button" to have no more than 1 type selector               selector-max-type                                        
+ 106:3  ✖  Expected ".MoreFiltersButtonContainer .Item > div > button" to have no more than 1 combinator                                   selector-max-combinators                                 
+ 106:3  ✖  Expected ".MoreFiltersButtonContainer .Item > div > button" to have no more than 3 compound selectors                           selector-max-compound-selectors                          
+ 106:3  ✖  Expected ".MoreFiltersButtonContainer .Item > div > button" to have no more than 1 type selector                                selector-max-type                                        
+ 114:3  ✖  Expected ".MoreFiltersButtonContainer.onlyButtonVisible .Item > div > button" to have no more than 2 classes                    selector-max-class                                       
+ 114:3  ✖  Expected ".MoreFiltersButtonContainer.onlyButtonVisible .Item > div > button" to have no more than 1 combinator                 selector-max-combinators                                 
+ 114:3  ✖  Expected ".MoreFiltersButtonContainer.onlyButtonVisible .Item > div > button" to have no more than 3 compound selectors         selector-max-compound-selectors                          
+ 114:3  ✖  Expected ".MoreFiltersButtonContainer.onlyButtonVisible .Item > div > button" to have a specificity no more than "0,3,0"        selector-max-specificity                                 
+ 114:3  ✖  Expected ".MoreFiltersButtonContainer.onlyButtonVisible .Item > div > button" to have no more than 1 type selector              selector-max-type                                        
+ 121:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+ 126:3  ⚠  Unexpected property "flex-grow" - Please use a Polaris layout component                                                         polaris/layout/property-disallowed-list                  
+
+src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.scss
+  5:3  ✖  Unexpected custom property "--p-surface" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
+  6:3  ✖  Unexpected custom property "--p-text" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
+  7:3  ✖  Unexpected custom property "--p-action-secondary-hovered" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
+  8:3  ✖  Unexpected custom property "--p-action-secondary-pressed" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
+ 11:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
+ 13:3  ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component        polaris/layout/declaration-property-value-disallowed-list
+ 16:3  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                       polaris/depth/declaration-property-unit-disallowed-list  
+ 16:3  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                       polaris/depth/declaration-property-unit-disallowed-list  
+ 24:5  ✖  Unexpected value "0.3" for property "opacity" - Please use a Polaris color token                        polaris/colors/declaration-property-value-disallowed-list
+ 35:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
+ 39:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
+ 41:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list                  
+ 43:5  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
+ 45:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
+ 53:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
+ 55:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list                  
+ 57:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
+ 59:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                           polaris/layout/property-disallowed-list                  
+ 64:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
+ 84:3  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
+ 93:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
+ 97:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
+ 99:5  ⚠  Unexpected value "$layout-width-nav-base" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+
+src/components/Frame/components/Loading/Loading.scss
+  6:3  ⚠  Unexpected value "3px" for property "height" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
+ 13:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
+ 15:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+
+src/components/Frame/components/Toast/Toast.scss
+  7:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                     polaris/layout/property-disallowed-list       
+ 41:3  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list
+ 47:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                     polaris/layout/property-disallowed-list       
+ 51:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component             polaris/layout/property-disallowed-list       
+ 58:3  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list
+
+src/components/Frame/components/ToastManager/ToastManager.scss
+  8:3  ✖  Unexpected custom property "--pc-toast-manager-translate-y-out" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
+  9:3  ✖  Unexpected custom property "--pc-toast-manager-translate-y-in" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list 
+ 15:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                         polaris/layout/property-disallowed-list                  
+ 18:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                              polaris/layout/declaration-property-value-disallowed-list
+ 20:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                               polaris/layout/declaration-property-value-disallowed-list
+ 23:3  ⚠  Unexpected value "var(--pc-frame-global-ribbon-height)" for property "bottom" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
+ 23:3  ✖  Unexpected value "var(--pc-frame-global-ribbon-height)" for property "bottom" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list 
+ 25:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
+ 28:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
+ 33:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                         polaris/layout/property-disallowed-list                  
+ 35:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
+ 40:3  ✖  Unexpected value "var(--pc-toast-manager-translate-y-out)" for property "transform" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 46:3  ✖  Unexpected value "var(--pc-toast-manager-translate-y-out)" for property "transform" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 52:3  ✖  Unexpected value "var(--pc-toast-manager-translate-y-in)" for property "transform" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
+
+src/components/Grid/components/Cell/Cell.scss
+  6:3  ✖  Unexpected custom property "--pc-row-xs" - Please use a Polaris token or component                                                                          polaris/conventions/polaris/custom-property-allowed-list
+  7:3  ✖  Unexpected custom property "--pc-row-sm" Unexpected value "var(--pc-row-xs)" for property "--pc-row-sm" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
+  8:3  ✖  Unexpected custom property "--pc-row-md" Unexpected value "var(--pc-row-sm)" for property "--pc-row-md" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
+  9:3  ✖  Unexpected custom property "--pc-row-lg" Unexpected value "var(--pc-row-md)" for property "--pc-row-lg" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
+ 10:3  ✖  Unexpected custom property "--pc-row-xl" Unexpected value "var(--pc-row-lg)" for property "--pc-row-xl" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
+ 11:3  ✖  Unexpected custom property "--pc-column-xs" - Please use a Polaris token or component                                                                       polaris/conventions/polaris/custom-property-allowed-list
+ 12:3  ✖  Unexpected custom property "--pc-column-sm" Unexpected value "var(--pc-column-xs)" for property "--pc-column-sm" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 13:3  ✖  Unexpected custom property "--pc-column-md" Unexpected value "var(--pc-column-sm)" for property "--pc-column-md" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 14:3  ✖  Unexpected custom property "--pc-column-lg" Unexpected value "var(--pc-column-md)" for property "--pc-column-lg" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 15:3  ✖  Unexpected custom property "--pc-column-xl" Unexpected value "var(--pc-column-lg)" for property "--pc-column-xl" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 19:3  ⚠  Unexpected property "grid-row" - Please use a Polaris layout component                                                                                      polaris/layout/property-disallowed-list                 
+ 19:3  ✖  Unexpected value "var(--pc-row-xs)" for property "grid-row" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
+ 21:3  ⚠  Unexpected property "grid-column" - Please use a Polaris layout component                                                                                   polaris/layout/property-disallowed-list                 
+ 21:3  ✖  Unexpected value "var(--pc-column-xs)" for property "grid-column" - Please use a Polaris token or component                                                 polaris/conventions/polaris/custom-property-allowed-list
+ 25:5  ⚠  Unexpected property "grid-row" - Please use a Polaris layout component                                                                                      polaris/layout/property-disallowed-list                 
+ 25:5  ✖  Unexpected value "var(--pc-row-sm)" for property "grid-row" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
+ 27:5  ⚠  Unexpected property "grid-column" - Please use a Polaris layout component                                                                                   polaris/layout/property-disallowed-list                 
+ 27:5  ✖  Unexpected value "var(--pc-column-sm)" for property "grid-column" - Please use a Polaris token or component                                                 polaris/conventions/polaris/custom-property-allowed-list
+ 32:5  ⚠  Unexpected property "grid-row" - Please use a Polaris layout component                                                                                      polaris/layout/property-disallowed-list                 
+ 32:5  ✖  Unexpected value "var(--pc-row-md)" for property "grid-row" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
+ 34:5  ⚠  Unexpected property "grid-column" - Please use a Polaris layout component                                                                                   polaris/layout/property-disallowed-list                 
+ 34:5  ✖  Unexpected value "var(--pc-column-md)" for property "grid-column" - Please use a Polaris token or component                                                 polaris/conventions/polaris/custom-property-allowed-list
+ 39:5  ⚠  Unexpected property "grid-row" - Please use a Polaris layout component                                                                                      polaris/layout/property-disallowed-list                 
+ 39:5  ✖  Unexpected value "var(--pc-row-lg)" for property "grid-row" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
+ 41:5  ⚠  Unexpected property "grid-column" - Please use a Polaris layout component                                                                                   polaris/layout/property-disallowed-list                 
+ 41:5  ✖  Unexpected value "var(--pc-column-lg)" for property "grid-column" - Please use a Polaris token or component                                                 polaris/conventions/polaris/custom-property-allowed-list
+ 46:5  ⚠  Unexpected property "grid-row" - Please use a Polaris layout component                                                                                      polaris/layout/property-disallowed-list                 
+ 46:5  ✖  Unexpected value "var(--pc-row-xl)" for property "grid-row" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
+ 48:5  ⚠  Unexpected property "grid-column" - Please use a Polaris layout component                                                                                   polaris/layout/property-disallowed-list                 
+ 48:5  ✖  Unexpected value "var(--pc-column-xl)" for property "grid-column" - Please use a Polaris token or component                                                 polaris/conventions/polaris/custom-property-allowed-list
+ 55:5  ⚠  Unexpected property "grid-column-end" - Please use a Polaris layout component                                                                               polaris/layout/property-disallowed-list                 
+ 63:7  ⚠  Unexpected property "grid-column-end" - Please use a Polaris layout component                                                                               polaris/layout/property-disallowed-list                 
+ 72:7  ⚠  Unexpected property "grid-column-end" - Please use a Polaris layout component                                                                               polaris/layout/property-disallowed-list                 
+ 81:7  ⚠  Unexpected property "grid-column-end" - Please use a Polaris layout component                                                                               polaris/layout/property-disallowed-list                 
+ 90:7  ⚠  Unexpected property "grid-column-end" - Please use a Polaris layout component                                                                               polaris/layout/property-disallowed-list                 
+
+src/components/IndexTable/components/Checkbox/Checkbox.scss
+ 10:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
+ 12:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
+ 17:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
+ 19:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                      polaris/layout/property-disallowed-list                  
+ 21:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
+ 26:3  ⚠  Unexpected value "$expanded-width" for property "width" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
+ 28:3  ⚠  Unexpected value "$expanded-height" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+
+src/components/IndexTable/components/ScrollContainer/ScrollContainer.scss
+ 11:3  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+
+src/components/Listbox/components/Action/Action.scss
+ 5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+ 7:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component     polaris/layout/property-disallowed-list
+
+src/components/Listbox/components/Loading/Loading.scss
+ 13:3  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+
+src/components/Listbox/components/Option/Option.scss
+ 5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+
+src/components/Listbox/components/TextOption/TextOption.scss
+  6:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
+ 11:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
+ 13:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                     polaris/shape/polaris/at-rule-disallowed-list            
+ 44:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                  
+ 46:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                              polaris/layout/declaration-property-value-disallowed-list
+ 48:5  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                           polaris/layout/declaration-property-value-disallowed-list
+ 50:5  ⚠  Unexpected value "calc(-1 * var(--p-space-1))" for property "left" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
+ 52:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                        polaris/layout/declaration-property-value-disallowed-list
+ 54:5  ⚠  Unexpected value "var(--p-border-radius-1)" for property "width" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
+ 81:1  ✖  Expected "[data-focused]:not(:focus) .TextOption:not(.disabled)" to have a specificity no more than "0,3,0"  selector-max-specificity                                 
+ 83:3  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                  polaris/shape/polaris/at-rule-disallowed-list            
+ 91:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
+ 93:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
+
+src/components/Modal/components/CloseButton/CloseButton.scss
+  5:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component               polaris/legacy/polaris/at-rule-disallowed-list
+  7:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                           polaris/shape/polaris/at-rule-disallowed-list 
+ 16:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-hovered))" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list
+ 26:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token        polaris/shape/polaris/at-rule-disallowed-list 
+
+src/components/Modal/components/Dialog/Dialog.scss
+  14:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
+  17:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
+  19:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                 polaris/layout/declaration-property-value-disallowed-list
+  21:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                polaris/layout/declaration-property-value-disallowed-list
+  23:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                  polaris/layout/declaration-property-value-disallowed-list
+  25:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
+  28:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                     polaris/layout/property-disallowed-list                  
+  35:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                     polaris/layout/property-disallowed-list                  
+  46:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
+  48:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                 polaris/layout/declaration-property-value-disallowed-list
+  50:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                polaris/layout/declaration-property-value-disallowed-list
+  52:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                  polaris/layout/declaration-property-value-disallowed-list
+  54:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
+  57:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
+  68:5  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                polaris/layout/declaration-property-value-disallowed-list
+  74:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
+  83:7  ✖  Unexpected media query "#{$breakpoints-height-limit-up}" - Please use a Polaris breakpoint token  polaris/media-queries/polaris/media-query-allowed-list   
+ 111:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
+ 114:7  ⚠  Unexpected value "unset" for property "height" - Please use a Polaris layout component            polaris/layout/declaration-property-value-disallowed-list
+
+src/components/Modal/components/Section/Section.scss
+ 5:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+
+src/components/OptionList/components/Checkbox/Checkbox.scss
+  5:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
+  7:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
+  9:3  ✖  Unexpected disallowed value "--p-choice-margin" - Please use a Polaris spacing token                                    polaris/spacing/polaris/global-disallowed-list           
+ 11:3  ✖  Expected ".Checkbox.active .Backdrop" to have no more than 2 classes                                                    selector-max-class                                       
+ 13:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                             polaris/shape/polaris/at-rule-disallowed-list            
+ 19:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                    polaris/legacy/polaris/at-rule-disallowed-list           
+ 22:3  ✖  Expected ".Input.keyFocused + .Backdrop" to have no more than 2 classes                                                 selector-max-class                                       
+ 24:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                             polaris/shape/polaris/at-rule-disallowed-list            
+ 31:5  ✖  Expected ".Input.Input-indeterminate + .Backdrop" to have no more than 2 classes                                        selector-max-class                                       
+ 31:5  ✖  Expected ".Input:active:not(:disabled) + .Backdrop" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
+ 33:7  ✖  Unexpected @include rule "control-backdrop(active)" - Please use a Polaris token or component                           polaris/legacy/polaris/at-rule-disallowed-list           
+ 37:5  ✖  Expected ".Input.Input-indeterminate ~ .Icon" to have no more than 2 classes                                            selector-max-class                                       
+ 37:5  ✖  Expected ".Input:active:not(:disabled) ~ .Icon" to have a specificity no more than "0,3,0"                              selector-max-specificity                                 
+ 47:5  ✖  Unexpected @include rule "control-backdrop(disabled)" - Please use a Polaris token or component                         polaris/legacy/polaris/at-rule-disallowed-list           
+ 52:5  ✖  Expected ".Input:disabled:checked + .Backdrop" to have a specificity no more than "0,3,0"                               selector-max-specificity                                 
+ 53:5  ✖  Expected ".Input:disabled:checked + .Backdrop::before" to have a specificity no more than "0,3,0"                       selector-max-specificity                                 
+ 61:3  ✖  Unexpected @include rule "control-backdrop" - Please use a Polaris token or component                                   polaris/legacy/polaris/at-rule-disallowed-list           
+ 63:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
+ 65:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
+ 67:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
+ 69:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                   polaris/layout/declaration-property-value-disallowed-list
+ 71:3  ✖  Unexpected @include rule "focus-ring($border-width: var(--p-control-border-width))" - Please use a Polaris shape token  polaris/shape/polaris/at-rule-disallowed-list            
+ 76:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-on-interactive))" - Please use a Polaris color token                polaris/colors/polaris/at-rule-disallowed-list           
+ 78:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
+ 80:3  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
+ 82:3  ⚠  Unexpected value "50%" for property "left" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
+
+src/components/OptionList/components/Option/Option.scss
+   5:1  ✖  Unexpected function "control-height" - Please use a Polaris layout component                           polaris/layout/function-disallowed-list                  
+  10:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                   polaris/legacy/polaris/at-rule-disallowed-list           
+  12:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
+  27:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                   polaris/legacy/polaris/at-rule-disallowed-list           
+  30:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                               polaris/shape/polaris/at-rule-disallowed-list            
+  34:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token            polaris/shape/polaris/at-rule-disallowed-list            
+  44:5  ✖  Unexpected @include rule "list-selected-indicator" - Please use a Polaris token or component           polaris/legacy/polaris/at-rule-disallowed-list           
+  59:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
+  61:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
+  63:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
+  68:3  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component    polaris/typography/polaris/at-rule-disallowed-list       
+  77:3  ✖  Expected ".Label.select:hover:not(.disabled)" to have a specificity no more than "0,3,0"               selector-max-specificity                                 
+  77:3  ✖  Expected ".SingleSelectOption.select:hover:not(.disabled)" to have a specificity no more than "0,3,0"  selector-max-specificity                                 
+  93:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
+  95:3  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
+  97:3  ⚠  Unexpected value "var(--p-choice-size)" for property "width" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
+  97:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component                  polaris/layout/polaris/global-disallowed-list            
+  99:3  ⚠  Unexpected value "var(--p-choice-size)" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+  99:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component                  polaris/layout/polaris/global-disallowed-list            
+ 102:3  ✖  Unexpected disallowed value "--p-choice-margin" - Please use a Polaris spacing token                   polaris/spacing/polaris/global-disallowed-list           
+ 108:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token     polaris/colors/polaris/at-rule-disallowed-list           
+ 114:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token              polaris/colors/polaris/at-rule-disallowed-list           
+ 120:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
+ 125:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
+ 130:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
+
+src/components/Page/components/Header/Header.scss
+   7:3   ✖  Unexpected @include rule "page-header-layout" - Please use a Polaris breakpoint token                                        polaris/media-queries/polaris/at-rule-disallowed-list    
+   9:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
+  14:3   ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                         polaris/legacy/polaris/at-rule-disallowed-list           
+  19:3   ⚠  Unexpected property "grid-area" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
+  23:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+  35:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+  37:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
+  39:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
+  43:3   ✖  Expected ".hasActionMenu.mobileView .Navigation" to have no more than 2 classes                                              selector-max-class                                       
+  49:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+  49:19  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
+  55:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+  57:3   ⚠  Unexpected property "grid-area" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
+  63:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+  63:19  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
+  69:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+  71:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+  73:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
+  79:75  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
+  80:22  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
+  85:77  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
+  92:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+  92:19  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
+  98:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+ 100:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+ 102:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
+ 106:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+ 106:19  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
+ 116:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+ 118:5   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
+ 124:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+ 131:3   ✖  Expected ".hasActionMenu.mobileView:not(.hasNavigation) .TitleActionMenuWrapper" to have no more than 2 classes              selector-max-class                                       
+ 131:3   ✖  Expected ".hasActionMenu.mobileView:not(.hasNavigation) .TitleActionMenuWrapper" to have a specificity no more than "0,3,0"  selector-max-specificity                                 
+ 138:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+ 148:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+ 148:19  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
+ 154:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+ 156:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
+ 165:5   ✖  Expected ".mobileView .Row + .Row" to have no more than 2 classes                                                            selector-max-class                                       
+ 165:5   ✖  Expected ".mobileView .Row + .Row" to have no more than 1 combinator                                                         selector-max-combinators                                 
+ 169:5   ✖  Expected ".Row + .Row .RightAlign" to have no more than 2 classes                                                            selector-max-class                                       
+ 169:5   ✖  Expected ".Row + .Row .RightAlign" to have no more than 1 combinator                                                         selector-max-combinators                                 
+ 177:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+ 180:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
+ 185:3   ⚠  Unexpected property "grid-area" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
+ 187:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+ 190:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
+ 192:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
+ 195:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
+ 220:20  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
+ 226:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                         polaris/layout/declaration-property-value-disallowed-list
+ 228:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+ 230:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
+ 232:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
+ 243:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
+ 246:5   ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                          polaris/layout/property-disallowed-list                  
+ 248:5   ⚠  Unexpected property "grid-template-areas" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
+ 270:3   ✖  Expected ".mediumTitle.noBreadcrumbs .TitleWrapper" to have no more than 2 classes                                           selector-max-class                                       
+ 274:3   ✖  Expected ".mediumTitle.noBreadcrumbs .RightAlign" to have no more than 2 classes                                             selector-max-class                                       
+ 281:3   ✖  Expected ".mediumTitle.noBreadcrumbs .Row" to have no more than 2 classes                                                    selector-max-class                                       
+
+src/components/RangeSlider/components/DualThumb/DualThumb.scss
+   8:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/property-disallowed-list                  
+  10:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                          polaris/layout/declaration-property-value-disallowed-list
+  12:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                         polaris/layout/property-disallowed-list                  
+  14:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                     polaris/layout/property-disallowed-list                  
+  19:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/property-disallowed-list                  
+  21:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                         polaris/layout/property-disallowed-list                  
+  23:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                     polaris/layout/property-disallowed-list                  
+  25:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                          polaris/layout/declaration-property-value-disallowed-list
+  31:5   ✖  Unexpected value "0.8" for property "opacity" - Please use a Polaris color token                                                                                                                                                                                                                                                                                                                                                                                                                                              polaris/colors/declaration-property-value-disallowed-list
+  38:3   ✖  Unexpected custom property "--pc-dual-thumb-unselected-range" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
+  39:3   ✖  Unexpected custom property "--pc-dual-thumb-selected-range" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                                         polaris/conventions/polaris/custom-property-allowed-list 
+  40:3   ✖  Unexpected custom property "--pc-dual-thumb-gradient-colors" Unexpected value "var(--pc-dual-thumb-unselected-range, --pc-dual-thumb-unselected-range, --pc-range-slider-progress-lower, --pc-dual-thumb-selected-range, --pc-range-slider-progress-lower, --pc-dual-thumb-selected-range, --pc-range-slider-progress-upper, --pc-dual-thumb-unselected-range, --pc-range-slider-progress-upper, --pc-dual-thumb-unselected-range)" for property "--pc-dual-thumb-gradient-colors" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  48:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/property-disallowed-list                  
+  50:3   ✖  Unexpected value "1" for property "z-index" - Please use a Polaris z-index token                                                                                                                                                                                                                                                                                                                                                                                                                                              polaris/z-index/declaration-property-value-allowed-list  
+  52:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                          polaris/layout/declaration-property-value-disallowed-list
+  54:3   ⚠  Unexpected value "var(--pc-range-slider-track-height)" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                          polaris/layout/declaration-property-value-disallowed-list
+  54:3   ✖  Unexpected value "var(--pc-range-slider-track-height)" for property "height" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
+  56:3   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "border-radius" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                   polaris/conventions/polaris/custom-property-allowed-list 
+  58:3   ✖  Unexpected value "var(--pc-dual-thumb-gradient-colors)" for property "background-image" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                             polaris/conventions/polaris/custom-property-allowed-list 
+  66:5   ✖  Unexpected custom property "--pc-dual-thumb-selected-range" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                                         polaris/conventions/polaris/custom-property-allowed-list 
+  67:5   ✖  Unexpected custom property "--pc-dual-thumb-gradient-colors" Unexpected value "var(--pc-dual-thumb-unselected-range, --pc-dual-thumb-unselected-range, --pc-range-slider-progress-lower, --pc-dual-thumb-selected-range, --pc-range-slider-progress-lower, --pc-dual-thumb-selected-range, --pc-range-slider-progress-upper, --pc-dual-thumb-unselected-range, --pc-range-slider-progress-upper, --pc-dual-thumb-unselected-range)" for property "--pc-dual-thumb-gradient-colors" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  77:5   ✖  Unexpected value "var(--pc-dual-thumb-gradient-colors)" for property "background-image" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                             polaris/conventions/polaris/custom-property-allowed-list 
+  95:3   ✖  Unexpected @include rule "focus-ring($size: 'wide', $border-width: 1px)" - Please use a Polaris shape token                                                                                                                                                                                                                                                                                                                                                                                                                   polaris/shape/polaris/at-rule-disallowed-list            
+  97:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/property-disallowed-list                  
+  99:3   ✖  Unexpected value "var(--pc-range-slider-input)" for property "z-index" - Please use a Polaris z-index token                                                                                                                                                                                                                                                                                                                                                                                                                   polaris/z-index/declaration-property-value-allowed-list  
+  99:3   ✖  Unexpected value "var(--pc-range-slider-input)" for property "z-index" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
+ 102:3   ⚠  Unexpected value "var(--pc-range-slider-thumb-size)" for property "width" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                             polaris/layout/declaration-property-value-disallowed-list
+ 102:3   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "width" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+ 104:3   ⚠  Unexpected value "var(--pc-range-slider-thumb-size)" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                            polaris/layout/declaration-property-value-disallowed-list
+ 104:3   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "height" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                          polaris/conventions/polaris/custom-property-allowed-list 
+ 111:11  ✖  Unexpected vendor-prefix "-webkit-grab"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       value-no-vendor-prefix                                   
+ 126:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                                                                                                                                                                                                                                                                                                                                                   polaris/shape/polaris/at-rule-disallowed-list            
+ 143:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
+ 149:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
+ 155:3   ✖  Unexpected custom property "--pc-range-slider-output-spacing" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
+ 157:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/property-disallowed-list                  
+ 159:3   ✖  Unexpected value "var(--pc-range-slider-output)" for property "z-index" - Please use a Polaris z-index token                                                                                                                                                                                                                                                                                                                                                                                                                  polaris/z-index/declaration-property-value-allowed-list  
+ 159:3   ✖  Unexpected value "var(--pc-range-slider-output)" for property "z-index" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                             polaris/conventions/polaris/custom-property-allowed-list 
+ 161:3   ⚠  Unexpected value "var(--p-range-slider-thumb-size-active)" for property "bottom" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                      polaris/layout/declaration-property-value-disallowed-list
+ 161:3   ✖  Unexpected disallowed value "--p-range-slider-thumb-size-active" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                      polaris/layout/polaris/global-disallowed-list            
+ 169:3   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "transform" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
+ 173:5   ✖  Unexpected disallowed value "--p-range-slider-thumb-size-base" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/polaris/global-disallowed-list            
+ 173:5   ✖  Unexpected disallowed value "--p-range-slider-thumb-size-active" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                      polaris/layout/polaris/global-disallowed-list            
+ 179:5   ⚠  Unexpected value "calc(       var(--p-range-slider-thumb-size-active) + #{$range-thumb-size-difference}     )" for property "bottom" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                  polaris/layout/declaration-property-value-disallowed-list
+ 179:5   ✖  Unexpected disallowed value "--p-range-slider-thumb-size-active" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                      polaris/layout/polaris/global-disallowed-list            
+ 188:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/property-disallowed-list                  
+ 190:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                         polaris/layout/property-disallowed-list                  
+ 194:3   ⚠  Unexpected value "$range-output-size" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                           polaris/layout/declaration-property-value-disallowed-list
+ 203:3   ✖  Expected ".Thumbs:hover + .Output .OutputBubble" to have no more than 2 classes                                                                                                                                                                                                                                                                                                                                                                                                                                               selector-max-class                                       
+ 203:3   ✖  Expected ".Thumbs:active + .Output .OutputBubble" to have no more than 2 classes                                                                                                                                                                                                                                                                                                                                                                                                                                              selector-max-class                                       
+ 203:3   ✖  Expected ".Thumbs:focus + .Output .OutputBubble" to have no more than 2 classes                                                                                                                                                                                                                                                                                                                                                                                                                                               selector-max-class                                       
+ 203:3   ✖  Expected ".Thumbs:hover + .Output .OutputBubble" to have no more than 1 combinator                                                                                                                                                                                                                                                                                                                                                                                                                                            selector-max-combinators                                 
+ 203:3   ✖  Expected ".Thumbs:active + .Output .OutputBubble" to have no more than 1 combinator                                                                                                                                                                                                                                                                                                                                                                                                                                           selector-max-combinators                                 
+ 203:3   ✖  Expected ".Thumbs:focus + .Output .OutputBubble" to have no more than 1 combinator                                                                                                                                                                                                                                                                                                                                                                                                                                            selector-max-combinators                                 
+ 203:3   ✖  Expected ".Thumbs:hover + .Output .OutputBubble" to have a specificity no more than "0,3,0"                                                                                                                                                                                                                                                                                                                                                                                                                                   selector-max-specificity                                 
+ 204:3   ✖  Expected ".Thumbs:active + .Output .OutputBubble" to have a specificity no more than "0,3,0"                                                                                                                                                                                                                                                                                                                                                                                                                                  selector-max-specificity                                 
+ 205:3   ✖  Expected ".Thumbs:focus + .Output .OutputBubble" to have a specificity no more than "0,3,0"                                                                                                                                                                                                                                                                                                                                                                                                                                   selector-max-specificity                                 
+ 207:5   ✖  Unexpected value "var(--pc-range-slider-output-spacing)" for property "transform" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                   polaris/conventions/polaris/custom-property-allowed-list 
+ 211:7   ✖  Unexpected value "var(--pc-range-slider-output-spacing)" for property "transform" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                   polaris/conventions/polaris/custom-property-allowed-list 
+ 220:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                         polaris/layout/property-disallowed-list                  
+ 222:5   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
+
+src/components/RangeSlider/components/SingleThumb/SingleThumb.scss
+   6:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                             polaris/layout/property-disallowed-list                  
+   8:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                         polaris/layout/property-disallowed-list                  
+  12:5   ✖  Unexpected value "0.8" for property "opacity" - Please use a Polaris color token                                                                                                                                                                                                                                                                                                  polaris/colors/declaration-property-value-disallowed-list
+  18:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
+  20:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                             polaris/layout/property-disallowed-list                  
+  22:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                         polaris/layout/property-disallowed-list                  
+  24:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                polaris/layout/property-disallowed-list                  
+  26:3   ⚠  Unexpected value "var(--pc-range-slider-thumb-size)" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                polaris/layout/declaration-property-value-disallowed-list
+  26:3   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "height" - Please use a Polaris token or component                                                                                                                                                                                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
+  40:5   ⚠  Unexpected value "44px" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                             polaris/layout/declaration-property-value-disallowed-list
+  52:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                polaris/layout/property-disallowed-list                  
+  58:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                polaris/layout/property-disallowed-list                  
+  64:3   ✖  Unexpected custom property "--pc-single-thumb-progress-lower" - Please use a Polaris token or component                                                                                                                                                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+  65:3   ✖  Unexpected custom property "--pc-single-thumb-progress-upper" - Please use a Polaris token or component                                                                                                                                                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+  74:3   ✖  Unexpected custom property "--pc-single-thumb-gradient-colors" Unexpected value "var(--pc-single-thumb-progress-lower, --pc-single-thumb-progress-lower, --pc-range-slider-progress, --pc-single-thumb-progress-upper, --pc-range-slider-progress, --pc-single-thumb-progress-upper)" for property "--pc-single-thumb-gradient-colors" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+  82:5   ✖  Unexpected value "var(--pc-range-slider-track-height)" for property "margin-top" - Please use a Polaris token or component                                                                                                                                                                                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
+  87:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                             polaris/layout/property-disallowed-list                  
+  91:3   ✖  Unexpected @include rule "unstyled-input" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                               polaris/legacy/polaris/at-rule-disallowed-list           
+  93:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
+  95:3   ✖  Unexpected value "var(--pc-range-slider-input)" for property "z-index" - Please use a Polaris z-index token                                                                                                                                                                                                                                                                       polaris/z-index/declaration-property-value-allowed-list  
+  95:3   ✖  Unexpected value "var(--pc-range-slider-input)" for property "z-index" - Please use a Polaris token or component                                                                                                                                                                                                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+  97:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                polaris/layout/property-disallowed-list                  
+ 100:3   ✖  Unexpected @include rule "range-track-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
+ 103:5   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                              polaris/layout/declaration-property-value-disallowed-list
+ 105:5   ⚠  Unexpected value "var(--pc-range-slider-track-height)" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                              polaris/layout/declaration-property-value-disallowed-list
+ 105:5   ✖  Unexpected value "var(--pc-range-slider-track-height)" for property "height" - Please use a Polaris token or component                                                                                                                                                                                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
+ 107:5   ✖  Unexpected value "var(--pc-single-thumb-gradient-colors)" for property "background-image" - Please use a Polaris token or component                                                                                                                                                                                                                                               polaris/conventions/polaris/custom-property-allowed-list 
+ 114:5   ✖  Unexpected value "var(--pc-range-slider-track-height)" for property "border-radius" - Please use a Polaris token or component                                                                                                                                                                                                                                                     polaris/conventions/polaris/custom-property-allowed-list 
+ 118:3   ✖  Unexpected @include rule "range-thumb-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
+ 120:13  ✖  Unexpected vendor-prefix "-webkit-grab"                                                                                                                                                                                                                                                                                                                                           value-no-vendor-prefix                                   
+ 122:5   ⚠  Unexpected value "var(--pc-range-slider-thumb-size)" for property "width" - Please use a Polaris layout component                                                                                                                                                                                                                                                                 polaris/layout/declaration-property-value-disallowed-list
+ 122:5   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "width" - Please use a Polaris token or component                                                                                                                                                                                                                                                               polaris/conventions/polaris/custom-property-allowed-list 
+ 124:5   ⚠  Unexpected value "var(--pc-range-slider-thumb-size)" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                polaris/layout/declaration-property-value-disallowed-list
+ 124:5   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "height" - Please use a Polaris token or component                                                                                                                                                                                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
+ 145:5   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "transform" - Please use a Polaris token or component                                                                                                                                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+ 152:5   ✖  Unexpected value "var(--pc-range-slider-thumb-size, --pc-range-slider-track-height)" for property "margin-top" - Please use a Polaris token or component                                                                                                                                                                                                                          polaris/conventions/polaris/custom-property-allowed-list 
+ 154:9   ✖  Expected an operator before sign "-"                                                                                                                                                                                                                                                                                                                                              function-calc-no-unspaced-operator                       
+ 161:5   ✖  Unexpected @include rule "range-thumb-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
+ 169:5   ✖  Unexpected @include rule "range-thumb-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
+ 177:5   ✖  Unexpected custom property "--pc-single-thumb-progress-lower" - Please use a Polaris token or component                                                                                                                                                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+ 180:5   ✖  Unexpected @include rule "range-thumb-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
+ 188:5   ✖  Unexpected @include rule "range-track-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
+ 195:5   ✖  Unexpected @include rule "range-thumb-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
+ 206:1   ✖  Unexpected value "var(--pc-range-slider-output-factor, --pc-range-slider-thumb-size)" for property "$range-output-translate-x" - Please use a Polaris token or component                                                                                                                                                                                                          polaris/conventions/polaris/custom-property-allowed-list 
+ 213:3   ✖  Unexpected custom property "--pc-range-slider-output-spacing" - Please use a Polaris token or component                                                                                                                                                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
+ 215:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
+ 217:3   ✖  Unexpected value "var(--pc-range-slider-output)" for property "z-index" - Please use a Polaris z-index token                                                                                                                                                                                                                                                                      polaris/z-index/declaration-property-value-allowed-list  
+ 217:3   ✖  Unexpected value "var(--pc-range-slider-output)" for property "z-index" - Please use a Polaris token or component                                                                                                                                                                                                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
+ 219:3   ⚠  Unexpected value "var(--pc-range-slider-thumb-size)" for property "bottom" - Please use a Polaris layout component                                                                                                                                                                                                                                                                polaris/layout/declaration-property-value-disallowed-list
+ 219:3   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "bottom" - Please use a Polaris token or component                                                                                                                                                                                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
+ 221:3   ⚠  Unexpected value "var(--pc-range-slider-progress)" for property "left" - Please use a Polaris layout component                                                                                                                                                                                                                                                                    polaris/layout/declaration-property-value-disallowed-list
+ 221:3   ✖  Unexpected value "var(--pc-range-slider-progress)" for property "left" - Please use a Polaris token or component                                                                                                                                                                                                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
+ 232:5   ✖  Unexpected disallowed value "--p-range-slider-thumb-size-base" - Please use a Polaris layout component                                                                                                                                                                                                                                                                            polaris/layout/polaris/global-disallowed-list            
+ 232:5   ✖  Unexpected disallowed value "--p-range-slider-thumb-size-active" - Please use a Polaris layout component                                                                                                                                                                                                                                                                          polaris/layout/polaris/global-disallowed-list            
+ 238:5   ⚠  Unexpected value "calc(       var(--pc-range-slider-thumb-size) + #{$range-thumb-size-difference}     )" for property "bottom" - Please use a Polaris layout component                                                                                                                                                                                                            polaris/layout/declaration-property-value-disallowed-list
+ 238:5   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "bottom" - Please use a Polaris token or component                                                                                                                                                                                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
+ 247:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
+ 249:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                             polaris/layout/property-disallowed-list                  
+ 254:3   ⚠  Unexpected value "$range-output-size" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                               polaris/layout/declaration-property-value-disallowed-list
+ 263:3   ✖  Expected ".Input:hover + .Output .OutputBubble" to have no more than 2 classes                                                                                                                                                                                                                                                                                                    selector-max-class                                       
+ 263:3   ✖  Expected ".Input:active + .Output .OutputBubble" to have no more than 2 classes                                                                                                                                                                                                                                                                                                   selector-max-class                                       
+ 263:3   ✖  Expected ".Input:focus + .Output .OutputBubble" to have no more than 2 classes                                                                                                                                                                                                                                                                                                    selector-max-class                                       
+ 263:3   ✖  Expected ".Input:hover + .Output .OutputBubble" to have no more than 1 combinator                                                                                                                                                                                                                                                                                                 selector-max-combinators                                 
+ 263:3   ✖  Expected ".Input:active + .Output .OutputBubble" to have no more than 1 combinator                                                                                                                                                                                                                                                                                                selector-max-combinators                                 
+ 263:3   ✖  Expected ".Input:focus + .Output .OutputBubble" to have no more than 1 combinator                                                                                                                                                                                                                                                                                                 selector-max-combinators                                 
+ 263:3   ✖  Expected ".Input:hover + .Output .OutputBubble" to have a specificity no more than "0,3,0"                                                                                                                                                                                                                                                                                        selector-max-specificity                                 
+ 264:3   ✖  Expected ".Input:active + .Output .OutputBubble" to have a specificity no more than "0,3,0"                                                                                                                                                                                                                                                                                       selector-max-specificity                                 
+ 265:3   ✖  Expected ".Input:focus + .Output .OutputBubble" to have a specificity no more than "0,3,0"                                                                                                                                                                                                                                                                                        selector-max-specificity                                 
+ 267:5   ✖  Unexpected value "var(--pc-range-slider-output-spacing)" for property "transform" - Please use a Polaris token or component                                                                                                                                                                                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
+ 271:7   ✖  Unexpected value "var(--pc-range-slider-output-spacing)" for property "transform" - Please use a Polaris token or component                                                                                                                                                                                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
+ 280:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                             polaris/layout/property-disallowed-list                  
+ 282:5   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                polaris/layout/property-disallowed-list                  
+
+src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.scss
+  7:3  ✖  Unexpected custom property "--pc-tooltip-overlay-offset" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list
+  9:3  ✖  Unexpected value "var(--pc-tooltip-overlay-offset)" for property "margin" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 29:3  ✖  Unexpected value "var(--pc-tooltip-overlay-offset)" for property "margin" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
+ 34:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
+ 46:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                             polaris/shape/polaris/at-rule-disallowed-list           
+ 50:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                          polaris/shape/polaris/at-rule-disallowed-list           
+ 55:1  ✖  Expected "[data-polaris-tooltip-activator][data-focus-visible-added]" to have no more than 1 attribute selector      selector-max-attribute                                  
+ 57:3  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                          polaris/shape/polaris/at-rule-disallowed-list           
+
+src/components/TopBar/components/Menu/Menu.scss
+ 14:3  ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component                                   polaris/layout/declaration-property-value-disallowed-list
+ 16:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
+ 18:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
+ 23:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                               polaris/legacy/polaris/at-rule-disallowed-list           
+ 25:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                           polaris/shape/polaris/at-rule-disallowed-list            
+ 28:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
+ 30:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
+ 32:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
+ 34:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
+ 45:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                        polaris/shape/polaris/at-rule-disallowed-list            
+ 47:5  ✖  Unexpected value "var(--pc-top-bar-background-lighter)" for property "background-color" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 53:5  ✖  Unexpected value "var(--pc-top-bar-background-lighter)" for property "background-color" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 63:5  ✖  Unexpected value "var(--pc-top-bar-background-darker)" for property "background-color" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
+
+src/components/TopBar/components/Search/Search.scss
+  6:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
+ 11:3  ⚠  Unexpected value "$top-bar-height" for property "top" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+ 13:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component               polaris/layout/declaration-property-value-disallowed-list
+ 15:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
+ 21:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
+ 23:5  ⚠  Unexpected value "100%" for property "top" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
+ 45:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
+ 47:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
+
+src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.scss
+  6:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
+  8:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component        polaris/layout/declaration-property-value-disallowed-list
+ 10:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component       polaris/layout/declaration-property-value-disallowed-list
+ 12:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
+ 15:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
+
+src/components/TopBar/components/SearchField/SearchField.scss
+  11:3  ✖  Unexpected custom property "--pc-search-field-backdrop" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
+  12:3  ✖  Unexpected custom property "--pc-search-field-input" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list 
+  13:3  ✖  Unexpected custom property "--pc-search-field-icon" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list 
+  14:3  ✖  Unexpected custom property "--pc-search-field-action" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
+  18:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
+  20:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
+  22:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
+  24:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
+  27:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                 polaris/layout/declaration-property-value-disallowed-list
+  48:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                          polaris/shape/polaris/at-rule-disallowed-list            
+  53:5  ✖  Unexpected value "var(--pc-top-bar-border)" for property "border" - Please use a Polaris token or component          polaris/conventions/polaris/custom-property-allowed-list 
+  58:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                            polaris/colors/polaris/at-rule-disallowed-list           
+  65:5  ✖  Unexpected value "var(--pc-top-bar-border)" for property "border" - Please use a Polaris token or component          polaris/conventions/polaris/custom-property-allowed-list 
+  70:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                            polaris/colors/polaris/at-rule-disallowed-list           
+  76:3  ✖  Unexpected @include rule "text-style-input" - Please use a Polaris font token or typography component                polaris/typography/polaris/at-rule-disallowed-list       
+  78:3  ✖  Unexpected value "var(--pc-search-field-input)" for property "z-index" - Please use a Polaris z-index token          polaris/z-index/declaration-property-value-allowed-list  
+  78:3  ✖  Unexpected value "var(--pc-search-field-input)" for property "z-index" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
+  80:3  ⚠  Unexpected value "$new-input-height" for property "height" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
+  82:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                 polaris/layout/declaration-property-value-disallowed-list
+ 105:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                            polaris/colors/polaris/at-rule-disallowed-list           
+ 107:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
+ 109:3  ✖  Unexpected value "var(--pc-search-field-icon)" for property "z-index" - Please use a Polaris z-index token           polaris/z-index/declaration-property-value-allowed-list  
+ 109:3  ✖  Unexpected value "var(--pc-search-field-icon)" for property "z-index" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
+ 111:3  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
+ 113:3  ⚠  Unexpected value "var(--p-space-2)" for property "left" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
+ 115:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
+ 117:3  ⚠  Unexpected value "$icon-size" for property "height" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
+ 124:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                            polaris/colors/polaris/at-rule-disallowed-list           
+ 126:3  ✖  Unexpected @include rule "focus-ring($size: 'wide')" - Please use a Polaris shape token                              polaris/shape/polaris/at-rule-disallowed-list            
+ 128:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
+ 130:3  ✖  Unexpected value "var(--pc-search-field-action)" for property "z-index" - Please use a Polaris z-index token         polaris/z-index/declaration-property-value-allowed-list  
+ 130:3  ✖  Unexpected value "var(--pc-search-field-action)" for property "z-index" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
+ 139:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-hovered))" - Please use a Polaris color token                    polaris/colors/polaris/at-rule-disallowed-list           
+ 145:5  ✖  Unexpected @include rule "focus-ring($size: 'wide', $style: 'focused')" - Please use a Polaris shape token           polaris/shape/polaris/at-rule-disallowed-list            
+ 150:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-pressed))" - Please use a Polaris color token                    polaris/colors/polaris/at-rule-disallowed-list           
+ 160:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                             polaris/shape/polaris/at-rule-disallowed-list            
+ 162:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
+ 164:3  ✖  Unexpected value "var(--pc-search-field-backdrop)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
+ 164:3  ✖  Unexpected value "var(--pc-search-field-backdrop)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
+ 166:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
+ 168:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
+ 170:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                   polaris/layout/declaration-property-value-disallowed-list
+ 172:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                     polaris/layout/declaration-property-value-disallowed-list
+
+src/components/TopBar/components/UserMenu/UserMenu.scss
+ 9:5  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
+
+src/components/Page/components/Header/components/Title/Title.scss
+  5:3  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component        polaris/typography/polaris/at-rule-disallowed-list
+  7:3  ✖  Unexpected @include rule "text-emphasis-strong" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
+ 27:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list           
+ 30:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list           
+ 35:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list           
+ 39:5  ✖  Expected ".TitleWithMetadataWrapper .Title > *" to have no more than 1 combinator                          selector-max-combinators                          
+ 41:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list
+
+2939 problems (1558 errors, 1381 warnings)
+
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
index 3d063185e45..10101af2140 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
@@ -20,7 +20,7 @@ keywords:
 ## Installation
 
 ```sh
-yarn -D @shopify/stylelint-polaris stylelint
+yarn add -D @shopify/stylelint-polaris stylelint
 ```
 
 > Note: `stylelint-polaris` requires a peer dependency of `stylelint@>=14.15.0`
@@ -70,11 +70,15 @@ Run the following command substituting `<path>` with a glob pattern of files to
 npx @shopify/polaris-migrator styles-insert-stylelint-disable <path>
 ```
 
+## Rules
+
+[List of Stylelint Polaris rules](/tools/stylelint-polaris/rules)
+
 ## Development
 
 ### Add new rules
 
-1. Navigate to the root [`stylelint-polaris` config](index.js)
+1. Navigate to the root [`stylelint-polaris` config](https://github.com/Shopify/polaris/blob/main/stylelint-polaris/index.js)
 1. Locate the `stylelint-polaris/coverage` options
 1. Identify the appropriate category for the new rule
 1. Insert the rule using standard Stylelint [rule configurations](https://stylelint.io/user-guide/configure#rules)
@@ -193,425 +197,3 @@ yarn run stylelint path/to/component.scss
 
 // yarn run stylelint polaris-react/src/components/TopBar/TopBar.scss
 ```
-
-## Rules
-
-### Conventions
-
-#### conventions/custom-property-allowed-list
-
-Allows definition of custom properties not prefixed with `--p-`, `--pc-`, or `--polaris-version-`.
-
-```diff
-root: {
-// Do
-+ --osui_animation-name-drag-handle-pulse: osui_drag-handle-pulse;
-// Don't
-- --p-animation-name-drag-handle-pulse: osui_drag-handle-pulse;
-};
-```
-
-Flags declaration property values using `--p-*` that are not valid Polaris tokens.
-
-```diff
-// Do
-+ font-size: var(--p-font-size-200);
-// Don't
-- font-size: var(--p-fontsize-200);
-```
-
-Flags declaration property values using private `--pc-*` tokens.
-
-```diff
-// Do
-+ background: var(--p-action-secondary-depressed);
-// Don't
-- background: var(--pc-button-color-depressed);
-```
-
-### Colors
-
-#### colors/color-named
-
-```diff
-// Do
-+ color: var(--p-text);
-+ fill: var(--p-icon)
-// Don't
-- color: black;
-- fill: dimgray;
-```
-
-#### colors/color-no-hex
-
-```diff
-// Do
-+ color: var(--p-text);
-+ fill: var(--p-icon)
-// Don't
-- color: #202223;
-- fill: #5c5f62;
-```
-
-#### colors/declaration-property-value-disallowed-list
-
-```diff
-// Do
-+ background: var(--p-hint-from-direct-light);
-// Don't
-- background: black;
-- opacity: 0.15;
-```
-
-#### colors/function-disallowed-list
-
-```diff
-// Do
-+ color: var(--p-text-disabled);
-+ background: var(--p-action-secondary-hovered-dark);
-// Don't
-- color: rgb(140, 145, 150);
-- background: color('hover');
-```
-
-#### colors/at-rule-disallowed-list
-
-```diff
-// Do
-+ fill: var(--p-icon-subdued);
-// Don't
-- fill: recolor-icon(--p-text-subdued);
-```
-
-#### colors/global-disallowed-list
-
-Disallows use of legacy custom properties.
-
-```diff
-// Do
-+ border: transparent;
-// Don't
-- border: var(--p-override-transparent);
-```
-
-Disallows use of legacy mixin map data.
-
-```diff
-- @type map $filter-palette-data: $polaris-color-filters;
-```
-
-### Motion
-
-#### motion/function-disallowed-list
-
-```diff
-
-```
-
-#### motion/declaration-property-unit-disallowed-list
-
-```diff
-// Do
-+ transition-duration: var(--p-duration-200);
-// Don't
-- transition-duration: 200ms;
-```
-
-#### motion/at-rule-disallowed-list
-
-```diff
-
-```
-
-#### motion/global-disallowed-list
-
-```diff
-
-```
-
-### Typography
-
-#### typography/declaration-property-value-disallowed-list
-
-```diff
-
-```
-
-#### typography/declaration-property-unit-disallowed-list
-
-```diff
-// Do
-+ font-size: var(--p-font-size-75);
-+ line-height: var(--p-font-line-height-3);
-// Don't
-- font-size: 12px;
-- line-height: 1.5rem
-```
-
-#### typography/function-disallowed-list
-
-```diff
-
-```
-
-#### typography/at-rule-disallowed-list
-
-```diff
-
-```
-
-#### typography/property-disallowed-list
-
-```diff
-
-```
-
-### Shape
-
-#### shape/declaration-property-value-disallowed-list
-
-```diff
-
-```
-
-#### shape/declaration-property-unit-disallowed-list
-
-```diff
-// Do
-+ border-width: var(--p-border-width-2);
-+ border-radius: var(--p-border-radius-2);
-// Don't
-- border-width: 2px;
-- border-radius: 0.5rem;
-```
-
-#### shape/function-disallowed-list
-
-```diff
-
-```
-
-#### shape/at-rule-disallowed-list
-
-```diff
-
-```
-
-#### shape/property-disallowed-list
-
-```diff
-
-```
-
-### Spacing
-
-#### spacing/declaration-property-value-disallowed-list
-
-```diff
-
-```
-
-#### spacing/declaration-property-unit-disallowed-list
-
-```diff
-// Do
-+ gap: var(--p-space-05);
-+ margin: var(--p-space-3) 0;
-// Don't
-- gap: 2px;
-- margin: 12px  0;
-```
-
-#### spacing/function-disallowed-list
-
-```diff
-
-```
-
-#### spacing/at-rule-disallowed-list
-
-```diff
-
-```
-
-#### spacing/property-disallowed-list
-
-```diff
-
-```
-
-### Depth
-
-#### depth/declaration-property-unit-disallowed-list
-
-```diff
-// Do
-+ box-shadow: var(--p-shadow-card);
-// Don't
-- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
-```
-
-#### depth/function-disallowed-list
-
-```diff
-// Do
-+ box-shadow: var(--p-shadow-base);
-// Don't
-- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
-```
-
-#### depth/global-disallowed-list
-
-```diff
-// Do
-+ box-shadow: var(--p-shadow-card);
-// Don't
-- box-shadow: var(--p-card-shadow);
-```
-
-#### depth/property-disallowed-list
-
-Instead of using properties like `text-shadow`, make sure the text has proper contrast with the background so that it is readable without a shadow.
-
-```diff
-// Don't
-- text-shadow: 2px 2px #ff0000;
-```
-
-### Media queries
-
-#### media-queries/function-disallowed-list
-
-```diff
-// Do
-+ @media (min-width: var(--p-breakpoints-md)) {}
-// Don't
-- @include breakpoint-after(layout-width(page-with-nav)) {}
-```
-
-#### media-queries/media-queries-allowed-list
-
-```diff
-// Do
-+ @include @media #{$p-breakpoints-sm-up} {}
-// Don't
-- @include @media #{$my-var} {}
-```
-
-#### media-queries/at-rule-disallowed-list
-
-```diff
-// Do
-+ @media (max-width: var(--p-breakpoints-md)) {}
-// Don't
-- @include breakpoint-before(layout-width(page-with-nav)) {}
-```
-
-### Z-Index
-
-#### z-index/declaration-property-value-allowed-list
-
-```diff
-// Do
-+ z-index: var(--p-z-1);
-// Don't
-- z-index: 1;
-```
-
-#### z-index/function-disallowed-list
-
-```diff
-// Do
-+ z-index: var(--p-z-1);
-// Don't
-- z-index: z-index(content);
-```
-
-#### z-index/global-disallowed-list
-
-```diff
-// Do
-+ z-index: var(--p-z-1);
-// Don't
-- z-index(toast, $fixed-element-stacking-order);
-```
-
-### Layout
-
-#### layout/declaration-property-value-disallowed-list
-
-```diff
-// Do
-+ <Stack />
-// Don't
-- width: 100%;
-```
-
-#### layout/function-disallowed-list
-
-Use hard coded pixel or rem values for `width` and `height` instead of legacy mixins/variables or spacing tokens.
-
-```diff
-// Do
-+ height: 56px;
-// Don't
-- height: top-bar-height();
-```
-
-#### layout/at-rule-disallowed-list
-
-```diff
-// Do
-+ @media print {
-+   display: none;
-+ }
-// Don't
-- @include print-hidden;
-```
-
-#### layout/property-disallowed-list
-
-```diff
-// Do
-+ <Columns />
-// Don't
-- display: grid;
-```
-
-#### layout/global-disallowed-list
-
-```diff
-// Do
-+ <Checkbox />
-// Don't
-- height: var(--p-choice-size);
-```
-
-### Legacy
-
-#### legacy/at-rule-disallowed-list
-
-```diff
-// Do
-+ <UnstyledButton />
-// Don't
-- @include unstyled-button;
-```
-
-#### legacy/function-disallowed-list
-
-```diff
-// Don't
-- @include available-names
-```
-
-#### legacy/global-disallowed-list
-
-Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwise use hard coded pixel or rem values instead of legacy mixins/variables.
-
-```diff
-// Do
-+ left: calc(-1 * var(--p-space-1));
-// Don't
-- left: -1 * $timeline-border-width;
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
index 0ef11f80428..3e923306d61 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - colors rules
 ---
 
-Try to use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
index ccbde6ef1ec..3a299aa035e 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
@@ -7,7 +7,7 @@ keywords:
   - colors rules
 ---
 
-Try to use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
index ee5d6c59fcb..d89f2818b20 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
@@ -7,7 +7,7 @@ keywords:
   - colors rules
 ---
 
-Try to use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
index 38b05729c90..ee919dceec7 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - colors rules
 ---
 
-Try to use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
index 7c2ddf4dfd6..7afc8b830d3 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - colors rules
 ---
 
-Try to use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
index 951d476d64b..a4c44795c40 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - colors rules
 ---
 
-Try to use Polaris [color tokens](https://polaris.shopify.com/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 Disallows use of legacy custom properties.
 
@@ -21,6 +21,7 @@ Disallows use of legacy custom properties.
 Disallows use of legacy mixin map data.
 
 ```diff
+// Don't
 - @type map $filter-palette-data: $polaris-color-filters;
 ```
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
index 24b7908341c..e377ebc93eb 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - depth rules
 ---
 
-Try to use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
+Try to use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
index 06153c12462..8cc70986baa 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - depth rules
 ---
 
-Try to use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
+Try to use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
index af01b3e63e2..1a496c8ebe7 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - depth rules
 ---
 
-Try to use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
+Try to use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
index 02d9f9257df..dc86d4aca5f 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
@@ -1,13 +1,13 @@
 ---
 title: depth/property-disallowed-list
-description: undefined
+description: Disallows text shadow property
 keywords:
   - stylelint
   - depth
   - depth rules
 ---
 
-Try to use Polaris [depth tokens](https://polaris.shopify.com/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth are in sync with updates from the design system.
+Try to use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
 
 Instead of using properties like `text-shadow`, make sure the text has proper contrast with the background so that it is readable without a shadow.
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
index 4b50107a9d1..7b12b15ea46 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - layout rules
 ---
 
-Try to use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
+Try to use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
index 1536ad450fd..b4f74e4b67f 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - layout rules
 ---
 
-Try to use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
+Try to use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
index e4d5fda170d..ff295beb482 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - layout rules
 ---
 
-Try to use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
+Try to use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
 
 Use hard coded pixel or rem values for `width` and `height` instead of legacy mixins/variables or spacing tokens.
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
index de8f2bf7223..59c67847c6f 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - layout rules
 ---
 
-Try to use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
+Try to use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
index 2a8316e335b..fe59644309f 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - layout rules
 ---
 
-Try to use Polaris [layout components](https://polaris.shopify.com/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout are in sync with updates from the design system.
+Try to use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
index fd108bfd5bf..ab989333485 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - legacy rules
 ---
 
-Try to use Polaris [components](https://polaris.shopify.com/components) or [tokens](https://polaris.shopify.com/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy are in sync with updates from the design system.
+Try to use Polaris [components](/components) or [tokens](/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
index dd6510d3600..d14fde93511 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - legacy rules
 ---
 
-Try to use Polaris [components](https://polaris.shopify.com/components) or [tokens](https://polaris.shopify.com/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy are in sync with updates from the design system.
+Try to use Polaris [components](/components) or [tokens](/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy is in sync with updates from the design system.
 
 ```diff
 // Don't
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
index 0e8b03964d3..14639f34608 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - legacy rules
 ---
 
-Try to use Polaris [components](https://polaris.shopify.com/components) or [tokens](https://polaris.shopify.com/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy are in sync with updates from the design system.
+Try to use Polaris [components](/components) or [tokens](/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy is in sync with updates from the design system.
 
 Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwise use hard coded pixel or rem values instead of legacy mixins/variables.
 
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
index 4462ec344f5..f6eded2ba50 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - media queries rules
 ---
 
-Try to use Polaris [breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
+Try to use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
index a7b82bc67c5..1caeb308a3a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - media queries rules
 ---
 
-Try to use Polaris [breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
+Try to use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
index def2aa66cf4..5a9a298b367 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - media queries rules
 ---
 
-Try to use Polaris [breakpoint sass variables](https://polaris.shopify.com/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
+Try to use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
index de1c6405899..ad9f7605ddf 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
@@ -7,10 +7,21 @@ keywords:
   - motion rules
 ---
 
-Try to use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
+Try to use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
 
 ```diff
+// Do
++ animation: var(--p-keyframes-spin) var(--p-duration-500) linear infinite;
+// Don't
+- @keyframes spin {
+-  from {
+-    transform: rotate(0deg);
+-  }
 
+-  to {
+-    transform: rotate(360deg);
+-  }
+-}
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
index 96e81047433..8af8fec618a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - motion rules
 ---
 
-Try to use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
+Try to use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
index e88fb61c4bb..459b7de1176 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
@@ -7,10 +7,13 @@ keywords:
   - motion rules
 ---
 
-Try to use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
+Try to use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
 
 ```diff
-
+// Do
++ transition-duration: var(--p-duration-200);
+// Don't
+- transition-duration: 200ms;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
index bced3334c35..16f79a3799e 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
@@ -7,10 +7,13 @@ keywords:
   - motion rules
 ---
 
-Try to use Polaris [motion tokens](https://polaris.shopify.com/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion are in sync with updates from the design system.
+Try to use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
 
 ```diff
-
+// Do
++ transition: var(--p-duration-100) var(--p-ease);
+// Don't
+- transition: var(--p-duration-1-0-0) var(--p-ease);
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js b/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
new file mode 100644
index 00000000000..8ff3460fe8c
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
@@ -0,0 +1,182 @@
+// To run, create a file called "temp.md" with h3 tags for the categories h4 for the rules
+// run: npx node ./polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
+// make sure temp.md and ruleMaker.js are both in the rules folder
+
+const fs = require('fs');
+const path = require('path');
+
+const h3 = '### ';
+const h4 = '#### ';
+const ruleFile = fs.readFileSync(path.join(__dirname, 'temp.md'), 'utf8');
+
+main();
+
+function main() {
+  const content = ruleFile.split('\n');
+  content.push('#');
+
+  let category;
+  let fileName;
+  let ruleName;
+  let ruleContent = [];
+
+  const data = {};
+
+  while (content.length) {
+    const line = content.shift();
+
+    if (line.startsWith(h3)) {
+      category = line.split(h3)[1].toLowerCase();
+      data[category] = {};
+      ruleName = undefined;
+    } else if (line.startsWith(h4)) {
+      ruleName = line.split(h4)[1].toLowerCase();
+      data[category][ruleName] = [];
+    } else if (category && ruleName) {
+      data[category][ruleName].push(line);
+    }
+  }
+
+  Object.keys(data).forEach((category) =>
+    Object.keys(data[category]).forEach((ruleName) => {
+      const fileName = `${ruleName.replace('/', '-')}.md`;
+      fs.writeFileSync(
+        path.join(__dirname, fileName),
+        getContent(ruleName, category, data[category][ruleName]),
+      );
+    }),
+  );
+}
+
+function getContent(ruleName, category, ruleContent) {
+  const resourceLink = getCategoryResourceLink(category);
+  const categoryIs = `${category} ${category.slice(-1) === 's' ? 'are' : 'is'}`;
+  const resourceText =
+    resourceLink && resourceLink !== ''
+      ? [
+          '',
+          `Try to use ${resourceLink} instead of custom styles so that ${categoryIs} consistent across the Admin. This helps merchants have a coherent user experience and also ensures that ${categoryIs} in sync with updates from the design system.`,
+        ]
+      : [];
+
+  const template = [
+    '---',
+    `title: ${ruleName}`,
+    `description: ${getRuleDescription(ruleName)}`,
+    'keywords:',
+    '  - stylelint',
+    `  - ${category}`,
+    `  - ${category} rules`,
+    '---',
+    ...resourceText,
+    ...ruleContent,
+    `Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:`,
+    '',
+    '- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution',
+    '- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion',
+    '- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition',
+    '',
+  ];
+
+  return template.join('\n');
+}
+
+function getCategoryResourceLink(category) {
+  const resourceLinks = {
+    conventions: '',
+    colors: 'Polaris [color tokens](/tokens/colors)',
+    motion: 'Polaris [motion tokens](/tokens/motion)',
+    typography:
+      'the [text component](/components/text) or [font tokens](/tokens/font)',
+    shape: 'Polaris [shape tokens](/tokens/shape)',
+    spacing: 'Polaris [spacking tokens](/tokens/spacing)',
+    depth: 'Polaris [depth tokens](/tokens/depth)',
+    'media queries':
+      'Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables)',
+    'z-index': 'Polaris [z-index tokens](/tokens/z-index)',
+    layout: 'Polaris [layout components](/components)',
+    legacy: 'Polaris [components](/components) or [tokens](/tokens)',
+  };
+  return resourceLinks[category];
+}
+
+function getRuleDescription(rule) {
+  const ruleDescriptions = {
+    'conventions/custom-property-allowed-list':
+      'Allows definition of custom properties not using Polaris prefixes, flags declaration property values that are not valid Polaris tokens, flags declaration property values using private tokens',
+    'colors/color-named': 'Disallows named colors',
+    'colors/color-no-hex': 'Disallows hex colors',
+    'colors/declaration-property-value-disallowed-list':
+      'Disallows custom decimal opacity values',
+    'colors/function-disallowed-list':
+      'Disallows allows use of built in and legacy color functions',
+    'colors/at-rule-disallowed-list': 'Disallows use of legacy color mixins',
+    'colors/global-disallowed-list':
+      'Disallows use of legacy color custom properties and mixin map data',
+    'motion/function-disallowed-list':
+      'Disallows use of legacy Sass motion functions',
+    'motion/declaration-property-unit-disallowed-list':
+      'Disallows use of hard-coded millisecond `ms` and second `s` values on transition and animation properties',
+    'motion/at-rule-disallowed-list': 'Disallows use of CSS @keyframes',
+    'motion/global-disallowed-list':
+      'Disallows use of legacy Polaris motion tokens',
+    'typography/declaration-property-value-disallowed-list':
+      'Disallows hard-coded alphanumeric font-weight values',
+    'typography/declaration-property-unit-disallowed-list':
+      'Disallows hard-coded `px`, `em`, and `rem` values for font-size and line-height properties',
+    'typography/function-disallowed-list':
+      'Disallows use of legacy Sass typography functions',
+    'typography/at-rule-disallowed-list':
+      'Disallows use of legacy Sass typography mixins',
+    'typography/global-disallowed-list':
+      'Disallows use of legacy Polaris typography tokens and mixin map data',
+    'shape/declaration-property-unit-disallowed-list':
+      'Disallows hard-coded `px`, `em`, and `rem` units in border property values',
+    'shape/function-disallowed-list':
+      'Disallows use of legacy Sass border functions',
+    'shape/at-rule-disallowed-list':
+      'Disallows use of legacy Sass border mixins',
+    'shape/global-disallowed-list':
+      'Disallows use of legacy Polaris shape tokens and mixin map data',
+    'spacing/declaration-property-unit-disallowed-list':
+      'Disallows use of hard-coded px, em, and rem values on gap, margin, and padding properties',
+    'spacing/function-disallowed-list':
+      'Disallows use of legacy Sass spacing functions',
+    'spacing/global-disallowed-list':
+      'Disallows use of legacy spacing custom properties and Sass mixin data',
+    'depth/declaration-property-unit-disallowed-list':
+      'Disallows box-shadow declarations with hard coded px, rem, or em units',
+    'depth/function-disallowed-list':
+      'Disallows use of built-in and legacy shadow functions',
+    'depth/global-disallowed-list':
+      'Disallows use of legacy shadow custom properties and Sass mixin data',
+    'depth/property-disallowed-list': 'Disallows text shadow property',
+    'media-queries/function-disallowed-list':
+      'Disallows use of legacy breakpoint sass functions',
+    'media-queries/media-queries-allowed-list':
+      'Allows declaration of `print` and `screen` `@media` queries, allows `@media` queries for `forced-colors` and `ms-high-contrast` features, allows `@media` queries using Polaris breakpoints',
+    'media-queries/at-rule-disallowed-list':
+      'Disallows use of legacy breakpoint Sass mixins',
+    'z-index/declaration-property-value-allowed-list':
+      'Disallows declaration of `z-index` values that are not Polaris z-index tokens',
+    'z-index/function-disallowed-list':
+      'Disallows use of the legacy z-index Sass function',
+    'z-index/global-disallowed-list':
+      'Disallows the use of legacy z-index custom properties and Sass mixin data',
+    'layout/declaration-property-value-disallowed-list':
+      'Disallows declaration of positioning and dimension property values with Polaris tokens',
+    'layout/function-disallowed-list':
+      'Disallows use of internal Sass layout functions',
+    'layout/at-rule-disallowed-list': 'Disallows use of legacy Sass mixins',
+    'layout/property-disallowed-list':
+      'Disallows declarations of layout properties',
+    'layout/global-disallowed-list':
+      'Disallows use of legacy custom properties and Sass mixin map data',
+    'legacy/at-rule-disallowed-list': 'Disallows use pf legacy Sass mixins',
+    'legacy/function-disallowed-list':
+      'Disallows use off legacy Sass functions',
+    'legacy/global-disallowed-list':
+      'Disallows use of legacy custom properties and Sass mixin map data',
+  };
+  return ruleDescriptions[rule];
+}
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
index fce66fd36bd..bffd5e880fa 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
@@ -7,10 +7,25 @@ keywords:
   - shape rules
 ---
 
-Try to use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+Try to use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
 
 ```diff
+// Do
++ outline: var(--p-border-width-1) solid transparent;
+// Don't
+- @include high-contrast-outline()
+```
+
+NOTE: The `focus-ring` at rule does not currently have an equivalent token or component. If you need to use it, feel free to add a stylelint ignore comment until a solution from Polaris is ready.
 
+```diff
+// Do
++ &:focus {
+  + outline: var(--p-border-width-2) solid var(--p-focused);
+  + outline-offset: var(--p-space-05);
++ }
+// Don't
+- @include focus-ring
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
index 51670d1e0e2..d72597f7f1b 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - shape rules
 ---
 
-Try to use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+Try to use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
index 9db82b5258a..0ff68aba909 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
@@ -7,10 +7,13 @@ keywords:
   - shape rules
 ---
 
-Try to use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+Try to use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
 
 ```diff
-
+// Do
++ border-radius: var(--p-border-radius-base);
+// Don't
+- border-radius: border-radius();
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-global-disallowed-list.md
similarity index 59%
rename from polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
rename to polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-global-disallowed-list.md
index a3589bee3f7..5026a424b72 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-global-disallowed-list.md
@@ -1,16 +1,19 @@
 ---
-title: shape/declaration-property-value-disallowed-list
-description: undefined
+title: shape/global-disallowed-list
+description: Disallows use of legacy Polaris shape tokens and mixin map data
 keywords:
   - stylelint
   - shape
   - shape rules
 ---
 
-Try to use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
+Try to use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
 
 ```diff
-
+// Do
++ border-radius: var(--p-border-radius-2);
+// Don't
+- border-radius: var(--p-border-radius-wide);
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
deleted file mode 100644
index da78da8f1ab..00000000000
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-property-disallowed-list.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: shape/property-disallowed-list
-description: Disallows use of legacy border custom properties and Sass mixin map data
-keywords:
-  - stylelint
-  - shape
-  - shape rules
----
-
-Try to use Polaris [shape tokens](https://polaris.shopify.com/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape are in sync with updates from the design system.
-
-```diff
-
-```
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
deleted file mode 100644
index 98c221cc60d..00000000000
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-at-rule-disallowed-list.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: spacing/at-rule-disallowed-list
-description: undefined
-keywords:
-  - stylelint
-  - spacing
-  - spacing rules
----
-
-Try to use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
-
-```diff
-
-```
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
index c6c41068a4a..db4faf16072 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - spacing rules
 ---
 
-Try to use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
+Try to use Polaris [spacking tokens](/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
deleted file mode 100644
index afed5d37e61..00000000000
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-value-disallowed-list.md
+++ /dev/null
@@ -1,20 +0,0 @@
----
-title: spacing/declaration-property-value-disallowed-list
-description: undefined
-keywords:
-  - stylelint
-  - spacing
-  - spacing rules
----
-
-Try to use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
-
-```diff
-
-```
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
index e2a4745529e..2970edaa229 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
@@ -7,10 +7,13 @@ keywords:
   - spacing rules
 ---
 
-Try to use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
+Try to use Polaris [spacking tokens](/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing is in sync with updates from the design system.
 
 ```diff
-
+// Do
++ padding: var(--p-space-1);
+// Don't
+- padding: rem(4px);
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-global-disallowed-list.md
similarity index 58%
rename from polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
rename to polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-global-disallowed-list.md
index 5087c2e0fb7..793ecaff6ae 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-global-disallowed-list.md
@@ -1,16 +1,19 @@
 ---
-title: spacing/property-disallowed-list
-description: undefined
+title: spacing/global-disallowed-list
+description: Disallows use of legacy spacing custom properties and Sass mixin data
 keywords:
   - stylelint
   - spacing
   - spacing rules
 ---
 
-Try to use Polaris [spacking tokens](https://polaris.shopify.com/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing are in sync with updates from the design system.
+Try to use Polaris [spacking tokens](/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing is in sync with updates from the design system.
 
 ```diff
-
+// Do
++ margin-bottom: var(--p-space-1);
+// Don't
+- margin-bottom: var(--p-text-field-spinner-offset);
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/temp.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/temp.md
new file mode 100644
index 00000000000..4a490630df0
--- /dev/null
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/temp.md
@@ -0,0 +1,463 @@
+### Conventions
+
+#### conventions/custom-property-allowed-list
+
+Allows definition of custom properties not prefixed with `--p-`, `--pc-`, or `--polaris-version-`.
+
+```diff
+root: {
+// Do
++ --osui_animation-name-drag-handle-pulse: osui_drag-handle-pulse;
+// Don't
+- --p-animation-name-drag-handle-pulse: osui_drag-handle-pulse;
+};
+```
+
+Flags declaration property values using `--p-*` that are not valid Polaris tokens.
+
+```diff
+// Do
++ font-size: var(--p-font-size-200);
+// Don't
+- font-size: var(--p-fontsize-200);
+```
+
+Flags declaration property values using private `--pc-*` tokens.
+
+```diff
+// Do
++ background: var(--p-action-secondary-depressed);
+// Don't
+- background: var(--pc-button-color-depressed);
+```
+
+### Colors
+
+#### colors/color-named
+
+```diff
+// Do
++ color: var(--p-text);
++ fill: var(--p-icon)
+// Don't
+- color: black;
+- fill: dimgray;
+```
+
+#### colors/color-no-hex
+
+```diff
+// Do
++ color: var(--p-text);
++ fill: var(--p-icon)
+// Don't
+- color: #202223;
+- fill: #5c5f62;
+```
+
+#### colors/declaration-property-value-disallowed-list
+
+```diff
+// Do
++ background: var(--p-hint-from-direct-light);
+// Don't
+- background: black;
+- opacity: 0.15;
+```
+
+#### colors/function-disallowed-list
+
+```diff
+// Do
++ color: var(--p-text-disabled);
++ background: var(--p-action-secondary-hovered-dark);
+// Don't
+- color: rgb(140, 145, 150);
+- background: color('hover');
+```
+
+#### colors/at-rule-disallowed-list
+
+```diff
+// Do
++ fill: var(--p-icon-subdued);
+// Don't
+- fill: recolor-icon(--p-text-subdued);
+```
+
+#### colors/global-disallowed-list
+
+Disallows use of legacy custom properties.
+
+```diff
+// Do
++ border: transparent;
+// Don't
+- border: var(--p-override-transparent);
+```
+
+Disallows use of legacy mixin map data.
+
+```diff
+// Don't
+- @type map $filter-palette-data: $polaris-color-filters;
+```
+
+### Motion
+
+#### motion/function-disallowed-list
+
+```diff
+// Do
++ transition-duration: var(--p-duration-200);
+// Don't
+- transition-duration: 200ms;
+```
+
+#### motion/declaration-property-unit-disallowed-list
+
+```diff
+// Do
++ transition-duration: var(--p-duration-200);
+// Don't
+- transition-duration: 200ms;
+```
+
+#### motion/at-rule-disallowed-list
+
+```diff
+// Do
++ animation: var(--p-keyframes-spin) var(--p-duration-500) linear infinite;
+// Don't
+- @keyframes spin {
+-  from {
+-    transform: rotate(0deg);
+-  }
+
+-  to {
+-    transform: rotate(360deg);
+-  }
+-}
+```
+
+#### motion/global-disallowed-list
+
+```diff
+// Do
++ transition: var(--p-duration-100) var(--p-ease);
+// Don't
+- transition: var(--p-duration-1-0-0) var(--p-ease);
+```
+
+### Typography
+
+#### typography/declaration-property-value-disallowed-list
+
+```diff
+// Do
++ <Text fontWeight='bold' />
+// Do
++ font-weight: var(--p-font-weight-bold);
+// Don't
+- font-weight: 700;
+```
+
+#### typography/declaration-property-unit-disallowed-list
+
+```diff
+// Do
++ font-size: var(--p-font-size-75);
++ line-height: var(--p-font-line-height-3);
+// Don't
+- font-size: 12px;
+- line-height: 1.5rem
+```
+
+#### typography/function-disallowed-list
+
+```diff
+// Do
++ <Text variant="headingXs" as="p" />
+// Do
++ font-size: var(--p-font-size-75);
+// Don't
+- font-size: font-size('caption');
+```
+
+#### typography/at-rule-disallowed-list
+
+```diff
+// Do
++ <Text breakWord truncate />
+// Don't
+- @include text-breakword;
+- @include truncate;
+```
+
+#### typography/global-disallowed-list
+
+```diff
+// Do
++ font-size: var(--p-font-size-200);
+// Don't
+- font-size: $base-font-size;
+```
+
+### Shape
+
+#### shape/declaration-property-unit-disallowed-list
+
+```diff
+// Do
++ border-width: var(--p-border-width-2);
++ border-radius: var(--p-border-radius-2);
+// Don't
+- border-width: 2px;
+- border-radius: 0.5rem;
+```
+
+#### shape/function-disallowed-list
+
+```diff
+// Do
++ border-radius: var(--p-border-radius-base);
+// Don't
+- border-radius: border-radius();
+```
+
+#### shape/at-rule-disallowed-list
+
+```diff
+// Do
++ outline: var(--p-border-width-1) solid transparent;
+// Don't
+- @include high-contrast-outline()
+```
+
+NOTE: The `focus-ring` at rule does not currently have an equivalent token or component. If you need to use it, feel free to add a stylelint ignore comment until a solution from Polaris is ready.
+
+```diff
+// Do
++ &:focus {
+  + outline: var(--p-border-width-2) solid var(--p-focused);
+  + outline-offset: var(--p-space-05);
++ }
+// Don't
+- @include focus-ring
+```
+
+#### shape/global-disallowed-list
+
+```diff
+// Do
++ border-radius: var(--p-border-radius-2);
+// Don't
+- border-radius: var(--p-border-radius-wide);
+```
+
+### Spacing
+
+#### spacing/declaration-property-unit-disallowed-list
+
+```diff
+// Do
++ gap: var(--p-space-05);
++ margin: var(--p-space-3) 0;
+// Don't
+- gap: 2px;
+- margin: 12px  0;
+```
+
+#### spacing/function-disallowed-list
+
+```diff
+// Do
++ padding: var(--p-space-1);
+// Don't
+- padding: rem(4px);
+```
+
+#### spacing/global-disallowed-list
+
+```diff
+// Do
++ margin-bottom: var(--p-space-1);
+// Don't
+- margin-bottom: var(--p-text-field-spinner-offset);
+```
+
+### Depth
+
+#### depth/declaration-property-unit-disallowed-list
+
+```diff
+// Do
++ box-shadow: var(--p-shadow-card);
+// Don't
+- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
+```
+
+#### depth/function-disallowed-list
+
+```diff
+// Do
++ box-shadow: var(--p-shadow-base);
+// Don't
+- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
+```
+
+#### depth/global-disallowed-list
+
+```diff
+// Do
++ box-shadow: var(--p-shadow-card);
+// Don't
+- box-shadow: var(--p-card-shadow);
+```
+
+#### depth/property-disallowed-list
+
+Instead of using properties like `text-shadow`, make sure the text has proper contrast with the background so that it is readable without a shadow.
+
+```diff
+// Don't
+- text-shadow: 2px 2px #ff0000;
+```
+
+### Media queries
+
+#### media-queries/function-disallowed-list
+
+```diff
+// Do
++ @media (min-width: var(--p-breakpoints-md)) {}
+// Don't
+- @include breakpoint-after(layout-width(page-with-nav)) {}
+```
+
+#### media-queries/media-queries-allowed-list
+
+```diff
+// Do
++ @include @media #{$p-breakpoints-sm-up} {}
+// Don't
+- @include @media #{$my-var} {}
+```
+
+#### media-queries/at-rule-disallowed-list
+
+```diff
+// Do
++ @media (max-width: var(--p-breakpoints-md)) {}
+// Don't
+- @include breakpoint-before(layout-width(page-with-nav)) {}
+```
+
+### Z-Index
+
+#### z-index/declaration-property-value-allowed-list
+
+```diff
+// Do
++ z-index: var(--p-z-1);
+// Don't
+- z-index: 1;
+```
+
+#### z-index/function-disallowed-list
+
+```diff
+// Do
++ z-index: var(--p-z-1);
+// Don't
+- z-index: z-index(content);
+```
+
+#### z-index/global-disallowed-list
+
+```diff
+// Do
++ z-index: var(--p-z-1);
+// Don't
+- z-index(toast, $fixed-element-stacking-order);
+```
+
+### Layout
+
+#### layout/declaration-property-value-disallowed-list
+
+```diff
+// Do
++ <Stack />
+// Don't
+- width: 100%;
+```
+
+#### layout/function-disallowed-list
+
+Use hard coded pixel or rem values for `width` and `height` instead of legacy mixins/variables or spacing tokens.
+
+```diff
+// Do
++ height: 56px;
+// Don't
+- height: top-bar-height();
+```
+
+#### layout/at-rule-disallowed-list
+
+```diff
+// Do
++ @media print {
++   display: none;
++ }
+// Don't
+- @include print-hidden;
+```
+
+#### layout/property-disallowed-list
+
+```diff
+// Do
++ <Columns />
+// Don't
+- display: grid;
+```
+
+#### layout/global-disallowed-list
+
+```diff
+// Do
++ <Checkbox />
+// Don't
+- height: var(--p-choice-size);
+```
+
+### Legacy
+
+#### legacy/at-rule-disallowed-list
+
+```diff
+// Do
++ <UnstyledButton />
+// Don't
+- @include unstyled-button;
+```
+
+#### legacy/function-disallowed-list
+
+```diff
+// Don't
+- @include available-names
+```
+
+#### legacy/global-disallowed-list
+
+Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwise use hard coded pixel or rem values instead of legacy mixins/variables.
+
+```diff
+// Do
++ left: calc(-1 * var(--p-space-1));
+// Don't
+- left: -1 * $timeline-border-width;
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
index 6c8526c163a..cf55fd3b2ab 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
@@ -7,10 +7,14 @@ keywords:
   - typography rules
 ---
 
-Try to use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+Try to use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
 
 ```diff
-
+// Do
++ <Text breakWord truncate />
+// Don't
+- @include text-breakword;
+- @include truncate;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
index 5606467a557..6b68f0c7489 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - typography rules
 ---
 
-Try to use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+Try to use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
index 7692a88acb7..7aa9e590c7a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
@@ -7,10 +7,15 @@ keywords:
   - typography rules
 ---
 
-Try to use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+Try to use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
 
 ```diff
-
+// Do
++ <Text fontWeight='bold' />
+// Do
++ font-weight: var(--p-font-weight-bold);
+// Don't
+- font-weight: 700;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
index fd043d995c7..bf983088289 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
@@ -7,10 +7,15 @@ keywords:
   - typography rules
 ---
 
-Try to use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+Try to use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
 
 ```diff
-
+// Do
++ <Text variant="headingXs" as="p" />
+// Do
++ font-size: var(--p-font-size-75);
+// Don't
+- font-size: font-size('caption');
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-global-disallowed-list.md
similarity index 58%
rename from polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
rename to polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-global-disallowed-list.md
index 1071ff46fee..d587a143dbf 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-global-disallowed-list.md
@@ -1,16 +1,19 @@
 ---
-title: typography/property-disallowed-list
-description: Disallows use of legacy typography custom properties and Sass mixin data
+title: typography/global-disallowed-list
+description: Disallows use of legacy Polaris typography tokens and mixin map data
 keywords:
   - stylelint
   - typography
   - typography rules
 ---
 
-Try to use the [text component](https://polaris.shopify.com/components/text) or [font tokens](https://polaris.shopify.com/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography are in sync with updates from the design system.
+Try to use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
 
 ```diff
-
+// Do
++ font-size: var(--p-font-size-200);
+// Don't
+- font-size: $base-font-size;
 ```
 
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
index 19d765df4fe..28dfd19645c 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - z-index rules
 ---
 
-Try to use Polaris [z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index are in sync with updates from the design system.
+Try to use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
index 85eb68aadfd..6e5da37cbc0 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - z-index rules
 ---
 
-Try to use Polaris [z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index are in sync with updates from the design system.
+Try to use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index is in sync with updates from the design system.
 
 ```diff
 // Do
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
index 6c9317f21da..e1952eb41df 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - z-index rules
 ---
 
-Try to use Polaris [z-index tokens](https://polaris.shopify.com/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index are in sync with updates from the design system.
+Try to use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index is in sync with updates from the design system.
 
 ```diff
 // Do

From f80ce7e246f92225a029f333fd27b60c856e6b41 Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Mon, 16 Jan 2023 22:23:01 +0000
Subject: [PATCH 11/19] fix index page

---
 .../tools/stylelint-polaris/rules/index.md    |  59 +++---
 .../stylelint-polaris/rules/ruleMaker.js      | 192 ++++++++++--------
 2 files changed, 138 insertions(+), 113 deletions(-)

diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
index 72bdf6746b6..25d0fdd9977 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
@@ -8,6 +8,10 @@ keywords:
   - css rules
 ---
 
+## Conventions
+
+- [conventions/custom-property-allowed-list](/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list): Allows definition of custom properties not using Polaris prefixes, flags declaration property values that are not valid Polaris tokens, flags declaration property values using private tokens
+
 ## Colors
 
 - [colors/color-named](/tools/stylelint-polaris/rules/colors-color-named): Disallows named colors
@@ -30,59 +34,50 @@ keywords:
 - [typography/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list): Disallows hard-coded `px`, `em`, and `rem` values for font-size and line-height properties
 - [typography/function-disallowed-list](/tools/stylelint-polaris/rules/typography-function-disallowed-list): Disallows use of legacy Sass typography functions
 - [typography/at-rule-disallowed-list](/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list): Disallows use of legacy Sass typography mixins
-- [typography/property-disallowed-list](/tools/stylelint-polaris/rules/typography-property-disallowed-list): Disallows use of legacy typography custom properties and Sass mixin data
+- [typography/global-disallowed-list](/tools/stylelint-polaris/rules/typography-global-disallowed-list): Disallows use of legacy Polaris typography tokens and mixin map data
 
-## Layout
+## Shape
 
-- [layout/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list): Disallows declaration of positioning and dimension property values with Polaris tokens
-- [layout/function-disallowed-list](/tools/stylelint-polaris/rules/layout-function-disallowed-list): Disallows use of internal Sass layout functions
-- [layout/at-rule-disallowed-list](/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list): Disallows use of legacy Sass mixins
-- [layout/property-disallowed-list](/tools/stylelint-polaris/rules/layout-property-disallowed-list): Disallows declarations of layout properties
-- [layout/global-disallowed-list](/tools/stylelint-polaris/rules/layout-global-disallowed-list): Disallows use of legacy custom properties and Sass mixin map data
+- [shape/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list): Disallows hard-coded `px`, `em`, and `rem` units in border property values
+- [shape/function-disallowed-list](/tools/stylelint-polaris/rules/shape-function-disallowed-list): Disallows use of legacy Sass border functions
+- [shape/at-rule-disallowed-list](/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list): Disallows use of legacy Sass border mixins
+- [shape/global-disallowed-list](/tools/stylelint-polaris/rules/shape-global-disallowed-list): Disallows use of legacy Polaris shape tokens and mixin map data
 
 ## Spacing
 
 - [spacing/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list): Disallows use of hard-coded px, em, and rem values on gap, margin, and padding properties
 - [spacing/function-disallowed-list](/tools/stylelint-polaris/rules/spacing-function-disallowed-list): Disallows use of legacy Sass spacing functions
-- [spacing/global-disallowed-list](/tools/stylelint-polaris/rules/spacing-property-disallowed-list): Disallows use of legacy spacing custom properties and Sass mixin data
-
-## Shape
-
-- [shape/function-disallowed-list](/tools/stylelint-polaris/rules/shape-function-disallowed-list): Disallows use of legacy Sass border functions
-- [shape/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list): Disallows hard-coded `px`, `em`, and `rem` units in border property values
-- [shape/at-rule-disallowed-list](/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list): Disallows use of legacy Sass border mixins
-- [shape/property-disallowed-list](/tools/stylelint-polaris/rules/shape-global-disallowed-list): Disallows use of legacy border custom properties and Sass mixin map data
+- [spacing/global-disallowed-list](/tools/stylelint-polaris/rules/spacing-global-disallowed-list): Disallows use of legacy spacing custom properties and Sass mixin data
 
 ## Depth
 
-- [depth/function-disallowed-list](/tools/stylelint-polaris/rules/depth-function-disallowed-list): Disallows use of built-in and legacy shadow functions
 - [depth/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list): Disallows box-shadow declarations with hard coded px, rem, or em units
+- [depth/function-disallowed-list](/tools/stylelint-polaris/rules/depth-function-disallowed-list): Disallows use of built-in and legacy shadow functions
 - [depth/global-disallowed-list](/tools/stylelint-polaris/rules/depth-global-disallowed-list): Disallows use of legacy shadow custom properties and Sass mixin data
+- [depth/property-disallowed-list](/tools/stylelint-polaris/rules/depth-property-disallowed-list): Disallows text shadow property
 
-## Z-Index
+## Media-queries
+
+- [media-queries/function-disallowed-list](/tools/stylelint-polaris/rules/media-queries-function-disallowed-list): Disallows use of legacy breakpoint sass functions
+- [media-queries/media-queries-allowed-list](/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list): Allows declaration of `print` and `screen` `@media` queries, allows `@media` queries for `forced-colors` and `ms-high-contrast` features, allows `@media` queries using Polaris breakpoints
+- [media-queries/at-rule-disallowed-list](/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list): Disallows use of legacy breakpoint Sass mixins
+
+## Z-index
 
 - [z-index/declaration-property-value-allowed-list](/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list): Disallows declaration of `z-index` values that are not Polaris z-index tokens
 - [z-index/function-disallowed-list](/tools/stylelint-polaris/rules/z-index-function-disallowed-list): Disallows use of the legacy z-index Sass function
 - [z-index/global-disallowed-list](/tools/stylelint-polaris/rules/z-index-global-disallowed-list): Disallows the use of legacy z-index custom properties and Sass mixin data
 
-## Conventions
-
-- [conventions/custom-property-allowed-list](/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list):
-  - Allows definition of custom properties not using Polaris prefixes
-  - Flags declaration property values that are not valid Polaris tokens
-  - Flags declaration property values using private tokens
-
-## Media queries
+## Layout
 
-- [media-queries/media-queries-allowed-list](/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list):
-  - Allows declaration of `print` and `screen` `@media` queries
-  - Allows `@media` queries for `forced-colors` and `ms-high-contrast` features
-  - Allows `@media` queries using Polaris breakpoints
-- [media-queries/function-disallowed-list](/tools/stylelint-polaris/rules/media-queries-function-disallowed-list): Disallows use of legacy breakpoint sass functions
-- [media-queries/at-rule-disallowed-list](/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list): Disallows use of legacy breakpoint Sass mixins
+- [layout/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list): Disallows declaration of positioning and dimension property values with Polaris tokens
+- [layout/function-disallowed-list](/tools/stylelint-polaris/rules/layout-function-disallowed-list): Disallows use of internal Sass layout functions
+- [layout/at-rule-disallowed-list](/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list): Disallows use of legacy Sass mixins
+- [layout/property-disallowed-list](/tools/stylelint-polaris/rules/layout-property-disallowed-list): Disallows declarations of layout properties
+- [layout/global-disallowed-list](/tools/stylelint-polaris/rules/layout-global-disallowed-list): Disallows use of legacy custom properties and Sass mixin map data
 
 ## Legacy
 
 - [legacy/at-rule-disallowed-list](/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list): Disallows use pf legacy Sass mixins
 - [legacy/function-disallowed-list](/tools/stylelint-polaris/rules/legacy-function-disallowed-list): Disallows use off legacy Sass functions
-- [legacy/global-disallowed-list](/tools/stylelint-polaris/rules/legacy-global-disallowed-list): Disallows use of legacy custom properties and Sass mixin map data
+- [legacy/global-disallowed-list](/tools/stylelint-polaris/rules/legacy-global-disallowed-list): Disallows use of legacy custom properties and Sass mixin map data
\ No newline at end of file
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js b/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
index 8ff3460fe8c..48d56394b3e 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
@@ -7,11 +7,86 @@ const path = require('path');
 
 const h3 = '### ';
 const h4 = '#### ';
-const ruleFile = fs.readFileSync(path.join(__dirname, 'temp.md'), 'utf8');
+const ruleDescriptions = {
+  'conventions/custom-property-allowed-list':
+    'Allows definition of custom properties not using Polaris prefixes, flags declaration property values that are not valid Polaris tokens, flags declaration property values using private tokens',
+  'colors/color-named': 'Disallows named colors',
+  'colors/color-no-hex': 'Disallows hex colors',
+  'colors/declaration-property-value-disallowed-list':
+    'Disallows custom decimal opacity values',
+  'colors/function-disallowed-list':
+    'Disallows allows use of built in and legacy color functions',
+  'colors/at-rule-disallowed-list': 'Disallows use of legacy color mixins',
+  'colors/global-disallowed-list':
+    'Disallows use of legacy color custom properties and mixin map data',
+  'motion/function-disallowed-list':
+    'Disallows use of legacy Sass motion functions',
+  'motion/declaration-property-unit-disallowed-list':
+    'Disallows use of hard-coded millisecond `ms` and second `s` values on transition and animation properties',
+  'motion/at-rule-disallowed-list': 'Disallows use of CSS @keyframes',
+  'motion/global-disallowed-list':
+    'Disallows use of legacy Polaris motion tokens',
+  'typography/declaration-property-value-disallowed-list':
+    'Disallows hard-coded alphanumeric font-weight values',
+  'typography/declaration-property-unit-disallowed-list':
+    'Disallows hard-coded `px`, `em`, and `rem` values for font-size and line-height properties',
+  'typography/function-disallowed-list':
+    'Disallows use of legacy Sass typography functions',
+  'typography/at-rule-disallowed-list':
+    'Disallows use of legacy Sass typography mixins',
+  'typography/global-disallowed-list':
+    'Disallows use of legacy Polaris typography tokens and mixin map data',
+  'shape/declaration-property-unit-disallowed-list':
+    'Disallows hard-coded `px`, `em`, and `rem` units in border property values',
+  'shape/function-disallowed-list':
+    'Disallows use of legacy Sass border functions',
+  'shape/at-rule-disallowed-list': 'Disallows use of legacy Sass border mixins',
+  'shape/global-disallowed-list':
+    'Disallows use of legacy Polaris shape tokens and mixin map data',
+  'spacing/declaration-property-unit-disallowed-list':
+    'Disallows use of hard-coded px, em, and rem values on gap, margin, and padding properties',
+  'spacing/function-disallowed-list':
+    'Disallows use of legacy Sass spacing functions',
+  'spacing/global-disallowed-list':
+    'Disallows use of legacy spacing custom properties and Sass mixin data',
+  'depth/declaration-property-unit-disallowed-list':
+    'Disallows box-shadow declarations with hard coded px, rem, or em units',
+  'depth/function-disallowed-list':
+    'Disallows use of built-in and legacy shadow functions',
+  'depth/global-disallowed-list':
+    'Disallows use of legacy shadow custom properties and Sass mixin data',
+  'depth/property-disallowed-list': 'Disallows text shadow property',
+  'media-queries/function-disallowed-list':
+    'Disallows use of legacy breakpoint sass functions',
+  'media-queries/media-queries-allowed-list':
+    'Allows declaration of `print` and `screen` `@media` queries, allows `@media` queries for `forced-colors` and `ms-high-contrast` features, allows `@media` queries using Polaris breakpoints',
+  'media-queries/at-rule-disallowed-list':
+    'Disallows use of legacy breakpoint Sass mixins',
+  'z-index/declaration-property-value-allowed-list':
+    'Disallows declaration of `z-index` values that are not Polaris z-index tokens',
+  'z-index/function-disallowed-list':
+    'Disallows use of the legacy z-index Sass function',
+  'z-index/global-disallowed-list':
+    'Disallows the use of legacy z-index custom properties and Sass mixin data',
+  'layout/declaration-property-value-disallowed-list':
+    'Disallows declaration of positioning and dimension property values with Polaris tokens',
+  'layout/function-disallowed-list':
+    'Disallows use of internal Sass layout functions',
+  'layout/at-rule-disallowed-list': 'Disallows use of legacy Sass mixins',
+  'layout/property-disallowed-list':
+    'Disallows declarations of layout properties',
+  'layout/global-disallowed-list':
+    'Disallows use of legacy custom properties and Sass mixin map data',
+  'legacy/at-rule-disallowed-list': 'Disallows use pf legacy Sass mixins',
+  'legacy/function-disallowed-list': 'Disallows use off legacy Sass functions',
+  'legacy/global-disallowed-list':
+    'Disallows use of legacy custom properties and Sass mixin map data',
+};
 
 main();
 
 function main() {
+  const ruleFile = fs.readFileSync(path.join(__dirname, 'temp.md'), 'utf8');
   const content = ruleFile.split('\n');
   content.push('#');
 
@@ -46,6 +121,8 @@ function main() {
       );
     }),
   );
+
+  fs.writeFileSync(path.join(__dirname, 'index.md'), getIndexContent());
 }
 
 function getContent(ruleName, category, ruleContent) {
@@ -62,7 +139,7 @@ function getContent(ruleName, category, ruleContent) {
   const template = [
     '---',
     `title: ${ruleName}`,
-    `description: ${getRuleDescription(ruleName)}`,
+    `description: ${ruleDescriptions[ruleName]}`,
     'keywords:',
     '  - stylelint',
     `  - ${category}`,
@@ -100,83 +177,36 @@ function getCategoryResourceLink(category) {
   return resourceLinks[category];
 }
 
-function getRuleDescription(rule) {
-  const ruleDescriptions = {
-    'conventions/custom-property-allowed-list':
-      'Allows definition of custom properties not using Polaris prefixes, flags declaration property values that are not valid Polaris tokens, flags declaration property values using private tokens',
-    'colors/color-named': 'Disallows named colors',
-    'colors/color-no-hex': 'Disallows hex colors',
-    'colors/declaration-property-value-disallowed-list':
-      'Disallows custom decimal opacity values',
-    'colors/function-disallowed-list':
-      'Disallows allows use of built in and legacy color functions',
-    'colors/at-rule-disallowed-list': 'Disallows use of legacy color mixins',
-    'colors/global-disallowed-list':
-      'Disallows use of legacy color custom properties and mixin map data',
-    'motion/function-disallowed-list':
-      'Disallows use of legacy Sass motion functions',
-    'motion/declaration-property-unit-disallowed-list':
-      'Disallows use of hard-coded millisecond `ms` and second `s` values on transition and animation properties',
-    'motion/at-rule-disallowed-list': 'Disallows use of CSS @keyframes',
-    'motion/global-disallowed-list':
-      'Disallows use of legacy Polaris motion tokens',
-    'typography/declaration-property-value-disallowed-list':
-      'Disallows hard-coded alphanumeric font-weight values',
-    'typography/declaration-property-unit-disallowed-list':
-      'Disallows hard-coded `px`, `em`, and `rem` values for font-size and line-height properties',
-    'typography/function-disallowed-list':
-      'Disallows use of legacy Sass typography functions',
-    'typography/at-rule-disallowed-list':
-      'Disallows use of legacy Sass typography mixins',
-    'typography/global-disallowed-list':
-      'Disallows use of legacy Polaris typography tokens and mixin map data',
-    'shape/declaration-property-unit-disallowed-list':
-      'Disallows hard-coded `px`, `em`, and `rem` units in border property values',
-    'shape/function-disallowed-list':
-      'Disallows use of legacy Sass border functions',
-    'shape/at-rule-disallowed-list':
-      'Disallows use of legacy Sass border mixins',
-    'shape/global-disallowed-list':
-      'Disallows use of legacy Polaris shape tokens and mixin map data',
-    'spacing/declaration-property-unit-disallowed-list':
-      'Disallows use of hard-coded px, em, and rem values on gap, margin, and padding properties',
-    'spacing/function-disallowed-list':
-      'Disallows use of legacy Sass spacing functions',
-    'spacing/global-disallowed-list':
-      'Disallows use of legacy spacing custom properties and Sass mixin data',
-    'depth/declaration-property-unit-disallowed-list':
-      'Disallows box-shadow declarations with hard coded px, rem, or em units',
-    'depth/function-disallowed-list':
-      'Disallows use of built-in and legacy shadow functions',
-    'depth/global-disallowed-list':
-      'Disallows use of legacy shadow custom properties and Sass mixin data',
-    'depth/property-disallowed-list': 'Disallows text shadow property',
-    'media-queries/function-disallowed-list':
-      'Disallows use of legacy breakpoint sass functions',
-    'media-queries/media-queries-allowed-list':
-      'Allows declaration of `print` and `screen` `@media` queries, allows `@media` queries for `forced-colors` and `ms-high-contrast` features, allows `@media` queries using Polaris breakpoints',
-    'media-queries/at-rule-disallowed-list':
-      'Disallows use of legacy breakpoint Sass mixins',
-    'z-index/declaration-property-value-allowed-list':
-      'Disallows declaration of `z-index` values that are not Polaris z-index tokens',
-    'z-index/function-disallowed-list':
-      'Disallows use of the legacy z-index Sass function',
-    'z-index/global-disallowed-list':
-      'Disallows the use of legacy z-index custom properties and Sass mixin data',
-    'layout/declaration-property-value-disallowed-list':
-      'Disallows declaration of positioning and dimension property values with Polaris tokens',
-    'layout/function-disallowed-list':
-      'Disallows use of internal Sass layout functions',
-    'layout/at-rule-disallowed-list': 'Disallows use of legacy Sass mixins',
-    'layout/property-disallowed-list':
-      'Disallows declarations of layout properties',
-    'layout/global-disallowed-list':
-      'Disallows use of legacy custom properties and Sass mixin map data',
-    'legacy/at-rule-disallowed-list': 'Disallows use pf legacy Sass mixins',
-    'legacy/function-disallowed-list':
-      'Disallows use off legacy Sass functions',
-    'legacy/global-disallowed-list':
-      'Disallows use of legacy custom properties and Sass mixin map data',
-  };
-  return ruleDescriptions[rule];
+function getIndexContent() {
+  const rules = Object.keys(ruleDescriptions);
+  const data = {};
+  rules.forEach((rule) => {
+    const category = rule.split('/')[0];
+    if (!(category in data)) {
+      data[category] = [
+        '',
+        `## ${category.charAt(0).toUpperCase() + category.slice(1)}`,
+        '',
+      ];
+    }
+    data[category].push(
+      `- [${rule}](/tools/stylelint-polaris/rules/${rule.replace('/', '-')}): ${
+        ruleDescriptions[rule]
+      }`,
+    );
+  });
+
+  const content = [
+    '---',
+    'title: Rules',
+    'description: There are over 40 rules configured in Stylelint Polaris to help you avoid errors and follow stylistic and non-stylistic conventions while building for the Shopify admin.',
+    'hideChildren: true',
+    'keywords:',
+    '  - rules',
+    '  - stylelint rules',
+    '  - css rules',
+    '---',
+    ...Object.keys(data).reduce((prev, key) => [...prev, ...data[key]], []),
+  ];
+  return content.join('\n');
 }

From 1be23229955e7a259263b7d0f99e6bb6e38bfc1b Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Mon, 16 Jan 2023 23:35:55 +0000
Subject: [PATCH 12/19] Add ignore section to rule pages

---
 polaris.shopify.com/content/sandbox.md               |  2 +-
 polaris.shopify.com/content/tools/index.md           |  2 +-
 .../content/tools/stylelint-polaris/index.md         |  2 ++
 .../rules/colors-at-rule-disallowed-list.md          | 12 +++++++++++-
 .../stylelint-polaris/rules/colors-color-named.md    | 12 +++++++++++-
 .../stylelint-polaris/rules/colors-color-no-hex.md   | 12 +++++++++++-
 ...ors-declaration-property-value-disallowed-list.md | 12 +++++++++++-
 .../rules/colors-function-disallowed-list.md         | 12 +++++++++++-
 .../rules/colors-global-disallowed-list.md           | 12 +++++++++++-
 .../conventions-custom-property-allowed-list.md      | 10 ++++++++++
 ...epth-declaration-property-unit-disallowed-list.md | 12 +++++++++++-
 .../rules/depth-function-disallowed-list.md          | 12 +++++++++++-
 .../rules/depth-global-disallowed-list.md            | 12 +++++++++++-
 .../rules/depth-property-disallowed-list.md          | 12 +++++++++++-
 .../content/tools/stylelint-polaris/rules/index.md   | 10 +++++-----
 .../rules/layout-at-rule-disallowed-list.md          | 12 +++++++++++-
 ...out-declaration-property-value-disallowed-list.md | 12 +++++++++++-
 .../rules/layout-function-disallowed-list.md         | 12 +++++++++++-
 .../rules/layout-global-disallowed-list.md           | 12 +++++++++++-
 .../rules/layout-property-disallowed-list.md         | 12 +++++++++++-
 .../rules/legacy-at-rule-disallowed-list.md          | 12 +++++++++++-
 .../rules/legacy-function-disallowed-list.md         | 12 +++++++++++-
 .../rules/legacy-global-disallowed-list.md           | 12 +++++++++++-
 .../rules/media-queries-at-rule-disallowed-list.md   | 12 +++++++++++-
 .../rules/media-queries-function-disallowed-list.md  | 12 +++++++++++-
 .../media-queries-media-queries-allowed-list.md      | 12 +++++++++++-
 .../rules/motion-at-rule-disallowed-list.md          | 12 +++++++++++-
 ...tion-declaration-property-unit-disallowed-list.md | 12 +++++++++++-
 .../rules/motion-function-disallowed-list.md         | 12 +++++++++++-
 .../rules/motion-global-disallowed-list.md           | 12 +++++++++++-
 .../tools/stylelint-polaris/rules/ruleMaker.js       | 12 +++++++++++-
 .../rules/shape-at-rule-disallowed-list.md           | 12 +++++++++++-
 ...hape-declaration-property-unit-disallowed-list.md | 12 +++++++++++-
 .../rules/shape-function-disallowed-list.md          | 12 +++++++++++-
 .../rules/shape-global-disallowed-list.md            | 12 +++++++++++-
 ...cing-declaration-property-unit-disallowed-list.md | 12 +++++++++++-
 .../rules/spacing-function-disallowed-list.md        | 12 +++++++++++-
 .../rules/spacing-global-disallowed-list.md          | 12 +++++++++++-
 .../rules/typography-at-rule-disallowed-list.md      | 12 +++++++++++-
 ...aphy-declaration-property-unit-disallowed-list.md | 12 +++++++++++-
 ...phy-declaration-property-value-disallowed-list.md | 12 +++++++++++-
 .../rules/typography-function-disallowed-list.md     | 12 +++++++++++-
 .../rules/typography-global-disallowed-list.md       | 12 +++++++++++-
 ...-index-declaration-property-value-allowed-list.md | 12 +++++++++++-
 .../rules/z-index-function-disallowed-list.md        | 12 +++++++++++-
 .../rules/z-index-global-disallowed-list.md          | 12 +++++++++++-
 46 files changed, 470 insertions(+), 48 deletions(-)

diff --git a/polaris.shopify.com/content/sandbox.md b/polaris.shopify.com/content/sandbox.md
index c2a8c193448..e84a2709e2b 100644
--- a/polaris.shopify.com/content/sandbox.md
+++ b/polaris.shopify.com/content/sandbox.md
@@ -1,6 +1,6 @@
 ---
 title: Sandbox
-order: 11
+order: 10
 url: /sandbox?code=N4Igxg9gJgpiBcIA8BhAhgJygHQHYAJ8BnGSXKTATwDEIIAXGDAQTHoEsJciBeYAbWBlGuevHwByACLsiAW1lEJAXwC6yvIQAOGdnKq0GTVhy58hXEWMkBRAB5aIGevgBKMR85UbcAPk34qJhQAHQAEjBosBj4aGyc3HyC%2BMIwouISACoMaAA2%2BADKeTBK%2BGrK%2BBz0uTA82CBFNUT1-gSEgQAKEI4AbkwB7bHxfXwAZnkkPoOEcRw9aPROfAPTSABCAK70iwRQsmC5EEQbGDD4Wrlo7H4r0-gAauwwAO6Fxc1td0gA9JvbXK07lNplwUIcSHwABQASnwPF8%2BGAymBhEBqxMCQAMrIXOxGHJeAILKI0tYJABxDBHIhvJoqAA0iNS6UkADkYC5GiUVOp8N80YQfl1ekw0T90FhwpFomKJaECqRTDdPoFMjA7PQUJYrrhRbd8ABNCAbFJoAgbEjEd74U6eeg0xbEGBna6jJz6JWxABGxpclGNMTAFsWciYREAmAT6pzRGletAkKD4LgpXSMXRoYgbMAAC1iNKI1ogfRiHFDjK9lBS2bNutyjKc%2BAr%2BqI9DQo1GIRWPzVGq1oh1era4uCIQV8QBASCkrHnqqNTqIGyrfyXJpa1OaAA1lAIM9cC0u%2B4iAGwDBsS39adjydT6y0KHzERrgBzDaXDAZAs1CSMi4nPKfu83j6niMAEkk%2BqEMAkHtF%2BJQZAA8lgYY-jBMxyMaLISAAqgUUgACQAAwhIRhGoSqdwnLkGS2k49rfNGKH0jByjMRR7TQexgxwUQGTuPQJzcORdyDPemFkgAtLhBEAEwAKzEaRwkiYQVE0R4dFEN8pwCRgQlsSprH6uol5pNEACS%2BJQqBciwvCiIwWQLaIjxjJiRsoiMlRFQ8PgNkANwwTpgn4JCaGBEeJ5njiISWWB4WqRguR8N5CVDKeRBPl67C5HilCYmgXowMlwAAAaPC8tIlPgboxPhwA8copUoip%2BACq1SAFK2YCbu1rWBF1cSbrF%2BI1TluS%2BA17zKD8g09SNYF9R1c3DXFciTe5ogzd8K0LetaWzd1vXhT8kU3tFLZ7UthDQoF7HIvq-KTt8cqjoqCSyiOM4JJUeLzvUUiRMMCwwImtHOM0ICZl6UAbKD7VIOe9BLYjMVrb4HRoP6WxED8SNXfqqOXejS55FVa6Vig1a4LWeNo-iCPfEjYovV970TkOr3fcmc61PUrJGAeKpID2mratcg53Jk2ZnDxNoaRDsSnLE8w5YVNRJrguSVuwoz4NjMQtk4Lo0jzMuFNm3S65Q%2BoXGaSYxNm7DPjLGCdsL3yi32rYSxgLNc%2BzyrDlgvggPSID0DLoZEAg-AgIcYDFPAaQgKo4fPOwUCRzH8D8OoQA
 status:
   value: Alpha
diff --git a/polaris.shopify.com/content/tools/index.md b/polaris.shopify.com/content/tools/index.md
index d32b54d7ffb..3ff075b02fe 100644
--- a/polaris.shopify.com/content/tools/index.md
+++ b/polaris.shopify.com/content/tools/index.md
@@ -2,5 +2,5 @@
 title: Tools
 description: Extensions, plugins, and other tools to help you use Polaris to build Admin experiences.
 icon: ToolsMajor
-order: 12
+order: 11
 ---
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
index 10101af2140..e16236ebbc1 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
@@ -72,6 +72,8 @@ npx @shopify/polaris-migrator styles-insert-stylelint-disable <path>
 
 ## Rules
 
+There are over 40 rules configured in Stylelint Polaris to help you avoid errors and follow stylistic and non-stylistic conventions while building for the Shopify admin.
+
 [List of Stylelint Polaris rules](/tools/stylelint-polaris/rules)
 
 ## Development
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
index 3e923306d61..63374185895 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - colors rules
 ---
 
-Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so th
 - fill: recolor-icon(--p-text-subdued);
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
index 3a299aa035e..2fbe599289b 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
@@ -7,7 +7,7 @@ keywords:
   - colors rules
 ---
 
-Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
 // Do
@@ -18,8 +18,18 @@ Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so th
 - fill: dimgray;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
index d89f2818b20..a0a8574c13b 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
@@ -7,7 +7,7 @@ keywords:
   - colors rules
 ---
 
-Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
 // Do
@@ -18,8 +18,18 @@ Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so th
 - fill: #5c5f62;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
index ee919dceec7..1da82775d28 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - colors rules
 ---
 
-Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
 // Do
@@ -17,8 +17,18 @@ Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so th
 - opacity: 0.15;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
index 7afc8b830d3..e9b4e5d2eec 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - colors rules
 ---
 
-Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 ```diff
 // Do
@@ -18,8 +18,18 @@ Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so th
 - background: color('hover');
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
index a4c44795c40..81499cc4399 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - colors rules
 ---
 
-Try to use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
+Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
 
 Disallows use of legacy custom properties.
 
@@ -25,8 +25,18 @@ Disallows use of legacy mixin map data.
 - @type map $filter-palette-data: $polaris-color-filters;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
index 58d3ea47615..50d0f5c6663 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
@@ -36,8 +36,18 @@ Flags declaration property values using private `--pc-*` tokens.
 - background: var(--pc-button-color-depressed);
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
index e377ebc93eb..eba1de2cc3c 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - depth rules
 ---
 
-Try to use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
+Use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [depth tokens](/tokens/depth) instead of custom styles so tha
 - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
index 8cc70986baa..b68102bb4e4 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - depth rules
 ---
 
-Try to use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
+Use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [depth tokens](/tokens/depth) instead of custom styles so tha
 - filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
index 1a496c8ebe7..82244ff3d5a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - depth rules
 ---
 
-Try to use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
+Use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [depth tokens](/tokens/depth) instead of custom styles so tha
 - box-shadow: var(--p-card-shadow);
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
index dc86d4aca5f..a4bd0124d4e 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - depth rules
 ---
 
-Try to use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
+Use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
 
 Instead of using properties like `text-shadow`, make sure the text has proper contrast with the background so that it is readable without a shadow.
 
@@ -16,8 +16,18 @@ Instead of using properties like `text-shadow`, make sure the text has proper co
 - text-shadow: 2px 2px #ff0000;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
index 25d0fdd9977..8f37e196ac2 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
@@ -8,10 +8,6 @@ keywords:
   - css rules
 ---
 
-## Conventions
-
-- [conventions/custom-property-allowed-list](/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list): Allows definition of custom properties not using Polaris prefixes, flags declaration property values that are not valid Polaris tokens, flags declaration property values using private tokens
-
 ## Colors
 
 - [colors/color-named](/tools/stylelint-polaris/rules/colors-color-named): Disallows named colors
@@ -76,8 +72,12 @@ keywords:
 - [layout/property-disallowed-list](/tools/stylelint-polaris/rules/layout-property-disallowed-list): Disallows declarations of layout properties
 - [layout/global-disallowed-list](/tools/stylelint-polaris/rules/layout-global-disallowed-list): Disallows use of legacy custom properties and Sass mixin map data
 
+## Conventions
+
+- [conventions/custom-property-allowed-list](/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list): Allows definition of custom properties not using Polaris prefixes, flags declaration property values that are not valid Polaris tokens, flags declaration property values using private tokens
+
 ## Legacy
 
 - [legacy/at-rule-disallowed-list](/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list): Disallows use pf legacy Sass mixins
 - [legacy/function-disallowed-list](/tools/stylelint-polaris/rules/legacy-function-disallowed-list): Disallows use off legacy Sass functions
-- [legacy/global-disallowed-list](/tools/stylelint-polaris/rules/legacy-global-disallowed-list): Disallows use of legacy custom properties and Sass mixin map data
\ No newline at end of file
+- [legacy/global-disallowed-list](/tools/stylelint-polaris/rules/legacy-global-disallowed-list): Disallows use of legacy custom properties and Sass mixin map data
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
index 7b12b15ea46..4ef2169e868 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - layout rules
 ---
 
-Try to use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
+Use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -18,8 +18,18 @@ Try to use Polaris [layout components](/components) instead of custom styles so
 - @include print-hidden;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
index b4f74e4b67f..b0802af9d73 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - layout rules
 ---
 
-Try to use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
+Use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [layout components](/components) instead of custom styles so
 - width: 100%;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
index ff295beb482..7cc42ebaa8b 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - layout rules
 ---
 
-Try to use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
+Use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
 
 Use hard coded pixel or rem values for `width` and `height` instead of legacy mixins/variables or spacing tokens.
 
@@ -18,8 +18,18 @@ Use hard coded pixel or rem values for `width` and `height` instead of legacy mi
 - height: top-bar-height();
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
index 59c67847c6f..a7cec6a7cb6 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - layout rules
 ---
 
-Try to use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
+Use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [layout components](/components) instead of custom styles so
 - height: var(--p-choice-size);
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
index fe59644309f..f2b73cf1d13 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - layout rules
 ---
 
-Try to use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
+Use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [layout components](/components) instead of custom styles so
 - display: grid;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
index ab989333485..dd5082e2eb9 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - legacy rules
 ---
 
-Try to use Polaris [components](/components) or [tokens](/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy is in sync with updates from the design system.
+Use Polaris [components](/components) or [tokens](/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [components](/components) or [tokens](/tokens) instead of cus
 - @include unstyled-button;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
index d14fde93511..87a84dbb25b 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
@@ -7,15 +7,25 @@ keywords:
   - legacy rules
 ---
 
-Try to use Polaris [components](/components) or [tokens](/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy is in sync with updates from the design system.
+Use Polaris [components](/components) or [tokens](/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy is in sync with updates from the design system.
 
 ```diff
 // Don't
 - @include available-names
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
index 14639f34608..96059c64303 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - legacy rules
 ---
 
-Try to use Polaris [components](/components) or [tokens](/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy is in sync with updates from the design system.
+Use Polaris [components](/components) or [tokens](/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy is in sync with updates from the design system.
 
 Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwise use hard coded pixel or rem values instead of legacy mixins/variables.
 
@@ -19,8 +19,18 @@ Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwis
 ```
 
 #
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
index f6eded2ba50..77010ebcdde 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - media queries rules
 ---
 
-Try to use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
+Use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variable
 - @include breakpoint-before(layout-width(page-with-nav)) {}
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
index 1caeb308a3a..1854bc95a71 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - media queries rules
 ---
 
-Try to use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
+Use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variable
 - @include breakpoint-after(layout-width(page-with-nav)) {}
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
index 5a9a298b367..cf0deb5ac44 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - media queries rules
 ---
 
-Try to use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
+Use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variable
 - @include @media #{$my-var} {}
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
index ad9f7605ddf..09e639acb9a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - motion rules
 ---
 
-Try to use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
+Use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -24,8 +24,18 @@ Try to use Polaris [motion tokens](/tokens/motion) instead of custom styles so t
 -}
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
index 8af8fec618a..06e053eb491 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - motion rules
 ---
 
-Try to use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
+Use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [motion tokens](/tokens/motion) instead of custom styles so t
 - transition-duration: 200ms;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
index 459b7de1176..3a9dca1cee8 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - motion rules
 ---
 
-Try to use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
+Use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [motion tokens](/tokens/motion) instead of custom styles so t
 - transition-duration: 200ms;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
index 16f79a3799e..3fe28bb940f 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - motion rules
 ---
 
-Try to use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
+Use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [motion tokens](/tokens/motion) instead of custom styles so t
 - transition: var(--p-duration-1-0-0) var(--p-ease);
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js b/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
index 48d56394b3e..00202e016c5 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
@@ -132,7 +132,7 @@ function getContent(ruleName, category, ruleContent) {
     resourceLink && resourceLink !== ''
       ? [
           '',
-          `Try to use ${resourceLink} instead of custom styles so that ${categoryIs} consistent across the Admin. This helps merchants have a coherent user experience and also ensures that ${categoryIs} in sync with updates from the design system.`,
+          `Use ${resourceLink} instead of custom styles so that ${categoryIs} consistent across the Admin. This helps merchants have a coherent user experience and also ensures that ${categoryIs} in sync with updates from the design system.`,
         ]
       : [];
 
@@ -147,12 +147,22 @@ function getContent(ruleName, category, ruleContent) {
     '---',
     ...resourceText,
     ...ruleContent,
+    '## Contribute',
+    '',
     `Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:`,
     '',
     '- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution',
     '- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion',
     '- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition',
     '',
+    '## Ignore failure',
+    '',
+    `In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.`,
+    '',
+    '```',
+    '// stylelint-disable-next-line -- why custom styles are being used instead of Polaris',
+    '```',
+    '',
   ];
 
   return template.join('\n');
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
index bffd5e880fa..0ae96461f8d 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - shape rules
 ---
 
-Try to use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
+Use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -28,8 +28,18 @@ NOTE: The `focus-ring` at rule does not currently have an equivalent token or co
 - @include focus-ring
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
index d72597f7f1b..0d2635abdbc 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - shape rules
 ---
 
-Try to use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
+Use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -18,8 +18,18 @@ Try to use Polaris [shape tokens](/tokens/shape) instead of custom styles so tha
 - border-radius: 0.5rem;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
index 0ff68aba909..19be1f50bf7 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - shape rules
 ---
 
-Try to use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
+Use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [shape tokens](/tokens/shape) instead of custom styles so tha
 - border-radius: border-radius();
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-global-disallowed-list.md
index 5026a424b72..3c9495e21cb 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - shape rules
 ---
 
-Try to use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
+Use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [shape tokens](/tokens/shape) instead of custom styles so tha
 - border-radius: var(--p-border-radius-wide);
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
index db4faf16072..43b882c06d2 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - spacing rules
 ---
 
-Try to use Polaris [spacking tokens](/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing is in sync with updates from the design system.
+Use Polaris [spacking tokens](/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -18,8 +18,18 @@ Try to use Polaris [spacking tokens](/tokens/spacing) instead of custom styles s
 - margin: 12px  0;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
index 2970edaa229..13a1ab09de2 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - spacing rules
 ---
 
-Try to use Polaris [spacking tokens](/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing is in sync with updates from the design system.
+Use Polaris [spacking tokens](/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [spacking tokens](/tokens/spacing) instead of custom styles s
 - padding: rem(4px);
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-global-disallowed-list.md
index 793ecaff6ae..a3442b5fb00 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - spacing rules
 ---
 
-Try to use Polaris [spacking tokens](/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing is in sync with updates from the design system.
+Use Polaris [spacking tokens](/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [spacking tokens](/tokens/spacing) instead of custom styles s
 - margin-bottom: var(--p-text-field-spinner-offset);
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
index cf55fd3b2ab..18d1fc058b8 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - typography rules
 ---
 
-Try to use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
+Use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -17,8 +17,18 @@ Try to use the [text component](/components/text) or [font tokens](/tokens/font)
 - @include truncate;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
index 6b68f0c7489..a6290503b73 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - typography rules
 ---
 
-Try to use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
+Use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -18,8 +18,18 @@ Try to use the [text component](/components/text) or [font tokens](/tokens/font)
 - line-height: 1.5rem
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
index 7aa9e590c7a..9f56ad24858 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - typography rules
 ---
 
-Try to use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
+Use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -18,8 +18,18 @@ Try to use the [text component](/components/text) or [font tokens](/tokens/font)
 - font-weight: 700;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
index bf983088289..dc2d5f5a598 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - typography rules
 ---
 
-Try to use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
+Use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -18,8 +18,18 @@ Try to use the [text component](/components/text) or [font tokens](/tokens/font)
 - font-size: font-size('caption');
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-global-disallowed-list.md
index d587a143dbf..ff3d80677ee 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - typography rules
 ---
 
-Try to use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
+Use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use the [text component](/components/text) or [font tokens](/tokens/font)
 - font-size: $base-font-size;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
index 28dfd19645c..bd5ba6a7f21 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - z-index rules
 ---
 
-Try to use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index is in sync with updates from the design system.
+Use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so
 - z-index: 1;
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
index 6e5da37cbc0..9418447c357 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - z-index rules
 ---
 
-Try to use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index is in sync with updates from the design system.
+Use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so
 - z-index: z-index(content);
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
index e1952eb41df..dee53ead308 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
@@ -7,7 +7,7 @@ keywords:
   - z-index rules
 ---
 
-Try to use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index is in sync with updates from the design system.
+Use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index is in sync with updates from the design system.
 
 ```diff
 // Do
@@ -16,8 +16,18 @@ Try to use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so
 - z-index(toast, $fixed-element-stacking-order);
 ```
 
+## Contribute
+
 Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
 
 - Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
 - Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
 - Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
+
+## Ignore failure
+
+In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
+
+```
+// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
+```

From 9bb49b60a1181c0144e582ab62e4eedf6f3a1fc7 Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Tue, 17 Jan 2023 03:30:25 +0000
Subject: [PATCH 13/19] Generalized the template of the rules page

---
 .../rules/colors-at-rule-disallowed-list.md   |  18 ---
 .../rules/colors-color-named.md               |  18 ---
 .../rules/colors-color-no-hex.md              |  18 ---
 ...laration-property-value-disallowed-list.md |  18 ---
 .../rules/colors-function-disallowed-list.md  |  18 ---
 .../rules/colors-global-disallowed-list.md    |  18 ---
 ...onventions-custom-property-allowed-list.md |  16 --
 ...claration-property-unit-disallowed-list.md |  18 ---
 .../rules/depth-function-disallowed-list.md   |  18 ---
 .../rules/depth-global-disallowed-list.md     |  18 ---
 .../rules/depth-property-disallowed-list.md   |  18 ---
 .../tools/stylelint-polaris/rules/index.md    |   4 -
 .../rules/layout-at-rule-disallowed-list.md   |  18 ---
 ...laration-property-value-disallowed-list.md |  18 ---
 .../rules/layout-function-disallowed-list.md  |  18 ---
 .../rules/layout-global-disallowed-list.md    |  18 ---
 .../rules/layout-property-disallowed-list.md  |  18 ---
 .../rules/legacy-at-rule-disallowed-list.md   |  18 ---
 .../rules/legacy-function-disallowed-list.md  |  18 ---
 .../rules/legacy-global-disallowed-list.md    |  19 +--
 .../media-queries-at-rule-disallowed-list.md  |  18 ---
 .../media-queries-function-disallowed-list.md |  18 ---
 ...edia-queries-media-queries-allowed-list.md |  18 ---
 .../rules/motion-at-rule-disallowed-list.md   |  18 ---
 ...claration-property-unit-disallowed-list.md |  18 ---
 .../rules/motion-function-disallowed-list.md  |  18 ---
 .../rules/motion-global-disallowed-list.md    |  18 ---
 .../stylelint-polaris/rules/ruleMaker.js      |  46 ------
 .../rules/shape-at-rule-disallowed-list.md    |  18 ---
 ...claration-property-unit-disallowed-list.md |  18 ---
 .../rules/shape-function-disallowed-list.md   |  18 ---
 .../rules/shape-global-disallowed-list.md     |  18 ---
 ...claration-property-unit-disallowed-list.md |  18 ---
 .../rules/spacing-function-disallowed-list.md |  18 ---
 .../rules/spacing-global-disallowed-list.md   |  18 ---
 .../typography-at-rule-disallowed-list.md     |  18 ---
 ...claration-property-unit-disallowed-list.md |  18 ---
 ...laration-property-value-disallowed-list.md |  18 ---
 .../typography-function-disallowed-list.md    |  18 ---
 .../typography-global-disallowed-list.md      |  18 ---
 ...declaration-property-value-allowed-list.md |  18 ---
 .../rules/z-index-function-disallowed-list.md |  18 ---
 .../rules/z-index-global-disallowed-list.md   |  18 ---
 polaris.shopify.com/pages/[...slug].tsx       |   1 +
 .../tools/stylelint-polaris/rules/[rule].tsx  | 143 ++++++++++++++++++
 45 files changed, 145 insertions(+), 786 deletions(-)
 create mode 100644 polaris.shopify.com/pages/tools/stylelint-polaris/rules/[rule].tsx

diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
index 63374185895..70f6bc70f08 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - colors rules
 ---
 
-Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
-
 ```diff
 // Do
 + fill: var(--p-icon-subdued);
 // Don't
 - fill: recolor-icon(--p-text-subdued);
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
index 2fbe599289b..5011b0a4e62 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-named.md
@@ -7,8 +7,6 @@ keywords:
   - colors rules
 ---
 
-Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
-
 ```diff
 // Do
 + color: var(--p-text);
@@ -17,19 +15,3 @@ Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colo
 - color: black;
 - fill: dimgray;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
index a0a8574c13b..99ae76bf36a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-color-no-hex.md
@@ -7,8 +7,6 @@ keywords:
   - colors rules
 ---
 
-Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
-
 ```diff
 // Do
 + color: var(--p-text);
@@ -17,19 +15,3 @@ Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colo
 - color: #202223;
 - fill: #5c5f62;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
index 1da82775d28..a439068dc31 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - colors rules
 ---
 
-Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
-
 ```diff
 // Do
 + background: var(--p-hint-from-direct-light);
@@ -16,19 +14,3 @@ Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colo
 - background: black;
 - opacity: 0.15;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
index e9b4e5d2eec..468704e1dc1 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-function-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - colors rules
 ---
 
-Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
-
 ```diff
 // Do
 + color: var(--p-text-disabled);
@@ -17,19 +15,3 @@ Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colo
 - color: rgb(140, 145, 150);
 - background: color('hover');
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
index 81499cc4399..566cba97dd5 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/colors-global-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - colors rules
 ---
 
-Use Polaris [color tokens](/tokens/colors) instead of custom styles so that colors are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that colors are in sync with updates from the design system.
-
 Disallows use of legacy custom properties.
 
 ```diff
@@ -24,19 +22,3 @@ Disallows use of legacy mixin map data.
 // Don't
 - @type map $filter-palette-data: $polaris-color-filters;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
index 50d0f5c6663..f9a44676914 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list.md
@@ -35,19 +35,3 @@ Flags declaration property values using private `--pc-*` tokens.
 // Don't
 - background: var(--pc-button-color-depressed);
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
index eba1de2cc3c..1f326df23c5 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - depth rules
 ---
 
-Use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
-
 ```diff
 // Do
 + box-shadow: var(--p-shadow-card);
 // Don't
 - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
index b68102bb4e4..96d99728115 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-function-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - depth rules
 ---
 
-Use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
-
 ```diff
 // Do
 + box-shadow: var(--p-shadow-base);
 // Don't
 - filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
index 82244ff3d5a..4d8ed5399d0 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-global-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - depth rules
 ---
 
-Use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
-
 ```diff
 // Do
 + box-shadow: var(--p-shadow-card);
 // Don't
 - box-shadow: var(--p-card-shadow);
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
index a4bd0124d4e..e7d8e381c1c 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/depth-property-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - depth rules
 ---
 
-Use Polaris [depth tokens](/tokens/depth) instead of custom styles so that depth is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that depth is in sync with updates from the design system.
-
 Instead of using properties like `text-shadow`, make sure the text has proper contrast with the background so that it is readable without a shadow.
 
 ```diff
 // Don't
 - text-shadow: 2px 2px #ff0000;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
index 8f37e196ac2..b6a0eefb73e 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
@@ -72,10 +72,6 @@ keywords:
 - [layout/property-disallowed-list](/tools/stylelint-polaris/rules/layout-property-disallowed-list): Disallows declarations of layout properties
 - [layout/global-disallowed-list](/tools/stylelint-polaris/rules/layout-global-disallowed-list): Disallows use of legacy custom properties and Sass mixin map data
 
-## Conventions
-
-- [conventions/custom-property-allowed-list](/tools/stylelint-polaris/rules/conventions-custom-property-allowed-list): Allows definition of custom properties not using Polaris prefixes, flags declaration property values that are not valid Polaris tokens, flags declaration property values using private tokens
-
 ## Legacy
 
 - [legacy/at-rule-disallowed-list](/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list): Disallows use pf legacy Sass mixins
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
index 4ef2169e868..696fd437463 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - layout rules
 ---
 
-Use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
-
 ```diff
 // Do
 + @media print {
@@ -17,19 +15,3 @@ Use Polaris [layout components](/components) instead of custom styles so that la
 // Don't
 - @include print-hidden;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
index b0802af9d73..f11eba9b749 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - layout rules
 ---
 
-Use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
-
 ```diff
 // Do
 + <Stack />
 // Don't
 - width: 100%;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
index 7cc42ebaa8b..fb45b56720c 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-function-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - layout rules
 ---
 
-Use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
-
 Use hard coded pixel or rem values for `width` and `height` instead of legacy mixins/variables or spacing tokens.
 
 ```diff
@@ -17,19 +15,3 @@ Use hard coded pixel or rem values for `width` and `height` instead of legacy mi
 // Don't
 - height: top-bar-height();
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
index a7cec6a7cb6..6919e8a5417 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-global-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - layout rules
 ---
 
-Use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
-
 ```diff
 // Do
 + <Checkbox />
 // Don't
 - height: var(--p-choice-size);
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
index f2b73cf1d13..a4febf9e6d2 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/layout-property-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - layout rules
 ---
 
-Use Polaris [layout components](/components) instead of custom styles so that layout is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that layout is in sync with updates from the design system.
-
 ```diff
 // Do
 + <Columns />
 // Don't
 - display: grid;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
index dd5082e2eb9..7aa396ba10d 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - legacy rules
 ---
 
-Use Polaris [components](/components) or [tokens](/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy is in sync with updates from the design system.
-
 ```diff
 // Do
 + <UnstyledButton />
 // Don't
 - @include unstyled-button;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
index 87a84dbb25b..4b386228ec2 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-function-disallowed-list.md
@@ -7,25 +7,7 @@ keywords:
   - legacy rules
 ---
 
-Use Polaris [components](/components) or [tokens](/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy is in sync with updates from the design system.
-
 ```diff
 // Don't
 - @include available-names
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
index 96059c64303..bc8564b52c1 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/legacy-global-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - legacy rules
 ---
 
-Use Polaris [components](/components) or [tokens](/tokens) instead of custom styles so that legacy is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that legacy is in sync with updates from the design system.
-
 Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwise use hard coded pixel or rem values instead of legacy mixins/variables.
 
 ```diff
@@ -18,19 +16,4 @@ Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwis
 - left: -1 * $timeline-border-width;
 ```
 
-#
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
+#
\ No newline at end of file
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
index 77010ebcdde..5f3fa340bd4 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - media queries rules
 ---
 
-Use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
-
 ```diff
 // Do
 + @media (max-width: var(--p-breakpoints-md)) {}
 // Don't
 - @include breakpoint-before(layout-width(page-with-nav)) {}
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
index 1854bc95a71..a7c3a5d6d5c 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-function-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - media queries rules
 ---
 
-Use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
-
 ```diff
 // Do
 + @media (min-width: var(--p-breakpoints-md)) {}
 // Don't
 - @include breakpoint-after(layout-width(page-with-nav)) {}
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
index cf0deb5ac44..d4006b76b5d 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - media queries rules
 ---
 
-Use Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables) instead of custom styles so that media queries are consistent across the Admin. This helps merchants have a coherent user experience and also ensures that media queries are in sync with updates from the design system.
-
 ```diff
 // Do
 + @include @media #{$p-breakpoints-sm-up} {}
 // Don't
 - @include @media #{$my-var} {}
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
index 09e639acb9a..87da78cbcb5 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - motion rules
 ---
 
-Use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
-
 ```diff
 // Do
 + animation: var(--p-keyframes-spin) var(--p-duration-500) linear infinite;
@@ -23,19 +21,3 @@ Use Polaris [motion tokens](/tokens/motion) instead of custom styles so that mot
 -  }
 -}
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
index 06e053eb491..d179544ba1c 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - motion rules
 ---
 
-Use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
-
 ```diff
 // Do
 + transition-duration: var(--p-duration-200);
 // Don't
 - transition-duration: 200ms;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
index 3a9dca1cee8..6c28389a03a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-function-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - motion rules
 ---
 
-Use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
-
 ```diff
 // Do
 + transition-duration: var(--p-duration-200);
 // Don't
 - transition-duration: 200ms;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
index 3fe28bb940f..0b6d9d80ba4 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/motion-global-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - motion rules
 ---
 
-Use Polaris [motion tokens](/tokens/motion) instead of custom styles so that motion is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that motion is in sync with updates from the design system.
-
 ```diff
 // Do
 + transition: var(--p-duration-100) var(--p-ease);
 // Don't
 - transition: var(--p-duration-1-0-0) var(--p-ease);
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js b/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
index 00202e016c5..6fa54d77556 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
@@ -126,16 +126,6 @@ function main() {
 }
 
 function getContent(ruleName, category, ruleContent) {
-  const resourceLink = getCategoryResourceLink(category);
-  const categoryIs = `${category} ${category.slice(-1) === 's' ? 'are' : 'is'}`;
-  const resourceText =
-    resourceLink && resourceLink !== ''
-      ? [
-          '',
-          `Use ${resourceLink} instead of custom styles so that ${categoryIs} consistent across the Admin. This helps merchants have a coherent user experience and also ensures that ${categoryIs} in sync with updates from the design system.`,
-        ]
-      : [];
-
   const template = [
     '---',
     `title: ${ruleName}`,
@@ -145,48 +135,12 @@ function getContent(ruleName, category, ruleContent) {
     `  - ${category}`,
     `  - ${category} rules`,
     '---',
-    ...resourceText,
     ...ruleContent,
-    '## Contribute',
-    '',
-    `Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:`,
-    '',
-    '- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution',
-    '- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion',
-    '- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition',
-    '',
-    '## Ignore failure',
-    '',
-    `In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.`,
-    '',
-    '```',
-    '// stylelint-disable-next-line -- why custom styles are being used instead of Polaris',
-    '```',
-    '',
   ];
 
   return template.join('\n');
 }
 
-function getCategoryResourceLink(category) {
-  const resourceLinks = {
-    conventions: '',
-    colors: 'Polaris [color tokens](/tokens/colors)',
-    motion: 'Polaris [motion tokens](/tokens/motion)',
-    typography:
-      'the [text component](/components/text) or [font tokens](/tokens/font)',
-    shape: 'Polaris [shape tokens](/tokens/shape)',
-    spacing: 'Polaris [spacking tokens](/tokens/spacing)',
-    depth: 'Polaris [depth tokens](/tokens/depth)',
-    'media queries':
-      'Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables)',
-    'z-index': 'Polaris [z-index tokens](/tokens/z-index)',
-    layout: 'Polaris [layout components](/components)',
-    legacy: 'Polaris [components](/components) or [tokens](/tokens)',
-  };
-  return resourceLinks[category];
-}
-
 function getIndexContent() {
   const rules = Object.keys(ruleDescriptions);
   const data = {};
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
index 0ae96461f8d..7466550c1da 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - shape rules
 ---
 
-Use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
-
 ```diff
 // Do
 + outline: var(--p-border-width-1) solid transparent;
@@ -27,19 +25,3 @@ NOTE: The `focus-ring` at rule does not currently have an equivalent token or co
 // Don't
 - @include focus-ring
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
index 0d2635abdbc..68ac4e8e5d4 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - shape rules
 ---
 
-Use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
-
 ```diff
 // Do
 + border-width: var(--p-border-width-2);
@@ -17,19 +15,3 @@ Use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape
 - border-width: 2px;
 - border-radius: 0.5rem;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
index 19be1f50bf7..dd0c155d0f3 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-function-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - shape rules
 ---
 
-Use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
-
 ```diff
 // Do
 + border-radius: var(--p-border-radius-base);
 // Don't
 - border-radius: border-radius();
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-global-disallowed-list.md
index 3c9495e21cb..a75eafc5db4 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/shape-global-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - shape rules
 ---
 
-Use Polaris [shape tokens](/tokens/shape) instead of custom styles so that shape is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that shape is in sync with updates from the design system.
-
 ```diff
 // Do
 + border-radius: var(--p-border-radius-2);
 // Don't
 - border-radius: var(--p-border-radius-wide);
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
index 43b882c06d2..863dd9dbd96 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - spacing rules
 ---
 
-Use Polaris [spacking tokens](/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing is in sync with updates from the design system.
-
 ```diff
 // Do
 + gap: var(--p-space-05);
@@ -17,19 +15,3 @@ Use Polaris [spacking tokens](/tokens/spacing) instead of custom styles so that
 - gap: 2px;
 - margin: 12px  0;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
index 13a1ab09de2..f6aab5b7a36 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-function-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - spacing rules
 ---
 
-Use Polaris [spacking tokens](/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing is in sync with updates from the design system.
-
 ```diff
 // Do
 + padding: var(--p-space-1);
 // Don't
 - padding: rem(4px);
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-global-disallowed-list.md
index a3442b5fb00..2e8f218c04d 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/spacing-global-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - spacing rules
 ---
 
-Use Polaris [spacking tokens](/tokens/spacing) instead of custom styles so that spacing is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that spacing is in sync with updates from the design system.
-
 ```diff
 // Do
 + margin-bottom: var(--p-space-1);
 // Don't
 - margin-bottom: var(--p-text-field-spinner-offset);
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
index 18d1fc058b8..cafdcaf2112 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - typography rules
 ---
 
-Use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
-
 ```diff
 // Do
 + <Text breakWord truncate />
@@ -16,19 +14,3 @@ Use the [text component](/components/text) or [font tokens](/tokens/font) instea
 - @include text-breakword;
 - @include truncate;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
index a6290503b73..fcb1b1e55fa 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - typography rules
 ---
 
-Use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
-
 ```diff
 // Do
 + font-size: var(--p-font-size-75);
@@ -17,19 +15,3 @@ Use the [text component](/components/text) or [font tokens](/tokens/font) instea
 - font-size: 12px;
 - line-height: 1.5rem
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
index 9f56ad24858..25c4982b082 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - typography rules
 ---
 
-Use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
-
 ```diff
 // Do
 + <Text fontWeight='bold' />
@@ -17,19 +15,3 @@ Use the [text component](/components/text) or [font tokens](/tokens/font) instea
 // Don't
 - font-weight: 700;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
index dc2d5f5a598..e53127da6a9 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-function-disallowed-list.md
@@ -7,8 +7,6 @@ keywords:
   - typography rules
 ---
 
-Use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
-
 ```diff
 // Do
 + <Text variant="headingXs" as="p" />
@@ -17,19 +15,3 @@ Use the [text component](/components/text) or [font tokens](/tokens/font) instea
 // Don't
 - font-size: font-size('caption');
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-global-disallowed-list.md
index ff3d80677ee..352a18d0518 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/typography-global-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - typography rules
 ---
 
-Use the [text component](/components/text) or [font tokens](/tokens/font) instead of custom styles so that typography is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that typography is in sync with updates from the design system.
-
 ```diff
 // Do
 + font-size: var(--p-font-size-200);
 // Don't
 - font-size: $base-font-size;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
index bd5ba6a7f21..915f3ed33b6 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - z-index rules
 ---
 
-Use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index is in sync with updates from the design system.
-
 ```diff
 // Do
 + z-index: var(--p-z-1);
 // Don't
 - z-index: 1;
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
index 9418447c357..f7586aab9de 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-function-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - z-index rules
 ---
 
-Use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index is in sync with updates from the design system.
-
 ```diff
 // Do
 + z-index: var(--p-z-1);
 // Don't
 - z-index: z-index(content);
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
index dee53ead308..d4c0068cc9a 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/z-index-global-disallowed-list.md
@@ -7,27 +7,9 @@ keywords:
   - z-index rules
 ---
 
-Use Polaris [z-index tokens](/tokens/z-index) instead of custom styles so that z-index is consistent across the Admin. This helps merchants have a coherent user experience and also ensures that z-index is in sync with updates from the design system.
-
 ```diff
 // Do
 + z-index: var(--p-z-1);
 // Don't
 - z-index(toast, $fixed-element-stacking-order);
 ```
-
-## Contribute
-
-Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:
-
-- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution
-- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion
-- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition
-
-## Ignore failure
-
-In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.
-
-```
-// stylelint-disable-next-line -- why custom styles are being used instead of Polaris
-```
diff --git a/polaris.shopify.com/pages/[...slug].tsx b/polaris.shopify.com/pages/[...slug].tsx
index f3b5df49e25..c2e855846ff 100644
--- a/polaris.shopify.com/pages/[...slug].tsx
+++ b/polaris.shopify.com/pages/[...slug].tsx
@@ -85,6 +85,7 @@ const catchAllTemplateExcludeList = [
 function fileShouldNotBeRenderedWithCatchAllTemplate(path: string): boolean {
   return (
     !path.startsWith('/components') &&
+    !path.includes('/tools/stylelint-polaris/rules/') &&
     !catchAllTemplateExcludeList.includes(path)
   );
 }
diff --git a/polaris.shopify.com/pages/tools/stylelint-polaris/rules/[rule].tsx b/polaris.shopify.com/pages/tools/stylelint-polaris/rules/[rule].tsx
new file mode 100644
index 00000000000..be23671d366
--- /dev/null
+++ b/polaris.shopify.com/pages/tools/stylelint-polaris/rules/[rule].tsx
@@ -0,0 +1,143 @@
+import type {GetStaticPaths, GetStaticProps, NextPage} from 'next';
+import fs from 'fs';
+import path from 'path';
+import globby from 'globby';
+
+import Page from '../../../../src/components/Page';
+import Longform from '../../../../src/components/Longform';
+import Markdown from '../../../../src/components/Markdown';
+import PageMeta from '../../../../src/components/PageMeta';
+import {parseMarkdown} from '../../../../src/utils/markdown.mjs';
+import {MarkdownFile} from '../../../../src/types';
+
+type CategoryMap = {
+  conventions: string;
+  colors: string;
+  motion: string;
+  typography: string;
+  shape: string;
+  spacing: string;
+  depth: string;
+  'media queries': string;
+  'z-index': string;
+  layout: string;
+  legacy: string;
+};
+
+type Category = keyof CategoryMap;
+
+const resourceLinks = {
+  conventions: '',
+  colors: 'Polaris [color tokens](/tokens/colors)',
+  motion: 'Polaris [motion tokens](/tokens/motion)',
+  typography:
+    'the [text component](/components/text) or [font tokens](/tokens/font)',
+  shape: 'Polaris [shape tokens](/tokens/shape)',
+  spacing: 'Polaris [spacking tokens](/tokens/spacing)',
+  depth: 'Polaris [depth tokens](/tokens/depth)',
+  'media queries':
+    'Polaris [breakpoint sass variables](/tokens/breakpoints#sass-variables)',
+  'z-index': 'Polaris [z-index tokens](/tokens/z-index)',
+  layout: 'Polaris [layout components](/components)',
+  legacy: 'Polaris [components](/components) or [tokens](/tokens)',
+};
+
+interface Props {
+  readme: MarkdownFile['readme'];
+  title: string;
+  description?: string;
+  editPageLinkPath: string;
+}
+
+const StylelintRulePage: NextPage<Props> = ({
+  readme,
+  title,
+  description,
+  editPageLinkPath,
+}: Props) => {
+  return (
+    <Page title={title} editPageLinkPath={editPageLinkPath}>
+      <PageMeta title={title} description={description} />
+      <Longform>
+        {description ? <Markdown text={description} /> : null}
+        <Markdown text={readme} />
+      </Longform>
+    </Page>
+  );
+};
+
+function getPageContent(title: string, readme: MarkdownFile['readme']) {
+  const category = title.split('/')[0] as Category;
+  const categoryIs = `${category} ${category.slice(-1) === 's' ? 'are' : 'is'}`;
+  const resourceText = resourceLinks[category]?.length
+    ? [
+        `Use ${resourceLinks[category]} instead of custom styles so that ${categoryIs} consistent across the Admin. This helps merchants have a coherent user experience and also ensures that ${categoryIs} in sync with the design system.`,
+      ]
+    : [];
+
+  return [
+    ...resourceText,
+    readme,
+    '## Contribute',
+    '',
+    `Have you found that merchants benefit from styles or components that aren't in Polaris? We'd love to learn more. You can jumpstart a contribution to Polaris in GitHub by:`,
+    '',
+    '- Starting a [discussion](https://github.com/Shopify/polaris/discussions/6750) to collaborate with the community to find a solution',
+    '- Submitting a [feature proposal issue](https://github.com/Shopify/polaris/issues/new?assignees=&labels=Feature+request&template=FEATURE_REQUEST.md) to share context on your suggestion',
+    '- Drafting a [pull request](https://github.com/Shopify/polaris/pulls) with your proposed improvement or addition',
+    '',
+    '## Ignore failure',
+    '',
+    `In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.`,
+    '',
+    '```',
+    '// stylelint-disable-next-line -- why custom styles are being used instead of Polaris',
+    '```',
+  ].join('\n');
+}
+
+export const getStaticProps: GetStaticProps<Props, {rule: string}> = async ({
+  params,
+}) => {
+  const rule = params?.rule;
+  const relativeMdPath = `content/tools/stylelint-polaris/rules/${rule}.md`;
+  const mdFilePath = path.resolve(process.cwd(), relativeMdPath);
+  const editPageLinkPath = `/polaris.shopify.com/${relativeMdPath}`;
+
+  if (fs.existsSync(mdFilePath)) {
+    const markdown = fs.readFileSync(mdFilePath, 'utf-8');
+    const {readme, frontMatter}: MarkdownFile = parseMarkdown(markdown);
+    const {title, description} = frontMatter;
+    const props: Props = {
+      title,
+      description: description || null,
+      readme: getPageContent(title, readme),
+      editPageLinkPath,
+    };
+
+    return {props};
+  } else {
+    return {notFound: true};
+  }
+};
+
+export const getStaticPaths: GetStaticPaths = async () => {
+  const globPath = [
+    path.resolve(process.cwd(), 'content/tools/stylelint-polaris/rules/*.md'),
+  ];
+  const paths = globby
+    .sync(globPath)
+    .filter((path) => !path.endsWith('index.md'))
+    .map((fileName: string) => {
+      return fileName
+        .replace(`${process.cwd()}/content`, '')
+        .replace('.md', '');
+    });
+
+  return {
+    paths,
+    fallback: false,
+  };
+};
+
+export default StylelintRulePage;

From 1a02771c928b826a12442952c7f9a99b264c3c04 Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Tue, 17 Jan 2023 03:30:52 +0000
Subject: [PATCH 14/19] remove temp generation files

---
 polaris-react/hi.txt                          | 3220 -----------------
 .../stylelint-polaris/rules/ruleMaker.js      |  176 -
 .../tools/stylelint-polaris/rules/temp.md     |  463 ---
 .../tools/stylelint-polaris/rules/[rule].tsx  |    2 +-
 4 files changed, 1 insertion(+), 3860 deletions(-)
 delete mode 100644 polaris-react/hi.txt
 delete mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
 delete mode 100644 polaris.shopify.com/content/tools/stylelint-polaris/rules/temp.md

diff --git a/polaris-react/hi.txt b/polaris-react/hi.txt
deleted file mode 100644
index c6a1c3362ce..00000000000
--- a/polaris-react/hi.txt
+++ /dev/null
@@ -1,3220 +0,0 @@
-
-playground/DetailsPage.scss
-  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
-  7:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
- 10:3  ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-
-src/styles/_common.scss
-  7:1  ✖  Unexpected @import in a partial  scss/partial-no-import
-  8:1  ✖  Unexpected @import in a partial  scss/partial-no-import
- 10:1  ✖  Unexpected @import in a partial  scss/partial-no-import
- 11:1  ✖  Unexpected @import in a partial  scss/partial-no-import
- 12:1  ✖  Unexpected @import in a partial  scss/partial-no-import
- 13:1  ✖  Unexpected @import in a partial  scss/partial-no-import
- 14:1  ✖  Unexpected @import in a partial  scss/partial-no-import
- 15:1  ✖  Unexpected @import in a partial  scss/partial-no-import
- 16:1  ✖  Unexpected @import in a partial  scss/partial-no-import
- 17:1  ✖  Unexpected @import in a partial  scss/partial-no-import
- 18:1  ✖  Unexpected @import in a partial  scss/partial-no-import
- 19:1  ✖  Unexpected @import in a partial  scss/partial-no-import
- 20:1  ✖  Unexpected @import in a partial  scss/partial-no-import
- 22:1  ✖  Unexpected @import in a partial  scss/partial-no-import
-
-src/styles/foundation/_focus-ring.scss
- 21:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
- 26:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
- 28:7  ✖  Unexpected value "1" for property "z-index" - Please use a Polaris z-index token                   polaris/z-index/declaration-property-value-allowed-list  
- 30:7  ⚠  Unexpected value "$negative-offset" for property "top" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
- 32:7  ⚠  Unexpected value "$negative-offset" for property "right" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
- 34:7  ⚠  Unexpected value "$negative-offset" for property "bottom" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 36:7  ⚠  Unexpected value "$negative-offset" for property "left" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
- 38:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
-
-src/styles/foundation/_layout.scss
- 19:1  ✖  Unexpected disallowed value "$navigation-width" - Please use a Polaris layout component  polaris/layout/polaris/global-disallowed-list
-
-src/styles/shared/_accessibility.scss
- 10:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                polaris/layout/property-disallowed-list                  
- 10:22  ✖  Unexpected !important                                                                 declaration-no-important                                 
- 15:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component       polaris/layout/declaration-property-value-disallowed-list
- 17:3   ⚠  Unexpected value "1px" for property "width" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
- 17:14  ✖  Unexpected !important                                                                 declaration-no-important                                 
- 19:3   ⚠  Unexpected value "1px" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 19:15  ✖  Unexpected !important                                                                 declaration-no-important                                 
- 20:13  ✖  Unexpected !important                                                                 declaration-no-important                                 
- 21:14  ✖  Unexpected !important                                                                 declaration-no-important                                 
- 22:20  ✖  Unexpected !important                                                                 declaration-no-important                                 
- 23:25  ✖  Unexpected !important                                                                 declaration-no-important                                 
- 24:13  ✖  Unexpected !important                                                                 declaration-no-important                                 
- 25:23  ✖  Unexpected !important                                                                 declaration-no-important                                 
-
-src/styles/shared/_buttons.scss
-  13:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                polaris/colors/polaris/at-rule-disallowed-list           
-  15:3  ✖  Unexpected @include rule "focus-ring($border-width: var(--p-border-width-1))" - Please use a Polaris shape token         polaris/shape/polaris/at-rule-disallowed-list            
-  17:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
-  19:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
-  21:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
-  23:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
-  52:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                              polaris/shape/polaris/at-rule-disallowed-list            
-  71:5  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                 polaris/colors/polaris/at-rule-disallowed-list           
-  81:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token                       polaris/colors/polaris/at-rule-disallowed-list           
-  91:3  ✖  Unexpected @include rule "focus-ring($border-width: 0)" - Please use a Polaris shape token                               polaris/shape/polaris/at-rule-disallowed-list            
-  93:3  ✖  Unexpected value "var(--pc-button-color)" for property "background" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
-  98:3  ✖  Unexpected value "var(--pc-button-text)" for property "color" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
- 102:5  ✖  Unexpected value "var(--pc-button-color-hover)" for property "background" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
- 105:5  ✖  Unexpected value "var(--pc-button-text)" for property "color" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
- 115:5  ✖  Unexpected value "var(--pc-button-color-active)" for property "background" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
- 122:5  ✖  Unexpected value "var(--pc-button-text)" for property "color" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
- 124:5  ✖  Unexpected value "var(--pc-button-color-depressed)" for property "background" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 131:7  ✖  Unexpected value "var(--pc-button-color-depressed)" for property "background" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 143:3  ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                             polaris/shape/polaris/at-rule-disallowed-list            
- 155:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                              polaris/shape/polaris/at-rule-disallowed-list            
- 173:5  ✖  Unexpected value "var(--pc-button-text)" for property "color" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
- 189:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-critical))" - Please use a Polaris color token                       polaris/colors/polaris/at-rule-disallowed-list           
- 199:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                              polaris/shape/polaris/at-rule-disallowed-list            
- 228:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
- 230:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                     polaris/layout/declaration-property-value-disallowed-list
-
-src/styles/shared/_controls.scss
- 20:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                     polaris/layout/property-disallowed-list                  
- 22:5  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                                  polaris/shape/polaris/global-disallowed-list             
- 29:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                     polaris/layout/property-disallowed-list                  
- 31:7  ⚠  Unexpected value "calc(-1 * var(--p-control-border-width))" for property "top" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
- 31:7  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                                  polaris/shape/polaris/global-disallowed-list             
- 33:7  ⚠  Unexpected value "calc(-1 * var(--p-control-border-width))" for property "right" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
- 33:7  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                                  polaris/shape/polaris/global-disallowed-list             
- 35:7  ⚠  Unexpected value "calc(-1 * var(--p-control-border-width))" for property "bottom" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 35:7  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                                  polaris/shape/polaris/global-disallowed-list             
- 37:7  ⚠  Unexpected value "calc(-1 * var(--p-control-border-width))" for property "left" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
- 37:7  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                                  polaris/shape/polaris/global-disallowed-list             
-
-src/styles/shared/_forms.scss
- 5:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-
-src/styles/shared/_interaction-state.scss
-  5:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list                  
-  7:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                             polaris/layout/declaration-property-value-disallowed-list
-  9:3  ⚠  Unexpected value "calc(-1 * var(--p-space-2))" for property "left" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 11:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                       polaris/layout/declaration-property-value-disallowed-list
- 13:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                  
- 15:3  ⚠  Unexpected value "var(--p-border-width-3)" for property "width" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
-
-src/styles/shared/_layout.scss
- 21:42  ✖  Expected "$value * 1px" instead of "#{$value}px". Consider writing "value" in terms of px originally.  scss/dimension-no-non-numeric-values
-
-src/styles/shared/_page.scss
- 24:3  ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                   polaris/layout/polaris/at-rule-disallowed-list    
- 26:3  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
- 28:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list           
- 30:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list           
-
-src/styles/shared/_responsive-props.scss
-  3:3  ✖  Unexpected custom property "--pc-#{$componentName}-#{$componentProp}-xs" - Please use a Polaris token or component                                                                                                                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list
-  4:3  ✖  Unexpected custom property "--pc-#{$componentName}-#{$componentProp}-sm" - Please use a Polaris token or component                                                                                                                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list
-  5:3  ✖  Unexpected custom property "--pc-#{$componentName}-#{$componentProp}-md" - Please use a Polaris token or component                                                                                                                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list
-  6:3  ✖  Unexpected custom property "--pc-#{$componentName}-#{$componentProp}-lg" - Please use a Polaris token or component                                                                                                                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list
-  7:3  ✖  Unexpected custom property "--pc-#{$componentName}-#{$componentProp}-xl" - Please use a Polaris token or component                                                                                                                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list
-  9:3  ✖  Unexpected value "var(--pc-#{$componentName}-#{$componentProp}-xs)" for property "#{$declarationProp}" - Please use a Polaris token or component                                                                                                                                                                                      polaris/conventions/polaris/custom-property-allowed-list
-  9:3  ✖  Unexpected empty line before declaration                                                                                                                                                                                                                                                                                              declaration-empty-line-before                           
- 12:5  ✖  Unexpected value "var(--pc-#{$componentName}-#{$componentProp}-sm, --pc-#{$componentName}-#{$componentProp}-xs)" for property "#{$declarationProp}" - Please use a Polaris token or component                                                                                                                                         polaris/conventions/polaris/custom-property-allowed-list
- 19:5  ✖  Unexpected value "var(--pc-#{$componentName}-#{$componentProp}-md, --pc-#{$componentName}-#{$componentProp}-sm, --pc-#{$componentName}-#{$componentProp}-xs)" for property "#{$declarationProp}" - Please use a Polaris token or component                                                                                            polaris/conventions/polaris/custom-property-allowed-list
- 29:5  ✖  Unexpected value "var(--pc-#{$componentName}-#{$componentProp}-lg, --pc-#{$componentName}-#{$componentProp}-md, --pc-#{$componentName}-#{$componentProp}-sm, --pc-#{$componentName}-#{$componentProp}-xs)" for property "#{$declarationProp}" - Please use a Polaris token or component                                               polaris/conventions/polaris/custom-property-allowed-list
- 42:5  ✖  Unexpected value "var(--pc-#{$componentName}-#{$componentProp}-xl, --pc-#{$componentName}-#{$componentProp}-lg, --pc-#{$componentName}-#{$componentProp}-md, --pc-#{$componentName}-#{$componentProp}-sm, --pc-#{$componentName}-#{$componentProp}-xs)" for property "#{$declarationProp}" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
-
-src/styles/shared/_typography.scss
-   3:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
-  15:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
-  26:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
-  52:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
-  66:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
-  80:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
-  94:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
-  97:3  ✖  Unexpected unit "px" for property "line-height" - Please use a Polaris font token or typography component  polaris/typography/declaration-property-unit-disallowed-list
- 101:5  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
- 103:5  ✖  Unexpected unit "px" for property "line-height" - Please use a Polaris font token or typography component  polaris/typography/declaration-property-unit-disallowed-list
- 120:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
- 126:5  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
-
-src/components/ActionList/ActionList.scss
-  14:3  ✖  Expected ".Section:not(:first-child) > .Section-withoutTitle .Actions" to have no more than 2 classes                                                                                                                         selector-max-class                                       
-  14:3  ✖  Expected ".Section:not(:first-child) > .Section-withoutTitle .Actions" to have no more than 1 combinator                                                                                                                      selector-max-combinators                                 
-  14:3  ✖  Expected ".Section:not(:first-child) > .Section-withoutTitle .Actions" to have a specificity no more than "0,3,0"                                                                                                             selector-max-specificity                                 
-  29:3  ✖  Expected ".ActionList > .Section-withoutTitle .Actions" to have no more than 2 classes                                                                                                                                        selector-max-class                                       
-  29:3  ✖  Expected ".Section:first-child > .Section-withoutTitle .Actions" to have no more than 2 classes                                                                                                                               selector-max-class                                       
-  29:3  ✖  Expected ".ActionList > .Section-withoutTitle .Actions" to have no more than 1 combinator                                                                                                                                     selector-max-combinators                                 
-  29:3  ✖  Expected ".Section:first-child > .Section-withoutTitle .Actions" to have no more than 1 combinator                                                                                                                            selector-max-combinators                                 
-  29:3  ✖  Expected ".Section:first-child > .Section-withoutTitle .Actions" to have a specificity no more than "0,3,0"                                                                                                                   selector-max-specificity                                 
-  37:3  ✖  Expected ".ActionList .Section .Actions" to have no more than 2 classes                                                                                                                                                       selector-max-class                                       
-  37:3  ✖  Expected ".ActionList .Section .Actions" to have no more than 1 combinator                                                                                                                                                    selector-max-combinators                                 
-  44:3  ✖  Unexpected custom property "--pc-action-list-image-size" - Please use a Polaris token or component                                                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
-  45:3  ✖  Unexpected custom property "--pc-action-list-item-min-height" - Please use a Polaris token or component                                                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
-  46:3  ✖  Unexpected custom property "--pc-action-list-item-vertical-padding" Unexpected value "var(--pc-action-list-item-min-height)" for property "--pc-action-list-item-vertical-padding" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  51:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                                                                                                          polaris/legacy/polaris/at-rule-disallowed-list           
-  53:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                                      polaris/shape/polaris/at-rule-disallowed-list            
-  55:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                         polaris/layout/property-disallowed-list                  
-  57:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                                          polaris/layout/declaration-property-value-disallowed-list
-  59:3  ✖  Unexpected value "var(--pc-action-list-item-min-height)" for property "min-height" - Please use a Polaris token or component                                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
-  64:3  ✖  Unexpected value "var(--pc-action-list-item-vertical-padding)" for property "padding" - Please use a Polaris token or component                                                                                               polaris/conventions/polaris/custom-property-allowed-list 
-  80:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token                                                                                                                              polaris/colors/polaris/at-rule-disallowed-list           
-  86:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                                                   polaris/shape/polaris/at-rule-disallowed-list            
-  96:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token                                                                                                                              polaris/colors/polaris/at-rule-disallowed-list           
- 101:7  ✖  Unexpected @include rule "list-selected-indicator" - Please use a Polaris token or component                                                                                                                                  polaris/legacy/polaris/at-rule-disallowed-list           
- 107:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-critical))" - Please use a Polaris color token                                                                                                                            polaris/colors/polaris/at-rule-disallowed-list           
- 115:5  ✖  Expected ".Item.destructive.active" to have no more than 2 classes                                                                                                                                                            selector-max-class                                       
- 126:5  ✖  Expected ".Item.disabled .Prefix" to have no more than 2 classes                                                                                                                                                              selector-max-class                                       
- 126:5  ✖  Expected ".Item.disabled .Suffix" to have no more than 2 classes                                                                                                                                                              selector-max-class                                       
- 129:7  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token                                                                                                                            polaris/colors/polaris/at-rule-disallowed-list           
- 136:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                         polaris/layout/property-disallowed-list                  
- 138:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                     polaris/layout/property-disallowed-list                  
- 143:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                                                                                                     polaris/colors/polaris/at-rule-disallowed-list           
- 145:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                         polaris/layout/property-disallowed-list                  
- 147:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                            polaris/layout/property-disallowed-list                  
- 149:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                                 polaris/layout/property-disallowed-list                  
- 151:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                     polaris/layout/property-disallowed-list                  
- 153:3  ⚠  Unexpected value "var(--pc-action-list-image-size)" for property "height" - Please use a Polaris layout component                                                                                                             polaris/layout/declaration-property-value-disallowed-list
- 153:3  ✖  Unexpected value "var(--pc-action-list-image-size)" for property "height" - Please use a Polaris token or component                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
- 155:3  ⚠  Unexpected value "var(--pc-action-list-image-size)" for property "width" - Please use a Polaris layout component                                                                                                              polaris/layout/declaration-property-value-disallowed-list
- 155:3  ✖  Unexpected value "var(--pc-action-list-image-size)" for property "width" - Please use a Polaris token or component                                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
- 161:3  ✖  Unexpected value "var(--pc-action-list-image-size, --pc-action-list-image-size)" for property "margin" - Please use a Polaris token or component                                                                              polaris/conventions/polaris/custom-property-allowed-list 
- 170:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                                                                                                     polaris/colors/polaris/at-rule-disallowed-list           
- 177:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                         polaris/layout/property-disallowed-list                  
- 182:3  ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                                                                                                                                            polaris/layout/polaris/at-rule-disallowed-list           
- 184:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                            polaris/layout/property-disallowed-list                  
-
-src/components/ActionMenu/ActionMenu.scss
-  4:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-  6:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
-  8:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component         polaris/layout/property-disallowed-list                  
- 12:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
- 12:19  ✖  Unexpected !important                                                                 declaration-no-important                                 
-
-src/components/AlphaStack/AlphaStack.scss
-  5:3  ✖  Unexpected custom property "--pc-stack-gap-xs" - Please use a Polaris token or component                                                                             polaris/conventions/polaris/custom-property-allowed-list 
-  6:3  ✖  Unexpected custom property "--pc-stack-gap-sm" Unexpected value "var(--pc-stack-gap-xs)" for property "--pc-stack-gap-sm" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  7:3  ✖  Unexpected custom property "--pc-stack-gap-md" Unexpected value "var(--pc-stack-gap-sm)" for property "--pc-stack-gap-md" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  8:3  ✖  Unexpected custom property "--pc-stack-gap-lg" Unexpected value "var(--pc-stack-gap-md)" for property "--pc-stack-gap-lg" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  9:3  ✖  Unexpected custom property "--pc-stack-gap-xl" Unexpected value "var(--pc-stack-gap-lg)" for property "--pc-stack-gap-xl" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 13:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                polaris/layout/property-disallowed-list                  
- 15:3  ✖  Unexpected value "var(--pc-stack-order)" for property "flex-direction" - Please use a Polaris token or component                                                     polaris/conventions/polaris/custom-property-allowed-list 
- 17:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                            polaris/layout/property-disallowed-list                  
- 17:3  ✖  Unexpected value "var(--pc-stack-align)" for property "align-items" - Please use a Polaris token or component                                                        polaris/conventions/polaris/custom-property-allowed-list 
- 19:3  ✖  Unexpected value "var(--pc-stack-gap-xs)" for property "gap" - Please use a Polaris token or component                                                               polaris/conventions/polaris/custom-property-allowed-list 
- 23:5  ✖  Unexpected value "var(--pc-stack-gap-sm)" for property "gap" - Please use a Polaris token or component                                                               polaris/conventions/polaris/custom-property-allowed-list 
- 28:5  ✖  Unexpected value "var(--pc-stack-gap-md)" for property "gap" - Please use a Polaris token or component                                                               polaris/conventions/polaris/custom-property-allowed-list 
- 33:5  ✖  Unexpected value "var(--pc-stack-gap-lg)" for property "gap" - Please use a Polaris token or component                                                               polaris/conventions/polaris/custom-property-allowed-list 
- 38:5  ✖  Unexpected value "var(--pc-stack-gap-xl)" for property "gap" - Please use a Polaris token or component                                                               polaris/conventions/polaris/custom-property-allowed-list 
- 58:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                 polaris/layout/declaration-property-value-disallowed-list
-
-src/components/AppProvider/AppProvider.scss
-  5:3   ✖  Unexpected custom property "--polaris-version-number" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list    
- 18:3   ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list          
- 29:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                     polaris/layout/property-disallowed-list                     
- 50:3   ✖  Unexpected hex color "#f6f6f7" - Please use a Polaris color token                                          polaris/colors/color-no-hex                                 
- 50:21  ✖  Unexpected hex color "#f6f6f7"                                                                             color-no-hex                                                
- 56:35  ✖  Unexpected !important                                                                                      declaration-no-important                                    
- 75:3   ✖  Unexpected unit "em" for property "font-size" - Please use a Polaris font token or typography component    polaris/typography/declaration-property-unit-disallowed-list
-
-src/components/AppProvider/global.scss
- 7:64  ✖  Unexpected extension ".scss" in imported partial name  scss/at-import-partial-extension-blacklist
-
-src/components/Autocomplete/Autocomplete.scss
- 3:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
- 5:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component         polaris/layout/property-disallowed-list                  
- 7:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component             polaris/layout/property-disallowed-list                  
- 9:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-
-src/components/Avatar/Avatar.scss
-   3:3  ✖  Unexpected custom property "--pc-avatar-extra-small-size" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
-   4:3  ✖  Unexpected custom property "--pc-avatar-small-size" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
-   5:3  ✖  Unexpected custom property "--pc-avatar-medium-size" - Please use a Polaris token or component                           polaris/conventions/polaris/custom-property-allowed-list 
-   6:3  ✖  Unexpected custom property "--pc-avatar-large-size" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
-   9:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
-  11:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
-  14:3  ✖  Unexpected value "var(--pc-avatar-extra-small-size)" for property "min-width" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  27:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
-  64:3  ⚠  Unexpected value "var(--pc-avatar-extra-small-size)" for property "width" - Please use a Polaris layout component        polaris/layout/declaration-property-value-disallowed-list
-  64:3  ✖  Unexpected value "var(--pc-avatar-extra-small-size)" for property "width" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
-  69:3  ⚠  Unexpected value "var(--pc-avatar-small-size)" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
-  69:3  ✖  Unexpected value "var(--pc-avatar-small-size)" for property "width" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
-  74:3  ⚠  Unexpected value "var(--pc-avatar-medium-size)" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
-  74:3  ✖  Unexpected value "var(--pc-avatar-medium-size)" for property "width" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list 
-  79:3  ⚠  Unexpected value "var(--pc-avatar-large-size)" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
-  79:3  ✖  Unexpected value "var(--pc-avatar-large-size)" for property "width" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
- 113:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
- 115:3  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
- 117:3  ⚠  Unexpected value "50%" for property "left" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
- 119:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                     polaris/layout/declaration-property-value-disallowed-list
- 121:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
- 129:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
- 131:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                          polaris/layout/declaration-property-value-disallowed-list
- 133:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
- 135:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
- 137:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
- 139:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
- 141:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                     polaris/layout/declaration-property-value-disallowed-list
- 143:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
- 148:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                     polaris/layout/declaration-property-value-disallowed-list
- 150:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
-
-src/components/Backdrop/Backdrop.scss
-  3:3  ⚠  Unexpected property "position" - Please use a Polaris layout component              polaris/layout/property-disallowed-list                  
-  6:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
-  8:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
- 10:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 12:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
- 14:3  ⚠  Unexpected property "display" - Please use a Polaris layout component               polaris/layout/property-disallowed-list                  
-
-src/components/Badge/Badge.scss
-  3:3  ✖  Unexpected custom property "--pc-badge-horizontal-padding" - Please use a Polaris token or component                                                 polaris/conventions/polaris/custom-property-allowed-list
-  4:3  ✖  Unexpected custom property "--pc-badge-vertical-padding" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list
-  7:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                polaris/layout/property-disallowed-list                 
-  9:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
- 11:3  ✖  Unexpected value "var(--pc-badge-vertical-padding, --pc-badge-horizontal-padding)" for property "padding" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 67:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                polaris/layout/property-disallowed-list                 
- 69:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
-
-src/components/Bleed/Bleed.scss
-  5:3  ✖  Unexpected custom property "--pc-bleed-margin-block-start-xs" - Please use a Polaris token or component                                                                                                              polaris/conventions/polaris/custom-property-allowed-list
-  6:3  ✖  Unexpected custom property "--pc-bleed-margin-block-start-sm" Unexpected value "var(--pc-bleed-margin-block-start-xs)" for property "--pc-bleed-margin-block-start-sm" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list
-  7:3  ✖  Unexpected custom property "--pc-bleed-margin-block-start-md" Unexpected value "var(--pc-bleed-margin-block-start-sm)" for property "--pc-bleed-margin-block-start-md" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list
-  8:3  ✖  Unexpected custom property "--pc-bleed-margin-block-start-lg" Unexpected value "var(--pc-bleed-margin-block-start-md)" for property "--pc-bleed-margin-block-start-lg" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list
-  9:3  ✖  Unexpected custom property "--pc-bleed-margin-block-start-xl" Unexpected value "var(--pc-bleed-margin-block-start-lg)" for property "--pc-bleed-margin-block-start-xl" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list
- 10:3  ✖  Unexpected custom property "--pc-bleed-margin-block-end-xs" - Please use a Polaris token or component                                                                                                                polaris/conventions/polaris/custom-property-allowed-list
- 11:3  ✖  Unexpected custom property "--pc-bleed-margin-block-end-sm" Unexpected value "var(--pc-bleed-margin-block-end-xs)" for property "--pc-bleed-margin-block-end-sm" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
- 12:3  ✖  Unexpected custom property "--pc-bleed-margin-block-end-md" Unexpected value "var(--pc-bleed-margin-block-end-sm)" for property "--pc-bleed-margin-block-end-md" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
- 13:3  ✖  Unexpected custom property "--pc-bleed-margin-block-end-lg" Unexpected value "var(--pc-bleed-margin-block-end-md)" for property "--pc-bleed-margin-block-end-lg" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
- 14:3  ✖  Unexpected custom property "--pc-bleed-margin-block-end-xl" Unexpected value "var(--pc-bleed-margin-block-end-lg)" for property "--pc-bleed-margin-block-end-xl" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
- 15:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-start-xs" - Please use a Polaris token or component                                                                                                             polaris/conventions/polaris/custom-property-allowed-list
- 16:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-start-sm" Unexpected value "var(--pc-bleed-margin-inline-start-xs)" for property "--pc-bleed-margin-inline-start-sm" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 17:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-start-md" Unexpected value "var(--pc-bleed-margin-inline-start-sm)" for property "--pc-bleed-margin-inline-start-md" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 18:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-start-lg" Unexpected value "var(--pc-bleed-margin-inline-start-md)" for property "--pc-bleed-margin-inline-start-lg" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 19:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-start-xl" Unexpected value "var(--pc-bleed-margin-inline-start-lg)" for property "--pc-bleed-margin-inline-start-xl" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 20:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-end-xs" - Please use a Polaris token or component                                                                                                               polaris/conventions/polaris/custom-property-allowed-list
- 21:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-end-sm" Unexpected value "var(--pc-bleed-margin-inline-end-xs)" for property "--pc-bleed-margin-inline-end-sm" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
- 22:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-end-md" Unexpected value "var(--pc-bleed-margin-inline-end-sm)" for property "--pc-bleed-margin-inline-end-md" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
- 23:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-end-lg" Unexpected value "var(--pc-bleed-margin-inline-end-md)" for property "--pc-bleed-margin-inline-end-lg" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
- 24:3  ✖  Unexpected custom property "--pc-bleed-margin-inline-end-xl" Unexpected value "var(--pc-bleed-margin-inline-end-lg)" for property "--pc-bleed-margin-inline-end-xl" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
- 27:3  ✖  Unexpected value "var(--pc-bleed-margin-block-start-xs)" for property "margin-block-start" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list
- 29:3  ✖  Unexpected value "var(--pc-bleed-margin-block-end-xs)" for property "margin-block-end" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list
- 31:3  ✖  Unexpected value "var(--pc-bleed-margin-inline-start-xs)" for property "margin-inline-start" - Please use a Polaris token or component                                                                               polaris/conventions/polaris/custom-property-allowed-list
- 33:3  ✖  Unexpected value "var(--pc-bleed-margin-inline-end-xs)" for property "margin-inline-end" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
- 37:5  ✖  Unexpected value "var(--pc-bleed-margin-block-start-sm)" for property "margin-block-start" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list
- 39:5  ✖  Unexpected value "var(--pc-bleed-margin-block-end-sm)" for property "margin-block-end" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list
- 41:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-start-sm)" for property "margin-inline-start" - Please use a Polaris token or component                                                                               polaris/conventions/polaris/custom-property-allowed-list
- 43:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-end-sm)" for property "margin-inline-end" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
- 48:5  ✖  Unexpected value "var(--pc-bleed-margin-block-start-md)" for property "margin-block-start" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list
- 50:5  ✖  Unexpected value "var(--pc-bleed-margin-block-end-md)" for property "margin-block-end" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list
- 52:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-start-md)" for property "margin-inline-start" - Please use a Polaris token or component                                                                               polaris/conventions/polaris/custom-property-allowed-list
- 54:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-end-md)" for property "margin-inline-end" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
- 59:5  ✖  Unexpected value "var(--pc-bleed-margin-block-start-lg)" for property "margin-block-start" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list
- 61:5  ✖  Unexpected value "var(--pc-bleed-margin-block-end-lg)" for property "margin-block-end" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list
- 63:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-start-lg)" for property "margin-inline-start" - Please use a Polaris token or component                                                                               polaris/conventions/polaris/custom-property-allowed-list
- 65:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-end-lg)" for property "margin-inline-end" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
- 70:5  ✖  Unexpected value "var(--pc-bleed-margin-block-start-xl)" for property "margin-block-start" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list
- 72:5  ✖  Unexpected value "var(--pc-bleed-margin-block-end-xl)" for property "margin-block-end" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list
- 74:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-start-xl)" for property "margin-inline-start" - Please use a Polaris token or component                                                                               polaris/conventions/polaris/custom-property-allowed-list
- 76:5  ✖  Unexpected value "var(--pc-bleed-margin-inline-end-xl)" for property "margin-inline-end" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
-
-src/components/Box/Box.scss
-  26:3   ✖  Unexpected custom property "--pc-box-shadow" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
-  27:3   ✖  Unexpected custom property "--pc-box-background" - Please use a Polaris token or component                                                                             polaris/conventions/polaris/custom-property-allowed-list 
-  28:3   ✖  Unexpected custom property "--pc-box-border-radius" - Please use a Polaris token or component                                                                          polaris/conventions/polaris/custom-property-allowed-list 
-  29:3   ✖  Unexpected custom property "--pc-box-border-radius-end-start" - Please use a Polaris token or component                                                                polaris/conventions/polaris/custom-property-allowed-list 
-  30:3   ✖  Unexpected custom property "--pc-box-border-radius-end-end" - Please use a Polaris token or component                                                                  polaris/conventions/polaris/custom-property-allowed-list 
-  31:3   ✖  Unexpected custom property "--pc-box-border-radius-start-start" - Please use a Polaris token or component                                                              polaris/conventions/polaris/custom-property-allowed-list 
-  32:3   ✖  Unexpected custom property "--pc-box-border-radius-start-end" - Please use a Polaris token or component                                                                polaris/conventions/polaris/custom-property-allowed-list 
-  33:3   ✖  Unexpected custom property "--pc-box-border" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
-  34:3   ✖  Unexpected custom property "--pc-box-border-block-end" - Please use a Polaris token or component                                                                       polaris/conventions/polaris/custom-property-allowed-list 
-  35:3   ✖  Unexpected custom property "--pc-box-border-inline-start" - Please use a Polaris token or component                                                                    polaris/conventions/polaris/custom-property-allowed-list 
-  36:3   ✖  Unexpected custom property "--pc-box-border-inline-end" - Please use a Polaris token or component                                                                      polaris/conventions/polaris/custom-property-allowed-list 
-  37:3   ✖  Unexpected custom property "--pc-box-border-block-start" - Please use a Polaris token or component                                                                     polaris/conventions/polaris/custom-property-allowed-list 
-  38:3   ✖  Unexpected custom property "--pc-box-color" - Please use a Polaris token or component                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
-  39:3   ✖  Unexpected custom property "--pc-box-min-height" - Please use a Polaris token or component                                                                             polaris/conventions/polaris/custom-property-allowed-list 
-  40:3   ✖  Unexpected custom property "--pc-box-min-width" - Please use a Polaris token or component                                                                              polaris/conventions/polaris/custom-property-allowed-list 
-  41:3   ✖  Unexpected custom property "--pc-box-max-width" - Please use a Polaris token or component                                                                              polaris/conventions/polaris/custom-property-allowed-list 
-  42:3   ✖  Unexpected custom property "--pc-box-outline" - Please use a Polaris token or component                                                                                polaris/conventions/polaris/custom-property-allowed-list 
-  43:3   ✖  Unexpected custom property "--pc-box-overflow-x" - Please use a Polaris token or component                                                                             polaris/conventions/polaris/custom-property-allowed-list 
-  44:3   ✖  Unexpected custom property "--pc-box-overflow-y" - Please use a Polaris token or component                                                                             polaris/conventions/polaris/custom-property-allowed-list 
-  45:3   ✖  Unexpected custom property "--pc-box-width" - Please use a Polaris token or component                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
-  46:3   ✖  Unexpected custom property "--pc-box-border-width" - Please use a Polaris token or component                                                                           polaris/conventions/polaris/custom-property-allowed-list 
-  47:3   ✖  Unexpected custom property "--pc-box-inset-block-start" - Please use a Polaris token or component                                                                      polaris/conventions/polaris/custom-property-allowed-list 
-  48:3   ✖  Unexpected custom property "--pc-box-inset-block-end" - Please use a Polaris token or component                                                                        polaris/conventions/polaris/custom-property-allowed-list 
-  49:3   ✖  Unexpected custom property "--pc-box-inset-inline-start" - Please use a Polaris token or component                                                                     polaris/conventions/polaris/custom-property-allowed-list 
-  50:3   ✖  Unexpected custom property "--pc-box-inset-inline-end" - Please use a Polaris token or component                                                                       polaris/conventions/polaris/custom-property-allowed-list 
-  53:3   ✖  Unexpected value "var(--pc-box-inset-block-start)" for property "inset-block-start" - Please use a Polaris token or component                                          polaris/conventions/polaris/custom-property-allowed-list 
-  55:3   ✖  Unexpected value "var(--pc-box-inset-block-end)" for property "inset-block-end" - Please use a Polaris token or component                                              polaris/conventions/polaris/custom-property-allowed-list 
-  57:3   ✖  Unexpected value "var(--pc-box-inset-inline-start)" for property "inset-inline-start" - Please use a Polaris token or component                                        polaris/conventions/polaris/custom-property-allowed-list 
-  59:3   ✖  Unexpected value "var(--pc-box-inset-inline-end)" for property "inset-inline-end" - Please use a Polaris token or component                                            polaris/conventions/polaris/custom-property-allowed-list 
-  61:3   ✖  Unexpected value "var(--pc-box-background)" for property "background-color" - Please use a Polaris token or component                                                  polaris/conventions/polaris/custom-property-allowed-list 
-  63:3   ✖  Unexpected value "var(--pc-box-shadow)" for property "box-shadow" - Please use a Polaris token or component                                                            polaris/conventions/polaris/custom-property-allowed-list 
-  65:3   ✖  Unexpected value "var(--pc-box-border-radius)" for property "border-radius" - Please use a Polaris token or component                                                  polaris/conventions/polaris/custom-property-allowed-list 
-  67:3   ✖  Unexpected value "var(--pc-box-border-radius-end-start, --pc-box-border-radius)" for property "border-end-start-radius" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
-  73:3   ✖  Unexpected value "var(--pc-box-border-radius-end-end, --pc-box-border-radius)" for property "border-end-end-radius" - Please use a Polaris token or component          polaris/conventions/polaris/custom-property-allowed-list 
-  79:3   ✖  Unexpected value "var(--pc-box-border-radius-start-start, --pc-box-border-radius)" for property "border-start-start-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  85:3   ✖  Unexpected value "var(--pc-box-border-radius-start-end, --pc-box-border-radius)" for property "border-start-end-radius" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
-  91:3   ✖  Unexpected value "var(--pc-box-border-block-end, --pc-box-border)" for property "border-block-end" - Please use a Polaris token or component                           polaris/conventions/polaris/custom-property-allowed-list 
-  93:3   ✖  Unexpected value "var(--pc-box-border-inline-start, --pc-box-border)" for property "border-inline-start" - Please use a Polaris token or component                     polaris/conventions/polaris/custom-property-allowed-list 
-  95:3   ✖  Unexpected value "var(--pc-box-border-inline-end, --pc-box-border)" for property "border-inline-end" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
-  97:3   ✖  Unexpected value "var(--pc-box-border-block-start, --pc-box-border)" for property "border-block-start" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list 
-  99:3   ✖  Unexpected value "var(--pc-box-border-block-start-width, --pc-box-border-width)" for property "border-block-start-width" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
- 105:3   ✖  Unexpected value "var(--pc-box-border-block-end-width, --pc-box-border-width)" for property "border-block-end-width" - Please use a Polaris token or component         polaris/conventions/polaris/custom-property-allowed-list 
- 111:3   ✖  Unexpected value "var(--pc-box-border-inline-start-width, --pc-box-border-width)" for property "border-inline-start-width" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
- 117:3   ✖  Unexpected value "var(--pc-box-border-inline-end-width, --pc-box-border-width)" for property "border-inline-end-width" - Please use a Polaris token or component       polaris/conventions/polaris/custom-property-allowed-list 
- 123:3   ✖  Unexpected value "var(--pc-box-color)" for property "color" - Please use a Polaris token or component                                                                  polaris/conventions/polaris/custom-property-allowed-list 
- 125:3   ✖  Unexpected value "var(--pc-box-min-height)" for property "min-height" - Please use a Polaris token or component                                                        polaris/conventions/polaris/custom-property-allowed-list 
- 127:3   ✖  Unexpected value "var(--pc-box-min-width)" for property "min-width" - Please use a Polaris token or component                                                          polaris/conventions/polaris/custom-property-allowed-list 
- 129:3   ✖  Unexpected value "var(--pc-box-max-width)" for property "max-width" - Please use a Polaris token or component                                                          polaris/conventions/polaris/custom-property-allowed-list 
- 131:3   ✖  Unexpected value "var(--pc-box-outline)" for property "outline" - Please use a Polaris token or component                                                              polaris/conventions/polaris/custom-property-allowed-list 
- 133:3   ✖  Unexpected value "var(--pc-box-overflow-x)" for property "overflow-x" - Please use a Polaris token or component                                                        polaris/conventions/polaris/custom-property-allowed-list 
- 135:3   ✖  Unexpected value "var(--pc-box-overflow-y)" for property "overflow-y" - Please use a Polaris token or component                                                        polaris/conventions/polaris/custom-property-allowed-list 
- 137:3   ⚠  Unexpected value "var(--pc-box-width)" for property "width" - Please use a Polaris layout component                                                                    polaris/layout/declaration-property-value-disallowed-list
- 137:3   ✖  Unexpected value "var(--pc-box-width)" for property "width" - Please use a Polaris token or component                                                                  polaris/conventions/polaris/custom-property-allowed-list 
- 143:3   ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                                                                   polaris/legacy/polaris/at-rule-disallowed-list           
- 149:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                  
- 149:19  ✖  Unexpected !important                                                                                                                                                  declaration-no-important                                 
-
-src/components/Banner/Banner.scss
-   5:3  ✖  Unexpected custom property "--pc-banner-background" - Please use a Polaris token or component                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
-   6:3  ✖  Unexpected disallowed value "--p-banner-border-default" - Please use a Polaris shape token                                                                                               polaris/shape/polaris/global-disallowed-list             
-   6:3  ✖  Unexpected custom property "--pc-banner-border" - Please use a Polaris token or component                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
-  11:3  ✖  Unexpected value "var(--pc-banner-border)" for property "box-shadow" - Please use a Polaris token or component                                                                           polaris/conventions/polaris/custom-property-allowed-list 
-  16:5  ✖  Unexpected @include rule "focus-ring('wide')" - Please use a Polaris shape token                                                                                                         polaris/shape/polaris/at-rule-disallowed-list            
-  19:5  ✖  Unexpected value "var(--pc-banner-background)" for property "background-color" - Please use a Polaris token or component                                                                 polaris/conventions/polaris/custom-property-allowed-list 
-  22:5  ✖  Unexpected @include rule "focus-ring('base')" - Please use a Polaris shape token                                                                                                         polaris/shape/polaris/at-rule-disallowed-list            
-  25:5  ✖  Unexpected value "var(--pc-banner-background)" for property "background-color" - Please use a Polaris token or component                                                                 polaris/conventions/polaris/custom-property-allowed-list 
-  34:5  ✖  Unexpected value "var(--pc-banner-border)" for property "box-shadow" - Please use a Polaris token or component                                                                           polaris/conventions/polaris/custom-property-allowed-list 
-  36:5  ✖  Unexpected @include rule "focus-ring('wide', $style: 'focused')" - Please use a Polaris shape token                                                                                      polaris/shape/polaris/at-rule-disallowed-list            
-  41:5  ✖  Unexpected custom property "--pc-banner-background" - Please use a Polaris token or component                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
-  42:5  ✖  Unexpected disallowed value "--p-banner-border-success" - Please use a Polaris shape token                                                                                               polaris/shape/polaris/global-disallowed-list             
-  42:5  ✖  Unexpected custom property "--pc-banner-border" - Please use a Polaris token or component                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
-  48:5  ✖  Unexpected custom property "--pc-banner-background" - Please use a Polaris token or component                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
-  49:5  ✖  Unexpected disallowed value "--p-banner-border-highlight" - Please use a Polaris shape token                                                                                             polaris/shape/polaris/global-disallowed-list             
-  49:5  ✖  Unexpected custom property "--pc-banner-border" - Please use a Polaris token or component                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
-  55:5  ✖  Unexpected custom property "--pc-banner-background" - Please use a Polaris token or component                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
-  56:5  ✖  Unexpected disallowed value "--p-banner-border-warning" - Please use a Polaris shape token                                                                                               polaris/shape/polaris/global-disallowed-list             
-  56:5  ✖  Unexpected custom property "--pc-banner-border" - Please use a Polaris token or component                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
-  62:5  ✖  Unexpected custom property "--pc-banner-background" - Please use a Polaris token or component                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
-  63:5  ✖  Unexpected disallowed value "--p-banner-border-critical" - Please use a Polaris shape token                                                                                              polaris/shape/polaris/global-disallowed-list             
-  63:5  ✖  Unexpected custom property "--pc-banner-border" - Please use a Polaris token or component                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
-  70:3  ✖  Unexpected custom property "--pc-banner-secondary-action-horizontal-padding" - Please use a Polaris token or component                                                                   polaris/conventions/polaris/custom-property-allowed-list 
-  71:3  ✖  Unexpected custom property "--pc-banner-secondary-action-vertical-padding" - Please use a Polaris token or component                                                                     polaris/conventions/polaris/custom-property-allowed-list 
-  74:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
-  76:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                    polaris/layout/property-disallowed-list                  
-  79:3  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button" to have no more than 2 classes                                                                                                   selector-max-class                                       
-  79:3  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button" to have a specificity no more than "0,3,0"                                                                                       selector-max-specificity                                 
-  83:5  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button:hover" to have no more than 2 classes                                                                                             selector-max-class                                       
-  83:5  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button:hover" to have a specificity no more than "0,3,0"                                                                                 selector-max-specificity                                 
-  88:5  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button:active" to have no more than 2 classes                                                                                            selector-max-class                                       
-  88:5  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button:active" to have a specificity no more than "0,3,0"                                                                                selector-max-specificity                                 
-  93:5  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button:focus:not(:active)" to have no more than 2 classes                                                                                selector-max-class                                       
-  93:5  ✖  Expected ".Banner.statusCritical .PrimaryAction.Button:focus:not(:active)" to have a specificity no more than "0,3,0"                                                                    selector-max-specificity                                 
-  99:3  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button" to have no more than 2 classes                                                                                                    selector-max-class                                       
-  99:3  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button" to have a specificity no more than "0,3,0"                                                                                        selector-max-specificity                                 
- 103:5  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button:hover" to have no more than 2 classes                                                                                              selector-max-class                                       
- 103:5  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button:hover" to have a specificity no more than "0,3,0"                                                                                  selector-max-specificity                                 
- 108:5  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button:active" to have no more than 2 classes                                                                                             selector-max-class                                       
- 108:5  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button:active" to have a specificity no more than "0,3,0"                                                                                 selector-max-specificity                                 
- 113:5  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button:focus:not(:active)" to have no more than 2 classes                                                                                 selector-max-class                                       
- 113:5  ✖  Expected ".Banner.statusWarning .PrimaryAction.Button:focus:not(:active)" to have a specificity no more than "0,3,0"                                                                     selector-max-specificity                                 
- 119:3  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button" to have no more than 2 classes                                                                                                       selector-max-class                                       
- 119:3  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button" to have a specificity no more than "0,3,0"                                                                                           selector-max-specificity                                 
- 123:5  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button:hover" to have no more than 2 classes                                                                                                 selector-max-class                                       
- 123:5  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button:hover" to have a specificity no more than "0,3,0"                                                                                     selector-max-specificity                                 
- 128:5  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button:active" to have no more than 2 classes                                                                                                selector-max-class                                       
- 128:5  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button:active" to have a specificity no more than "0,3,0"                                                                                    selector-max-specificity                                 
- 133:5  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button:focus:not(:active)" to have no more than 2 classes                                                                                    selector-max-class                                       
- 133:5  ✖  Expected ".Banner.statusInfo .PrimaryAction.Button:focus:not(:active)" to have a specificity no more than "0,3,0"                                                                        selector-max-specificity                                 
- 139:3  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button" to have no more than 2 classes                                                                                                    selector-max-class                                       
- 139:3  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button" to have a specificity no more than "0,3,0"                                                                                        selector-max-specificity                                 
- 143:5  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button:hover" to have no more than 2 classes                                                                                              selector-max-class                                       
- 143:5  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button:hover" to have a specificity no more than "0,3,0"                                                                                  selector-max-specificity                                 
- 148:5  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button:active" to have no more than 2 classes                                                                                             selector-max-class                                       
- 148:5  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button:active" to have a specificity no more than "0,3,0"                                                                                 selector-max-specificity                                 
- 153:5  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button:focus:not(:active)" to have no more than 2 classes                                                                                 selector-max-class                                       
- 153:5  ✖  Expected ".Banner.statusSuccess .PrimaryAction.Button:focus:not(:active)" to have a specificity no more than "0,3,0"                                                                     selector-max-specificity                                 
- 166:5  ⚠  Unexpected value "var(--p-space-4)" for property "top" - Please use a Polaris layout component                                                                                           polaris/layout/declaration-property-value-disallowed-list
- 168:5  ⚠  Unexpected value "var(--p-space-3)" for property "right" - Please use a Polaris layout component                                                                                         polaris/layout/declaration-property-value-disallowed-list
- 170:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
- 196:5  ⚠  Unexpected value "var(--p-space-4)" for property "right" - Please use a Polaris layout component                                                                                         polaris/layout/declaration-property-value-disallowed-list
- 198:5  ⚠  Unexpected value "var(--p-space-5)" for property "top" - Please use a Polaris layout component                                                                                           polaris/layout/declaration-property-value-disallowed-list
- 200:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
- 206:3  ✖  Unexpected disallowed value "--p-icon-size" - Please use a Polaris layout component                                                                                                      polaris/layout/polaris/global-disallowed-list            
- 215:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                                                                     polaris/legacy/polaris/at-rule-disallowed-list           
- 217:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                    polaris/layout/property-disallowed-list                  
- 221:3  ✖  Unexpected value "var(--pc-banner-secondary-action-vertical-padding, --pc-banner-secondary-action-horizontal-padding)" for property "margin" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
- 225:3  ✖  Unexpected value "var(--pc-banner-secondary-action-vertical-padding, --pc-banner-secondary-action-horizontal-padding)" for property "padding" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 241:5  ✖  Unexpected @include rule "plain-button-backdrop" - Please use a Polaris token or component                                                                                               polaris/legacy/polaris/at-rule-disallowed-list           
- 243:5  ✖  Unexpected @include rule "high-contrast-button-outline" - Please use a Polaris shape token                                                                                               polaris/shape/polaris/at-rule-disallowed-list            
- 245:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                              polaris/shape/polaris/at-rule-disallowed-list            
- 257:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                 polaris/shape/polaris/at-rule-disallowed-list            
- 262:3  ✖  Unexpected @include rule "button-base" - Please use a Polaris token or component                                                                                                         polaris/legacy/polaris/at-rule-disallowed-list           
- 264:3  ✖  Unexpected @include rule "focus-ring($border-width: 2px)" - Please use a Polaris shape token                                                                                             polaris/shape/polaris/at-rule-disallowed-list            
- 274:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                              polaris/shape/polaris/at-rule-disallowed-list            
- 280:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
- 287:3  ✖  Unexpected custom property "--pc-spinner-size" - Please use a Polaris token or component                                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
- 289:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
- 291:3  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list
- 293:3  ⚠  Unexpected value "50%" for property "left" - Please use a Polaris layout component                                                                                                       polaris/layout/declaration-property-value-disallowed-list
- 295:3  ✖  Unexpected value "var(--pc-spinner-size)" for property "margin-top" - Please use a Polaris token or component                                                                            polaris/conventions/polaris/custom-property-allowed-list 
- 297:3  ✖  Unexpected value "var(--pc-spinner-size)" for property "margin-left" - Please use a Polaris token or component                                                                           polaris/conventions/polaris/custom-property-allowed-list 
-
-src/components/Breadcrumbs/Breadcrumbs.scss
-  5:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                            polaris/legacy/polaris/at-rule-disallowed-list           
-  7:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
-  9:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
- 11:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                       polaris/layout/property-disallowed-list                  
- 13:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 15:3  ✖  Unexpected function "control-height" - Please use a Polaris layout component                                                                    polaris/layout/function-disallowed-list                  
- 17:3  ✖  Unexpected function "control-height" - Please use a Polaris layout component                                                                    polaris/layout/function-disallowed-list                  
- 25:3  ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                                                    polaris/shape/polaris/at-rule-disallowed-list            
- 42:7  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-pressed))" - Please use a Polaris color token                                               polaris/colors/polaris/at-rule-disallowed-list           
- 52:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                     polaris/shape/polaris/at-rule-disallowed-list            
- 58:3  ✖  Unexpected @include rule "truncate" - Please use a Polaris font token or typography component                                                   polaris/typography/polaris/at-rule-disallowed-list       
- 60:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
- 65:3  ✖  Unexpected custom property "--pc-breadcrumbs-icon-size" - Please use a Polaris token or component                                               polaris/conventions/polaris/custom-property-allowed-list 
- 67:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                       polaris/colors/polaris/at-rule-disallowed-list           
- 69:3  ⚠  Unexpected value "var(--pc-breadcrumbs-icon-size)" for property "width" - Please use a Polaris layout component                                 polaris/layout/declaration-property-value-disallowed-list
- 69:3  ✖  Unexpected value "var(--pc-breadcrumbs-icon-size)" for property "width" - Please use a Polaris token or component                               polaris/conventions/polaris/custom-property-allowed-list 
- 71:3  ⚠  Unexpected value "var(--pc-breadcrumbs-icon-size)" for property "height" - Please use a Polaris layout component                                polaris/layout/declaration-property-value-disallowed-list
- 71:3  ✖  Unexpected value "var(--pc-breadcrumbs-icon-size)" for property "height" - Please use a Polaris token or component                              polaris/conventions/polaris/custom-property-allowed-list 
- 73:3  ✖  Unexpected value "var(--pc-breadcrumbs-icon-size, --pc-breadcrumbs-icon-size)" for property "margin" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-
-src/components/BulkActions/BulkActions.scss
-  10:3  ✖  Unexpected custom property "--p-surface" - Please use a Polaris token or component                     polaris/conventions/polaris/custom-property-allowed-list 
-  11:3  ✖  Unexpected custom property "--p-text" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list 
-  12:3  ✖  Unexpected custom property "--p-icon" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list 
-  13:3  ✖  Unexpected custom property "--p-border-neutral-subdued" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
-  14:3  ✖  Unexpected custom property "--p-border-subdued" - Please use a Polaris token or component              polaris/conventions/polaris/custom-property-allowed-list 
-  15:3  ✖  Unexpected custom property "--p-border-shadow-subdued" - Please use a Polaris token or component       polaris/conventions/polaris/custom-property-allowed-list 
-  16:3  ✖  Unexpected custom property "--p-action-secondary-hovered" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
-  17:3  ✖  Unexpected custom property "--p-action-secondary-pressed" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
-  20:3  ✖  Unexpected @include rule "text-style-input" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list       
-  22:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
-  24:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
-  28:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
-  30:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
-  46:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
-  52:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
-  59:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
-  65:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
-  72:3  ⚠  Unexpected value "auto" for property "width" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
-  74:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
-  83:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                 polaris/layout/property-disallowed-list                  
-  85:5  ⚠  Unexpected value "auto" for property "width" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
-  94:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
- 100:3  ✖  Unexpected @include rule "base-button-disabled" - Please use a Polaris token or component              polaris/legacy/polaris/at-rule-disallowed-list           
-
-src/components/Button/Button.scss
-   5:3  ✖  Unexpected custom property "--pc-button-slim-min-height" - Please use a Polaris token or component                                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
-   6:3  ✖  Unexpected custom property "--pc-button-large-min-height" - Please use a Polaris token or component                                                                                                               polaris/conventions/polaris/custom-property-allowed-list 
-   7:3  ✖  Unexpected custom property "--pc-button-vertical-padding" - Please use a Polaris token or component                                                                                                               polaris/conventions/polaris/custom-property-allowed-list 
-  10:3  ✖  Unexpected custom property "--pc-button-slim-vertical-padding" Unexpected value "var(--pc-button-slim-min-height)" for property "--pc-button-slim-vertical-padding" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
-  16:3  ✖  Unexpected custom property "--pc-button-large-vertical-padding" Unexpected value "var(--pc-button-large-min-height)" for property "--pc-button-large-vertical-padding" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  22:3  ✖  Unexpected custom property "--pc-button-spinner-size" - Please use a Polaris token or component                                                                                                                   polaris/conventions/polaris/custom-property-allowed-list 
-  23:3  ✖  Unexpected custom property "--pc-button-segment" - Please use a Polaris token or component                                                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
-  24:3  ✖  Unexpected custom property "--pc-button-focused" - Please use a Polaris token or component                                                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
-  25:3  ✖  Unexpected custom property "--pc-button-disclosure-icon-offset" - Please use a Polaris token or component                                                                                                         polaris/conventions/polaris/custom-property-allowed-list 
-  28:3  ✖  Unexpected @include rule "button-base" - Please use a Polaris token or component                                                                                                                                  polaris/legacy/polaris/at-rule-disallowed-list           
-  32:5  ✖  Unexpected @include rule "base-button-disabled" - Please use a Polaris token or component                                                                                                                         polaris/legacy/polaris/at-rule-disallowed-list           
-  37:5  ✖  Unexpected value "var(--pc-button-segment)" for property "z-index" - Please use a Polaris z-index token                                                                                                           polaris/z-index/declaration-property-value-allowed-list  
-  37:5  ✖  Unexpected value "var(--pc-button-segment)" for property "z-index" - Please use a Polaris token or component                                                                                                      polaris/conventions/polaris/custom-property-allowed-list 
-  48:7  ✖  Unexpected value "var(--pc-button-focused)" for property "z-index" - Please use a Polaris z-index token                                                                                                           polaris/z-index/declaration-property-value-allowed-list  
-  48:7  ✖  Unexpected value "var(--pc-button-focused)" for property "z-index" - Please use a Polaris token or component                                                                                                      polaris/conventions/polaris/custom-property-allowed-list 
-  60:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                            polaris/layout/property-disallowed-list                  
-  62:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                             polaris/layout/property-disallowed-list                  
-  64:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
-  66:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                         polaris/layout/property-disallowed-list                  
-  72:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                              polaris/layout/declaration-property-value-disallowed-list
-  78:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
-  83:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
-  89:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
-  94:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
- 100:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
- 106:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
- 111:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
- 117:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
- 122:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                     polaris/layout/property-disallowed-list                  
- 135:5  ✖  Unexpected value "var(--pc-button-disclosure-icon-offset)" for property "margin-right" - Please use a Polaris token or component                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
- 140:3  ✖  Expected ".fullWidth.textAlignLeft .Icon:last-child:not(:only-child)" to have no more than 2 classes                                                                                                              selector-max-class                                       
- 140:3  ✖  Expected ".fullWidth.textAlignLeft .Icon:last-child:not(:only-child)" to have a specificity no more than "0,3,0"                                                                                                  selector-max-specificity                                 
- 155:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                            polaris/layout/property-disallowed-list                  
- 157:3  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                                                                                                                 polaris/layout/declaration-property-value-disallowed-list
- 159:3  ⚠  Unexpected value "50%" for property "left" - Please use a Polaris layout component                                                                                                                                polaris/layout/declaration-property-value-disallowed-list
- 161:3  ✖  Unexpected value "var(--pc-button-spinner-size)" for property "margin-top" - Please use a Polaris token or component                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
- 163:3  ✖  Unexpected value "var(--pc-button-spinner-size)" for property "margin-left" - Please use a Polaris token or component                                                                                             polaris/conventions/polaris/custom-property-allowed-list 
- 169:3  ✖  Unexpected @include rule "button-filled" - Please use a Polaris token or component                                                                                                                                polaris/legacy/polaris/at-rule-disallowed-list           
- 173:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token                                                                                                                polaris/colors/polaris/at-rule-disallowed-list           
- 182:3  ✖  Unexpected custom property "--pc-button-color" - Please use a Polaris token or component                                                                                                                          polaris/conventions/polaris/custom-property-allowed-list 
- 183:3  ✖  Unexpected custom property "--pc-button-text" - Please use a Polaris token or component                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
- 184:3  ✖  Unexpected custom property "--pc-button-color-hover" - Please use a Polaris token or component                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list 
- 185:3  ✖  Unexpected custom property "--pc-button-color-active" - Please use a Polaris token or component                                                                                                                   polaris/conventions/polaris/custom-property-allowed-list 
- 186:3  ✖  Unexpected custom property "--pc-button-color-depressed" - Please use a Polaris token or component                                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
- 189:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-on-primary))" - Please use a Polaris color token                                                                                                              polaris/colors/polaris/at-rule-disallowed-list           
- 198:3  ✖  Unexpected custom property "--pc-button-color" - Please use a Polaris token or component                                                                                                                          polaris/conventions/polaris/custom-property-allowed-list 
- 199:3  ✖  Unexpected custom property "--pc-button-text" - Please use a Polaris token or component                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
- 200:3  ✖  Unexpected custom property "--pc-button-color-hover" - Please use a Polaris token or component                                                                                                                    polaris/conventions/polaris/custom-property-allowed-list 
- 201:3  ✖  Unexpected custom property "--pc-button-color-active" - Please use a Polaris token or component                                                                                                                   polaris/conventions/polaris/custom-property-allowed-list 
- 202:3  ✖  Unexpected custom property "--pc-button-color-depressed" - Please use a Polaris token or component                                                                                                                polaris/conventions/polaris/custom-property-allowed-list 
- 205:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-on-critical))" - Please use a Polaris color token                                                                                                             polaris/colors/polaris/at-rule-disallowed-list           
- 214:3  ✖  Unexpected @include rule "button-outline(var(--p-border))" - Please use a Polaris token or component                                                                                                              polaris/legacy/polaris/at-rule-disallowed-list           
- 224:3  ✖  Unexpected @include rule "button-outline(var(--p-border-critical))" - Please use a Polaris token or component                                                                                                     polaris/legacy/polaris/at-rule-disallowed-list           
- 234:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                            polaris/layout/property-disallowed-list                  
- 253:3  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token                                                                                                                  polaris/colors/polaris/at-rule-disallowed-list           
- 255:3  ✖  Unexpected value "var(--pc-button-vertical-padding)" for property "margin" - Please use a Polaris token or component                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
- 267:5  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                          polaris/shape/polaris/at-rule-disallowed-list            
- 273:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive-hovered))" - Please use a Polaris color token                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
- 278:5  ✖  Expected ".plain:focus:not(.disabled):not(.removeUnderline)" to have a specificity no more than "0,3,0"                                                                                                           selector-max-specificity                                 
- 286:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive-pressed))" - Please use a Polaris color token                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
- 289:5  ✖  Unexpected @include rule "high-contrast-button-outline(none)" - Please use a Polaris shape token                                                                                                                  polaris/shape/polaris/at-rule-disallowed-list            
- 296:5  ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                                       polaris/shape/polaris/at-rule-disallowed-list            
- 298:5  ✖  Unexpected @include rule "high-contrast-button-outline(none)" - Please use a Polaris shape token                                                                                                                  polaris/shape/polaris/at-rule-disallowed-list            
- 302:7  ✖  Unexpected @include rule "high-contrast-button-outline" - Please use a Polaris shape token                                                                                                                        polaris/shape/polaris/at-rule-disallowed-list            
- 307:5  ✖  Expected ".plain:focus:not(:active) > .Content" to have a specificity no more than "0,3,0"                                                                                                                        selector-max-specificity                                 
- 309:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                                       polaris/shape/polaris/at-rule-disallowed-list            
- 313:3  ✖  Expected ".plain.pressed:not(.iconOnly) > .Content" to have no more than 2 classes                                                                                                                                selector-max-class                                       
- 313:3  ✖  Expected ".plain:active:not(.iconOnly) > .Content" to have a specificity no more than "0,3,0"                                                                                                                     selector-max-specificity                                 
- 314:3  ✖  Expected ".plain.pressed:not(.iconOnly) > .Content" to have a specificity no more than "0,3,0"                                                                                                                    selector-max-specificity                                 
- 316:5  ✖  Unexpected @include rule "plain-button-backdrop" - Please use a Polaris token or component                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
- 328:5  ✖  Expected ".plain.disabled.loading" to have no more than 2 classes                                                                                                                                                 selector-max-class                                       
- 335:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive-critical))" - Please use a Polaris color token                                                                                                         polaris/colors/polaris/at-rule-disallowed-list           
- 342:5  ✖  Expected ".plain.destructive.pressed" to have no more than 2 classes                                                                                                                                              selector-max-class                                       
- 347:5  ✖  Expected ".plain.destructive.disabled" to have no more than 2 classes                                                                                                                                             selector-max-class                                       
- 354:5  ✖  Unexpected value "var(--pc-button-slim-vertical-padding)" for property "margin-top" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list 
- 356:5  ✖  Unexpected value "var(--pc-button-slim-vertical-padding)" for property "margin-bottom" - Please use a Polaris token or component                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
- 361:5  ✖  Unexpected value "var(--pc-button-large-vertical-padding)" for property "margin" - Please use a Polaris token or component                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
- 368:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                                                                                         polaris/colors/polaris/at-rule-disallowed-list           
- 373:7  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-hovered))" - Please use a Polaris color token                                                                                                                 polaris/colors/polaris/at-rule-disallowed-list           
- 376:5  ✖  Expected ".plain.iconOnly.pressed" to have no more than 2 classes                                                                                                                                                 selector-max-class                                       
- 379:7  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-pressed))" - Please use a Polaris color token                                                                                                                 polaris/colors/polaris/at-rule-disallowed-list           
- 382:5  ✖  Expected ".plain.iconOnly.disabled" to have no more than 2 classes                                                                                                                                                selector-max-class                                       
- 384:7  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token                                                                                                                polaris/colors/polaris/at-rule-disallowed-list           
- 388:3  ✖  Expected ".plain.destructive.iconOnly" to have no more than 2 classes                                                                                                                                             selector-max-class                                       
- 390:5  ✖  Unexpected @include rule "recolor-icon(var(--p-action-critical))" - Please use a Polaris color token                                                                                                              polaris/colors/polaris/at-rule-disallowed-list           
- 392:5  ✖  Expected ".plain.destructive.iconOnly:hover" to have no more than 2 classes                                                                                                                                       selector-max-class                                       
- 392:5  ✖  Expected ".plain.destructive.iconOnly:hover" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
- 394:7  ✖  Unexpected @include rule "recolor-icon(var(--p-action-critical-hovered))" - Please use a Polaris color token                                                                                                      polaris/colors/polaris/at-rule-disallowed-list           
- 397:5  ✖  Expected ".plain.destructive.iconOnly:active" to have no more than 2 classes                                                                                                                                      selector-max-class                                       
- 397:5  ✖  Expected ".plain.destructive.iconOnly.pressed" to have no more than 2 classes                                                                                                                                     selector-max-class                                       
- 397:5  ✖  Expected ".plain.destructive.iconOnly:active" to have a specificity no more than "0,3,0"                                                                                                                          selector-max-specificity                                 
- 398:5  ✖  Expected ".plain.destructive.iconOnly.pressed" to have a specificity no more than "0,3,0"                                                                                                                         selector-max-specificity                                 
- 400:7  ✖  Unexpected @include rule "recolor-icon(var(--p-action-critical-pressed))" - Please use a Polaris color token                                                                                                      polaris/colors/polaris/at-rule-disallowed-list           
- 403:5  ✖  Expected ".plain.destructive.iconOnly.disabled" to have no more than 2 classes                                                                                                                                    selector-max-class                                       
- 403:5  ✖  Expected ".plain.destructive.iconOnly.disabled" to have a specificity no more than "0,3,0"                                                                                                                        selector-max-specificity                                 
- 405:7  ✖  Unexpected @include rule "recolor-icon(var(--p-action-critical-disabled))" - Please use a Polaris color token                                                                                                     polaris/colors/polaris/at-rule-disallowed-list           
- 417:3  ✖  Unexpected @include rule "button-full-width" - Please use a Polaris token or component                                                                                                                            polaris/legacy/polaris/at-rule-disallowed-list           
- 449:3  ✖  Unexpected value "var(--pc-button-slim-min-height)" for property "min-height" - Please use a Polaris token or component                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
- 451:3  ✖  Unexpected value "var(--pc-button-slim-vertical-padding)" for property "padding" - Please use a Polaris token or component                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
- 456:3  ✖  Unexpected value "var(--pc-button-large-min-height)" for property "min-height" - Please use a Polaris token or component                                                                                          polaris/conventions/polaris/custom-property-allowed-list 
- 458:3  ✖  Unexpected value "var(--pc-button-large-min-height)" for property "min-width" - Please use a Polaris token or component                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
- 460:3  ✖  Unexpected value "var(--pc-button-large-vertical-padding)" for property "padding" - Please use a Polaris token or component                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
- 476:5  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
- 483:7  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
- 488:5  ✖  Expected ".monochrome.outline.disabled" to have no more than 2 classes                                                                                                                                            selector-max-class                                       
- 488:5  ✖  Expected ".monochrome.plain.disabled" to have no more than 2 classes                                                                                                                                              selector-max-class                                       
- 491:7  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
- 493:7  ✖  Unexpected value "0.4" for property "opacity" - Please use a Polaris color token                                                                                                                                  polaris/colors/declaration-property-value-disallowed-list
- 497:5  ✖  Expected ".monochrome.outline.loading .Text" to have no more than 2 classes                                                                                                                                       selector-max-class                                       
- 497:5  ✖  Expected ".monochrome.plain.loading .Text" to have no more than 2 classes                                                                                                                                         selector-max-class                                       
- 497:5  ✖  Expected ".monochrome.outline.loading .Text" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
- 497:5  ✖  Expected ".monochrome.plain.loading .Text" to have a specificity no more than "0,3,0"                                                                                                                             selector-max-specificity                                 
- 501:5  ✖  Expected ".monochrome.outline.iconOnly" to have no more than 2 classes                                                                                                                                            selector-max-class                                       
- 501:5  ✖  Expected ".monochrome.plain.iconOnly" to have no more than 2 classes                                                                                                                                              selector-max-class                                       
- 503:7  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
- 505:7  ✖  Expected ".monochrome.outline.iconOnly:focus" to have no more than 2 classes                                                                                                                                      selector-max-class                                       
- 505:7  ✖  Expected ".monochrome.plain.iconOnly:focus" to have no more than 2 classes                                                                                                                                        selector-max-class                                       
- 505:7  ✖  Expected ".monochrome.outline.iconOnly:active" to have no more than 2 classes                                                                                                                                     selector-max-class                                       
- 505:7  ✖  Expected ".monochrome.plain.iconOnly:active" to have no more than 2 classes                                                                                                                                       selector-max-class                                       
- 505:7  ✖  Expected ".monochrome.outline.iconOnly:focus" to have a specificity no more than "0,3,0"                                                                                                                          selector-max-specificity                                 
- 505:7  ✖  Expected ".monochrome.plain.iconOnly:focus" to have a specificity no more than "0,3,0"                                                                                                                            selector-max-specificity                                 
- 506:7  ✖  Expected ".monochrome.outline.iconOnly:active" to have a specificity no more than "0,3,0"                                                                                                                         selector-max-specificity                                 
- 506:7  ✖  Expected ".monochrome.plain.iconOnly:active" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
- 508:9  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
- 511:7  ✖  Expected ".monochrome.outline.iconOnly.disabled" to have no more than 2 classes                                                                                                                                   selector-max-class                                       
- 511:7  ✖  Expected ".monochrome.plain.iconOnly.disabled" to have no more than 2 classes                                                                                                                                     selector-max-class                                       
- 511:7  ✖  Expected ".monochrome.outline.iconOnly.disabled" to have a specificity no more than "0,3,0"                                                                                                                       selector-max-specificity                                 
- 511:7  ✖  Expected ".monochrome.plain.iconOnly.disabled" to have a specificity no more than "0,3,0"                                                                                                                         selector-max-specificity                                 
- 513:9  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                                                                                                          polaris/colors/polaris/at-rule-disallowed-list           
- 521:5  ✖  Expected ".monochrome.plain .Text:not(.removeUnderline)" to have no more than 2 classes                                                                                                                           selector-max-class                                       
- 521:5  ✖  Expected ".monochrome.plain .Text:not(.removeUnderline)" to have a specificity no more than "0,3,0"                                                                                                               selector-max-specificity                                 
- 529:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                            polaris/layout/property-disallowed-list                  
- 534:5  ✖  Unexpected @include rule "focus-ring($border-width: 2px)" - Please use a Polaris shape token                                                                                                                      polaris/shape/polaris/at-rule-disallowed-list            
- 539:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                            polaris/layout/property-disallowed-list                  
- 541:7  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                                                   polaris/layout/declaration-property-value-disallowed-list
- 543:7  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                                                                                                 polaris/layout/declaration-property-value-disallowed-list
- 545:7  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                                                                polaris/layout/declaration-property-value-disallowed-list
- 547:7  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                                                  polaris/layout/declaration-property-value-disallowed-list
- 551:7  ✖  Unexpected value "0" for property "z-index" - Please use a Polaris z-index token                                                                                                                                  polaris/z-index/declaration-property-value-allowed-list  
- 554:5  ✖  Expected ".monochrome.outline.pressed" to have no more than 2 classes                                                                                                                                             selector-max-class                                       
- 559:7  ✖  Expected ".monochrome.outline.pressed::before" to have no more than 2 classes                                                                                                                                     selector-max-class                                       
- 559:7  ✖  Expected ".monochrome.outline.pressed::before" to have a specificity no more than "0,3,0"                                                                                                                         selector-max-specificity                                 
- 561:9  ✖  Unexpected value "0.2" for property "opacity" - Please use a Polaris color token                                                                                                                                  polaris/colors/declaration-property-value-disallowed-list
- 571:7  ✖  Expected ".monochrome.outline:hover::before" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
- 571:7  ✖  Expected ".monochrome.outline:focus::before" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
- 571:7  ✖  Expected ".monochrome.outline:active::before" to have a specificity no more than "0,3,0"                                                                                                                          selector-max-specificity                                 
- 573:9  ✖  Unexpected value "0.07" for property "opacity" - Please use a Polaris color token                                                                                                                                 polaris/colors/declaration-property-value-disallowed-list
- 580:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                                       polaris/shape/polaris/at-rule-disallowed-list            
- 583:5  ✖  Expected ".monochrome.outline:active::after" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
- 589:7  ✖  Expected ".monochrome.outline:hover::before" to have a specificity no more than "0,3,0"                                                                                                                           selector-max-specificity                                 
- 589:7  ✖  Expected ".monochrome.outline:active::before" to have a specificity no more than "0,3,0"                                                                                                                          selector-max-specificity                                 
- 591:9  ✖  Unexpected value "0.05" for property "opacity" - Please use a Polaris color token                                                                                                                                 polaris/colors/declaration-property-value-disallowed-list
- 601:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                             polaris/layout/property-disallowed-list                  
- 606:3  ✖  Unexpected value "var(--pc-button-segment)" for property "z-index" - Please use a Polaris z-index token                                                                                                           polaris/z-index/declaration-property-value-allowed-list  
- 606:3  ✖  Unexpected value "var(--pc-button-segment)" for property "z-index" - Please use a Polaris token or component                                                                                                      polaris/conventions/polaris/custom-property-allowed-list 
- 611:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                                                             polaris/layout/declaration-property-value-disallowed-list
- 616:5  ✖  Unexpected value "var(--pc-button-focused)" for property "z-index" - Please use a Polaris z-index token                                                                                                           polaris/z-index/declaration-property-value-allowed-list  
- 616:5  ✖  Unexpected value "var(--pc-button-focused)" for property "z-index" - Please use a Polaris token or component                                                                                                      polaris/conventions/polaris/custom-property-allowed-list 
- 624:5  ✖  Expected ".ConnectedDisclosure.primary.outline" to have no more than 2 classes                                                                                                                                    selector-max-class                                       
- 624:5  ✖  Expected ".ConnectedDisclosure.destructive.outline" to have no more than 2 classes                                                                                                                                selector-max-class                                       
- 642:3  ✖  Expected "[data-buttongroup-segmented='true'] > :first-child .Button" to have no more than 1 combinator                                                                                                           selector-max-combinators                                 
- 642:3  ✖  Expected "[data-buttongroup-segmented='true'] > :first-child .Button::after" to have no more than 1 combinator                                                                                                    selector-max-combinators                                 
- 643:3  ✖  Expected "[data-buttongroup-segmented='true'] > :first-child .Button::after" to have a specificity no more than "0,3,0"                                                                                           selector-max-specificity                                 
- 649:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child .Button" to have no more than 1 combinator                                                                                                            selector-max-combinators                                 
- 649:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child .Button::after" to have no more than 1 combinator                                                                                                     selector-max-combinators                                 
- 650:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child .Button::after" to have a specificity no more than "0,3,0"                                                                                            selector-max-specificity                                 
- 656:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child:first-child .Button" to have no more than 1 combinator                                                                                                selector-max-combinators                                 
- 656:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child:first-child .Button::after" to have no more than 1 combinator                                                                                         selector-max-combinators                                 
- 656:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child:first-child .Button" to have a specificity no more than "0,3,0"                                                                                       selector-max-specificity                                 
- 657:3  ✖  Expected "[data-buttongroup-segmented='true'] > :last-child:first-child .Button::after" to have a specificity no more than "0,3,0"                                                                                selector-max-specificity                                 
- 663:3  ✖  Expected "[data-buttongroup-connected-top='true'] > :first-child .Button" to have no more than 1 combinator                                                                                                       selector-max-combinators                                 
- 663:3  ✖  Expected "[data-buttongroup-connected-top='true'] > :first-child .Button::after" to have no more than 1 combinator                                                                                                selector-max-combinators                                 
- 664:3  ✖  Expected "[data-buttongroup-connected-top='true'] > :first-child .Button::after" to have a specificity no more than "0,3,0"                                                                                       selector-max-specificity                                 
- 668:3  ✖  Expected "[data-buttongroup-connected-top='true'] > :last-child .Button" to have no more than 1 combinator                                                                                                        selector-max-combinators                                 
- 668:3  ✖  Expected "[data-buttongroup-connected-top='true'] > :last-child .Button::after" to have no more than 1 combinator                                                                                                 selector-max-combinators                                 
- 669:3  ✖  Expected "[data-buttongroup-connected-top='true'] > :last-child .Button::after" to have a specificity no more than "0,3,0"                                                                                        selector-max-specificity                                 
- 677:5  ✖  Unexpected @include rule "button-full-width" - Please use a Polaris token or component                                                                                                                            polaris/legacy/polaris/at-rule-disallowed-list           
-
-src/components/ButtonGroup/ButtonGroup.scss
-  3:3  ✖  Unexpected custom property "--pc-button-group-item" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list
-  4:3  ✖  Unexpected custom property "--pc-button-group-focused" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list
-  7:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
- 10:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                 
- 32:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
- 39:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                              polaris/layout/property-disallowed-list                 
- 41:5  ✖  Unexpected value "var(--pc-button-group-item)" for property "z-index" - Please use a Polaris z-index token          polaris/z-index/declaration-property-value-allowed-list 
- 41:5  ✖  Unexpected value "var(--pc-button-group-item)" for property "z-index" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list
- 53:5  ✖  Unexpected value "var(--pc-button-group-focused)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list 
- 53:5  ✖  Unexpected value "var(--pc-button-group-focused)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 60:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                 
-
-src/components/CalloutCard/CalloutCard.scss
-  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
-  7:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
- 12:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
- 14:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                  
- 16:3  ⚠  Unexpected value "100px" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
- 20:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
- 31:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                  
- 44:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
- 49:3  ⚠  Unexpected value "var(--p-space-4)" for property "right" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 51:3  ⚠  Unexpected value "var(--p-space-4)" for property "top" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
- 53:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
- 58:3  ✖  Unexpected disallowed value "--p-icon-size" - Please use a Polaris layout component               polaris/layout/polaris/global-disallowed-list            
-
-src/components/Caption/Caption.scss
- 5:3  ✖  Unexpected @include rule "text-style-caption" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
-
-src/components/Card/Card.scss
-  33:5   ⚠  Unexpected property "display" - Please use a Polaris layout component          polaris/layout/property-disallowed-list
-  33:19  ✖  Unexpected !important                                                          declaration-no-important               
- 142:3   ⚠  Unexpected property "display" - Please use a Polaris layout component          polaris/layout/property-disallowed-list
- 144:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
- 153:5   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
-
-src/components/CheckableButton/CheckableButton.scss
- 10:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-on-interactive))" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list           
- 18:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                     polaris/layout/property-disallowed-list                  
- 20:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                 polaris/layout/property-disallowed-list                  
- 32:3  ⚠  Unexpected value "auto" for property "width" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
- 47:3  ⚠  Unexpected value "var(--p-choice-size)" for property "height" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
- 47:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component                     polaris/layout/polaris/global-disallowed-list            
- 49:3  ⚠  Unexpected value "var(--p-choice-size)" for property "width" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
- 49:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component                     polaris/layout/polaris/global-disallowed-list            
- 51:3  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                 polaris/shape/polaris/global-disallowed-list             
- 58:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
- 66:3  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                 polaris/shape/polaris/global-disallowed-list             
-
-src/components/Checkbox/Checkbox.scss
-   5:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
-   7:3  ✖  Unexpected disallowed value "--p-choice-margin" - Please use a Polaris spacing token                                    polaris/spacing/polaris/global-disallowed-list           
-  13:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                    polaris/legacy/polaris/at-rule-disallowed-list           
-  16:5  ✖  Expected ".Input.keyFocused + .Backdrop" to have no more than 2 classes                                                 selector-max-class                                       
-  18:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                             polaris/shape/polaris/at-rule-disallowed-list            
-  25:5  ✖  Expected ".Input.Input-indeterminate + .Backdrop" to have no more than 2 classes                                        selector-max-class                                       
-  25:5  ✖  Expected ".Input:active:not(:disabled) + .Backdrop" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
-  27:7  ✖  Unexpected @include rule "control-backdrop(active)" - Please use a Polaris token or component                           polaris/legacy/polaris/at-rule-disallowed-list           
-  30:5  ✖  Expected ".Input.Input-indeterminate ~ .Icon" to have no more than 2 classes                                            selector-max-class                                       
-  30:5  ✖  Expected ".Input:active:not(:disabled) ~ .Icon" to have a specificity no more than "0,3,0"                              selector-max-specificity                                 
-  41:7  ✖  Unexpected @include rule "control-backdrop(disabled)" - Please use a Polaris token or component                         polaris/legacy/polaris/at-rule-disallowed-list           
-  46:5  ✖  Expected ".Input:disabled:checked + .Backdrop" to have a specificity no more than "0,3,0"                               selector-max-specificity                                 
-  49:7  ✖  Expected ".Input:disabled:checked + .Backdrop::before" to have a specificity no more than "0,3,0"                       selector-max-specificity                                 
-  59:3  ✖  Unexpected @include rule "control-backdrop" - Please use a Polaris token or component                                   polaris/legacy/polaris/at-rule-disallowed-list           
-  61:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
-  63:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
-  65:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
-  67:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                   polaris/layout/declaration-property-value-disallowed-list
-  69:3  ✖  Unexpected @include rule "focus-ring($border-width: var(--p-control-border-width))" - Please use a Polaris shape token  polaris/shape/polaris/at-rule-disallowed-list            
-  74:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-on-interactive))" - Please use a Polaris color token                polaris/colors/polaris/at-rule-disallowed-list           
-  76:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
-  78:3  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
-  80:3  ⚠  Unexpected value "50%" for property "left" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
-  98:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-on-critical))" - Please use a Polaris color token                   polaris/colors/polaris/at-rule-disallowed-list           
- 103:5  ✖  Unexpected @include rule "control-backdrop(error)" - Please use a Polaris token or component                            polaris/legacy/polaris/at-rule-disallowed-list           
- 106:3  ✖  Expected ".error .Input.Input-indeterminate" to have no more than 2 classes                                             selector-max-class                                       
- 109:5  ✖  Expected ".error .Input:checked + .Backdrop::before" to have no more than 2 classes                                     selector-max-class                                       
- 109:5  ✖  Expected ".error .Input:active + .Backdrop::before" to have no more than 2 classes                                      selector-max-class                                       
- 109:5  ✖  Expected ".error .Input.Input-indeterminate + .Backdrop::before" to have no more than 2 classes                         selector-max-class                                       
- 109:5  ✖  Expected ".error .Input:checked + .Backdrop::before" to have no more than 1 combinator                                  selector-max-combinators                                 
- 109:5  ✖  Expected ".error .Input:active + .Backdrop::before" to have no more than 1 combinator                                   selector-max-combinators                                 
- 109:5  ✖  Expected ".error .Input.Input-indeterminate + .Backdrop::before" to have no more than 1 combinator                      selector-max-combinators                                 
- 109:5  ✖  Expected ".error .Input:checked + .Backdrop::before" to have a specificity no more than "0,3,0"                         selector-max-specificity                                 
- 109:5  ✖  Expected ".error .Input:active + .Backdrop::before" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
- 109:5  ✖  Expected ".error .Input.Input-indeterminate + .Backdrop::before" to have a specificity no more than "0,3,0"             selector-max-specificity                                 
-
-src/components/Choice/Choice.scss
-  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
-  7:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
- 13:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
- 22:5  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                            polaris/legacy/polaris/at-rule-disallowed-list           
- 49:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component                           polaris/layout/polaris/global-disallowed-list            
- 49:3  ✖  Unexpected custom property "--pc-choice-size" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
- 53:5  ✖  Unexpected custom property "--pc-choice-size" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
- 56:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
- 58:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                              polaris/layout/property-disallowed-list                  
- 60:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                  
- 62:3  ⚠  Unexpected value "var(--pc-choice-size)" for property "width" - Please use a Polaris layout component           polaris/layout/declaration-property-value-disallowed-list
- 62:3  ✖  Unexpected value "var(--pc-choice-size)" for property "width" - Please use a Polaris token or component         polaris/conventions/polaris/custom-property-allowed-list 
- 64:3  ⚠  Unexpected value "var(--pc-choice-size)" for property "height" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
- 64:3  ✖  Unexpected value "var(--pc-choice-size)" for property "height" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list 
- 69:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                            polaris/layout/declaration-property-value-disallowed-list
- 83:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component                           polaris/layout/polaris/global-disallowed-list            
- 83:3  ✖  Unexpected custom property "--pc-choice-size" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
- 87:5  ✖  Unexpected custom property "--pc-choice-size" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
- 90:3  ✖  Unexpected value "var(--pc-choice-size)" for property "padding-left" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-
-src/components/ChoiceList/ChoiceList.scss
- 5:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component  polaris/layout/polaris/global-disallowed-list
-
-src/components/Collapsible/Collapsible.scss
- 15:3   ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
- 21:22  ✖  Unexpected !important                                                  declaration-no-important               
- 24:5   ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
-
-src/components/ColorPicker/ColorPicker.scss
-  13:3  ✖  Unexpected custom property "--pc-color-picker-size" - Please use a Polaris token or component                                                                            polaris/conventions/polaris/custom-property-allowed-list 
-  14:3  ✖  Unexpected custom property "--pc-color-picker-dragger-size" - Please use a Polaris token or component                                                                    polaris/conventions/polaris/custom-property-allowed-list 
-  15:3  ✖  Unexpected custom property "--pc-color-picker-z-index" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list 
-  16:3  ✖  Unexpected custom property "--pc-color-picker-adjustments" - Please use a Polaris token or component                                                                     polaris/conventions/polaris/custom-property-allowed-list 
-  17:3  ✖  Unexpected custom property "--pc-color-picker-dragger" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list 
-  18:3  ✖  Unexpected custom property "--pc-color-picker-inner-shadow" - Please use a Polaris token or component                                                                    polaris/conventions/polaris/custom-property-allowed-list 
-  19:3  ✖  Unexpected custom property "--pc-color-picker-dragger-shadow" - Please use a Polaris token or component                                                                  polaris/conventions/polaris/custom-property-allowed-list 
-  25:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                    polaris/layout/property-disallowed-list                  
-  31:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                   polaris/layout/property-disallowed-list                  
-  34:3  ⚠  Unexpected value "var(--pc-color-picker-size)" for property "height" - Please use a Polaris layout component                                                             polaris/layout/declaration-property-value-disallowed-list
-  34:3  ✖  Unexpected value "var(--pc-color-picker-size)" for property "height" - Please use a Polaris token or component                                                           polaris/conventions/polaris/custom-property-allowed-list 
-  36:3  ⚠  Unexpected value "var(--pc-color-picker-size)" for property "width" - Please use a Polaris layout component                                                              polaris/layout/declaration-property-value-disallowed-list
-  36:3  ✖  Unexpected value "var(--pc-color-picker-size)" for property "width" - Please use a Polaris token or component                                                            polaris/conventions/polaris/custom-property-allowed-list 
-  40:5  ⚠  Unexpected value "auto" for property "width" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
-  42:5  ⚠  Unexpected property "flex-grow" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                  
-  51:5  ⚠  Unexpected value "calc(0.5 * var(--pc-color-picker-dragger-size))" for property "right" - Please use a Polaris layout component                                          polaris/layout/declaration-property-value-disallowed-list
-  51:5  ✖  Unexpected value "var(--pc-color-picker-dragger-size)" for property "right" - Please use a Polaris token or component                                                    polaris/conventions/polaris/custom-property-allowed-list 
-  54:5  ✖  Unexpected value "var(--pc-color-picker-dragger-shadow)" for property "box-shadow" - Please use a Polaris token or component                                             polaris/conventions/polaris/custom-property-allowed-list 
-  65:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                   polaris/layout/property-disallowed-list                  
-  67:5  ✖  Unexpected value "var(--pc-color-picker-adjustments)" for property "z-index" - Please use a Polaris z-index token                                                        polaris/z-index/declaration-property-value-allowed-list  
-  67:5  ✖  Unexpected value "var(--pc-color-picker-adjustments)" for property "z-index" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list 
-  69:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                          polaris/layout/declaration-property-value-disallowed-list
-  71:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                         polaris/layout/declaration-property-value-disallowed-list
-  73:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                    polaris/layout/property-disallowed-list                  
-  75:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                    polaris/layout/declaration-property-value-disallowed-list
-  77:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
-  84:5  ✖  Unexpected named color "white" - Please use a Polaris color token                                                                                                        polaris/colors/color-named                               
-  89:5  ✖  Unexpected named color "black" - Please use a Polaris color token                                                                                                        polaris/colors/color-named                               
-  91:5  ✖  Unexpected value "var(--pc-color-picker-inner-shadow)" for property "box-shadow" - Please use a Polaris token or component                                               polaris/conventions/polaris/custom-property-allowed-list 
- 101:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                   polaris/layout/property-disallowed-list                  
- 103:3  ✖  Unexpected value "var(--pc-color-picker-dragger)" for property "z-index" - Please use a Polaris z-index token                                                            polaris/z-index/declaration-property-value-allowed-list  
- 103:3  ✖  Unexpected value "var(--pc-color-picker-dragger)" for property "z-index" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list 
- 105:3  ⚠  Unexpected value "calc(0.5 * var(--pc-color-picker-dragger-size))" for property "bottom" - Please use a Polaris layout component                                         polaris/layout/declaration-property-value-disallowed-list
- 105:3  ✖  Unexpected value "var(--pc-color-picker-dragger-size)" for property "bottom" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list 
- 108:3  ⚠  Unexpected value "var(--pc-color-picker-dragger-size)" for property "height" - Please use a Polaris layout component                                                     polaris/layout/declaration-property-value-disallowed-list
- 108:3  ✖  Unexpected value "var(--pc-color-picker-dragger-size)" for property "height" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list 
- 110:3  ⚠  Unexpected value "var(--pc-color-picker-dragger-size)" for property "width" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
- 110:3  ✖  Unexpected value "var(--pc-color-picker-dragger-size)" for property "width" - Please use a Polaris token or component                                                    polaris/conventions/polaris/custom-property-allowed-list 
- 118:3  ✖  Unexpected value "var(--pc-color-picker-dragger-shadow)" for property "box-shadow" - Please use a Polaris token or component                                             polaris/conventions/polaris/custom-property-allowed-list 
- 122:1  ✖  Unexpected function "rgb" - Please use a Polaris color token                                                                                                             polaris/colors/function-disallowed-list                  
- 124:1  ✖  Unexpected function "rgb" - Please use a Polaris color token                                                                                                             polaris/colors/function-disallowed-list                  
- 126:1  ✖  Unexpected value "var(--pc-color-picker-dragger-size)" for property "$huepicker-padding" - Please use a Polaris token or component                                       polaris/conventions/polaris/custom-property-allowed-list 
- 128:1  ✖  Unexpected value "var(--pc-color-picker-size, --pc-color-picker-dragger-size)" for property "$huepicker-bottom-padding-start" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 133:1  ✖  Unexpected value "var(--pc-color-picker-size)" for property "$vertical-picker-border-radius" - Please use a Polaris token or component                                   polaris/conventions/polaris/custom-property-allowed-list 
- 138:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                   polaris/layout/property-disallowed-list                  
- 141:3  ⚠  Unexpected value "var(--pc-color-picker-size)" for property "height" - Please use a Polaris layout component                                                             polaris/layout/declaration-property-value-disallowed-list
- 141:3  ✖  Unexpected value "var(--pc-color-picker-size)" for property "height" - Please use a Polaris token or component                                                           polaris/conventions/polaris/custom-property-allowed-list 
- 143:3  ⚠  Unexpected value "var(--p-space-6)" for property "width" - Please use a Polaris layout component                                                                         polaris/layout/declaration-property-value-disallowed-list
- 151:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                   polaris/layout/property-disallowed-list                  
- 153:5  ✖  Unexpected value "var(--pc-color-picker-adjustments)" for property "z-index" - Please use a Polaris z-index token                                                        polaris/z-index/declaration-property-value-allowed-list  
- 153:5  ✖  Unexpected value "var(--pc-color-picker-adjustments)" for property "z-index" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list 
- 155:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                          polaris/layout/declaration-property-value-disallowed-list
- 157:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                         polaris/layout/declaration-property-value-disallowed-list
- 159:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                    polaris/layout/property-disallowed-list                  
- 161:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                    polaris/layout/declaration-property-value-disallowed-list
- 163:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
- 167:5  ✖  Unexpected value "var(--pc-color-picker-inner-shadow)" for property "box-shadow" - Please use a Polaris token or component                                               polaris/conventions/polaris/custom-property-allowed-list 
- 177:3  ✖  Unexpected named color "red" - Please use a Polaris color token                                                                                                          polaris/colors/color-named                               
- 177:3  ✖  Unexpected named color "yellow" - Please use a Polaris color token                                                                                                       polaris/colors/color-named                               
- 177:3  ✖  Unexpected named color "cyan" - Please use a Polaris color token                                                                                                         polaris/colors/color-named                               
- 177:3  ✖  Unexpected named color "blue" - Please use a Polaris color token                                                                                                         polaris/colors/color-named                               
- 177:3  ✖  Unexpected named color "red" - Please use a Polaris color token                                                                                                          polaris/colors/color-named                               
- 177:3  ✖  Unexpected value "var(--pc-color-picker-dragger-size)" for property "background-image" - Please use a Polaris token or component                                         polaris/conventions/polaris/custom-property-allowed-list 
- 196:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                   polaris/layout/property-disallowed-list                  
- 198:3  ✖  Unexpected value "var(--pc-color-picker-z-index)" for property "z-index" - Please use a Polaris z-index token                                                            polaris/z-index/declaration-property-value-allowed-list  
- 198:3  ✖  Unexpected value "var(--pc-color-picker-z-index)" for property "z-index" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list 
- 200:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                          polaris/layout/declaration-property-value-disallowed-list
- 202:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                         polaris/layout/declaration-property-value-disallowed-list
- 204:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                    polaris/layout/declaration-property-value-disallowed-list
- 206:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
- 212:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                    polaris/layout/declaration-property-value-disallowed-list
- 214:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
-
-src/components/Columns/Columns.scss
-  7:3  ✖  Unexpected custom property "--pc-columns-xs" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list
-  8:3  ✖  Unexpected custom property "--pc-columns-sm" Unexpected value "var(--pc-columns-xs)" for property "--pc-columns-sm" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
-  9:3  ✖  Unexpected custom property "--pc-columns-md" Unexpected value "var(--pc-columns-sm)" for property "--pc-columns-md" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 10:3  ✖  Unexpected custom property "--pc-columns-lg" Unexpected value "var(--pc-columns-md)" for property "--pc-columns-lg" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 11:3  ✖  Unexpected custom property "--pc-columns-xl" Unexpected value "var(--pc-columns-lg)" for property "--pc-columns-xl" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 14:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                          polaris/layout/property-disallowed-list                 
- 16:3  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
- 16:3  ✖  Unexpected value "var(--pc-columns-xs)" for property "grid-template-columns" - Please use a Polaris token or component                                         polaris/conventions/polaris/custom-property-allowed-list
- 20:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
- 20:5  ✖  Unexpected value "var(--pc-columns-sm)" for property "grid-template-columns" - Please use a Polaris token or component                                         polaris/conventions/polaris/custom-property-allowed-list
- 25:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
- 25:5  ✖  Unexpected value "var(--pc-columns-md)" for property "grid-template-columns" - Please use a Polaris token or component                                         polaris/conventions/polaris/custom-property-allowed-list
- 30:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
- 30:5  ✖  Unexpected value "var(--pc-columns-lg)" for property "grid-template-columns" - Please use a Polaris token or component                                         polaris/conventions/polaris/custom-property-allowed-list
- 35:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                            polaris/layout/property-disallowed-list                 
- 35:5  ✖  Unexpected value "var(--pc-columns-xl)" for property "grid-template-columns" - Please use a Polaris token or component                                         polaris/conventions/polaris/custom-property-allowed-list
-
-src/components/Connected/Connected.scss
-  3:3  ✖  Unexpected custom property "--pc-connected-item" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list
-  4:3  ✖  Unexpected custom property "--pc-connected-primary" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list
-  5:3  ✖  Unexpected custom property "--pc-connected-focused" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list
-  8:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                 
- 10:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                 
- 15:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                 
- 17:3  ✖  Unexpected value "var(--pc-connected-item)" for property "z-index" - Please use a Polaris z-index token          polaris/z-index/declaration-property-value-allowed-list 
- 17:3  ✖  Unexpected value "var(--pc-connected-item)" for property "z-index" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list
- 19:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
- 31:3  ✖  Unexpected value "var(--pc-connected-primary)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list 
- 31:3  ✖  Unexpected value "var(--pc-connected-primary)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 33:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
- 38:3  ✖  Unexpected value "var(--pc-connected-focused)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list 
- 38:3  ✖  Unexpected value "var(--pc-connected-focused)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
-
-src/components/DataTable/DataTable.scss
-   5:3  ✖  Unexpected custom property "--pc-data-table-first-column-width" - Please use a Polaris token or component                                       polaris/conventions/polaris/custom-property-allowed-list 
-   7:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
-  17:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
-  19:5  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                       polaris/layout/property-disallowed-list                  
-  21:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
-  23:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                            polaris/layout/declaration-property-value-disallowed-list
-  28:7  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
-  35:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
-  44:3  ⚠  Unexpected value "6px" for property "height" - Please use a Polaris layout component                                                            polaris/layout/declaration-property-value-disallowed-list
-  46:3  ⚠  Unexpected value "6px" for property "width" - Please use a Polaris layout component                                                             polaris/layout/declaration-property-value-disallowed-list
-  68:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                            polaris/layout/declaration-property-value-disallowed-list
-  74:3  ✖  Expected ".TableRow + .TableRow .Cell" to have no more than 2 classes                                                                           selector-max-class                                       
-  74:3  ✖  Expected ".TableRow + .TableRow .Cell" to have no more than 1 combinator                                                                        selector-max-combinators                                 
-  81:3  ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component                                       polaris/typography/polaris/at-rule-disallowed-list       
-  93:3  ✖  Expected ".ZebraStripingOnData .TableRow:nth-child(2n + 1) .Cell" to have no more than 2 classes                                                selector-max-class                                       
-  93:3  ✖  Expected ".ZebraStripingOnData.RowCountIsEven .TableRow:nth-child(2n) .Cell" to have no more than 2 classes                                     selector-max-class                                       
-  93:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .TableRow:nth-child(2n) .Cell" to have no more than 2 classes                                 selector-max-class                                       
-  93:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter.RowCountIsEven .TableRow:nth-child(2n + 1) .Cell" to have no more than 2 classes              selector-max-class                                       
-  93:3  ✖  Expected ".ZebraStripingOnData .TableRow:nth-child(2n + 1) .Cell" to have no more than 1 combinator                                             selector-max-combinators                                 
-  93:3  ✖  Expected ".ZebraStripingOnData.RowCountIsEven .TableRow:nth-child(2n) .Cell" to have no more than 1 combinator                                  selector-max-combinators                                 
-  93:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .TableRow:nth-child(2n) .Cell" to have no more than 1 combinator                              selector-max-combinators                                 
-  93:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter.RowCountIsEven .TableRow:nth-child(2n + 1) .Cell" to have no more than 1 combinator           selector-max-combinators                                 
-  93:3  ✖  Expected ".ZebraStripingOnData .TableRow:nth-child(2n + 1) .Cell" to have a specificity no more than "0,3,0"                                    selector-max-specificity                                 
-  94:3  ✖  Expected ".ZebraStripingOnData.RowCountIsEven .TableRow:nth-child(2n) .Cell" to have a specificity no more than "0,3,0"                         selector-max-specificity                                 
-  95:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .TableRow:nth-child(2n) .Cell" to have a specificity no more than "0,3,0"                     selector-max-specificity                                 
-  96:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter.RowCountIsEven .TableRow:nth-child(2n + 1) .Cell" to have a specificity no more than "0,3,0"  selector-max-specificity                                 
- 100:3  ✖  Expected ".ZebraStripingOnData .TableRow:nth-child(2n) .Cell" to have no more than 2 classes                                                    selector-max-class                                       
- 100:3  ✖  Expected ".ZebraStripingOnData.RowCountIsEven .TableRow:nth-child(2n + 1) .Cell" to have no more than 2 classes                                 selector-max-class                                       
- 100:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .TableRow:nth-child(2n + 1) .Cell" to have no more than 2 classes                             selector-max-class                                       
- 100:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter.RowCountIsEven .TableRow:nth-child(2n) .Cell" to have no more than 2 classes                  selector-max-class                                       
- 100:3  ✖  Expected ".ZebraStripingOnData .TableRow:nth-child(2n) .Cell" to have no more than 1 combinator                                                 selector-max-combinators                                 
- 100:3  ✖  Expected ".ZebraStripingOnData.RowCountIsEven .TableRow:nth-child(2n + 1) .Cell" to have no more than 1 combinator                              selector-max-combinators                                 
- 100:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .TableRow:nth-child(2n + 1) .Cell" to have no more than 1 combinator                          selector-max-combinators                                 
- 100:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter.RowCountIsEven .TableRow:nth-child(2n) .Cell" to have no more than 1 combinator               selector-max-combinators                                 
- 100:3  ✖  Expected ".ZebraStripingOnData .TableRow:nth-child(2n) .Cell" to have a specificity no more than "0,3,0"                                        selector-max-specificity                                 
- 101:3  ✖  Expected ".ZebraStripingOnData.RowCountIsEven .TableRow:nth-child(2n + 1) .Cell" to have a specificity no more than "0,3,0"                     selector-max-specificity                                 
- 102:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .TableRow:nth-child(2n + 1) .Cell" to have a specificity no more than "0,3,0"                 selector-max-specificity                                 
- 103:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter.RowCountIsEven .TableRow:nth-child(2n) .Cell" to have a specificity no more than "0,3,0"      selector-max-specificity                                 
- 111:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
- 113:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                 polaris/layout/declaration-property-value-disallowed-list
- 115:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
- 117:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                              polaris/layout/declaration-property-value-disallowed-list
- 135:3  ✖  Unexpected value "var(--pc-data-table-first-column-width)" for property "max-width" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
- 140:3  ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component                                       polaris/typography/polaris/at-rule-disallowed-list       
- 165:3  ✖  Expected ".IncreasedTableDensity .Cell-sortable .Heading-left" to have no more than 2 classes                                                   selector-max-class                                       
- 165:3  ✖  Expected ".IncreasedTableDensity .Cell-sortable .Heading-left" to have no more than 1 combinator                                                selector-max-combinators                                 
- 197:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
- 205:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                            polaris/legacy/polaris/at-rule-disallowed-list           
- 207:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                        polaris/shape/polaris/at-rule-disallowed-list            
- 209:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
- 211:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
- 213:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 215:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                       polaris/layout/property-disallowed-list                  
- 217:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token                                              polaris/colors/polaris/at-rule-disallowed-list           
- 224:3  ✖  Expected ".StickyHeaderEnabled [data-sticky-active] .Heading" to have no more than 1 combinator                                                 selector-max-combinators                                 
- 228:3  ✖  Expected ".StickyHeaderEnabled [data-sticky-active] .StickyHeaderWrapper .Heading" to have no more than 2 classes                               selector-max-class                                       
- 228:3  ✖  Expected ".StickyHeaderEnabled [data-sticky-active] .StickyHeaderWrapper .Heading" to have no more than 1 combinator                            selector-max-combinators                                 
- 228:3  ✖  Expected ".StickyHeaderEnabled [data-sticky-active] .StickyHeaderWrapper .Heading" to have no more than 3 compound selectors                    selector-max-compound-selectors                          
- 228:3  ✖  Expected ".StickyHeaderEnabled [data-sticky-active] .StickyHeaderWrapper .Heading" to have a specificity no more than "0,3,0"                   selector-max-specificity                                 
- 250:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                     polaris/shape/polaris/at-rule-disallowed-list            
- 252:5  ✖  Expected ".Heading:focus:not(:active) .Icon" to have a specificity no more than "0,3,0"                                                         selector-max-specificity                                 
- 255:7  ✖  Expected ".Heading:focus:not(:active) .Icon svg" to have no more than 1 combinator                                                              selector-max-combinators                                 
- 255:7  ✖  Expected ".Heading:focus:not(:active) .Icon svg" to have a specificity no more than "0,3,0"                                                     selector-max-specificity                                 
- 264:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 272:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                       polaris/colors/polaris/at-rule-disallowed-list           
- 277:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive-hovered))" - Please use a Polaris color token                                        polaris/colors/polaris/at-rule-disallowed-list           
- 280:3  ✖  Expected ".Cell-sorted .Heading:focus:not(:active)" to have a specificity no more than "0,3,0"                                                  selector-max-specificity                                 
- 281:5  ✖  Expected ".Cell-sorted .Heading:focus:not(:active) svg" to have no more than 1 combinator                                                       selector-max-combinators                                 
- 281:5  ✖  Expected ".Cell-sorted .Heading:focus:not(:active) svg" to have a specificity no more than "0,3,0"                                              selector-max-specificity                                 
- 292:3  ✖  Expected ".ZebraStripingOnData.ShowTotals .Cell-total" to have no more than 2 classes                                                           selector-max-class                                       
- 296:3  ✖  Expected ".ZebraStripingOnData.ShowTotals.RowCountIsEven .Cell-total" to have no more than 2 classes                                            selector-max-class                                       
- 296:3  ✖  Expected ".ZebraStripingOnData.ShowTotalsInFooter .Cell-total" to have no more than 2 classes                                                   selector-max-class                                       
- 296:3  ✖  Expected ".ZebraStripingOnData.ShowTotals.RowCountIsEven .Cell-total" to have a specificity no more than "0,3,0"                                selector-max-specificity                                 
- 332:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
- 334:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                 polaris/layout/declaration-property-value-disallowed-list
- 336:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                polaris/layout/declaration-property-value-disallowed-list
- 338:5  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
- 345:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
- 347:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
- 350:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                            polaris/layout/declaration-property-value-disallowed-list
- 356:7  ⚠  Unexpected value "-9999px" for property "top" - Please use a Polaris layout component                                                           polaris/layout/declaration-property-value-disallowed-list
- 358:7  ⚠  Unexpected value "-9999px" for property "left" - Please use a Polaris layout component                                                          polaris/layout/declaration-property-value-disallowed-list
- 365:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
- 368:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                            polaris/layout/declaration-property-value-disallowed-list
- 374:7  ⚠  Unexpected value "0" for property "height" - Please use a Polaris layout component                                                              polaris/layout/declaration-property-value-disallowed-list
- 376:7  ⚠  Unexpected value "0" for property "width" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
- 379:5  ✖  Expected ".StickyHeaderEnabled .StickyHeaderTable .FixedFirstColumn" to have no more than 2 classes                                             selector-max-class                                       
- 379:5  ✖  Expected ".StickyHeaderEnabled .StickyHeaderTable .FixedFirstColumn" to have no more than 1 combinator                                          selector-max-combinators                                 
- 381:7  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                              polaris/layout/declaration-property-value-disallowed-list
- 383:7  ⚠  Unexpected value "auto" for property "top" - Please use a Polaris layout component                                                              polaris/layout/declaration-property-value-disallowed-list
- 400:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
- 403:3  ✖  Unexpected value "3" for property "z-index" - Please use a Polaris z-index token                                                                polaris/z-index/declaration-property-value-allowed-list  
- 406:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                 polaris/layout/declaration-property-value-disallowed-list
- 408:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                polaris/layout/declaration-property-value-disallowed-list
- 412:5  ✖  Unexpected value "1" for property "z-index" - Please use a Polaris z-index token                                                                polaris/z-index/declaration-property-value-allowed-list  
- 418:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                           polaris/layout/property-disallowed-list                  
-
-src/components/DatePicker/DatePicker.scss
-   5:3  ✖  Unexpected custom property "--pc-date-picker-range-end-border-radius" - Please use a Polaris token or component                                                                    polaris/conventions/polaris/custom-property-allowed-list 
-   7:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                             polaris/layout/property-disallowed-list                  
-  12:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                              polaris/layout/property-disallowed-list                  
-  20:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                 polaris/layout/property-disallowed-list                  
-  29:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                               polaris/layout/declaration-property-value-disallowed-list
-  42:3  ⚠  Unexpected value "(100% / 7)" for property "width" - Please use a Polaris layout component                                                                                         polaris/layout/declaration-property-value-disallowed-list
-  55:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                              polaris/layout/property-disallowed-list                  
-  57:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                              polaris/layout/declaration-property-value-disallowed-list
-  59:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                               polaris/layout/declaration-property-value-disallowed-list
-  78:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                           polaris/shape/polaris/at-rule-disallowed-list            
-  82:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                        polaris/shape/polaris/at-rule-disallowed-list            
- 145:5  ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                        polaris/shape/polaris/at-rule-disallowed-list            
- 151:3  ⚠  Unexpected value "calc(100% / 7)" for property "width" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
- 172:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                             polaris/layout/property-disallowed-list                  
- 174:3  ⚠  Unexpected value "var(--p-space-4)" for property "top" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list
- 176:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                              polaris/layout/property-disallowed-list                  
- 178:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                      polaris/layout/property-disallowed-list                  
- 180:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                               polaris/layout/declaration-property-value-disallowed-list
- 185:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                 polaris/layout/property-disallowed-list                  
- 197:5  ✖  Unexpected value "var(--pc-date-picker-range-end-border-radius, --pc-date-picker-range-end-border-radius)" for property "border-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 203:7  ✖  Unexpected value "var(--pc-date-picker-range-end-border-radius, --pc-date-picker-range-end-border-radius)" for property "border-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 212:3  ✖  Unexpected value "var(--pc-date-picker-range-end-border-radius, --pc-date-picker-range-end-border-radius)" for property "border-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 218:5  ✖  Unexpected value "var(--pc-date-picker-range-end-border-radius, --pc-date-picker-range-end-border-radius)" for property "border-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 228:3  ✖  Expected ".Week > .Day-inRange:first-child:not(.Day-firstInRange):not(.Day-lastInRange)" to have a specificity no more than "0,3,0"                                                selector-max-specificity                                 
- 233:3  ✖  Expected ".Week > .Day-inRange:last-child:not(.Day-firstInRange):not(.Day-lastInRange)" to have a specificity no more than "0,3,0"                                                 selector-max-specificity                                 
- 241:3  ✖  Expected ".Day-inRange:not(:hover) + .Day::after" to have a specificity no more than "0,3,0"                                                                                       selector-max-specificity                                 
- 243:5  ✖  Unexpected value "var(--pc-date-picker-range-end-border-radius, --pc-date-picker-range-end-border-radius)" for property "border-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-
-src/components/DescriptionList/DescriptionList.scss
- 10:5  ⚠  Unexpected property "display" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
- 13:5  ⚠  Unexpected property "align-items" - Please use a Polaris layout component         polaris/layout/property-disallowed-list
- 27:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                polaris/layout/property-disallowed-list
- 35:5  ✖  Expected ".Description + .Term + .Description" to have no more than 2 classes     selector-max-class                     
- 35:5  ✖  Expected ".Description + .Term + .Description" to have no more than 1 combinator  selector-max-combinators               
- 55:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                polaris/layout/property-disallowed-list
- 63:5  ✖  Expected ".Description + .Term + .Description" to have no more than 2 classes     selector-max-class                     
- 63:5  ✖  Expected ".Description + .Term + .Description" to have no more than 1 combinator  selector-max-combinators               
-
-src/components/DisplayText/DisplayText.scss
-  9:3  ✖  Unexpected @include rule "text-style-display-small" - Please use a Polaris font token or typography component    polaris/typography/polaris/at-rule-disallowed-list
- 14:3  ✖  Unexpected @include rule "text-style-display-medium" - Please use a Polaris font token or typography component   polaris/typography/polaris/at-rule-disallowed-list
- 19:3  ✖  Unexpected @include rule "text-style-display-large" - Please use a Polaris font token or typography component    polaris/typography/polaris/at-rule-disallowed-list
- 24:3  ✖  Unexpected @include rule "text-style-display-x-large" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
-
-src/components/Divider/Divider.scss
- 5:3  ✖  Unexpected value "var(--pc-divider-border-style)" for property "border-block-start" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
-
-src/components/DropZone/DropZone.scss
-  15:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                  polaris/layout/declaration-property-value-disallowed-list
-  17:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                 polaris/layout/declaration-property-value-disallowed-list
-  19:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                polaris/layout/declaration-property-value-disallowed-list
-  21:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                               polaris/layout/declaration-property-value-disallowed-list
-  33:3  ✖  Unexpected custom property "--pc-drop-zone-outline" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
-  34:3  ✖  Unexpected custom property "--pc-drop-zone-overlay" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
-  37:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
-  39:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
-  41:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                  
-  48:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
-  50:5  ✖  Unexpected value "var(--pc-drop-zone-outline)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
-  50:5  ✖  Unexpected value "var(--pc-drop-zone-outline)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  52:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                  polaris/layout/declaration-property-value-disallowed-list
-  54:5  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                polaris/layout/declaration-property-value-disallowed-list
-  56:5  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                               polaris/layout/declaration-property-value-disallowed-list
-  58:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                 polaris/layout/declaration-property-value-disallowed-list
-  88:7  ✖  Expected ".hasOutline:not(.isDisabled):hover::after" to have a specificity no more than "0,3,0"                  selector-max-specificity                                 
- 125:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
- 131:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
- 142:3  ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                     polaris/shape/polaris/at-rule-disallowed-list            
- 144:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
- 150:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
- 152:3  ✖  Unexpected value "var(--pc-drop-zone-overlay)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
- 152:3  ✖  Unexpected value "var(--pc-drop-zone-overlay)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 154:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                  polaris/layout/declaration-property-value-disallowed-list
- 156:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                polaris/layout/declaration-property-value-disallowed-list
- 158:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                               polaris/layout/declaration-property-value-disallowed-list
- 160:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                 polaris/layout/declaration-property-value-disallowed-list
- 162:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
- 164:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                  
- 166:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
- 189:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                      polaris/shape/polaris/at-rule-disallowed-list            
-
-src/components/EmptyState/EmptyState.scss
-  30:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
-  33:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list                  
-  35:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
-  45:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
-  48:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
-  50:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
-  52:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list                  
-  54:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                    polaris/layout/property-disallowed-list                  
-  58:5  ⚠  Unexpected value "var(--p-space-5)" for property "left" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-  64:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
-  68:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list                  
-  78:3  ⚠  Unexpected value "initial" for property "width" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
-  84:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
-  90:5  ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
- 101:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                           polaris/layout/property-disallowed-list                  
- 104:5  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list                  
- 106:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                    polaris/layout/property-disallowed-list                  
- 111:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
- 115:5  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list                  
- 125:5  ⚠  Unexpected value "initial" for property "width" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
- 137:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                           polaris/layout/property-disallowed-list                  
- 139:7  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
-
-src/components/ExceptionList/ExceptionList.scss
- 11:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
- 22:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
- 24:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
- 26:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                    polaris/layout/declaration-property-value-disallowed-list
- 28:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
- 30:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                           polaris/layout/property-disallowed-list                  
- 32:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                       polaris/layout/property-disallowed-list                  
- 35:3  ⚠  Unexpected value "var(--p-space-5)" for property "height" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
- 39:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-subdued))" - Please use a Polaris color token   polaris/colors/polaris/at-rule-disallowed-list           
- 43:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-warning))" - Please use a Polaris color token   polaris/colors/polaris/at-rule-disallowed-list           
- 48:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-critical))" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list           
- 54:3  ⚠  Unexpected value "6px" for property "width" - Please use a Polaris layout component                 polaris/layout/declaration-property-value-disallowed-list
- 56:3  ⚠  Unexpected value "6px" for property "height" - Please use a Polaris layout component                polaris/layout/declaration-property-value-disallowed-list
-
-src/components/Filters/Filters.scss
-   8:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
-  13:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
-  15:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                  polaris/layout/declaration-property-value-disallowed-list   
-  17:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
-  19:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
-  25:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                        polaris/layout/declaration-property-value-disallowed-list   
-  27:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
-  31:3  ⚠  Unexpected value "$list-filters-header-height" for property "height" - Please use a Polaris layout component                                                           polaris/layout/declaration-property-value-disallowed-list   
-  34:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
-  36:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                              polaris/layout/property-disallowed-list                     
-  38:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                          polaris/layout/property-disallowed-list                     
-  43:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
-  45:3  ⚠  Unexpected value "calc(     100% - #{$list-filters-footer-height} - #{$list-filters-header-height}   )" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list   
-  54:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
-  56:3  ⚠  Unexpected value "calc(100% - #{$list-filters-header-height})" for property "height" - Please use a Polaris layout component                                           polaris/layout/declaration-property-value-disallowed-list   
-  62:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
-  64:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list   
-  66:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
-  70:3  ⚠  Unexpected value "$list-filters-footer-height" for property "height" - Please use a Polaris layout component                                                           polaris/layout/declaration-property-value-disallowed-list   
-  73:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
-  75:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                              polaris/layout/property-disallowed-list                     
-  77:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                          polaris/layout/property-disallowed-list                     
-  82:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
-  85:3  ⚠  Unexpected value "$list-filters-footer-height" for property "height" - Please use a Polaris layout component                                                           polaris/layout/declaration-property-value-disallowed-list   
-  88:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
-  90:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                              polaris/layout/property-disallowed-list                     
-  92:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                          polaris/layout/property-disallowed-list                     
-  99:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
- 101:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
- 103:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                          polaris/layout/property-disallowed-list                     
- 108:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
- 113:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list   
- 122:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                               polaris/shape/polaris/at-rule-disallowed-list               
- 136:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                            polaris/shape/polaris/at-rule-disallowed-list               
- 142:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component                                                                polaris/typography/declaration-property-unit-disallowed-list
- 149:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
- 153:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
- 159:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
- 161:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                              polaris/layout/property-disallowed-list                     
- 163:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                          polaris/layout/property-disallowed-list                     
- 171:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
- 173:5  ⚠  Unexpected value "var(--p-space-4)" for property "left" - Please use a Polaris layout component                                                                        polaris/layout/declaration-property-value-disallowed-list   
- 175:5  ⚠  Unexpected value "calc(100% - var(--p-space-8))" for property "width" - Please use a Polaris layout component                                                          polaris/layout/declaration-property-value-disallowed-list   
- 177:5  ⚠  Unexpected value "var(--p-space-025)" for property "height" - Please use a Polaris layout component                                                                    polaris/layout/declaration-property-value-disallowed-list   
- 180:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
- 185:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                        polaris/layout/declaration-property-value-disallowed-list   
- 190:5  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list   
- 198:5  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list   
- 200:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
- 202:5  ⚠  Unexpected value "var(--p-space-4)" for property "left" - Please use a Polaris layout component                                                                        polaris/layout/declaration-property-value-disallowed-list   
- 204:5  ⚠  Unexpected value "calc(100% - var(--p-space-8))" for property "width" - Please use a Polaris layout component                                                          polaris/layout/declaration-property-value-disallowed-list   
- 206:5  ⚠  Unexpected value "var(--p-space-025)" for property "height" - Please use a Polaris layout component                                                                    polaris/layout/declaration-property-value-disallowed-list   
- 209:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
- 214:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
- 221:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
- 229:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                        polaris/layout/declaration-property-value-disallowed-list   
- 231:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
- 233:5  ⚠  Unexpected value "var(--p-space-4)" for property "left" - Please use a Polaris layout component                                                                        polaris/layout/declaration-property-value-disallowed-list   
- 235:5  ⚠  Unexpected value "calc(100% - var(--p-space-8))" for property "width" - Please use a Polaris layout component                                                          polaris/layout/declaration-property-value-disallowed-list   
- 237:5  ⚠  Unexpected value "var(--p-space-025)" for property "height" - Please use a Polaris layout component                                                                    polaris/layout/declaration-property-value-disallowed-list   
- 240:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
- 245:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
- 252:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
- 266:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                 polaris/layout/property-disallowed-list                     
- 269:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                        polaris/layout/declaration-property-value-disallowed-list   
- 271:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                                                      polaris/layout/declaration-property-value-disallowed-list   
- 273:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                     polaris/layout/declaration-property-value-disallowed-list   
- 275:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                       polaris/layout/declaration-property-value-disallowed-list   
- 277:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
- 287:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                  polaris/layout/property-disallowed-list                     
-
-src/components/FooterHelp/FooterHelp.scss
-  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
-  7:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component         polaris/layout/property-disallowed-list                  
- 10:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 15:5  ⚠  Unexpected value "auto" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-
-src/components/FormLayout/FormLayout.scss
- 15:3  ⚠  Unexpected property "display" - Please use a Polaris layout component         polaris/layout/property-disallowed-list      
- 21:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component            polaris/layout/property-disallowed-list      
- 32:5  ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component      polaris/layout/property-disallowed-list      
- 32:5  ✖  Unexpected disallowed value " * $" - Please use a Polaris token or component  polaris/legacy/polaris/global-disallowed-list
- 34:5  ✖  Unexpected disallowed value " * $" - Please use a Polaris token or component  polaris/legacy/polaris/global-disallowed-list
-
-src/components/Frame/Frame.scss
-   5:3   ✖  Unexpected custom property "--pc-frame-button-size" - Please use a Polaris token or component                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
-   7:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                    polaris/layout/declaration-property-value-disallowed-list
-  10:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
-  19:5   ⚠  Unexpected value "calc(100% - var(--pc-frame-offset))" for property "width" - Please use a Polaris layout component                                                                     polaris/layout/declaration-property-value-disallowed-list
-  19:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "width" - Please use a Polaris token or component                                                                                polaris/conventions/polaris/custom-property-allowed-list 
-  21:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "margin-left" - Please use a Polaris token or component                                                                          polaris/conventions/polaris/custom-property-allowed-list 
-  27:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
-  30:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list
-  32:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list
-  34:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
-  36:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                      polaris/layout/property-disallowed-list                  
-  38:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                               polaris/layout/property-disallowed-list                  
-  40:3   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                                   polaris/layout/declaration-property-value-disallowed-list
-  46:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
-  46:19  ✖  Unexpected !important                                                                                                                                                                   declaration-no-important                                 
-  51:5   ✖  Unexpected value "1" for property "z-index" - Please use a Polaris z-index token                                                                                                        polaris/z-index/declaration-property-value-allowed-list  
-  53:5   ⚠  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list
-  53:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
-  55:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
-  59:7   ⚠  Unexpected value "$top-bar-height" for property "top" - Please use a Polaris layout component                                                                                           polaris/layout/declaration-property-value-disallowed-list
-  61:7   ⚠  Unexpected value "calc(100% - #{$top-bar-height})" for property "height" - Please use a Polaris layout component                                                                        polaris/layout/declaration-property-value-disallowed-list
-  75:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
-  98:3   ✖  Unexpected @include rule "recolor-icon(var(--p-surface))" - Please use a Polaris color token                                                                                            polaris/colors/polaris/at-rule-disallowed-list           
- 100:3   ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                polaris/shape/polaris/at-rule-disallowed-list            
- 102:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
- 104:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list
- 106:3   ⚠  Unexpected value "100%" for property "left" - Please use a Polaris layout component                                                                                                     polaris/layout/declaration-property-value-disallowed-list
- 108:3   ⚠  Unexpected value "var(--pc-frame-button-size)" for property "width" - Please use a Polaris layout component                                                                             polaris/layout/declaration-property-value-disallowed-list
- 108:3   ✖  Unexpected value "var(--pc-frame-button-size)" for property "width" - Please use a Polaris token or component                                                                           polaris/conventions/polaris/custom-property-allowed-list 
- 110:3   ⚠  Unexpected value "var(--pc-frame-button-size)" for property "height" - Please use a Polaris layout component                                                                            polaris/layout/declaration-property-value-disallowed-list
- 110:3   ✖  Unexpected value "var(--pc-frame-button-size)" for property "height" - Please use a Polaris token or component                                                                          polaris/conventions/polaris/custom-property-allowed-list 
- 124:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
- 124:19  ✖  Unexpected !important                                                                                                                                                                   declaration-no-important                                 
- 134:5   ✖  Unexpected @include rule "focus-ring($style: focused)" - Please use a Polaris shape token                                                                                               polaris/shape/polaris/at-rule-disallowed-list            
- 136:5   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
- 143:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
- 157:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
- 160:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list
- 162:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list
- 164:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                    polaris/layout/declaration-property-value-disallowed-list
- 166:3   ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component                                                                                        polaris/layout/declaration-property-value-disallowed-list
- 170:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
- 170:19  ✖  Unexpected !important                                                                                                                                                                   declaration-no-important                                 
- 175:5   ⚠  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list
- 175:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
- 177:5   ⚠  Unexpected value "calc(100% - var(--pc-frame-offset))" for property "width" - Please use a Polaris layout component                                                                     polaris/layout/declaration-property-value-disallowed-list
- 177:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "width" - Please use a Polaris token or component                                                                                polaris/conventions/polaris/custom-property-allowed-list 
- 183:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
- 186:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list
- 188:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list
- 190:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                    polaris/layout/declaration-property-value-disallowed-list
- 194:5   ⚠  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list
- 194:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
- 196:5   ⚠  Unexpected value "calc(100% - var(--pc-frame-offset))" for property "width" - Please use a Polaris layout component                                                                     polaris/layout/declaration-property-value-disallowed-list
- 196:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "width" - Please use a Polaris token or component                                                                                polaris/conventions/polaris/custom-property-allowed-list 
- 202:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                      polaris/layout/property-disallowed-list                  
- 204:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
- 206:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                               polaris/layout/property-disallowed-list                  
- 209:3   ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                                                                                                      polaris/layout/polaris/at-rule-disallowed-list           
- 212:3   ✖  Unexpected @include rule "safe-area-for(padding-right, 0, right)" - Please use a Polaris layout component                                                                               polaris/layout/polaris/at-rule-disallowed-list           
- 214:3   ✖  Unexpected @include rule "safe-area-for(padding-left, 0, left)" - Please use a Polaris layout component                                                                                 polaris/layout/polaris/at-rule-disallowed-list           
- 216:3   ✖  Unexpected @include rule "safe-area-for(padding-bottom, 0, bottom)" - Please use a Polaris layout component                                                                             polaris/layout/polaris/at-rule-disallowed-list           
- 225:7   ✖  Unexpected @include rule "safe-area-for(padding-left, $layout-width-nav-base, left)" - Please use a Polaris layout component                                                            polaris/layout/polaris/at-rule-disallowed-list           
- 239:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
- 241:3   ✖  Unexpected value "var(--pc-frame-global-ribbon-height)" for property "padding-bottom" - Please use a Polaris token or component                                                         polaris/conventions/polaris/custom-property-allowed-list 
- 243:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                      polaris/layout/property-disallowed-list                  
- 245:3   ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                                                                                                      polaris/layout/polaris/at-rule-disallowed-list           
- 250:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
- 253:3   ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                                      polaris/layout/declaration-property-value-disallowed-list
- 255:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                    polaris/layout/declaration-property-value-disallowed-list
- 259:5   ⚠  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list
- 259:5   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
- 263:7   ⚠  Unexpected value "calc(#{$layout-width-nav-base} + var(--pc-frame-offset))" for property "left" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
- 263:7   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
- 265:7   ✖  Unexpected @include rule "safe-area-for(         left,         calc(#{$layout-width-nav-base} + var(--pc-frame-offset)),         left       )" - Please use a Polaris layout component  polaris/layout/polaris/at-rule-disallowed-list           
- 272:7   ⚠  Unexpected value "calc(100% - #{$layout-width-nav-base} - var(--pc-frame-offset))" for property "width" - Please use a Polaris layout component                                         polaris/layout/declaration-property-value-disallowed-list
- 272:7   ✖  Unexpected value "var(--pc-frame-offset)" for property "width" - Please use a Polaris token or component                                                                                polaris/conventions/polaris/custom-property-allowed-list 
- 279:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
- 282:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list
- 284:3   ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                                                                       polaris/layout/declaration-property-value-disallowed-list
- 286:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list
- 290:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                   polaris/layout/property-disallowed-list                  
- 290:19  ✖  Unexpected !important                                                                                                                                                                   declaration-no-important                                 
- 296:7   ⚠  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris layout component                                                                                   polaris/layout/declaration-property-value-disallowed-list
- 296:7   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
- 307:3   ✖  Unexpected custom property "--pc-frame-skip-vertical-offset" - Please use a Polaris token or component                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
- 309:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                  polaris/layout/property-disallowed-list                  
- 312:3   ⚠  Unexpected value "var(--pc-frame-skip-vertical-offset)" for property "top" - Please use a Polaris layout component                                                                      polaris/layout/declaration-property-value-disallowed-list
- 312:3   ✖  Unexpected value "var(--pc-frame-skip-vertical-offset)" for property "top" - Please use a Polaris token or component                                                                    polaris/conventions/polaris/custom-property-allowed-list 
- 314:3   ⚠  Unexpected value "calc(var(--p-space-2) + var(--pc-frame-offset))" for property "left" - Please use a Polaris layout component                                                          polaris/layout/declaration-property-value-disallowed-list
- 314:3   ✖  Unexpected value "var(--pc-frame-offset)" for property "left" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
- 324:7   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                             polaris/shape/polaris/at-rule-disallowed-list            
- 330:5   ✖  Unexpected @include rule "button-base" - Please use a Polaris token or component                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
- 332:5   ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                                                                                            polaris/shape/polaris/at-rule-disallowed-list            
-
-src/components/FullscreenBar/FullscreenBar.scss
-  5:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
-  7:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
-  9:3  ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 16:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
- 18:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                  
- 20:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
-
-src/components/Grid/Grid.scss
-  6:3  ✖  Unexpected custom property "--pc-grid-areas-xs" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list
-  7:3  ✖  Unexpected custom property "--pc-grid-areas-sm" Unexpected value "var(--pc-grid-areas-xs)" for property "--pc-grid-areas-sm" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
-  8:3  ✖  Unexpected custom property "--pc-grid-areas-md" Unexpected value "var(--pc-grid-areas-sm)" for property "--pc-grid-areas-md" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
-  9:3  ✖  Unexpected custom property "--pc-grid-areas-lg" Unexpected value "var(--pc-grid-areas-md)" for property "--pc-grid-areas-lg" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
- 10:3  ✖  Unexpected custom property "--pc-grid-areas-xl" Unexpected value "var(--pc-grid-areas-lg)" for property "--pc-grid-areas-xl" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
- 11:3  ✖  Unexpected custom property "--pc-grid-columns-xs" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
- 12:3  ✖  Unexpected custom property "--pc-grid-columns-sm" Unexpected value "var(--pc-grid-columns-xs)" for property "--pc-grid-columns-sm" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 13:3  ✖  Unexpected custom property "--pc-grid-columns-md" Unexpected value "var(--pc-grid-columns-sm)" for property "--pc-grid-columns-md" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 14:3  ✖  Unexpected custom property "--pc-grid-columns-lg" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list
- 15:3  ✖  Unexpected custom property "--pc-grid-columns-xl" Unexpected value "var(--pc-grid-columns-lg)" for property "--pc-grid-columns-xl" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 18:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                         polaris/layout/property-disallowed-list                 
- 20:3  ✖  Unexpected value "var(--pc-grid-gap-xs)" for property "gap" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list
- 22:3  ⚠  Unexpected property "grid-template-areas" - Please use a Polaris layout component                                                                                             polaris/layout/property-disallowed-list                 
- 22:3  ✖  Unexpected value "var(--pc-grid-areas-xs)" for property "grid-template-areas" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
- 24:3  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                                           polaris/layout/property-disallowed-list                 
- 24:3  ✖  Unexpected value "var(--pc-grid-columns-xs)" for property "grid-template-columns" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list
- 28:5  ✖  Unexpected value "var(--pc-grid-gap-sm)" for property "gap" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list
- 30:5  ⚠  Unexpected property "grid-template-areas" - Please use a Polaris layout component                                                                                             polaris/layout/property-disallowed-list                 
- 30:5  ✖  Unexpected value "var(--pc-grid-areas-sm)" for property "grid-template-areas" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
- 32:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                                           polaris/layout/property-disallowed-list                 
- 32:5  ✖  Unexpected value "var(--pc-grid-columns-sm)" for property "grid-template-columns" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list
- 37:5  ✖  Unexpected value "var(--pc-grid-gap-md)" for property "gap" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list
- 39:5  ⚠  Unexpected property "grid-template-areas" - Please use a Polaris layout component                                                                                             polaris/layout/property-disallowed-list                 
- 39:5  ✖  Unexpected value "var(--pc-grid-areas-md)" for property "grid-template-areas" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
- 41:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                                           polaris/layout/property-disallowed-list                 
- 41:5  ✖  Unexpected value "var(--pc-grid-columns-md)" for property "grid-template-columns" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list
- 46:5  ✖  Unexpected value "var(--pc-grid-gap-lg)" for property "gap" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list
- 48:5  ⚠  Unexpected property "grid-template-areas" - Please use a Polaris layout component                                                                                             polaris/layout/property-disallowed-list                 
- 48:5  ✖  Unexpected value "var(--pc-grid-areas-lg)" for property "grid-template-areas" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
- 50:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                                           polaris/layout/property-disallowed-list                 
- 50:5  ✖  Unexpected value "var(--pc-grid-columns-lg)" for property "grid-template-columns" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list
- 55:5  ✖  Unexpected value "var(--pc-grid-gap-xl)" for property "gap" - Please use a Polaris token or component                                                                         polaris/conventions/polaris/custom-property-allowed-list
- 57:5  ⚠  Unexpected property "grid-template-areas" - Please use a Polaris layout component                                                                                             polaris/layout/property-disallowed-list                 
- 57:5  ✖  Unexpected value "var(--pc-grid-areas-xl)" for property "grid-template-areas" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
- 59:5  ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                                                                           polaris/layout/property-disallowed-list                 
- 59:5  ✖  Unexpected value "var(--pc-grid-columns-xl)" for property "grid-template-columns" - Please use a Polaris token or component                                                   polaris/conventions/polaris/custom-property-allowed-list
-
-src/components/Heading/Heading.scss
- 5:3  ✖  Unexpected @include rule "text-style-heading" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
-
-src/components/Icon/Icon.scss
-   5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
-   7:3  ⚠  Unexpected value "20px" for property "height" - Please use a Polaris layout component                         polaris/layout/declaration-property-value-disallowed-list
-   9:3  ⚠  Unexpected value "20px" for property "width" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
-  21:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
-  23:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
-  25:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                     polaris/layout/property-disallowed-list                  
-  31:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
-  33:5  ⚠  Unexpected value "calc(-1 * var(--p-space-1))" for property "top" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
-  35:5  ⚠  Unexpected value "calc(-1 * var(--p-space-1))" for property "bottom" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-  37:5  ⚠  Unexpected value "calc(-1 * var(--p-space-1))" for property "left" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
-  39:5  ⚠  Unexpected value "calc(-1 * var(--p-space-1))" for property "right" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
-  46:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                     polaris/colors/polaris/at-rule-disallowed-list           
-  55:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-subdued))" - Please use a Polaris color token             polaris/colors/polaris/at-rule-disallowed-list           
-  60:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-critical))" - Please use a Polaris color token            polaris/colors/polaris/at-rule-disallowed-list           
-  69:3  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token              polaris/colors/polaris/at-rule-disallowed-list           
-  74:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-warning))" - Please use a Polaris color token             polaris/colors/polaris/at-rule-disallowed-list           
-  83:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-highlight))" - Please use a Polaris color token           polaris/colors/polaris/at-rule-disallowed-list           
-  92:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-success))" - Please use a Polaris color token             polaris/colors/polaris/at-rule-disallowed-list           
- 101:3  ✖  Unexpected @include rule "recolor-icon(var(--p-action-primary))" - Please use a Polaris color token           polaris/colors/polaris/at-rule-disallowed-list           
- 107:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
- 109:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
- 111:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
-
-src/components/IndexTable/IndexTable.scss
-   5:3  ✖  Unexpected custom property "--pc-index-table-translate-offset" - Please use a Polaris token or component                               polaris/conventions/polaris/custom-property-allowed-list 
-   6:3  ✖  Unexpected custom property "--pc-index-table-table-header-offset" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
-   7:3  ✖  Unexpected custom property "--pc-index-table-cell" - Please use a Polaris token or component                                           polaris/conventions/polaris/custom-property-allowed-list 
-   8:3  ✖  Unexpected custom property "--pc-index-table-sticky-cell" - Please use a Polaris token or component                                    polaris/conventions/polaris/custom-property-allowed-list 
-   9:3  ✖  Unexpected custom property "--pc-index-table-scroll-bar" - Please use a Polaris token or component                                     polaris/conventions/polaris/custom-property-allowed-list 
-  10:3  ✖  Unexpected custom property "--pc-index-table-bulk-actions" - Please use a Polaris token or component                                   polaris/conventions/polaris/custom-property-allowed-list 
-  11:3  ✖  Unexpected custom property "--pc-index-table-loading-panel" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
-  14:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
-  24:3  ✖  Unexpected custom property "--pc-index-table-bulk-actions-offset" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
-  26:3  ✖  Unexpected value "var(--pc-index-table-bulk-actions-offset)" for property "padding-bottom" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
-  58:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
-  60:3  ✖  Unexpected value "var(--pc-index-table-loading-panel)" for property "z-index" - Please use a Polaris z-index token                     polaris/z-index/declaration-property-value-allowed-list  
-  60:3  ✖  Unexpected value "var(--pc-index-table-loading-panel)" for property "z-index" - Please use a Polaris token or component                polaris/conventions/polaris/custom-property-allowed-list 
-  62:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                        polaris/layout/declaration-property-value-disallowed-list
-  64:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
-  66:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
-  68:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
-  70:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
-  72:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
-  79:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
-  82:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
-  97:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
- 104:3  ✖  Expected ".Table-scrolling .TableCell-first + .TableCell" to have no more than 2 classes                                               selector-max-class                                       
- 104:3  ✖  Expected ".Table-scrolling .TableCell-first + .TableCell" to have no more than 1 combinator                                            selector-max-combinators                                 
- 119:5  ✖  Expected ".Table-scrolling.Table-sticky .TableCell-first + .TableCell" to have no more than 2 classes                                  selector-max-class                                       
- 119:5  ✖  Expected ".Table-scrolling.Table-sticky .TableHeading-second" to have no more than 2 classes                                           selector-max-class                                       
- 119:5  ✖  Expected ".Table-scrolling.Table-sticky .TableCell-first + .TableCell" to have no more than 1 combinator                               selector-max-combinators                                 
- 119:5  ✖  Expected ".Table-scrolling.Table-sticky .TableCell-first + .TableCell" to have a specificity no more than "0,3,0"                      selector-max-specificity                                 
- 127:5  ✖  Expected ".Table-scrolling.Table-sticky.Table-unselectable" to have no more than 2 classes                                             selector-max-class                                       
- 129:7  ✖  Expected ".Table-scrolling.Table-sticky.Table-unselectable .TableHeading-second" to have no more than 2 classes                        selector-max-class                                       
- 129:7  ✖  Expected ".Table-scrolling.Table-sticky.Table-unselectable .TableCell:first-child" to have no more than 2 classes                      selector-max-class                                       
- 129:7  ✖  Expected ".Table-scrolling.Table-sticky.Table-unselectable .TableHeading-second" to have a specificity no more than "0,3,0"            selector-max-specificity                                 
- 130:7  ✖  Expected ".Table-scrolling.Table-sticky.Table-unselectable .TableCell:first-child" to have a specificity no more than "0,3,0"          selector-max-specificity                                 
- 138:5  ✖  Expected ".Table-scrolling.Table-unselectable .TableHeading-second" to have no more than 2 classes                                     selector-max-class                                       
- 138:5  ✖  Expected ".Table-scrolling.Table-unselectable .TableCell:first-child" to have no more than 2 classes                                   selector-max-class                                       
- 139:5  ✖  Expected ".Table-scrolling.Table-unselectable .TableCell:first-child" to have a specificity no more than "0,3,0"                       selector-max-specificity                                 
- 156:5  ✖  Expected ".TableRow.statusSuccess .TableCell-first" to have no more than 2 classes                                                     selector-max-class                                       
- 156:5  ✖  Expected ".TableRow.statusSuccess .TableCell-first + .TableCell" to have no more than 2 classes                                        selector-max-class                                       
- 156:5  ✖  Expected ".TableRow.statusSuccess .TableCell-first + .TableCell" to have no more than 1 combinator                                     selector-max-combinators                                 
- 158:5  ✖  Expected ".TableRow.statusSuccess .TableCell-first + .TableCell" to have a specificity no more than "0,3,0"                            selector-max-specificity                                 
- 165:5  ✖  Expected ".TableRow.statusSubdued .TableCell-first" to have no more than 2 classes                                                     selector-max-class                                       
- 165:5  ✖  Expected ".TableRow.statusSubdued .TableCell-first + .TableCell" to have no more than 2 classes                                        selector-max-class                                       
- 165:5  ✖  Expected ".TableRow.statusSubdued .TableCell-first + .TableCell" to have no more than 1 combinator                                     selector-max-combinators                                 
- 167:5  ✖  Expected ".TableRow.statusSubdued .TableCell-first + .TableCell" to have a specificity no more than "0,3,0"                            selector-max-specificity                                 
- 174:5  ✖  Expected ".TableRow.TableRow-hovered .TableCell-first" to have no more than 2 classes                                                  selector-max-class                                       
- 174:5  ✖  Expected ".TableRow.TableRow-hovered .TableCell-first + .TableCell" to have no more than 2 classes                                     selector-max-class                                       
- 174:5  ✖  Expected ".TableRow.TableRow-hovered .TableCell-first + .TableCell" to have no more than 1 combinator                                  selector-max-combinators                                 
- 176:5  ✖  Expected ".TableRow.TableRow-hovered .TableCell-first + .TableCell" to have a specificity no more than "0,3,0"                         selector-max-specificity                                 
- 183:5  ✖  Expected ".TableRow.TableRow-selected .TableHeading-first" to have no more than 2 classes                                              selector-max-class                                       
- 183:5  ✖  Expected ".TableRow.TableRow-selected .TableHeading-second" to have no more than 2 classes                                             selector-max-class                                       
- 183:5  ✖  Expected ".TableRow.TableRow-selected .TableCell-first" to have no more than 2 classes                                                 selector-max-class                                       
- 183:5  ✖  Expected ".TableRow.TableRow-selected .TableCell-first + .TableCell" to have no more than 2 classes                                    selector-max-class                                       
- 183:5  ✖  Expected ".TableRow.TableRow-selected .TableCell-first + .TableCell" to have no more than 1 combinator                                 selector-max-combinators                                 
- 187:5  ✖  Expected ".TableRow.TableRow-selected .TableCell-first + .TableCell" to have a specificity no more than "0,3,0"                        selector-max-specificity                                 
- 193:3  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected" to have no more than 2 classes                                                 selector-max-class                                       
- 195:5  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected" to have no more than 2 classes                                                 selector-max-class                                       
- 195:5  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected .TableCell-first" to have no more than 2 classes                                selector-max-class                                       
- 195:5  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected .TableCell-first + .TableCell" to have no more than 2 classes                   selector-max-class                                       
- 195:5  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected .TableCell-first + .TableCell" to have no more than 1 combinator                selector-max-combinators                                 
- 196:5  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected .TableCell-first" to have a specificity no more than "0,3,0"                    selector-max-specificity                                 
- 197:5  ✖  Expected ".TableRow.TableRow-hovered.TableRow-selected .TableCell-first + .TableCell" to have a specificity no more than "0,3,0"       selector-max-specificity                                 
- 233:3  ✖  Unexpected custom property "--pc-index-table-checkbox-offset-left" - Please use a Polaris token or component                           polaris/conventions/polaris/custom-property-allowed-list 
- 234:3  ✖  Unexpected custom property "--pc-index-table-checkbox-offset-right" - Please use a Polaris token or component                          polaris/conventions/polaris/custom-property-allowed-list 
- 237:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 239:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
- 241:3  ✖  Unexpected value "var(--pc-index-table-checkbox-offset-left)" for property "padding-left" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
- 243:3  ✖  Unexpected value "var(--pc-index-table-checkbox-offset-right)" for property "padding-right" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 245:3  ⚠  Unexpected value "var(--p-space-5)" for property "width" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
- 250:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 256:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 258:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
- 260:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
- 277:3  ⚠  Unexpected value "var(--p-space-5)" for property "height" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
- 279:3  ⚠  Unexpected value "var(--p-space-5)" for property "width" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
- 290:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 292:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
- 299:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 312:3  ✖  Unexpected value "var(--pc-index-table-cell)" for property "z-index" - Please use a Polaris z-index token                              polaris/z-index/declaration-property-value-allowed-list  
- 312:3  ✖  Unexpected value "var(--pc-index-table-cell)" for property "z-index" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
- 324:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 326:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
- 328:3  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris z-index token                       polaris/z-index/declaration-property-value-allowed-list  
- 328:3  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
- 335:3  ⚠  Unexpected value "var(--pc-checkbox-offset)" for property "left" - Please use a Polaris layout component                               polaris/layout/declaration-property-value-disallowed-list
- 335:3  ✖  Unexpected value "var(--pc-checkbox-offset)" for property "left" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
- 341:3  ✖  Expected ".Table-sticky .TableCell-first + .TableCell" to have no more than 2 classes                                                  selector-max-class                                       
- 341:3  ✖  Expected ".Table-sticky .TableCell-first + .TableCell" to have no more than 1 combinator                                               selector-max-combinators                                 
- 344:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 346:7  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris z-index token                       polaris/z-index/declaration-property-value-allowed-list  
- 346:7  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
- 354:9  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 356:9  ✖  Unexpected value "auto" for property "z-index" - Please use a Polaris z-index token                                                    polaris/z-index/declaration-property-value-allowed-list  
- 358:9  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
- 362:5  ✖  Expected ".Table-sticky .TableHeading-second.TableHeading-unselectable" to have no more than 2 classes                                 selector-max-class                                       
- 364:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 366:7  ✖  Unexpected value "auto" for property "z-index" - Please use a Polaris z-index token                                                    polaris/z-index/declaration-property-value-allowed-list  
- 368:7  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
- 375:3  ✖  Expected ".Table-unselectable.Table-sticky .TableCell:first-child" to have no more than 2 classes                                      selector-max-class                                       
- 375:3  ✖  Expected ".Table-unselectable.Table-sticky .TableCell:first-child" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
- 377:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
- 380:5  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris z-index token                       polaris/z-index/declaration-property-value-allowed-list  
- 380:5  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
- 382:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 387:5  ✖  Expected ".Table-unselectable .statusSuccess .TableCell:first-child" to have no more than 2 classes                                    selector-max-class                                       
- 387:5  ✖  Expected ".Table-unselectable .statusSuccess .TableCell:first-child" to have no more than 1 combinator                                 selector-max-combinators                                 
- 387:5  ✖  Expected ".Table-unselectable .statusSuccess .TableCell:first-child" to have a specificity no more than "0,3,0"                        selector-max-specificity                                 
- 394:5  ✖  Expected ".Table-unselectable .statusSubdued .TableCell:first-child" to have no more than 2 classes                                    selector-max-class                                       
- 394:5  ✖  Expected ".Table-unselectable .statusSubdued .TableCell:first-child" to have no more than 1 combinator                                 selector-max-combinators                                 
- 394:5  ✖  Expected ".Table-unselectable .statusSubdued .TableCell:first-child" to have a specificity no more than "0,3,0"                        selector-max-specificity                                 
- 401:5  ✖  Expected ".Table-unselectable .TableRow-hovered .TableCell:first-child" to have no more than 2 classes                                 selector-max-class                                       
- 401:5  ✖  Expected ".Table-unselectable .TableRow-hovered .TableCell:first-child" to have no more than 1 combinator                              selector-max-combinators                                 
- 401:5  ✖  Expected ".Table-unselectable .TableRow-hovered .TableCell:first-child" to have a specificity no more than "0,3,0"                     selector-max-specificity                                 
- 420:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 422:7  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
- 425:7  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris z-index token                       polaris/z-index/declaration-property-value-allowed-list  
- 425:7  ✖  Unexpected value "var(--pc-index-table-sticky-cell)" for property "z-index" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
- 432:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 434:7  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
- 437:7  ✖  Unexpected value "auto" for property "z-index" - Please use a Polaris z-index token                                                    polaris/z-index/declaration-property-value-allowed-list  
- 443:5  ✖  Expected ".Table-sticky-last .statusSuccess .TableCell:last-child" to have no more than 2 classes                                      selector-max-class                                       
- 443:5  ✖  Expected ".Table-sticky-last .statusSuccess .TableCell:last-child" to have no more than 1 combinator                                   selector-max-combinators                                 
- 443:5  ✖  Expected ".Table-sticky-last .statusSuccess .TableCell:last-child" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
- 449:5  ✖  Expected ".Table-sticky-last .statusSubdued .TableCell:last-child" to have no more than 2 classes                                      selector-max-class                                       
- 449:5  ✖  Expected ".Table-sticky-last .statusSubdued .TableCell:last-child" to have no more than 1 combinator                                   selector-max-combinators                                 
- 449:5  ✖  Expected ".Table-sticky-last .statusSubdued .TableCell:last-child" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
- 455:5  ✖  Expected ".Table-sticky-last .TableRow-hovered .TableCell:last-child" to have no more than 2 classes                                   selector-max-class                                       
- 455:5  ✖  Expected ".Table-sticky-last .TableRow-hovered .TableCell:last-child" to have no more than 1 combinator                                selector-max-combinators                                 
- 455:5  ✖  Expected ".Table-sticky-last .TableRow-hovered .TableCell:last-child" to have a specificity no more than "0,3,0"                       selector-max-specificity                                 
- 461:5  ✖  Expected ".Table-sticky-last .TableRow-selected .TableCell:last-child" to have no more than 2 classes                                  selector-max-class                                       
- 461:5  ✖  Expected ".Table-sticky-last .TableRow-selected .TableCell:last-child" to have no more than 1 combinator                               selector-max-combinators                                 
- 461:5  ✖  Expected ".Table-sticky-last .TableRow-selected .TableCell:last-child" to have a specificity no more than "0,3,0"                      selector-max-specificity                                 
- 475:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 477:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                        polaris/layout/declaration-property-value-disallowed-list
- 479:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
- 481:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
- 484:3  ✖  Unexpected value "var(--pc-index-table-loading-panel)" for property "z-index" - Please use a Polaris z-index token                     polaris/z-index/declaration-property-value-allowed-list  
- 484:3  ✖  Unexpected value "var(--pc-index-table-loading-panel)" for property "z-index" - Please use a Polaris token or component                polaris/conventions/polaris/custom-property-allowed-list 
- 489:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 491:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 493:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
- 497:5  ⚠  Unexpected value "-1000px" for property "top" - Please use a Polaris layout component                                                  polaris/layout/declaration-property-value-disallowed-list
- 499:5  ⚠  Unexpected value "-1000px" for property "left" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
- 505:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                     polaris/layout/property-disallowed-list                  
- 511:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                     polaris/layout/property-disallowed-list                  
- 513:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 521:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 526:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 533:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 537:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 550:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 555:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 561:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 567:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 569:3  ✖  Unexpected value "var(--pc-index-table-bulk-actions)" for property "z-index" - Please use a Polaris z-index token                      polaris/z-index/declaration-property-value-allowed-list  
- 569:3  ✖  Unexpected value "var(--pc-index-table-bulk-actions)" for property "z-index" - Please use a Polaris token or component                 polaris/conventions/polaris/custom-property-allowed-list 
- 571:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
- 573:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
- 575:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 577:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
- 579:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
- 585:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 587:3  ⚠  Unexpected value "auto" for property "top" - Please use a Polaris layout component                                                     polaris/layout/declaration-property-value-disallowed-list
- 589:3  ⚠  Unexpected value "calc(var(--p-space-10) - var(--p-space-1))" for property "bottom" - Please use a Polaris layout component            polaris/layout/declaration-property-value-disallowed-list
- 595:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 597:3  ✖  Unexpected value "var(--pc-index-table-bulk-actions)" for property "z-index" - Please use a Polaris z-index token                      polaris/z-index/declaration-property-value-allowed-list  
- 597:3  ✖  Unexpected value "var(--pc-index-table-bulk-actions)" for property "z-index" - Please use a Polaris token or component                 polaris/conventions/polaris/custom-property-allowed-list 
- 599:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                        polaris/layout/declaration-property-value-disallowed-list
- 601:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
- 603:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
- 616:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 618:3  ✖  Unexpected value "var(--pc-index-table-scroll-bar)" for property "z-index" - Please use a Polaris z-index token                        polaris/z-index/declaration-property-value-allowed-list  
- 618:3  ✖  Unexpected value "var(--pc-index-table-scroll-bar)" for property "z-index" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
- 620:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                     polaris/layout/declaration-property-value-disallowed-list
- 634:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 640:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
- 653:3  ⚠  Unexpected value "$scroll-bar-size" for property "height" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
- 655:3  ⚠  Unexpected value "$scroll-bar-size" for property "width" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
- 675:3  ✖  Unexpected value "var(--pc-index-table-table-header-offset)" for property "transform" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list 
- 677:3  ✖  Unexpected value "var(--pc-index-table-table-header-offset)" for property "margin-bottom" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
- 686:3  ⚠  Unexpected value "calc(100% + var(--pc-index-table-translate-offset))" for property "width" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
- 686:3  ✖  Unexpected value "var(--pc-index-table-translate-offset)" for property "width" - Please use a Polaris token or component               polaris/conventions/polaris/custom-property-allowed-list 
- 688:3  ✖  Unexpected value "var(--pc-index-table-translate-offset)" for property "transform" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list 
- 691:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 695:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
- 713:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 715:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 717:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
- 719:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
- 740:3  ⚠  Unexpected value "1px" for property "height" - Please use a Polaris layout component                                                   polaris/layout/declaration-property-value-disallowed-list
- 742:3  ⚠  Unexpected value "var(--pc-index-table-scroll-bar-content-width)" for property "width" - Please use a Polaris layout component         polaris/layout/declaration-property-value-disallowed-list
- 742:3  ✖  Unexpected value "var(--pc-index-table-scroll-bar-content-width)" for property "width" - Please use a Polaris token or component       polaris/conventions/polaris/custom-property-allowed-list 
-
-src/components/Indicator/Indicator.scss
-  3:3  ✖  Unexpected custom property "--pc-indicator-size" - Please use a Polaris token or component                           polaris/conventions/polaris/custom-property-allowed-list 
-  4:3  ✖  Unexpected custom property "--pc-indicator-base-position" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
- 11:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
- 14:5  ⚠  Unexpected value "var(--pc-indicator-base-position)" for property "right" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
- 14:5  ✖  Unexpected value "var(--pc-indicator-base-position)" for property "right" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 16:5  ⚠  Unexpected value "var(--pc-indicator-base-position)" for property "top" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
- 16:5  ✖  Unexpected value "var(--pc-indicator-base-position)" for property "top" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
- 18:5  ⚠  Unexpected value "var(--pc-indicator-size)" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
- 18:5  ✖  Unexpected value "var(--pc-indicator-size)" for property "width" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list 
- 20:5  ⚠  Unexpected value "var(--pc-indicator-size)" for property "height" - Please use a Polaris layout component            polaris/layout/declaration-property-value-disallowed-list
- 20:5  ✖  Unexpected value "var(--pc-indicator-size)" for property "height" - Please use a Polaris token or component          polaris/conventions/polaris/custom-property-allowed-list 
- 23:5  ✖  Unexpected value "var(--pc-indicator-size)" for property "border" - Please use a Polaris token or component          polaris/conventions/polaris/custom-property-allowed-list 
- 29:3  ✖  Unexpected value "1" for property "z-index" - Please use a Polaris z-index token                                     polaris/z-index/declaration-property-value-allowed-list  
- 35:3  ⚠  Unexpected value "var(--pc-indicator-base-position)" for property "right" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
- 35:3  ✖  Unexpected value "var(--pc-indicator-base-position)" for property "right" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 37:3  ⚠  Unexpected value "var(--pc-indicator-base-position)" for property "top" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
- 37:3  ✖  Unexpected value "var(--pc-indicator-base-position)" for property "top" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
-
-src/components/Inline/Inline.scss
-  6:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                 polaris/layout/property-disallowed-list                 
-  8:3  ✖  Unexpected value "var(--pc-inline-wrap)" for property "flex-wrap" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
- 10:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                             polaris/layout/property-disallowed-list                 
- 10:3  ✖  Unexpected value "var(--pc-inline-block-align)" for property "align-items" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 12:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                 
- 12:3  ✖  Unexpected value "var(--pc-inline-align)" for property "justify-content" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list
-
-src/components/InlineCode/InlineCode.scss
- 6:3  ✖  Unexpected unit "em" for property "font-size" - Please use a Polaris font token or typography component  polaris/typography/declaration-property-unit-disallowed-list
-
-src/components/InlineError/InlineError.scss
- 3:3  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
-
-src/components/KeyboardKey/KeyboardKey.scss
- 5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
- 7:3  ⚠  Unexpected value "$key-base-height" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-
-src/components/Label/Label.scss
-  9:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component  polaris/legacy/polaris/at-rule-disallowed-list
- 14:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list       
- 16:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                    polaris/layout/property-disallowed-list       
-
-src/components/Labelled/Labelled.scss
-  5:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                 polaris/legacy/polaris/at-rule-disallowed-list    
- 10:3  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
- 12:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list           
- 15:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list           
- 17:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list           
- 27:3  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
- 33:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list           
-
-src/components/Layout/Layout.scss
-  11:3  ⚠  Unexpected property "display" - Please use a Polaris layout component          polaris/layout/property-disallowed-list
-  14:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
-  16:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component      polaris/layout/property-disallowed-list
-  35:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
-  40:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
-  46:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
-  52:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
-  57:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
-  63:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
-  70:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
-  89:3  ⚠  Unexpected property "display" - Please use a Polaris layout component          polaris/layout/property-disallowed-list
-  97:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
- 102:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
-
-src/components/Link/Link.scss
-  6:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                  polaris/layout/property-disallowed-list                  
- 28:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
- 34:7  ⚠  Unexpected property "position" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
- 36:7  ✖  Unexpected value "-1" for property "z-index" - Please use a Polaris z-index token      polaris/z-index/declaration-property-value-allowed-list  
- 39:7  ⚠  Unexpected value "-2px" for property "top" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
- 41:7  ⚠  Unexpected value "-5px" for property "right" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
- 43:7  ⚠  Unexpected value "-2px" for property "bottom" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 45:7  ⚠  Unexpected value "-5px" for property "left" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
- 47:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                  polaris/layout/property-disallowed-list                  
-
-src/components/MediaCard/MediaCard.scss
-  5:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
-  7:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
-  9:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
- 26:5  ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
- 36:7  ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
- 48:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
- 52:5  ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
- 56:7  ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
- 63:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
- 66:3  ⚠  Unexpected value "var(--p-space-4)" for property "top" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
- 68:3  ⚠  Unexpected value "var(--p-space-5)" for property "right" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-
-src/components/MessageIndicator/MessageIndicator.scss
-  6:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
- 11:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
- 13:3  ✖  Unexpected value "1" for property "z-index" - Please use a Polaris z-index token                     polaris/z-index/declaration-property-value-allowed-list  
- 15:3  ⚠  Unexpected value "$indicator-position" for property "top" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
- 17:3  ⚠  Unexpected value "$indicator-position" for property "right" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 19:3  ⚠  Unexpected value "$indicator-size" for property "width" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
- 21:3  ⚠  Unexpected value "$indicator-size" for property "height" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
-
-src/components/Modal/Modal.scss
-  7:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
- 12:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
- 14:3  ⚠  Unexpected value "$small-width" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-
-src/components/Navigation/Navigation.scss
-  10:3   ✖  Unexpected custom property "--pc-navigation-icon-size" - Please use a Polaris token or component                                                                                                         polaris/conventions/polaris/custom-property-allowed-list    
-  12:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
-  15:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
-  17:3   ⚠  Unexpected value "$mobile-nav-width" for property "width" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list   
-  21:3   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                                                    polaris/layout/declaration-property-value-disallowed-list   
-  28:3   ✖  Unexpected @include rule "safe-area-for(padding-bottom, 0, bottom)" - Please use a Polaris layout component                                                                                              polaris/layout/polaris/at-rule-disallowed-list              
-  37:5   ✖  Unexpected @include rule "safe-area-for(max-width, $layout-width-nav-base, left)" - Please use a Polaris layout component                                                                                polaris/layout/polaris/at-rule-disallowed-list              
-  43:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
-  51:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
-  57:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
-  60:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
-  63:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
-  77:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
-  80:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
-  82:5   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
-  84:5   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
-  86:5   ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list   
-  93:5   ✖  Unexpected @include rule "safe-area-for(flex-basis, $top-bar-height, left)" - Please use a Polaris layout component                                                                                      polaris/layout/polaris/at-rule-disallowed-list              
-  95:5   ✖  Unexpected @include rule "safe-area-for(padding-left, var(--p-space-4), left)" - Please use a Polaris layout component                                                                                   polaris/layout/polaris/at-rule-disallowed-list              
- 106:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
- 115:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                   polaris/layout/property-disallowed-list                     
- 126:5   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                   polaris/layout/property-disallowed-list                     
- 128:5   ⚠  Unexpected value "1px" for property "top" - Please use a Polaris layout component                                                                                                                        polaris/layout/declaration-property-value-disallowed-list   
- 130:5   ⚠  Unexpected value "1px" for property "bottom" - Please use a Polaris layout component                                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
- 132:5   ⚠  Unexpected value "calc(-1 * var(--p-space-2))" for property "left" - Please use a Polaris layout component                                                                                               polaris/layout/declaration-property-value-disallowed-list   
- 134:5   ⚠  Unexpected value "$active-indicator-width" for property "width" - Please use a Polaris layout component                                                                                                  polaris/layout/declaration-property-value-disallowed-list   
- 141:3   ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                 polaris/shape/polaris/at-rule-disallowed-list               
- 151:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
- 157:5   ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
- 183:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
- 202:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
- 204:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
- 206:3   ⚠  Unexpected value "nav(mobile-height)" for property "height" - Please use a Polaris layout component                                                                                                      polaris/layout/declaration-property-value-disallowed-list   
- 211:5   ⚠  Unexpected value "nav(desktop-height)" for property "height" - Please use a Polaris layout component                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
- 227:3   ✖  Unexpected value "var(--pc-navigation-icon-size)" for property "max-width" - Please use a Polaris token or component                                                                                     polaris/conventions/polaris/custom-property-allowed-list    
- 236:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
- 242:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
- 245:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
- 260:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
- 277:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
- 277:12  ✖  Unexpected vendor-prefix "-webkit-box"                                                                                                                                                                   value-no-vendor-prefix                                      
- 286:3   ✖  Unexpected @include rule "recolor-icon($fill-color: var(--p-icon))" - Please use a Polaris color token                                                                                                   polaris/colors/polaris/at-rule-disallowed-list              
- 288:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
- 290:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
- 292:3   ⚠  Unexpected value "nav(mobile-height)" for property "height" - Please use a Polaris layout component                                                                                                      polaris/layout/declaration-property-value-disallowed-list   
- 298:5   ⚠  Unexpected value "nav(desktop-height)" for property "height" - Please use a Polaris layout component                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
- 305:5   ✖  Unexpected @include rule "recolor-icon(       $fill-color: var(--p-icon-hovered),       $filter-color: var(--p-filter-icon-action-primary)     )" - Please use a Polaris color token                     polaris/colors/polaris/at-rule-disallowed-list              
- 314:7   ✖  Unexpected @include rule "recolor-icon(         $fill-color: var(--p-icon-on-interactive),         $filter-color: var(--p-filter-icon-on-interactive)       )" - Please use a Polaris color token        polaris/colors/polaris/at-rule-disallowed-list              
- 323:3   ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                 polaris/shape/polaris/at-rule-disallowed-list               
- 327:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
- 332:5   ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
- 334:5   ✖  Unexpected @include rule "recolor-icon($fill-color: var(--p-icon-pressed))" - Please use a Polaris color token                                                                                           polaris/colors/polaris/at-rule-disallowed-list              
- 348:3   ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                                                                                                                                 polaris/layout/property-disallowed-list                     
- 364:5   ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component                                                                                                  polaris/typography/declaration-property-unit-disallowed-list
- 375:5   ✖  Expected ".SecondaryNavigation .Item.keyFocused" to have no more than 2 classes                                                                                                                          selector-max-class                                          
- 377:7   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
- 383:5   ✖  Expected ".SecondaryNavigation .Item:active:hover" to have a specificity no more than "0,3,0"                                                                                                            selector-max-specificity                                    
- 385:7   ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
- 408:5   ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                 polaris/shape/polaris/at-rule-disallowed-list               
- 414:5   ✖  Expected ".SecondaryNavigation .Item-selected.keyFocused" to have no more than 2 classes                                                                                                                 selector-max-class                                          
- 421:7   ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
- 438:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
- 443:3   ✖  Unexpected @include rule "safe-area-for(padding-left, 0, left)" - Please use a Polaris layout component                                                                                                  polaris/layout/polaris/at-rule-disallowed-list              
- 454:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
- 464:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
- 466:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
- 472:5   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                       polaris/layout/property-disallowed-list                     
- 489:5   ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                                                                                     polaris/legacy/polaris/at-rule-disallowed-list              
- 491:5   ✖  Unexpected @include rule "recolor-icon($fill-color: var(--p-icon))" - Please use a Polaris color token                                                                                                   polaris/colors/polaris/at-rule-disallowed-list              
- 493:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
- 495:5   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                polaris/layout/property-disallowed-list                     
- 497:5   ⚠  Unexpected value "nav(mobile-nav-height)" for property "height" - Please use a Polaris layout component                                                                                                  polaris/layout/declaration-property-value-disallowed-list   
- 504:7   ⚠  Unexpected value "nav(desktop-nav-height)" for property "height" - Please use a Polaris layout component                                                                                                 polaris/layout/declaration-property-value-disallowed-list   
- 507:7   ✖  Expected ".SectionHeading .Action svg" to have no more than 1 combinator                                                                                                                                 selector-max-combinators                                    
- 507:7   ✖  Expected ".SectionHeading .Action img" to have no more than 1 combinator                                                                                                                                 selector-max-combinators                                    
- 510:9   ⚠  Unexpected value "var(--p-space-4)" for property "height" - Please use a Polaris layout component                                                                                                        polaris/layout/declaration-property-value-disallowed-list   
- 512:9   ⚠  Unexpected value "var(--p-space-4)" for property "width" - Please use a Polaris layout component                                                                                                         polaris/layout/declaration-property-value-disallowed-list   
- 518:5   ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                 polaris/shape/polaris/at-rule-disallowed-list               
- 524:7   ✖  Unexpected @include rule "recolor-icon($fill-color: var(--p-icon-hovered))" - Please use a Polaris color token                                                                                           polaris/colors/polaris/at-rule-disallowed-list              
- 528:9   ✖  Unexpected @include rule "recolor-icon(           $fill-color: var(--p-icon-on-interactive),           $filter-color: var(--p-filter-icon-on-interactive)         )" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list              
- 538:7   ✖  Unexpected @include rule "recolor-icon($filter-color: var(--p-filter-icon))" - Please use a Polaris color token                                                                                          polaris/colors/polaris/at-rule-disallowed-list              
- 543:7   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
- 547:5   ✖  Expected ".SectionHeading .Action:focus:hover" to have a specificity no more than "0,3,0"                                                                                                                selector-max-specificity                                    
- 549:7   ✖  Unexpected @include rule "recolor-icon(var(--p-icon-hovered))" - Please use a Polaris color token                                                                                                        polaris/colors/polaris/at-rule-disallowed-list              
- 554:5   ✖  Expected ".SectionHeading .Action:active:hover" to have a specificity no more than "0,3,0"                                                                                                               selector-max-specificity                                    
- 556:7   ✖  Unexpected @include rule "recolor-icon($fill-color: var(--p-icon-pressed))" - Please use a Polaris color token                                                                                           polaris/colors/polaris/at-rule-disallowed-list              
- 559:7   ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
- 571:3   ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component                                                                                                polaris/typography/polaris/at-rule-disallowed-list          
- 576:5   ✖  Unexpected @include rule "recolor-icon(       $fill-color: var(--p-action-primary),       $filter-color: var(--p-filter-icon-action-primary)     )" - Please use a Polaris color token                   polaris/colors/polaris/at-rule-disallowed-list              
- 587:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                              polaris/shape/polaris/at-rule-disallowed-list               
- 599:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                   polaris/layout/property-disallowed-list                     
- 601:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                    polaris/layout/property-disallowed-list                     
- 603:3   ⚠  Unexpected value "10px" for property "height" - Please use a Polaris layout component                                                                                                                    polaris/layout/declaration-property-value-disallowed-list   
- 605:3   ⚠  Unexpected value "10px" for property "width" - Please use a Polaris layout component                                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
-
-src/components/Navigation/_variables.scss
-  23:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                                                                                polaris/legacy/polaris/at-rule-disallowed-list              
-  27:3  ✖  Unexpected unit "px" for property "line-height" - Please use a Polaris font token or typography component                                                                                           polaris/typography/declaration-property-unit-disallowed-list
-  29:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                               polaris/layout/property-disallowed-list                     
-  31:3  ⚠  Unexpected property "flex-grow" - Please use a Polaris layout component                                                                                                                             polaris/layout/property-disallowed-list                     
-  33:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                           polaris/layout/property-disallowed-list                     
-  43:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                            polaris/shape/polaris/at-rule-disallowed-list               
-  47:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                         polaris/shape/polaris/at-rule-disallowed-list               
-  58:5  ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                                                                                                                         polaris/shape/polaris/at-rule-disallowed-list               
-  75:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                               polaris/layout/property-disallowed-list                     
-  77:5  ⚠  Unexpected value "var(--p-space-5)" for property "height" - Please use a Polaris layout component                                                                                                   polaris/layout/declaration-property-value-disallowed-list   
-  79:5  ⚠  Unexpected value "var(--p-space-5)" for property "width" - Please use a Polaris layout component                                                                                                    polaris/layout/declaration-property-value-disallowed-list   
-  87:7  ⚠  Unexpected value "var(--p-space-4)" for property "height" - Please use a Polaris layout component                                                                                                   polaris/layout/declaration-property-value-disallowed-list   
-  89:7  ⚠  Unexpected value "var(--p-space-4)" for property "width" - Please use a Polaris layout component                                                                                                    polaris/layout/declaration-property-value-disallowed-list   
-  99:3  ✖  Expected the scale-color function to be used - Please use a Polaris color token                                                                                                                     polaris/colors/scss/function-color-relative                 
-  99:3  ✖  Expected the scale-color function to be used - Please use a Polaris color token                                                                                                                     polaris/colors/scss/function-color-relative                 
-  99:3  ✖  Unexpected function "brightness" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
-  99:3  ✖  Unexpected function "invert" - Please use a Polaris color token                                                                                                                                     polaris/colors/function-disallowed-list                     
-  99:3  ✖  Unexpected function "sepia" - Please use a Polaris color token                                                                                                                                      polaris/colors/function-disallowed-list                     
-  99:3  ✖  Unexpected function "hue-rotate" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
-  99:3  ✖  Unexpected function "brightness" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
-  99:3  ✖  Unexpected function "contrast" - Please use a Polaris color token                                                                                                                                   polaris/colors/function-disallowed-list                     
-  99:3  ✖  Unexpected custom property "--pc-navigation-filter-icon" - Please use a Polaris token or component                                                                                                  polaris/conventions/polaris/custom-property-allowed-list    
- 101:3  ✖  Expected the scale-color function to be used - Please use a Polaris color token                                                                                                                     polaris/colors/scss/function-color-relative                 
- 101:3  ✖  Expected the scale-color function to be used - Please use a Polaris color token                                                                                                                     polaris/colors/scss/function-color-relative                 
- 101:3  ✖  Unexpected function "brightness" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
- 101:3  ✖  Unexpected function "invert" - Please use a Polaris color token                                                                                                                                     polaris/colors/function-disallowed-list                     
- 101:3  ✖  Unexpected function "sepia" - Please use a Polaris color token                                                                                                                                      polaris/colors/function-disallowed-list                     
- 101:3  ✖  Unexpected function "hue-rotate" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
- 101:3  ✖  Unexpected function "brightness" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
- 101:3  ✖  Unexpected function "contrast" - Please use a Polaris color token                                                                                                                                   polaris/colors/function-disallowed-list                     
- 101:3  ✖  Unexpected custom property "--pc-navigation-filter-icon-action-primary" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list    
- 104:3  ✖  Expected the scale-color function to be used - Please use a Polaris color token                                                                                                                     polaris/colors/scss/function-color-relative                 
- 104:3  ✖  Unexpected function "brightness" - Please use a Polaris color token                                                                                                                                 polaris/colors/function-disallowed-list                     
- 104:3  ✖  Unexpected function "invert" - Please use a Polaris color token                                                                                                                                     polaris/colors/function-disallowed-list                     
- 104:3  ✖  Unexpected custom property "--pc-navigation-filter-icon-on-interactive" - Please use a Polaris token or component                                                                                   polaris/conventions/polaris/custom-property-allowed-list    
- 109:3  ✖  Unexpected @include rule "recolor-icon(     $fill-color: var(--p-icon),     $filter-color: var(--pc-navigation-filter-icon)   )" - Please use a Polaris color token                                 polaris/colors/polaris/at-rule-disallowed-list              
- 115:3  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                                                                                                                           polaris/layout/property-disallowed-list                     
- 118:3  ⚠  Unexpected value "nav(icon-size)" for property "width" - Please use a Polaris layout component                                                                                                      polaris/layout/declaration-property-value-disallowed-list   
- 120:3  ⚠  Unexpected value "nav(icon-size)" for property "height" - Please use a Polaris layout component                                                                                                     polaris/layout/declaration-property-value-disallowed-list   
- 133:5  ✖  Unexpected @include rule "recolor-icon(       $fill-color: var(--p-icon),       $filter-color: var(--pc-navigation-filter-icon)     )" - Please use a Polaris color token                           polaris/colors/polaris/at-rule-disallowed-list              
- 148:5  ✖  Unexpected @include rule "recolor-icon(       $fill-color: var(--p-action-primary),       $filter-color: var(--pc-navigation-filter-icon-action-primary)     )" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list              
- 159:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                               polaris/layout/property-disallowed-list                     
- 165:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                              polaris/layout/property-disallowed-list                     
- 167:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                               polaris/layout/property-disallowed-list                     
- 183:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                  polaris/layout/property-disallowed-list                     
- 196:5  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component                                                                                             polaris/typography/declaration-property-unit-disallowed-list
- 203:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                              polaris/layout/property-disallowed-list                     
- 209:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                              polaris/layout/property-disallowed-list                     
- 211:5  ⚠  Unexpected value "calc(-1 * var(--p-space-2))" for property "top" - Please use a Polaris layout component                                                                                           polaris/layout/declaration-property-value-disallowed-list   
- 213:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                                    polaris/layout/declaration-property-value-disallowed-list   
- 215:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                               polaris/layout/property-disallowed-list                     
- 217:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                polaris/layout/declaration-property-value-disallowed-list   
- 219:5  ⚠  Unexpected value "1px" for property "height" - Please use a Polaris layout component                                                                                                                polaris/layout/declaration-property-value-disallowed-list   
-
-src/components/Page/Page.scss
- 14:3   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
- 19:3   ✖  Unexpected @include rule "page-layout" - Please use a Polaris breakpoint token          polaris/media-queries/polaris/at-rule-disallowed-list    
- 25:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                   polaris/layout/property-disallowed-list                  
- 25:14  ✖  Unexpected value "table" for property "display"                                         declaration-property-value-disallowed-list               
- 39:3   ✖  Unexpected @include rule "page-content-layout" - Please use a Polaris breakpoint token  polaris/media-queries/polaris/at-rule-disallowed-list    
-
-src/components/Popover/Popover.scss
-  63:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                polaris/layout/property-disallowed-list       
-  72:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                polaris/layout/property-disallowed-list       
-  74:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list       
-  96:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                    polaris/layout/property-disallowed-list       
- 111:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                    polaris/layout/property-disallowed-list       
- 128:3   ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component  polaris/legacy/polaris/at-rule-disallowed-list
- 134:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list       
- 134:19  ✖  Unexpected !important                                                                 declaration-no-important                      
-
-src/components/PositionedOverlay/PositionedOverlay.scss
- 3:3  ⚠  Unexpected property "position" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
- 9:3  ⚠  Unexpected property "position" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
-
-src/components/ProgressBar/ProgressBar.scss
- 17:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                            polaris/layout/declaration-property-value-disallowed-list
- 19:3  ✖  Unexpected value "var(--pc-progress-bar-background)" for property "background-color" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 29:3  ⚠  Unexpected value "progress-bar-height(small)" for property "height" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
- 34:3  ⚠  Unexpected value "progress-bar-height()" for property "height" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
- 39:3  ⚠  Unexpected value "progress-bar-height(large)" for property "height" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
- 44:3  ✖  Unexpected custom property "--pc-progress-bar-background" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
- 45:3  ✖  Unexpected custom property "--pc-progress-bar-indicator" - Please use a Polaris token or component                              polaris/conventions/polaris/custom-property-allowed-list 
- 51:3  ✖  Unexpected custom property "--pc-progress-bar-background" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
- 52:3  ✖  Unexpected custom property "--pc-progress-bar-indicator" - Please use a Polaris token or component                              polaris/conventions/polaris/custom-property-allowed-list 
- 58:3  ✖  Unexpected custom property "--pc-progress-bar-background" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
- 59:3  ✖  Unexpected custom property "--pc-progress-bar-indicator" - Please use a Polaris token or component                              polaris/conventions/polaris/custom-property-allowed-list 
- 65:3  ✖  Unexpected custom property "--pc-progress-bar-background" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
- 66:3  ✖  Unexpected custom property "--pc-progress-bar-indicator" - Please use a Polaris token or component                              polaris/conventions/polaris/custom-property-allowed-list 
- 72:3  ⚠  Unexpected value "inherit" for property "height" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
- 74:3  ✖  Unexpected value "var(--pc-progress-bar-indicator)" for property "background-color" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
- 76:3  ✖  Unexpected value "var(--pc-progress-bar-duration)" for property "transition" - Please use a Polaris token or component          polaris/conventions/polaris/custom-property-allowed-list 
- 88:3  ✖  Unexpected value "var(--pc-progress-bar-percent)" for property "transform" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
- 94:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                            polaris/legacy/polaris/at-rule-disallowed-list           
-
-src/components/RadioButton/RadioButton.scss
-   5:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
-   7:3  ✖  Unexpected disallowed value "--p-choice-margin" - Please use a Polaris spacing token                                    polaris/spacing/polaris/global-disallowed-list           
-  12:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                    polaris/legacy/polaris/at-rule-disallowed-list           
-  15:3  ✖  Expected ".Input.keyFocused + .Backdrop" to have no more than 2 classes                                                 selector-max-class                                       
-  17:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                             polaris/shape/polaris/at-rule-disallowed-list            
-  20:5  ✖  Expected ".Input.keyFocused + .Backdrop::after" to have no more than 2 classes                                          selector-max-class                                       
-  20:5  ✖  Expected ".Input.keyFocused + .Backdrop::after" to have a specificity no more than "0,3,0"                              selector-max-specificity                                 
-  29:5  ✖  Expected ".Input:checked + .Backdrop::before" to have a specificity no more than "0,3,0"                                selector-max-specificity                                 
-  42:5  ✖  Expected ".Input:disabled + .Backdrop::before" to have a specificity no more than "0,3,0"                               selector-max-specificity                                 
-  50:3  ✖  Unexpected disallowed value "--p-icon-size" - Please use a Polaris layout component                                     polaris/layout/polaris/global-disallowed-list            
-  50:3  ✖  Unexpected custom property "--pc-icon-size-small" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
-  56:5  ✖  Unexpected custom property "--pc-icon-size-small" - Please use a Polaris token or component                             polaris/conventions/polaris/custom-property-allowed-list 
-  59:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
-  61:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                         polaris/layout/declaration-property-value-disallowed-list
-  63:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
-  65:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
-  67:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
-  69:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                   polaris/layout/declaration-property-value-disallowed-list
-  71:3  ✖  Unexpected disallowed value "--p-control-border-width" - Please use a Polaris shape token                               polaris/shape/polaris/global-disallowed-list             
-  79:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
-  81:5  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
-  83:5  ⚠  Unexpected value "50%" for property "left" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
-  88:5  ⚠  Unexpected value "var(--pc-icon-size-small)" for property "height" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
-  88:5  ✖  Unexpected value "var(--pc-icon-size-small)" for property "height" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
-  90:5  ⚠  Unexpected value "var(--pc-icon-size-small)" for property "width" - Please use a Polaris layout component               polaris/layout/declaration-property-value-disallowed-list
-  90:5  ✖  Unexpected value "var(--pc-icon-size-small)" for property "width" - Please use a Polaris token or component             polaris/conventions/polaris/custom-property-allowed-list 
- 102:3  ✖  Unexpected @include rule "focus-ring($border-width: var(--p-control-border-width))" - Please use a Polaris shape token  polaris/shape/polaris/at-rule-disallowed-list            
-
-src/components/RangeSlider/RangeSlider.scss
-  3:3  ✖  Unexpected custom property "--pc-range-slider-input" - Please use a Polaris token or component                                                                   polaris/conventions/polaris/custom-property-allowed-list 
-  4:3  ✖  Unexpected custom property "--pc-range-slider-output" - Please use a Polaris token or component                                                                  polaris/conventions/polaris/custom-property-allowed-list 
-  5:3  ✖  Unexpected custom property "--pc-range-slider-track-height" - Please use a Polaris token or component                                                            polaris/conventions/polaris/custom-property-allowed-list 
-  6:3  ✖  Unexpected disallowed value "--p-range-slider-thumb-size-base" - Please use a Polaris layout component                                                           polaris/layout/polaris/global-disallowed-list            
-  6:3  ✖  Unexpected custom property "--pc-range-slider-thumb-size" - Please use a Polaris token or component                                                              polaris/conventions/polaris/custom-property-allowed-list 
-  7:3  ✖  Unexpected custom property "--pc-track-dashed-border-radius" - Please use a Polaris token or component                                                           polaris/conventions/polaris/custom-property-allowed-list 
- 15:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                           polaris/layout/property-disallowed-list                  
- 17:3  ⚠  Unexpected value "var(--pc-range-slider-track-height)" for property "height" - Please use a Polaris layout component                                             polaris/layout/declaration-property-value-disallowed-list
- 17:3  ✖  Unexpected value "var(--pc-range-slider-track-height)" for property "height" - Please use a Polaris token or component                                           polaris/conventions/polaris/custom-property-allowed-list 
- 19:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                             polaris/layout/declaration-property-value-disallowed-list
- 28:3  ✖  Unexpected value "var(--pc-range-slider-track-height, --pc-range-slider-track-height)" for property "background-size" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 32:3  ✖  Unexpected value "var(--pc-track-dashed-border-radius)" for property "border-radius" - Please use a Polaris token or component                                   polaris/conventions/polaris/custom-property-allowed-list 
- 34:3  ✖  Unexpected value "var(--pc-track-dashed-border-radius)" for property "border-right" - Please use a Polaris token or component                                    polaris/conventions/polaris/custom-property-allowed-list 
-
-src/components/ResourceItem/ResourceItem.scss
-   7:3   ⚠  Unexpected value "1px" for property "height" - Please use a Polaris layout component                                                  polaris/layout/declaration-property-value-disallowed-list
-  14:3   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
-  19:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
-  24:3   ✖  Unexpected custom property "--pc-resource-item-min-height" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
-  25:3   ✖  Unexpected custom property "--pc-resource-item-disclosure-width" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
-  27:3   ✖  Unexpected custom property "--pc-resource-item-offset" - Please use a Polaris token or component                                      polaris/conventions/polaris/custom-property-allowed-list 
-  28:3   ✖  Unexpected custom property "--pc-resource-item-clickable-stacking-order" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
-  29:3   ✖  Unexpected custom property "--pc-resource-item-content-stacking-order" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
-  32:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
-  39:7   ⚠  Unexpected value "var(--p-space-4)" for property "right" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
-  48:7   ✖  Expected ".ResourceItem:hover:not(.persistActions) .Actions" to have a specificity no more than "0,3,0"                               selector-max-specificity                                 
-  51:9   ✖  Expected nesting depth to be no more than 3                                                                                           max-nesting-depth                                        
-  53:11  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
-  72:1   ✖  Expected ".focusedInner.focused.selected" to have no more than 2 classes                                                              selector-max-class                                       
-  79:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
-  81:3   ✖  Unexpected value "var(--pc-resource-item-clickable-stacking-order)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
-  81:3   ✖  Unexpected value "var(--pc-resource-item-clickable-stacking-order)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  83:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
-  85:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
-  87:3   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
-  89:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                  polaris/layout/declaration-property-value-disallowed-list
- 101:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
- 103:3   ✖  Unexpected value "var(--pc-resource-item-content-stacking-order)" for property "z-index" - Please use a Polaris z-index token         polaris/z-index/declaration-property-value-allowed-list  
- 103:3   ✖  Unexpected value "var(--pc-resource-item-content-stacking-order)" for property "z-index" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
- 106:3   ✖  Unexpected value "var(--pc-resource-item-min-height)" for property "min-height" - Please use a Polaris token or component             polaris/conventions/polaris/custom-property-allowed-list 
- 108:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 110:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
- 119:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
- 124:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
- 129:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
- 134:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
- 139:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
- 144:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 154:3   ⚠  Unexpected value "48px" for property "width" - Please use a Polaris layout component                                                  polaris/layout/declaration-property-value-disallowed-list
- 156:3   ✖  Unexpected value "var(--pc-resource-item-min-height)" for property "min-height" - Please use a Polaris token or component             polaris/conventions/polaris/custom-property-allowed-list 
- 158:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                         polaris/layout/property-disallowed-list                  
- 160:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
- 164:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 177:3   ⚠  Unexpected value "calc(100% + var(--pc-resource-item-offset))" for property "width" - Please use a Polaris layout component           polaris/layout/declaration-property-value-disallowed-list
- 177:3   ✖  Unexpected value "var(--pc-resource-item-offset)" for property "width" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
- 179:3   ✖  Unexpected value "var(--pc-resource-item-offset)" for property "transform" - Please use a Polaris token or component                  polaris/conventions/polaris/custom-property-allowed-list 
- 182:3   ✖  Unexpected value "var(--pc-resource-item-offset)" for property "margin-right" - Please use a Polaris token or component               polaris/conventions/polaris/custom-property-allowed-list 
- 190:5   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                  polaris/layout/declaration-property-value-disallowed-list
- 198:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                    polaris/layout/property-disallowed-list                  
- 207:3   ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                                                    polaris/layout/polaris/at-rule-disallowed-list           
- 209:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                    polaris/layout/property-disallowed-list                  
- 215:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
- 217:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
- 219:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 222:3   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
- 233:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 240:5   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
- 242:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 244:5   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                    polaris/layout/property-disallowed-list                  
- 246:5   ⚠  Unexpected property "flex-basis" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
- 248:5   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
- 253:5   ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
- 257:7   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 264:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
- 266:3   ⚠  Unexpected value "calc(-1 * var(--p-space-3))" for property "top" - Please use a Polaris layout component                             polaris/layout/declaration-property-value-disallowed-list
- 268:3   ⚠  Unexpected value "calc(-1 * var(--p-space-4))" for property "right" - Please use a Polaris layout component                           polaris/layout/declaration-property-value-disallowed-list
- 270:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 272:3   ⚠  Unexpected value "var(--pc-resource-item-disclosure-width)" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
- 272:3   ✖  Unexpected value "var(--pc-resource-item-disclosure-width)" for property "width" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
- 274:3   ✖  Unexpected value "var(--pc-resource-item-min-height)" for property "min-height" - Please use a Polaris token or component             polaris/conventions/polaris/custom-property-allowed-list 
- 279:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 284:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                 polaris/layout/property-disallowed-list                  
- 286:5   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                    polaris/layout/property-disallowed-list                  
- 286:5   ✖  Unexpected value "var(--pc-resource-item-disclosure-width)" for property "flex" - Please use a Polaris token or component             polaris/conventions/polaris/custom-property-allowed-list 
- 288:5   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                         polaris/layout/property-disallowed-list                  
- 290:5   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
- 308:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list                  
- 310:3   ✖  Unexpected @include rule "focus-ring($border-width: -1px)" - Please use a Polaris shape token                                         polaris/shape/polaris/at-rule-disallowed-list            
- 331:3   ✖  Expected ".ListItem:last-of-type.focused::after" to have a specificity no more than "0,3,0"                                           selector-max-specificity                                 
- 338:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                           polaris/shape/polaris/at-rule-disallowed-list            
- 340:5   ✖  Unexpected value "var(--pc-resource-item-clickable-stacking-order)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
- 340:5   ✖  Unexpected value "var(--pc-resource-item-clickable-stacking-order)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 344:3   ✖  Expected "* + ul > .ListItem:first-of-type.focused::after" to have no more than 1 combinator                                          selector-max-combinators                                 
- 344:3   ✖  Expected "* + ul > .ListItem:first-of-type.focused::after" to have a specificity no more than "0,3,0"                                 selector-max-specificity                                 
- 346:5   ⚠  Unexpected value "1px" for property "top" - Please use a Polaris layout component                                                     polaris/layout/declaration-property-value-disallowed-list
-
-src/components/ResourceList/ResourceList.scss
-  13:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
-  15:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                         polaris/layout/declaration-property-value-disallowed-list
-  17:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                       polaris/layout/declaration-property-value-disallowed-list
-  19:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
-  21:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                        polaris/layout/declaration-property-value-disallowed-list
-  38:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
-  41:3  ✖  Unexpected value "resource-list(header-outer-wrapper-stacking-order)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
-  57:3  ✖  Unexpected value "resource-list(header-overlay-stacking-order)" for property "z-index" - Please use a Polaris z-index token             polaris/z-index/declaration-property-value-allowed-list  
-  67:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
-  69:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
-  71:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                               polaris/layout/property-disallowed-list                  
-  73:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                    polaris/layout/declaration-property-value-disallowed-list
-  89:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
-  91:3  ✖  Unexpected value "resource-list(content-wrapper-stacking-order)" for property "z-index" - Please use a Polaris z-index token            polaris/z-index/declaration-property-value-allowed-list  
-  93:3  ⚠  Unexpected value "var(--p-space-3)" for property "right" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
-  95:3  ⚠  Unexpected value "var(--p-space-3)" for property "left" - Please use a Polaris layout component                                         polaris/layout/declaration-property-value-disallowed-list
-  97:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 108:5  ⚠  Unexpected value "var(--p-space-4)" for property "right" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
- 110:5  ⚠  Unexpected value "var(--p-space-4)" for property "left" - Please use a Polaris layout component                                         polaris/layout/declaration-property-value-disallowed-list
- 118:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 120:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 122:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
- 124:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                               polaris/layout/property-disallowed-list                  
- 132:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 134:5  ⚠  Unexpected value "auto" for property "left" - Please use a Polaris layout component                                                     polaris/layout/declaration-property-value-disallowed-list
- 136:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
- 140:5  ✖  Expected ".HeaderWrapper-hasAlternateTool.HeaderWrapper-hasSelect .SortWrapper" to have no more than 2 classes                          selector-max-class                                       
- 140:5  ✖  Expected ".HeaderWrapper-hasAlternateTool.HeaderWrapper-hasSelect .AlternateToolWrapper" to have no more than 2 classes                 selector-max-class                                       
- 140:5  ✖  Expected ".HeaderWrapper-hasSort.HeaderWrapper-hasSelect .SortWrapper" to have no more than 2 classes                                   selector-max-class                                       
- 140:5  ✖  Expected ".HeaderWrapper-hasSort.HeaderWrapper-hasSelect .AlternateToolWrapper" to have no more than 2 classes                          selector-max-class                                       
- 149:3  ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                                                      polaris/layout/polaris/at-rule-disallowed-list           
- 160:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
- 167:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 172:5  ✖  Expected ".HeaderWrapper-hasAlternateTool.HeaderWrapper-hasSelect .HeaderTitleWrapper" to have no more than 2 classes                   selector-max-class                                       
- 172:5  ✖  Expected ".HeaderWrapper-hasSort.HeaderWrapper-hasSelect .HeaderTitleWrapper" to have no more than 2 classes                            selector-max-class                                       
- 176:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 182:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 189:3  ✖  Unexpected value "resource-list(bulk-actions-wrapper-stacking-order)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
- 191:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 193:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                        polaris/layout/declaration-property-value-disallowed-list
- 195:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                    polaris/layout/declaration-property-value-disallowed-list
- 197:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 199:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                               polaris/layout/property-disallowed-list                  
- 201:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
- 206:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
- 213:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 215:3  ⚠  Unexpected value "auto" for property "top" - Please use a Polaris layout component                                                      polaris/layout/declaration-property-value-disallowed-list
- 217:3  ⚠  Unexpected value "calc(var(--p-space-10) - var(--p-space-1))" for property "bottom" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
- 222:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 224:3  ✖  Unexpected value "resource-list(bulk-actions-wrapper-stacking-order)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
- 226:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                    polaris/layout/declaration-property-value-disallowed-list
- 230:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
- 237:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 241:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
- 243:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 249:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 251:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
- 255:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 263:3  ✖  Unexpected media query "#{$breakpoints-empty-search-results-height-up}" - Please use a Polaris breakpoint token                         polaris/media-queries/polaris/media-query-allowed-list   
- 271:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 276:3  ✖  Unexpected custom property "--pc-resource-list-bulk-actions-offset" - Please use a Polaris token or component                           polaris/conventions/polaris/custom-property-allowed-list 
- 278:3  ✖  Unexpected value "var(--pc-resource-list-bulk-actions-offset)" for property "padding-bottom" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 283:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 285:3  ✖  Unexpected value "resource-list(list-stacking-order)" for property "z-index" - Please use a Polaris z-index token                       polaris/z-index/declaration-property-value-allowed-list  
- 293:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                  polaris/layout/property-disallowed-list                  
- 295:3  ✖  Unexpected value "resource-list(list-stacking-order)" for property "z-index" - Please use a Polaris z-index token                       polaris/z-index/declaration-property-value-allowed-list  
- 311:3  ✖  Unexpected value "resource-list(spinner-stacking-order)" for property "z-index" - Please use a Polaris z-index token                    polaris/z-index/declaration-property-value-allowed-list  
- 313:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 315:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
- 321:3  ✖  Unexpected value "resource-list(overlay-stacking-order)" for property "z-index" - Please use a Polaris z-index token                    polaris/z-index/declaration-property-value-allowed-list  
- 323:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                   polaris/layout/property-disallowed-list                  
- 325:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
-
-src/components/ResourceList/_variables.scss
- 2:1  ✖  Unexpected function "control-height" - Please use a Polaris layout component  polaris/layout/function-disallowed-list
-
-src/components/ScrollLock/ScrollLock.scss
-  6:3  ✖  Expected "[data-lock-scrolling][data-lock-scrolling-hidden]" to have no more than 1 attribute selector    selector-max-attribute                                   
- 10:3  ✖  Expected "[data-lock-scrolling] [data-lock-scrolling-wrapper]" to have no more than 1 attribute selector  selector-max-attribute                                   
- 13:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
-
-src/components/Scrollable/Scrollable.scss
-  3:3  ✖  Unexpected custom property "--pc-scrollable-shadow-size" - Please use a Polaris token or component                                                                                                                                                               polaris/conventions/polaris/custom-property-allowed-list
-  4:3  ✖  Unexpected custom property "--pc-scrollable-shadow-bottom" Unexpected value "var(--pc-scrollable-shadow-size, --pc-scrollable-shadow-size, --pc-scrollable-shadow-size)" for property "--pc-scrollable-shadow-bottom" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
-  7:3  ✖  Unexpected custom property "--pc-scrollable-shadow-top" Unexpected value "var(--pc-scrollable-shadow-size, --pc-scrollable-shadow-size, --pc-scrollable-shadow-size)" for property "--pc-scrollable-shadow-top" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list
- 10:3  ✖  Unexpected custom property "--pc-scrollable-max-height" - Please use a Polaris token or component                                                                                                                                                                polaris/conventions/polaris/custom-property-allowed-list
- 14:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                           polaris/layout/property-disallowed-list                 
- 16:3  ✖  Unexpected value "var(--pc-scrollable-max-height)" for property "max-height" - Please use a Polaris token or component                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list
- 36:3  ✖  Unexpected value "var(--pc-scrollable-shadow-top)" for property "box-shadow" - Please use a Polaris token or component                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list
- 41:3  ✖  Unexpected value "var(--pc-scrollable-shadow-bottom)" for property "box-shadow" - Please use a Polaris token or component                                                                                                                                        polaris/conventions/polaris/custom-property-allowed-list
- 46:3  ✖  Unexpected value "var(--pc-scrollable-shadow-top, --pc-scrollable-shadow-bottom)" for property "box-shadow" - Please use a Polaris token or component                                                                                                            polaris/conventions/polaris/custom-property-allowed-list
-
-src/components/Select/Select.scss
-   5:3  ✖  Unexpected custom property "--pc-select-backdrop" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
-   6:3  ✖  Unexpected custom property "--pc-select-content" - Please use a Polaris token or component                     polaris/conventions/polaris/custom-property-allowed-list 
-   7:3  ✖  Unexpected custom property "--pc-select-input" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list 
-  10:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
-  15:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                          polaris/layout/property-disallowed-list                  
-  30:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token             polaris/colors/polaris/at-rule-disallowed-list           
-  48:3  ✖  Unexpected @include rule "text-style-input" - Please use a Polaris font token or typography component          polaris/typography/polaris/at-rule-disallowed-list       
-  50:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
-  52:3  ✖  Unexpected value "var(--pc-select-content)" for property "z-index" - Please use a Polaris z-index token        polaris/z-index/declaration-property-value-allowed-list  
-  52:3  ✖  Unexpected value "var(--pc-select-content)" for property "z-index" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
-  54:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                          polaris/layout/property-disallowed-list                  
-  56:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list                  
-  58:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                           polaris/layout/declaration-property-value-disallowed-list
-  60:3  ✖  Unexpected function "control-height" - Please use a Polaris layout component                                   polaris/layout/function-disallowed-list                  
-  62:3  ✖  Unexpected function "control-vertical-padding" - Please use a Polaris spacing token                            polaris/spacing/function-disallowed-list                 
-  62:3  ✖  Unexpected function "control-vertical-padding" - Please use a Polaris spacing token                            polaris/spacing/function-disallowed-list                 
-  68:5  ✖  Expected ".Content div > span" to have no more than 1 combinator                                               selector-max-combinators                                 
-  68:5  ✖  Expected ".Content div > span" to have no more than 1 type selector                                            selector-max-type                                        
-  77:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                             polaris/layout/property-disallowed-list                  
-  89:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                      polaris/colors/polaris/at-rule-disallowed-list           
- 100:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
- 104:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                polaris/layout/declaration-property-value-disallowed-list
- 106:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                               polaris/layout/declaration-property-value-disallowed-list
- 108:3  ✖  Unexpected value "var(--pc-select-input)" for property "z-index" - Please use a Polaris z-index token          polaris/z-index/declaration-property-value-allowed-list  
- 108:3  ✖  Unexpected value "var(--pc-select-input)" for property "z-index" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
- 110:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                           polaris/layout/declaration-property-value-disallowed-list
- 112:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
- 126:3  ✖  Unexpected value "var(--pc-select-backdrop)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
- 126:3  ✖  Unexpected value "var(--pc-select-backdrop)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 128:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                polaris/layout/declaration-property-value-disallowed-list
- 130:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                              polaris/layout/declaration-property-value-disallowed-list
- 132:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                             polaris/layout/declaration-property-value-disallowed-list
- 134:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                               polaris/layout/declaration-property-value-disallowed-list
- 140:3  ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                   polaris/shape/polaris/at-rule-disallowed-list            
- 144:3  ✖  Expected "position" to come before "border-radius"                                                             order/properties-order                                   
- 144:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
- 152:5  ✖  Expected ".error .Backdrop.hover" to have no more than 2 classes                                               selector-max-class                                       
- 161:3  ✖  Expected ".error .Input:focus ~ .Backdrop" to have no more than 2 classes                                      selector-max-class                                       
- 161:3  ✖  Expected ".error .Input:focus ~ .Backdrop" to have no more than 1 combinator                                   selector-max-combinators                                 
- 161:3  ✖  Expected ".error .Input:focus ~ .Backdrop" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
- 163:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                    polaris/shape/polaris/at-rule-disallowed-list            
- 170:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                    polaris/shape/polaris/at-rule-disallowed-list            
- 194:5  ✖  Unexpected @include rule "recolor-icon(buttonText)" - Please use a Polaris color token                         polaris/colors/polaris/at-rule-disallowed-list           
- 201:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                                          polaris/layout/property-disallowed-list                  
- 224:7  ✖  Unexpected @include rule "recolor-icon(grayText)" - Please use a Polaris color token                           polaris/colors/polaris/at-rule-disallowed-list           
-
-src/components/SelectAllActions/SelectAllActions.scss
-  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list      
-  8:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                    polaris/layout/property-disallowed-list      
- 10:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                polaris/layout/property-disallowed-list      
- 18:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list      
- 24:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list      
- 30:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                        polaris/layout/property-disallowed-list      
- 47:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                     polaris/shape/polaris/at-rule-disallowed-list
- 60:5  ✖  Unexpected @include rule "no-focus-ring" - Please use a Polaris shape token                  polaris/shape/polaris/at-rule-disallowed-list
- 65:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token  polaris/shape/polaris/at-rule-disallowed-list
-
-src/components/SettingAction/SettingAction.scss
-  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component      polaris/layout/property-disallowed-list
-  8:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
- 16:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component         polaris/layout/property-disallowed-list
- 25:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component         polaris/layout/property-disallowed-list
-
-src/components/Sheet/Sheet.scss
-  7:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                  
-  9:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                    polaris/layout/declaration-property-value-disallowed-list
- 11:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                  polaris/layout/declaration-property-value-disallowed-list
- 13:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                 polaris/layout/declaration-property-value-disallowed-list
- 23:5  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
- 25:5  ⚠  Unexpected value "$sheet-desktop-width" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 35:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                  
- 38:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                       polaris/layout/declaration-property-value-disallowed-list
- 40:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
- 42:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                    polaris/layout/declaration-property-value-disallowed-list
- 44:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
- 48:5  ⚠  Unexpected value "auto" for property "left" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
- 50:5  ⚠  Unexpected value "$sheet-desktop-width" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-
-src/components/SkeletonBodyText/SkeletonBodyText.scss
-  7:3  ⚠  Unexpected value "var(--p-space-2)" for property "height" - Please use a Polaris layout component           polaris/layout/declaration-property-value-disallowed-list
-  9:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                  
- 19:5  ⚠  Unexpected value "$body-text-last-line-width" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-
-src/components/SkeletonDisplayText/SkeletonDisplayText.scss
-  7:3  ⚠  Unexpected value "var(--pc-skeleton-display-text-height)" for property "height" - Please use a Polaris layout component                  polaris/layout/declaration-property-value-disallowed-list
-  7:3  ✖  Unexpected value "var(--pc-skeleton-display-text-height)" for property "height" - Please use a Polaris token or component                polaris/conventions/polaris/custom-property-allowed-list 
- 11:5  ⚠  Unexpected value "var(--pc-skeleton-display-text-height-not-condensed)" for property "height" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
- 11:5  ✖  Unexpected value "var(--pc-skeleton-display-text-height-not-condensed)" for property "height" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 17:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height" - Please use a Polaris token or component                                 polaris/conventions/polaris/custom-property-allowed-list 
- 18:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height-not-condensed" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
- 23:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                    polaris/layout/property-disallowed-list                  
- 34:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height" - Please use a Polaris token or component                                 polaris/conventions/polaris/custom-property-allowed-list 
- 35:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height-not-condensed" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
- 42:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height" - Please use a Polaris token or component                                 polaris/conventions/polaris/custom-property-allowed-list 
- 43:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height-not-condensed" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
- 50:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height" - Please use a Polaris token or component                                 polaris/conventions/polaris/custom-property-allowed-list 
- 51:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height-not-condensed" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
- 58:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height" - Please use a Polaris token or component                                 polaris/conventions/polaris/custom-property-allowed-list 
- 59:3  ✖  Unexpected custom property "--pc-skeleton-display-text-height-not-condensed" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
-
-src/components/SkeletonPage/SkeletonPage.scss
-   9:3  ✖  Unexpected @include rule "page-layout" - Please use a Polaris breakpoint token                                  polaris/media-queries/polaris/at-rule-disallowed-list       
-  22:3  ✖  Unexpected @include rule "page-content-layout" - Please use a Polaris breakpoint token                          polaris/media-queries/polaris/at-rule-disallowed-list       
-  27:3  ✖  Unexpected @include rule "page-header-layout" - Please use a Polaris breakpoint token                           polaris/media-queries/polaris/at-rule-disallowed-list       
-  40:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                     
-  42:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                     
-  47:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                              polaris/layout/property-disallowed-list                     
-  53:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component         polaris/typography/declaration-property-unit-disallowed-list
-  55:3  ✖  Unexpected unit "px" for property "line-height" - Please use a Polaris font token or typography component       polaris/typography/declaration-property-unit-disallowed-list
-  59:5  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component         polaris/typography/declaration-property-unit-disallowed-list
-  65:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                     
-  70:3  ⚠  Unexpected value "28px" for property "height" - Please use a Polaris layout component                           polaris/layout/declaration-property-value-disallowed-list   
-  82:5  ⚠  Unexpected value "$primary-action-button-height" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list   
-  90:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                     
-  93:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                     
-  95:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                     
- 100:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                     
- 103:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                     
- 105:3  ✖  Unexpected function "control-slim-height" - Please use a Polaris layout component                               polaris/layout/function-disallowed-list                     
- 118:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                     
-
-src/components/SkeletonTabs/SkeletonTabs.scss
-  3:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                     polaris/layout/property-disallowed-list                  
-  5:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
- 11:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                  
- 21:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                  
- 23:5  ⚠  Unexpected value "-1px" for property "bottom" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
- 25:5  ⚠  Unexpected value "var(--p-space-3)" for property "left" - Please use a Polaris layout component           polaris/layout/declaration-property-value-disallowed-list
- 27:5  ⚠  Unexpected value "var(--p-space-3)" for property "right" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
- 29:5  ⚠  Unexpected value "var(--p-border-width-3)" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 37:3  ⚠  Unexpected value "80px" for property "width" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
- 42:3  ⚠  Unexpected value "100px" for property "width" - Please use a Polaris layout component                     polaris/layout/declaration-property-value-disallowed-list
-
-src/components/SkeletonThumbnail/SkeletonThumbnail.scss
-  5:3  ✖  Unexpected custom property "--pc-skeleton-thumbnail-extra-small-size" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
-  6:3  ✖  Unexpected custom property "--pc-skeleton-thumbnail-small-size" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
-  7:3  ✖  Unexpected custom property "--pc-skeleton-thumbnail-medium-size" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list 
-  8:3  ✖  Unexpected custom property "--pc-skeleton-thumbnail-large-size" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
- 11:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
- 22:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-extra-small-size)" for property "height" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
- 22:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-extra-small-size)" for property "height" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 24:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-extra-small-size)" for property "width" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
- 24:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-extra-small-size)" for property "width" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
- 29:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-small-size)" for property "height" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
- 29:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-small-size)" for property "height" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list 
- 31:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-small-size)" for property "width" - Please use a Polaris layout component           polaris/layout/declaration-property-value-disallowed-list
- 31:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-small-size)" for property "width" - Please use a Polaris token or component         polaris/conventions/polaris/custom-property-allowed-list 
- 36:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-medium-size)" for property "height" - Please use a Polaris layout component         polaris/layout/declaration-property-value-disallowed-list
- 36:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-medium-size)" for property "height" - Please use a Polaris token or component       polaris/conventions/polaris/custom-property-allowed-list 
- 38:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-medium-size)" for property "width" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
- 38:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-medium-size)" for property "width" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list 
- 43:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-large-size)" for property "height" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
- 43:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-large-size)" for property "height" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list 
- 45:3  ⚠  Unexpected value "var(--pc-skeleton-thumbnail-large-size)" for property "width" - Please use a Polaris layout component           polaris/layout/declaration-property-value-disallowed-list
- 45:3  ✖  Unexpected value "var(--pc-skeleton-thumbnail-large-size)" for property "width" - Please use a Polaris token or component         polaris/conventions/polaris/custom-property-allowed-list 
-
-src/components/Spinner/Spinner.scss
- 6:3  ⚠  Unexpected value "$size" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 8:3  ⚠  Unexpected value "$size" for property "width" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
-
-src/components/Stack/Stack.scss
-   3:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
-   5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                 
-   8:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                 
-  10:3  ✖  Unexpected value "var(--pc-stack-spacing)" for property "margin-top" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list
-  12:3  ✖  Unexpected value "var(--pc-stack-spacing)" for property "margin-left" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
-  16:5  ✖  Unexpected value "var(--pc-stack-spacing)" for property "margin-top" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list
-  18:5  ✖  Unexpected value "var(--pc-stack-spacing)" for property "margin-left" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
-  29:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
-  34:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
-  39:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
-  44:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
-  49:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
-  54:3  ✖  Unexpected custom property "--pc-stack-spacing" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list
-  59:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                 
-  64:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                 
-  69:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                 
-  74:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                 
-  79:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
-  84:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
-  88:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
-  95:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                 
- 100:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                 
- 105:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                 
- 110:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                 
- 115:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                 
- 129:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
- 135:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
-
-src/components/Subheading/Subheading.scss
- 5:3  ✖  Unexpected @include rule "text-style-subheading" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
-
-src/components/Tabs/Tabs.scss
-   9:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
-  26:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
-  31:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
-  39:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
-  45:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
-  52:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                          polaris/legacy/polaris/at-rule-disallowed-list           
-  56:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
-  58:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                 polaris/layout/property-disallowed-list                  
-  60:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
-  76:7  ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component     polaris/typography/polaris/at-rule-disallowed-list       
-  79:7  ✖  Expected ".Tab:hover .Title::before" to have a specificity no more than "0,3,0"                               selector-max-specificity                                 
-  89:7  ✖  Expected ".Tab:active .Title::before" to have a specificity no more than "0,3,0"                              selector-max-specificity                                 
-  98:7  ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component     polaris/typography/polaris/at-rule-disallowed-list       
- 103:7  ✖  Expected ".Tab:focus:not(:active) .Title" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
- 105:9  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                   polaris/shape/polaris/at-rule-disallowed-list            
- 117:3  ✖  Unexpected @include rule "text-emphasis-normal" - Please use a Polaris font token or typography component     polaris/typography/polaris/at-rule-disallowed-list       
- 122:5  ✖  Expected ".Tab-selected:focus .Title::before" to have a specificity no more than "0,3,0"                      selector-max-specificity                                 
- 139:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                      polaris/shape/polaris/at-rule-disallowed-list            
- 142:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
- 150:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
- 152:5  ⚠  Unexpected value "calc(-1 * var(--p-space-2))" for property "bottom" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 154:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                              polaris/layout/declaration-property-value-disallowed-list
- 156:5  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                             polaris/layout/declaration-property-value-disallowed-list
- 158:5  ⚠  Unexpected value "var(--p-border-width-3)" for property "height" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
- 166:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
- 171:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
- 180:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
- 191:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                          polaris/legacy/polaris/at-rule-disallowed-list           
- 193:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                      polaris/shape/polaris/at-rule-disallowed-list            
- 195:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
- 197:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
- 220:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                   polaris/shape/polaris/at-rule-disallowed-list            
- 230:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
- 235:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
- 240:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                      polaris/shape/polaris/at-rule-disallowed-list            
- 242:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                         polaris/layout/declaration-property-value-disallowed-list
- 252:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                     polaris/colors/polaris/at-rule-disallowed-list           
- 257:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                   polaris/shape/polaris/at-rule-disallowed-list            
- 261:3  ✖  Expected ".DisclosureActivator:hover .Title::before" to have a specificity no more than "0,3,0"               selector-max-specificity                                 
- 268:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                         polaris/layout/property-disallowed-list                  
- 271:3  ⚠  Unexpected value "0" for property "height" - Please use a Polaris layout component                            polaris/layout/declaration-property-value-disallowed-list
-
-src/components/Tag/Tag.scss
-   8:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                     
-  11:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                     
-  20:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token       polaris/colors/polaris/at-rule-disallowed-list              
-  28:5  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                     polaris/legacy/polaris/at-rule-disallowed-list              
-  34:5  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component  polaris/typography/declaration-property-unit-disallowed-list
-  42:5  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                 polaris/shape/polaris/at-rule-disallowed-list               
-  45:5  ✖  Expected ".Tag.clickable:focus:not(:active)" to have a specificity no more than "0,3,0"                  selector-max-specificity                                    
-  47:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token              polaris/shape/polaris/at-rule-disallowed-list               
-  82:3  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component  polaris/typography/declaration-property-unit-disallowed-list
-  99:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                polaris/colors/polaris/at-rule-disallowed-list              
- 101:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                     polaris/legacy/polaris/at-rule-disallowed-list              
- 103:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                     
- 105:3  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                                polaris/layout/property-disallowed-list                     
- 107:3  ⚠  Unexpected value "$button-size" for property "height" - Please use a Polaris layout component            polaris/layout/declaration-property-value-disallowed-list   
- 109:3  ⚠  Unexpected value "$button-size" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list   
- 119:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                 polaris/shape/polaris/at-rule-disallowed-list               
- 123:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token              polaris/shape/polaris/at-rule-disallowed-list               
- 132:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token       polaris/colors/polaris/at-rule-disallowed-list              
- 144:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                    polaris/layout/property-disallowed-list                     
- 154:5  ✖  Unexpected @include rule "truncate" - Please use a Polaris font token or typography component            polaris/typography/polaris/at-rule-disallowed-list          
- 156:5  ✖  Unexpected unit "px" for property "font-size" - Please use a Polaris font token or typography component  polaris/typography/declaration-property-unit-disallowed-list
- 169:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                 polaris/shape/polaris/at-rule-disallowed-list               
- 173:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token              polaris/shape/polaris/at-rule-disallowed-list               
-
-src/components/Text/Text.scss
- 10:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list       
- 21:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component  polaris/legacy/polaris/at-rule-disallowed-list
-
-src/components/TextContainer/TextContainer.scss
-  3:3  ✖  Unexpected custom property "--pc-text-container-spacing" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list
-  7:5  ✖  Unexpected value "var(--pc-text-container-spacing)" for property "margin-top" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 17:3  ✖  Unexpected custom property "--pc-text-container-spacing" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list
- 22:3  ✖  Unexpected custom property "--pc-text-container-spacing" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list
-
-src/components/TextField/TextField.scss
-   8:3   ✖  Unexpected custom property "--pc-text-field-contents" - Please use a Polaris token or component                                                    polaris/conventions/polaris/custom-property-allowed-list 
-   9:3   ✖  Unexpected custom property "--pc-text-field-backdrop" - Please use a Polaris token or component                                                    polaris/conventions/polaris/custom-property-allowed-list 
-  12:3   ✖  Unexpected @include rule "text-style-input" - Please use a Polaris font token or typography component                                              polaris/typography/polaris/at-rule-disallowed-list       
-  14:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                             polaris/layout/property-disallowed-list                  
-  16:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                              polaris/layout/property-disallowed-list                  
-  18:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
-  49:3   ✖  Expected ".focus > .Input ~ .Backdrop" to have no more than 2 classes                                                                              selector-max-class                                       
-  49:3   ✖  Expected ".focus > .VerticalContent ~ .Backdrop" to have no more than 2 classes                                                                    selector-max-class                                       
-  49:3   ✖  Expected ".focus > .Input ~ .Backdrop" to have no more than 1 combinator                                                                           selector-max-combinators                                 
-  49:3   ✖  Expected ".focus > .VerticalContent ~ .Backdrop" to have no more than 1 combinator                                                                 selector-max-combinators                                 
-  51:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                        polaris/shape/polaris/at-rule-disallowed-list            
-  57:3   ✖  Expected ".error > .Input ~ .Backdrop" to have no more than 2 classes                                                                              selector-max-class                                       
-  57:3   ✖  Expected ".error > .Input ~ .Backdrop" to have no more than 1 combinator                                                                           selector-max-combinators                                 
-  62:5   ✖  Expected ".error > .Input ~ .Backdrop::after" to have no more than 2 classes                                                                       selector-max-class                                       
-  62:5   ✖  Expected ".error > .Input ~ .Backdrop::after" to have no more than 1 combinator                                                                    selector-max-combinators                                 
-  62:5   ✖  Expected ".error > .Input ~ .Backdrop::after" to have a specificity no more than "0,3,0"                                                           selector-max-specificity                                 
-  94:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                             polaris/layout/property-disallowed-list                  
-  96:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
-  96:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
-  98:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                              polaris/layout/property-disallowed-list                  
- 100:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                 polaris/layout/property-disallowed-list                  
- 102:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
- 105:3   ✖  Unexpected function "control-height" - Please use a Polaris layout component                                                                       polaris/layout/function-disallowed-list                  
- 108:3   ✖  Unexpected function "control-vertical-padding" - Please use a Polaris spacing token                                                                polaris/spacing/function-disallowed-list                 
- 192:3   ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                                                       polaris/shape/polaris/at-rule-disallowed-list            
- 194:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                             polaris/layout/property-disallowed-list                  
- 196:3   ✖  Unexpected value "var(--pc-text-field-backdrop)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
- 196:3   ✖  Unexpected value "var(--pc-text-field-backdrop)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
- 198:3   ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                    polaris/layout/declaration-property-value-disallowed-list
- 200:3   ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                                  polaris/layout/declaration-property-value-disallowed-list
- 202:3   ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                 polaris/layout/declaration-property-value-disallowed-list
- 204:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                   polaris/layout/declaration-property-value-disallowed-list
- 208:3   ✖  Unexpected hex color "#898f94" - Please use a Polaris color token                                                                                  polaris/colors/color-no-hex                              
- 208:21  ✖  Unexpected hex color "#898f94"                                                                                                                     color-no-hex                                             
- 216:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                             polaris/layout/property-disallowed-list                  
- 218:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
- 218:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
- 220:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                 polaris/layout/property-disallowed-list                  
- 237:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                             polaris/layout/property-disallowed-list                  
- 239:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
- 239:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
- 246:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
- 261:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
- 261:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
- 270:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
- 276:3   ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                           polaris/shape/polaris/at-rule-disallowed-list            
- 278:3   ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                                               polaris/legacy/polaris/at-rule-disallowed-list           
- 280:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
- 280:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
- 285:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                        polaris/shape/polaris/at-rule-disallowed-list            
- 295:3   ✖  Unexpected disallowed value "--p-text-field-spinner-offset" - Please use a Polaris spacing token                                                   polaris/spacing/polaris/global-disallowed-list           
- 295:3   ✖  Unexpected custom property "--pc-text-field-spinner-offset-large" - Please use a Polaris token or component                                        polaris/conventions/polaris/custom-property-allowed-list 
- 300:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris z-index token                                       polaris/z-index/declaration-property-value-allowed-list  
- 300:3   ✖  Unexpected value "var(--pc-text-field-contents)" for property "z-index" - Please use a Polaris token or component                                  polaris/conventions/polaris/custom-property-allowed-list 
- 302:3   ✖  Unexpected value "var(--pc-text-field-spinner-offset-large)" for property "margin" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list 
- 305:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                              polaris/layout/property-disallowed-list                  
- 309:3   ⚠  Unexpected value "22px" for property "width" - Please use a Polaris layout component                                                               polaris/layout/declaration-property-value-disallowed-list
- 315:3   ⚠  Unexpected value "$spinner-icon-size" for property "height" - Please use a Polaris layout component                                                polaris/layout/declaration-property-value-disallowed-list
- 317:3   ⚠  Unexpected value "$spinner-icon-size" for property "width" - Please use a Polaris layout component                                                 polaris/layout/declaration-property-value-disallowed-list
- 322:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                             polaris/layout/property-disallowed-list                  
- 324:3   ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                 polaris/layout/declaration-property-value-disallowed-list
- 326:3   ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                   polaris/layout/declaration-property-value-disallowed-list
- 328:3   ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                                                  polaris/layout/declaration-property-value-disallowed-list
- 330:3   ⚠  Unexpected value "0" for property "height" - Please use a Polaris layout component                                                                 polaris/layout/declaration-property-value-disallowed-list
- 337:3   ✖  Unexpected @include rule "text-style-input" - Please use a Polaris font token or typography component                                              polaris/typography/polaris/at-rule-disallowed-list       
- 339:3   ✖  Unexpected function "control-vertical-padding" - Please use a Polaris spacing token                                                                polaris/spacing/function-disallowed-list                 
- 344:3   ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component                                                polaris/typography/polaris/at-rule-disallowed-list       
- 350:3   ✖  Unexpected disallowed value "--p-text-field-spinner-offset" - Please use a Polaris spacing token                                                   polaris/spacing/polaris/global-disallowed-list           
- 350:3   ✖  Unexpected custom property "--pc-text-field-spinner-border-radius" - Please use a Polaris token or component                                       polaris/conventions/polaris/custom-property-allowed-list 
- 356:3   ✖  Unexpected value "var(--pc-text-field-spinner-border-radius)" for property "border-radius" - Please use a Polaris token or component               polaris/conventions/polaris/custom-property-allowed-list 
- 358:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                              polaris/layout/property-disallowed-list                  
- 360:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                 polaris/layout/property-disallowed-list                  
- 362:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                      polaris/layout/property-disallowed-list                  
- 364:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                          polaris/layout/property-disallowed-list                  
- 378:5   ✖  Unexpected value "var(--pc-text-field-spinner-border-radius)" for property "border-top-right-radius" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
- 380:5   ✖  Unexpected disallowed value "--p-text-field-spinner-offset" - Please use a Polaris spacing token                                                   polaris/spacing/polaris/global-disallowed-list           
- 385:5   ✖  Unexpected value "var(--pc-text-field-spinner-border-radius)" for property "border-bottom-right-radius" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-
-src/components/TextStyle/TextStyle.scss
- 17:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list                  
- 22:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                  
- 25:3  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                           polaris/depth/declaration-property-unit-disallowed-list  
- 30:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list                  
- 32:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                             polaris/layout/declaration-property-value-disallowed-list
- 34:5  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                            polaris/layout/declaration-property-value-disallowed-list
- 36:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                        polaris/layout/declaration-property-value-disallowed-list
- 38:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                       polaris/layout/declaration-property-value-disallowed-list
- 46:3  ✖  Unexpected @include rule "text-emphasis-strong" - Please use a Polaris font token or typography component   polaris/typography/polaris/at-rule-disallowed-list       
- 51:3  ✖  Unexpected @include rule "text-emphasis-subdued" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list       
-
-src/components/Thumbnail/Thumbnail.scss
-  5:3  ✖  Unexpected custom property "--pc-thumbnail-extra-small-size" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
-  6:3  ✖  Unexpected custom property "--pc-thumbnail-small-size" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
-  7:3  ✖  Unexpected custom property "--pc-thumbnail-medium-size" - Please use a Polaris token or component                           polaris/conventions/polaris/custom-property-allowed-list 
-  8:3  ✖  Unexpected custom property "--pc-thumbnail-large-size" - Please use a Polaris token or component                            polaris/conventions/polaris/custom-property-allowed-list 
- 11:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
- 13:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
- 17:3  ✖  Unexpected value "var(--pc-thumbnail-extra-small-size)" for property "min-width" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 25:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
- 32:3  ⚠  Unexpected value "var(--pc-thumbnail-extra-small-size)" for property "width" - Please use a Polaris layout component        polaris/layout/declaration-property-value-disallowed-list
- 32:3  ✖  Unexpected value "var(--pc-thumbnail-extra-small-size)" for property "width" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
- 37:3  ⚠  Unexpected value "var(--pc-thumbnail-small-size)" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
- 37:3  ✖  Unexpected value "var(--pc-thumbnail-small-size)" for property "width" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
- 42:3  ⚠  Unexpected value "var(--pc-thumbnail-medium-size)" for property "width" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
- 42:3  ✖  Unexpected value "var(--pc-thumbnail-medium-size)" for property "width" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list 
- 47:3  ⚠  Unexpected value "var(--pc-thumbnail-large-size)" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
- 47:3  ✖  Unexpected value "var(--pc-thumbnail-large-size)" for property "width" - Please use a Polaris token or component            polaris/conventions/polaris/custom-property-allowed-list 
- 56:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
- 58:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                             polaris/layout/declaration-property-value-disallowed-list
- 60:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                           polaris/layout/declaration-property-value-disallowed-list
- 62:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                          polaris/layout/declaration-property-value-disallowed-list
- 64:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                            polaris/layout/declaration-property-value-disallowed-list
- 69:3  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token                                    polaris/colors/polaris/at-rule-disallowed-list           
-
-src/components/TopBar/TopBar.scss
-   8:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
-  10:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
-  12:3  ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component                            polaris/layout/declaration-property-value-disallowed-list
-  20:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
-  22:5  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                          polaris/layout/declaration-property-value-disallowed-list
-  24:5  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
-  31:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
-  34:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
-  40:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
-  45:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
-  47:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
-  49:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
-  52:3  ✖  Unexpected @include rule "safe-area-for(flex-basis, $layout-width-nav-base, left)" - Please use a Polaris layout component  polaris/layout/polaris/at-rule-disallowed-list           
-  54:3  ✖  Unexpected @include rule "safe-area-for(padding-left, var(--p-space-4), left)" - Please use a Polaris layout component      polaris/layout/polaris/at-rule-disallowed-list           
-  64:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
-  69:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
-  72:5  ⚠  Unexpected value "$layout-width-nav-base" for property "width" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
-  74:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
-  79:5  ⚠  Unexpected value "$layout-width-nav-base" for property "width" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
-  85:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                        polaris/legacy/polaris/at-rule-disallowed-list           
-  87:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
- 107:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
- 109:5  ⚠  Unexpected value "calc(-1 * var(--p-space-2))" for property "top" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
- 111:5  ⚠  Unexpected value "calc(-1 * var(--p-space-2))" for property "left" - Please use a Polaris layout component                  polaris/layout/declaration-property-value-disallowed-list
- 113:5  ⚠  Unexpected value "calc(100% + var(--p-space-5))" for property "width" - Please use a Polaris layout component               polaris/layout/declaration-property-value-disallowed-list
- 115:5  ⚠  Unexpected value "calc(100% + var(--p-space-5))" for property "height" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
- 119:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
- 124:5  ✖  Unexpected @include rule "focus-ring($border-width: 6px)" - Please use a Polaris shape token                                polaris/shape/polaris/at-rule-disallowed-list            
- 129:5  ✖  Expected ".NavigationIcon:focus:not(:active) .IconWrapper" to have a specificity no more than "0,3,0"                       selector-max-specificity                                 
- 131:7  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                 polaris/shape/polaris/at-rule-disallowed-list            
- 140:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
- 142:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
- 144:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
- 146:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
- 148:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
- 152:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
- 158:3  ✖  Unexpected @include rule "page-layout" - Please use a Polaris breakpoint token                                              polaris/media-queries/polaris/at-rule-disallowed-list    
- 160:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
- 162:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                        polaris/layout/declaration-property-value-disallowed-list
- 174:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                   polaris/colors/polaris/at-rule-disallowed-list           
-
-src/components/Truncate/Truncate.scss
- 3:3  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
-
-src/components/VideoThumbnail/VideoThumbnail.scss
-   7:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                            polaris/layout/property-disallowed-list                  
-  14:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                              polaris/layout/declaration-property-value-disallowed-list
-  16:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                             polaris/layout/declaration-property-value-disallowed-list
-  21:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                            polaris/layout/property-disallowed-list                  
-  23:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                             polaris/layout/declaration-property-value-disallowed-list
-  28:3  ✖  Unexpected function "rgba" - Please use a Polaris color token                                                                                                                     polaris/colors/function-disallowed-list                  
-  28:3  ✖  Unexpected custom property "--pc-play-button-focused-state-overlay" - Please use a Polaris token or component                                                                     polaris/conventions/polaris/custom-property-allowed-list 
-  30:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                            polaris/layout/property-disallowed-list                  
-  32:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                                                                                   polaris/layout/declaration-property-value-disallowed-list
-  34:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                                                                                  polaris/layout/declaration-property-value-disallowed-list
-  36:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                              polaris/layout/declaration-property-value-disallowed-list
-  38:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                                                                             polaris/layout/declaration-property-value-disallowed-list
-  48:5  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                                                                                                 polaris/depth/declaration-property-unit-disallowed-list  
-  50:5  ✖  Unexpected value "var(--pc-play-button-focused-state-overlay, --pc-play-button-focused-state-overlay)" for property "background-image" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  58:7  ✖  Unexpected function "rgba" - Please use a Polaris color token                                                                                                                     polaris/colors/function-disallowed-list                  
-  64:5  ✖  Unexpected function "rgba" - Please use a Polaris color token                                                                                                                     polaris/colors/function-disallowed-list                  
-  74:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                            polaris/layout/property-disallowed-list                  
-  76:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                                polaris/layout/declaration-property-value-disallowed-list
-  83:3  ✖  Unexpected function "rgba" - Please use a Polaris color token                                                                                                                     polaris/colors/function-disallowed-list                  
-  90:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                            polaris/layout/property-disallowed-list                  
-  92:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                                                                                polaris/layout/declaration-property-value-disallowed-list
-  94:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                              polaris/layout/declaration-property-value-disallowed-list
-  97:3  ⚠  Unexpected value "$progress-bar-height" for property "height" - Please use a Polaris layout component                                                                             polaris/layout/declaration-property-value-disallowed-list
- 103:3  ⚠  Unexpected value "inherit" for property "height" - Please use a Polaris layout component                                                                                          polaris/layout/declaration-property-value-disallowed-list
- 105:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                              polaris/layout/declaration-property-value-disallowed-list
- 115:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                                                                              polaris/legacy/polaris/at-rule-disallowed-list           
-
-src/components/VisuallyHidden/VisuallyHidden.scss
- 5:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component  polaris/legacy/polaris/at-rule-disallowed-list
-
-src/components/ActionMenu/components/Actions/Actions.scss
-  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component          polaris/layout/property-disallowed-list
-  8:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component      polaris/layout/property-disallowed-list
- 10:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
- 12:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
- 16:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component             polaris/layout/property-disallowed-list
-
-src/components/ActionMenu/components/RollupActions/RollupActions.scss
-  5:3  ✖  Unexpected qualifying type selector "button[type='button']"                                          selector-no-qualifying-type
-  9:5  ✖  Expected ".RollupActivator button[type='button']:hover" to have a specificity no more than "0,3,0"   selector-max-specificity   
- 10:5  ✖  Expected ".RollupActivator button[type='button']:active" to have a specificity no more than "0,3,0"  selector-max-specificity   
- 11:5  ✖  Expected ".RollupActivator button[type='button']:focus" to have a specificity no more than "0,3,0"   selector-max-specificity   
-
-src/components/Autocomplete/components/MappedAction/MappedAction.scss
-   5:3  ✖  Unexpected custom property "--pc-mapped-actions-image-size" - Please use a Polaris token or component                                                                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
-   6:3  ✖  Unexpected custom property "--pc-mapped-actions-item-min-height" - Please use a Polaris token or component                                                                                                                             polaris/conventions/polaris/custom-property-allowed-list 
-   7:3  ✖  Unexpected custom property "--pc-mapped-actions-item-vertical-padding" Unexpected value "var(--pc-mapped-actions-item-min-height)" for property "--pc-mapped-actions-item-vertical-padding" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  17:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token                                                                                                                                       polaris/colors/polaris/at-rule-disallowed-list           
-  27:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                                                                                                                               polaris/shape/polaris/at-rule-disallowed-list            
-  29:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                  polaris/layout/property-disallowed-list                  
-  31:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                                                   polaris/layout/declaration-property-value-disallowed-list
-  33:3  ✖  Unexpected value "var(--pc-mapped-actions-item-min-height)" for property "min-height" - Please use a Polaris token or component                                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
-  37:3  ✖  Unexpected value "var(--pc-mapped-actions-item-vertical-padding)" for property "padding" - Please use a Polaris token or component                                                                                                     polaris/conventions/polaris/custom-property-allowed-list 
-  52:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token                                                                                                                                       polaris/colors/polaris/at-rule-disallowed-list           
-  58:5  ✖  Unexpected @include rule "recolor-icon(var(--p-interactive))" - Please use a Polaris color token                                                                                                                                       polaris/colors/polaris/at-rule-disallowed-list           
-  64:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                                                            polaris/shape/polaris/at-rule-disallowed-list            
-  69:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-critical))" - Please use a Polaris color token                                                                                                                                     polaris/colors/polaris/at-rule-disallowed-list           
-  77:5  ✖  Expected ".Action.destructive.selected" to have no more than 2 classes                                                                                                                                                                 selector-max-class                                       
-  88:5  ✖  Expected ".Action.disabled .Prefix" to have no more than 2 classes                                                                                                                                                                     selector-max-class                                       
-  88:5  ✖  Expected ".Action.disabled .Suffix" to have no more than 2 classes                                                                                                                                                                     selector-max-class                                       
-  91:7  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token                                                                                                                                     polaris/colors/polaris/at-rule-disallowed-list           
-  98:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                  polaris/layout/property-disallowed-list                  
- 100:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                              polaris/layout/property-disallowed-list                  
- 105:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                                                                                                              polaris/colors/polaris/at-rule-disallowed-list           
- 107:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                  polaris/layout/property-disallowed-list                  
- 109:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                     polaris/layout/property-disallowed-list                  
- 111:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                                                                                                                          polaris/layout/property-disallowed-list                  
- 113:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                              polaris/layout/property-disallowed-list                  
- 115:3  ⚠  Unexpected value "var(--pc-mapped-actions-image-size)" for property "height" - Please use a Polaris layout component                                                                                                                   polaris/layout/declaration-property-value-disallowed-list
- 115:3  ✖  Unexpected value "var(--pc-mapped-actions-image-size)" for property "height" - Please use a Polaris token or component                                                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
- 117:3  ⚠  Unexpected value "var(--pc-mapped-actions-image-size)" for property "width" - Please use a Polaris layout component                                                                                                                    polaris/layout/declaration-property-value-disallowed-list
- 117:3  ✖  Unexpected value "var(--pc-mapped-actions-image-size)" for property "width" - Please use a Polaris token or component                                                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
- 123:3  ✖  Unexpected value "var(--pc-mapped-actions-image-size, --pc-mapped-actions-image-size)" for property "margin" - Please use a Polaris token or component                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
- 132:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                                                                                                                                              polaris/colors/polaris/at-rule-disallowed-list           
- 138:3  ✖  Unexpected @include rule "layout-flex-fix" - Please use a Polaris layout component                                                                                                                                                     polaris/layout/polaris/at-rule-disallowed-list           
- 140:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                     polaris/layout/property-disallowed-list                  
- 144:5  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component                                                                                                                                    polaris/typography/polaris/at-rule-disallowed-list       
-
-src/components/ActionMenu/components/SecondaryAction/SecondaryAction.scss
-  5:3   ✖  Unexpected custom property "--pc-secondary-action-button-spacing" - Please use a Polaris token or component                          polaris/conventions/polaris/custom-property-allowed-list
- 10:5   ✖  Unexpected @include rule "focus-ring($border-width: 1px)" - Please use a Polaris shape token                                         polaris/shape/polaris/at-rule-disallowed-list           
- 11:29  ✖  Unexpected !important                                                                                                                declaration-no-important                                
- 12:22  ✖  Unexpected !important                                                                                                                declaration-no-important                                
- 13:45  ✖  Unexpected !important                                                                                                                declaration-no-important                                
- 15:5   ✖  Unexpected value "var(--pc-secondary-action-button-spacing)" for property "padding-left" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list
- 17:5   ✖  Unexpected value "var(--pc-secondary-action-button-spacing)" for property "padding-right" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 20:47  ✖  Unexpected !important                                                                                                                declaration-no-important                                
- 24:47  ✖  Unexpected !important                                                                                                                declaration-no-important                                
- 28:20  ✖  Unexpected !important                                                                                                                declaration-no-important                                
- 30:7   ✖  Unexpected @include rule "focus-ring($border-width: 0)" - Please use a Polaris shape token                                           polaris/shape/polaris/at-rule-disallowed-list           
- 38:7   ✖  Unexpected @include rule "recolor-icon(var(--p-icon-critical))" - Please use a Polaris color token                                   polaris/colors/polaris/at-rule-disallowed-list          
- 42:7   ✖  Expected ".SecondaryAction.destructive a:hover" to have a specificity no more than "0,3,0"                                           selector-max-specificity                                
- 42:7   ✖  Expected ".SecondaryAction.destructive button:hover" to have a specificity no more than "0,3,0"                                      selector-max-specificity                                
- 43:69  ✖  Unexpected !important                                                                                                                declaration-no-important                                
- 47:7   ✖  Expected ".SecondaryAction.destructive a:active" to have a specificity no more than "0,3,0"                                          selector-max-specificity                                
- 47:7   ✖  Expected ".SecondaryAction.destructive button:active" to have a specificity no more than "0,3,0"                                     selector-max-specificity                                
- 48:69  ✖  Unexpected !important                                                                                                                declaration-no-important                                
-
-src/components/Autocomplete/components/MappedOption/MappedOption.scss
-  5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list           
-  7:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                polaris/layout/property-disallowed-list           
- 10:3  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component                               polaris/typography/polaris/at-rule-disallowed-list
- 15:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon), var(--p-icon-on-interactive))" - Please use a Polaris color token           polaris/colors/polaris/at-rule-disallowed-list    
- 25:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled), var(--p-text-on-interactive))" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list    
-
-src/components/Badge/components/Pip/Pip.scss
-  3:3  ✖  Unexpected custom property "--pc-pip-size" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
-  4:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
-  7:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
-  9:3  ✖  Unexpected value "var(--pc-pip-color)" for property "color" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
- 11:3  ⚠  Unexpected value "var(--pc-pip-size)" for property "height" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
- 11:3  ✖  Unexpected value "var(--pc-pip-size)" for property "height" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
- 13:3  ⚠  Unexpected value "var(--pc-pip-size)" for property "width" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
- 13:3  ✖  Unexpected value "var(--pc-pip-size)" for property "width" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
- 15:3  ✖  Unexpected value "var(--pc-pip-color)" for property "border" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 18:3  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
- 23:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
- 28:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
- 33:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
- 38:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
- 43:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
- 48:3  ✖  Unexpected custom property "--pc-pip-color" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list 
- 72:5  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                       polaris/depth/declaration-property-unit-disallowed-list  
- 72:5  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                       polaris/depth/declaration-property-unit-disallowed-list  
- 86:5  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                       polaris/depth/declaration-property-unit-disallowed-list  
-
-src/components/DropZone/components/FileUpload/FileUpload.scss
-  7:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                      polaris/layout/property-disallowed-list                  
-  9:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                  polaris/layout/property-disallowed-list                  
- 11:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component              polaris/layout/property-disallowed-list                  
- 13:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
- 30:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                   polaris/shape/polaris/at-rule-disallowed-list            
- 32:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                      polaris/layout/property-disallowed-list                  
- 34:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
- 55:5  ✖  Unexpected @include rule "base-button-disabled" - Please use a Polaris token or component  polaris/legacy/polaris/at-rule-disallowed-list           
-
-src/components/Filters/components/ConnectedFilterControl/ConnectedFilterControl.scss
-   9:3  ✖  Unexpected custom property "--pc-connceted-filter-control-item" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list 
-  10:3  ✖  Unexpected custom property "--pc-connceted-filter-control-focused" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
-  13:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
-  15:3  ⚠  Unexpected property "flex-grow" - Please use a Polaris layout component                                                         polaris/layout/property-disallowed-list                  
-  19:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
-  24:5  ✖  Expected ".ConnectedFilterControl.right .CenterContainer *" to have no more than 2 classes                                      selector-max-class                                       
-  24:5  ✖  Expected ".ConnectedFilterControl.right .CenterContainer *" to have no more than 1 combinator                                   selector-max-combinators                                 
-  33:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
-  35:3  ✖  Unexpected value "var(--pc-connceted-filter-control-item)" for property "z-index" - Please use a Polaris z-index token          polaris/z-index/declaration-property-value-allowed-list  
-  35:3  ✖  Unexpected value "var(--pc-connceted-filter-control-item)" for property "z-index" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
-  40:3  ✖  Unexpected value "var(--pc-connceted-filter-control-focused)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
-  40:3  ✖  Unexpected value "var(--pc-connceted-filter-control-focused)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  45:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
-  47:3  ⚠  Unexpected value "-1000px" for property "top" - Please use a Polaris layout component                                           polaris/layout/declaration-property-value-disallowed-list
-  49:3  ⚠  Unexpected value "-1000px" for property "left" - Please use a Polaris layout component                                          polaris/layout/declaration-property-value-disallowed-list
-  51:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
-  53:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                            polaris/layout/declaration-property-value-disallowed-list
-  55:3  ⚠  Unexpected value "0" for property "height" - Please use a Polaris layout component                                              polaris/layout/declaration-property-value-disallowed-list
-  61:5  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
-  72:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
-  74:3  ✖  Expected ".RightContainer .Item > div > button" to have no more than 1 combinator                                               selector-max-combinators                                 
-  74:3  ✖  Expected ".RightContainer .Item > div > button" to have no more than 3 compound selectors                                       selector-max-compound-selectors                          
-  74:3  ✖  Expected ".RightContainer .Item > div > button" to have no more than 1 type selector                                            selector-max-type                                        
-  76:5  ✖  Unexpected disallowed value "--p-button-group-item-spacing" - Please use a Polaris spacing token                                polaris/spacing/polaris/global-disallowed-list           
-  82:5  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
-  85:3  ✖  Expected ".RightContainer .Item:first-of-type > div > button" to have no more than 1 combinator                                 selector-max-combinators                                 
-  85:3  ✖  Expected ".RightContainer .Item:first-of-type > div > button" to have no more than 3 compound selectors                         selector-max-compound-selectors                          
-  85:3  ✖  Expected ".RightContainer .Item:first-of-type > div > button" to have a specificity no more than "0,3,0"                        selector-max-specificity                                 
-  85:3  ✖  Expected ".RightContainer .Item:first-of-type > div > button" to have no more than 1 type selector                              selector-max-type                                        
-  92:3  ✖  Expected ".RightContainer.queryFieldHidden .Item:first-of-type > div > button" to have no more than 2 classes                   selector-max-class                                       
-  92:3  ✖  Expected ".RightContainer.queryFieldHidden .Item:first-of-type > div > button" to have no more than 1 combinator                selector-max-combinators                                 
-  92:3  ✖  Expected ".RightContainer.queryFieldHidden .Item:first-of-type > div > button" to have no more than 3 compound selectors        selector-max-compound-selectors                          
-  92:3  ✖  Expected ".RightContainer.queryFieldHidden .Item:first-of-type > div > button" to have a specificity no more than "0,3,0"       selector-max-specificity                                 
-  92:3  ✖  Expected ".RightContainer.queryFieldHidden .Item:first-of-type > div > button" to have no more than 1 type selector             selector-max-type                                        
-  99:3  ✖  Expected ".RightContainerWithoutMoreFilters .Item:last-child > div > button" to have no more than 1 combinator                  selector-max-combinators                                 
-  99:3  ✖  Expected ".RightContainerWithoutMoreFilters .Item:last-child > div > button" to have no more than 3 compound selectors          selector-max-compound-selectors                          
-  99:3  ✖  Expected ".RightContainerWithoutMoreFilters .Item:last-child > div > button" to have a specificity no more than "0,3,0"         selector-max-specificity                                 
-  99:3  ✖  Expected ".RightContainerWithoutMoreFilters .Item:last-child > div > button" to have no more than 1 type selector               selector-max-type                                        
- 106:3  ✖  Expected ".MoreFiltersButtonContainer .Item > div > button" to have no more than 1 combinator                                   selector-max-combinators                                 
- 106:3  ✖  Expected ".MoreFiltersButtonContainer .Item > div > button" to have no more than 3 compound selectors                           selector-max-compound-selectors                          
- 106:3  ✖  Expected ".MoreFiltersButtonContainer .Item > div > button" to have no more than 1 type selector                                selector-max-type                                        
- 114:3  ✖  Expected ".MoreFiltersButtonContainer.onlyButtonVisible .Item > div > button" to have no more than 2 classes                    selector-max-class                                       
- 114:3  ✖  Expected ".MoreFiltersButtonContainer.onlyButtonVisible .Item > div > button" to have no more than 1 combinator                 selector-max-combinators                                 
- 114:3  ✖  Expected ".MoreFiltersButtonContainer.onlyButtonVisible .Item > div > button" to have no more than 3 compound selectors         selector-max-compound-selectors                          
- 114:3  ✖  Expected ".MoreFiltersButtonContainer.onlyButtonVisible .Item > div > button" to have a specificity no more than "0,3,0"        selector-max-specificity                                 
- 114:3  ✖  Expected ".MoreFiltersButtonContainer.onlyButtonVisible .Item > div > button" to have no more than 1 type selector              selector-max-type                                        
- 121:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
- 126:3  ⚠  Unexpected property "flex-grow" - Please use a Polaris layout component                                                         polaris/layout/property-disallowed-list                  
-
-src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.scss
-  5:3  ✖  Unexpected custom property "--p-surface" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
-  6:3  ✖  Unexpected custom property "--p-text" - Please use a Polaris token or component                         polaris/conventions/polaris/custom-property-allowed-list 
-  7:3  ✖  Unexpected custom property "--p-action-secondary-hovered" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
-  8:3  ✖  Unexpected custom property "--p-action-secondary-pressed" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
- 11:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
- 13:3  ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component        polaris/layout/declaration-property-value-disallowed-list
- 16:3  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                       polaris/depth/declaration-property-unit-disallowed-list  
- 16:3  ✖  Unexpected unit "px" for property "box-shadow" - Please use a Polaris depth token                       polaris/depth/declaration-property-unit-disallowed-list  
- 24:5  ✖  Unexpected value "0.3" for property "opacity" - Please use a Polaris color token                        polaris/colors/declaration-property-value-disallowed-list
- 35:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
- 39:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
- 41:5  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list                  
- 43:5  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
- 45:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
- 53:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
- 55:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list                  
- 57:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
- 59:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                           polaris/layout/property-disallowed-list                  
- 64:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
- 84:3  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                               polaris/layout/property-disallowed-list                  
- 93:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
- 97:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                   polaris/layout/property-disallowed-list                  
- 99:5  ⚠  Unexpected value "$layout-width-nav-base" for property "width" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-
-src/components/Frame/components/Loading/Loading.scss
-  6:3  ⚠  Unexpected value "3px" for property "height" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
- 13:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
- 15:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-
-src/components/Frame/components/Toast/Toast.scss
-  7:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                     polaris/layout/property-disallowed-list       
- 41:3  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list
- 47:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                     polaris/layout/property-disallowed-list       
- 51:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component             polaris/layout/property-disallowed-list       
- 58:3  ✖  Unexpected @include rule "recolor-icon(currentColor)" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list
-
-src/components/Frame/components/ToastManager/ToastManager.scss
-  8:3  ✖  Unexpected custom property "--pc-toast-manager-translate-y-out" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
-  9:3  ✖  Unexpected custom property "--pc-toast-manager-translate-y-in" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list 
- 15:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                         polaris/layout/property-disallowed-list                  
- 18:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                              polaris/layout/declaration-property-value-disallowed-list
- 20:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                               polaris/layout/declaration-property-value-disallowed-list
- 23:3  ⚠  Unexpected value "var(--pc-frame-global-ribbon-height)" for property "bottom" - Please use a Polaris layout component          polaris/layout/declaration-property-value-disallowed-list
- 23:3  ✖  Unexpected value "var(--pc-frame-global-ribbon-height)" for property "bottom" - Please use a Polaris token or component        polaris/conventions/polaris/custom-property-allowed-list 
- 25:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
- 28:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
- 33:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                         polaris/layout/property-disallowed-list                  
- 35:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
- 40:3  ✖  Unexpected value "var(--pc-toast-manager-translate-y-out)" for property "transform" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 46:3  ✖  Unexpected value "var(--pc-toast-manager-translate-y-out)" for property "transform" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 52:3  ✖  Unexpected value "var(--pc-toast-manager-translate-y-in)" for property "transform" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
-
-src/components/Grid/components/Cell/Cell.scss
-  6:3  ✖  Unexpected custom property "--pc-row-xs" - Please use a Polaris token or component                                                                          polaris/conventions/polaris/custom-property-allowed-list
-  7:3  ✖  Unexpected custom property "--pc-row-sm" Unexpected value "var(--pc-row-xs)" for property "--pc-row-sm" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
-  8:3  ✖  Unexpected custom property "--pc-row-md" Unexpected value "var(--pc-row-sm)" for property "--pc-row-md" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
-  9:3  ✖  Unexpected custom property "--pc-row-lg" Unexpected value "var(--pc-row-md)" for property "--pc-row-lg" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
- 10:3  ✖  Unexpected custom property "--pc-row-xl" Unexpected value "var(--pc-row-lg)" for property "--pc-row-xl" - Please use a Polaris token or component           polaris/conventions/polaris/custom-property-allowed-list
- 11:3  ✖  Unexpected custom property "--pc-column-xs" - Please use a Polaris token or component                                                                       polaris/conventions/polaris/custom-property-allowed-list
- 12:3  ✖  Unexpected custom property "--pc-column-sm" Unexpected value "var(--pc-column-xs)" for property "--pc-column-sm" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 13:3  ✖  Unexpected custom property "--pc-column-md" Unexpected value "var(--pc-column-sm)" for property "--pc-column-md" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 14:3  ✖  Unexpected custom property "--pc-column-lg" Unexpected value "var(--pc-column-md)" for property "--pc-column-lg" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 15:3  ✖  Unexpected custom property "--pc-column-xl" Unexpected value "var(--pc-column-lg)" for property "--pc-column-xl" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 19:3  ⚠  Unexpected property "grid-row" - Please use a Polaris layout component                                                                                      polaris/layout/property-disallowed-list                 
- 19:3  ✖  Unexpected value "var(--pc-row-xs)" for property "grid-row" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
- 21:3  ⚠  Unexpected property "grid-column" - Please use a Polaris layout component                                                                                   polaris/layout/property-disallowed-list                 
- 21:3  ✖  Unexpected value "var(--pc-column-xs)" for property "grid-column" - Please use a Polaris token or component                                                 polaris/conventions/polaris/custom-property-allowed-list
- 25:5  ⚠  Unexpected property "grid-row" - Please use a Polaris layout component                                                                                      polaris/layout/property-disallowed-list                 
- 25:5  ✖  Unexpected value "var(--pc-row-sm)" for property "grid-row" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
- 27:5  ⚠  Unexpected property "grid-column" - Please use a Polaris layout component                                                                                   polaris/layout/property-disallowed-list                 
- 27:5  ✖  Unexpected value "var(--pc-column-sm)" for property "grid-column" - Please use a Polaris token or component                                                 polaris/conventions/polaris/custom-property-allowed-list
- 32:5  ⚠  Unexpected property "grid-row" - Please use a Polaris layout component                                                                                      polaris/layout/property-disallowed-list                 
- 32:5  ✖  Unexpected value "var(--pc-row-md)" for property "grid-row" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
- 34:5  ⚠  Unexpected property "grid-column" - Please use a Polaris layout component                                                                                   polaris/layout/property-disallowed-list                 
- 34:5  ✖  Unexpected value "var(--pc-column-md)" for property "grid-column" - Please use a Polaris token or component                                                 polaris/conventions/polaris/custom-property-allowed-list
- 39:5  ⚠  Unexpected property "grid-row" - Please use a Polaris layout component                                                                                      polaris/layout/property-disallowed-list                 
- 39:5  ✖  Unexpected value "var(--pc-row-lg)" for property "grid-row" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
- 41:5  ⚠  Unexpected property "grid-column" - Please use a Polaris layout component                                                                                   polaris/layout/property-disallowed-list                 
- 41:5  ✖  Unexpected value "var(--pc-column-lg)" for property "grid-column" - Please use a Polaris token or component                                                 polaris/conventions/polaris/custom-property-allowed-list
- 46:5  ⚠  Unexpected property "grid-row" - Please use a Polaris layout component                                                                                      polaris/layout/property-disallowed-list                 
- 46:5  ✖  Unexpected value "var(--pc-row-xl)" for property "grid-row" - Please use a Polaris token or component                                                       polaris/conventions/polaris/custom-property-allowed-list
- 48:5  ⚠  Unexpected property "grid-column" - Please use a Polaris layout component                                                                                   polaris/layout/property-disallowed-list                 
- 48:5  ✖  Unexpected value "var(--pc-column-xl)" for property "grid-column" - Please use a Polaris token or component                                                 polaris/conventions/polaris/custom-property-allowed-list
- 55:5  ⚠  Unexpected property "grid-column-end" - Please use a Polaris layout component                                                                               polaris/layout/property-disallowed-list                 
- 63:7  ⚠  Unexpected property "grid-column-end" - Please use a Polaris layout component                                                                               polaris/layout/property-disallowed-list                 
- 72:7  ⚠  Unexpected property "grid-column-end" - Please use a Polaris layout component                                                                               polaris/layout/property-disallowed-list                 
- 81:7  ⚠  Unexpected property "grid-column-end" - Please use a Polaris layout component                                                                               polaris/layout/property-disallowed-list                 
- 90:7  ⚠  Unexpected property "grid-column-end" - Please use a Polaris layout component                                                                               polaris/layout/property-disallowed-list                 
-
-src/components/IndexTable/components/Checkbox/Checkbox.scss
- 10:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
- 12:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
- 17:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
- 19:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                      polaris/layout/property-disallowed-list                  
- 21:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
- 26:3  ⚠  Unexpected value "$expanded-width" for property "width" - Please use a Polaris layout component    polaris/layout/declaration-property-value-disallowed-list
- 28:3  ⚠  Unexpected value "$expanded-height" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-
-src/components/IndexTable/components/ScrollContainer/ScrollContainer.scss
- 11:3  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
-
-src/components/Listbox/components/Action/Action.scss
- 5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
- 7:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component     polaris/layout/property-disallowed-list
-
-src/components/Listbox/components/Loading/Loading.scss
- 13:3  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
-
-src/components/Listbox/components/Option/Option.scss
- 5:3  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
-
-src/components/Listbox/components/TextOption/TextOption.scss
-  6:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
- 11:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
- 13:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                     polaris/shape/polaris/at-rule-disallowed-list            
- 44:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                                       polaris/layout/property-disallowed-list                  
- 46:5  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                              polaris/layout/declaration-property-value-disallowed-list
- 48:5  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                           polaris/layout/declaration-property-value-disallowed-list
- 50:5  ⚠  Unexpected value "calc(-1 * var(--p-space-1))" for property "left" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
- 52:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                        polaris/layout/declaration-property-value-disallowed-list
- 54:5  ⚠  Unexpected value "var(--p-border-radius-1)" for property "width" - Please use a Polaris layout component     polaris/layout/declaration-property-value-disallowed-list
- 81:1  ✖  Expected "[data-focused]:not(:focus) .TextOption:not(.disabled)" to have a specificity no more than "0,3,0"  selector-max-specificity                                 
- 83:3  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                  polaris/shape/polaris/at-rule-disallowed-list            
- 91:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                           polaris/layout/property-disallowed-list                  
- 93:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                        polaris/layout/property-disallowed-list                  
-
-src/components/Modal/components/CloseButton/CloseButton.scss
-  5:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component               polaris/legacy/polaris/at-rule-disallowed-list
-  7:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                           polaris/shape/polaris/at-rule-disallowed-list 
- 16:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-hovered))" - Please use a Polaris color token  polaris/colors/polaris/at-rule-disallowed-list
- 26:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token        polaris/shape/polaris/at-rule-disallowed-list 
-
-src/components/Modal/components/Dialog/Dialog.scss
-  14:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
-  17:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
-  19:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                 polaris/layout/declaration-property-value-disallowed-list
-  21:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                polaris/layout/declaration-property-value-disallowed-list
-  23:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                  polaris/layout/declaration-property-value-disallowed-list
-  25:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
-  28:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                     polaris/layout/property-disallowed-list                  
-  35:5  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                     polaris/layout/property-disallowed-list                  
-  46:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
-  48:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                 polaris/layout/declaration-property-value-disallowed-list
-  50:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                polaris/layout/declaration-property-value-disallowed-list
-  52:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                  polaris/layout/declaration-property-value-disallowed-list
-  54:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                             polaris/layout/property-disallowed-list                  
-  57:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
-  68:5  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                polaris/layout/declaration-property-value-disallowed-list
-  74:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                            polaris/layout/property-disallowed-list                  
-  83:7  ✖  Unexpected media query "#{$breakpoints-height-limit-up}" - Please use a Polaris breakpoint token  polaris/media-queries/polaris/media-query-allowed-list   
- 111:5  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
- 114:7  ⚠  Unexpected value "unset" for property "height" - Please use a Polaris layout component            polaris/layout/declaration-property-value-disallowed-list
-
-src/components/Modal/components/Section/Section.scss
- 5:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
-
-src/components/OptionList/components/Checkbox/Checkbox.scss
-  5:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
-  7:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
-  9:3  ✖  Unexpected disallowed value "--p-choice-margin" - Please use a Polaris spacing token                                    polaris/spacing/polaris/global-disallowed-list           
- 11:3  ✖  Expected ".Checkbox.active .Backdrop" to have no more than 2 classes                                                    selector-max-class                                       
- 13:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                             polaris/shape/polaris/at-rule-disallowed-list            
- 19:3  ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                    polaris/legacy/polaris/at-rule-disallowed-list           
- 22:3  ✖  Expected ".Input.keyFocused + .Backdrop" to have no more than 2 classes                                                 selector-max-class                                       
- 24:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                             polaris/shape/polaris/at-rule-disallowed-list            
- 31:5  ✖  Expected ".Input.Input-indeterminate + .Backdrop" to have no more than 2 classes                                        selector-max-class                                       
- 31:5  ✖  Expected ".Input:active:not(:disabled) + .Backdrop" to have a specificity no more than "0,3,0"                          selector-max-specificity                                 
- 33:7  ✖  Unexpected @include rule "control-backdrop(active)" - Please use a Polaris token or component                           polaris/legacy/polaris/at-rule-disallowed-list           
- 37:5  ✖  Expected ".Input.Input-indeterminate ~ .Icon" to have no more than 2 classes                                            selector-max-class                                       
- 37:5  ✖  Expected ".Input:active:not(:disabled) ~ .Icon" to have a specificity no more than "0,3,0"                              selector-max-specificity                                 
- 47:5  ✖  Unexpected @include rule "control-backdrop(disabled)" - Please use a Polaris token or component                         polaris/legacy/polaris/at-rule-disallowed-list           
- 52:5  ✖  Expected ".Input:disabled:checked + .Backdrop" to have a specificity no more than "0,3,0"                               selector-max-specificity                                 
- 53:5  ✖  Expected ".Input:disabled:checked + .Backdrop::before" to have a specificity no more than "0,3,0"                       selector-max-specificity                                 
- 61:3  ✖  Unexpected @include rule "control-backdrop" - Please use a Polaris token or component                                   polaris/legacy/polaris/at-rule-disallowed-list           
- 63:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
- 65:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
- 67:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
- 69:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component                                   polaris/layout/declaration-property-value-disallowed-list
- 71:3  ✖  Unexpected @include rule "focus-ring($border-width: var(--p-control-border-width))" - Please use a Polaris shape token  polaris/shape/polaris/at-rule-disallowed-list            
- 76:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-on-interactive))" - Please use a Polaris color token                polaris/colors/polaris/at-rule-disallowed-list           
- 78:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                  polaris/layout/property-disallowed-list                  
- 80:3  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                       polaris/layout/declaration-property-value-disallowed-list
- 82:3  ⚠  Unexpected value "50%" for property "left" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
-
-src/components/OptionList/components/Option/Option.scss
-   5:1  ✖  Unexpected function "control-height" - Please use a Polaris layout component                           polaris/layout/function-disallowed-list                  
-  10:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                   polaris/legacy/polaris/at-rule-disallowed-list           
-  12:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
-  27:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                   polaris/legacy/polaris/at-rule-disallowed-list           
-  30:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                               polaris/shape/polaris/at-rule-disallowed-list            
-  34:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token            polaris/shape/polaris/at-rule-disallowed-list            
-  44:5  ✖  Unexpected @include rule "list-selected-indicator" - Please use a Polaris token or component           polaris/legacy/polaris/at-rule-disallowed-list           
-  59:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
-  61:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
-  63:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
-  68:3  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component    polaris/typography/polaris/at-rule-disallowed-list       
-  77:3  ✖  Expected ".Label.select:hover:not(.disabled)" to have a specificity no more than "0,3,0"               selector-max-specificity                                 
-  77:3  ✖  Expected ".SingleSelectOption.select:hover:not(.disabled)" to have a specificity no more than "0,3,0"  selector-max-specificity                                 
-  93:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list                  
-  95:3  ⚠  Unexpected property "flex-shrink" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
-  97:3  ⚠  Unexpected value "var(--p-choice-size)" for property "width" - Please use a Polaris layout component   polaris/layout/declaration-property-value-disallowed-list
-  97:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component                  polaris/layout/polaris/global-disallowed-list            
-  99:3  ⚠  Unexpected value "var(--p-choice-size)" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-  99:3  ✖  Unexpected disallowed value "--p-choice-size" - Please use a Polaris layout component                  polaris/layout/polaris/global-disallowed-list            
- 102:3  ✖  Unexpected disallowed value "--p-choice-margin" - Please use a Polaris spacing token                   polaris/spacing/polaris/global-disallowed-list           
- 108:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-disabled))" - Please use a Polaris color token     polaris/colors/polaris/at-rule-disallowed-list           
- 114:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token              polaris/colors/polaris/at-rule-disallowed-list           
- 120:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
- 125:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
- 130:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                              polaris/layout/property-disallowed-list                  
-
-src/components/Page/components/Header/Header.scss
-   7:3   ✖  Unexpected @include rule "page-header-layout" - Please use a Polaris breakpoint token                                        polaris/media-queries/polaris/at-rule-disallowed-list    
-   9:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                       polaris/layout/property-disallowed-list                  
-  14:3   ✖  Unexpected @include rule "visually-hidden" - Please use a Polaris token or component                                         polaris/legacy/polaris/at-rule-disallowed-list           
-  19:3   ⚠  Unexpected property "grid-area" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
-  23:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
-  35:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
-  37:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
-  39:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
-  43:3   ✖  Expected ".hasActionMenu.mobileView .Navigation" to have no more than 2 classes                                              selector-max-class                                       
-  49:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
-  49:19  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
-  55:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
-  57:3   ⚠  Unexpected property "grid-area" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
-  63:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
-  63:19  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
-  69:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
-  71:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
-  73:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
-  79:75  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
-  80:22  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
-  85:77  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
-  92:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
-  92:19  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
-  98:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
- 100:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
- 102:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
- 106:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
- 106:19  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
- 116:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
- 118:5   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
- 124:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
- 131:3   ✖  Expected ".hasActionMenu.mobileView:not(.hasNavigation) .TitleActionMenuWrapper" to have no more than 2 classes              selector-max-class                                       
- 131:3   ✖  Expected ".hasActionMenu.mobileView:not(.hasNavigation) .TitleActionMenuWrapper" to have a specificity no more than "0,3,0"  selector-max-specificity                                 
- 138:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
- 148:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
- 148:19  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
- 154:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
- 156:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
- 165:5   ✖  Expected ".mobileView .Row + .Row" to have no more than 2 classes                                                            selector-max-class                                       
- 165:5   ✖  Expected ".mobileView .Row + .Row" to have no more than 1 combinator                                                         selector-max-combinators                                 
- 169:5   ✖  Expected ".Row + .Row .RightAlign" to have no more than 2 classes                                                            selector-max-class                                       
- 169:5   ✖  Expected ".Row + .Row .RightAlign" to have no more than 1 combinator                                                         selector-max-combinators                                 
- 177:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
- 180:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
- 185:3   ⚠  Unexpected property "grid-area" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
- 187:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
- 190:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                           polaris/layout/property-disallowed-list                  
- 192:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
- 195:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
- 220:20  ✖  Unexpected !important                                                                                                        declaration-no-important                                 
- 226:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                         polaris/layout/declaration-property-value-disallowed-list
- 228:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
- 230:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                    polaris/layout/property-disallowed-list                  
- 232:3   ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
- 243:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                        polaris/layout/property-disallowed-list                  
- 246:5   ⚠  Unexpected property "grid-template-columns" - Please use a Polaris layout component                                          polaris/layout/property-disallowed-list                  
- 248:5   ⚠  Unexpected property "grid-template-areas" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
- 270:3   ✖  Expected ".mediumTitle.noBreadcrumbs .TitleWrapper" to have no more than 2 classes                                           selector-max-class                                       
- 274:3   ✖  Expected ".mediumTitle.noBreadcrumbs .RightAlign" to have no more than 2 classes                                             selector-max-class                                       
- 281:3   ✖  Expected ".mediumTitle.noBreadcrumbs .Row" to have no more than 2 classes                                                    selector-max-class                                       
-
-src/components/RangeSlider/components/DualThumb/DualThumb.scss
-   8:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/property-disallowed-list                  
-  10:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                          polaris/layout/declaration-property-value-disallowed-list
-  12:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                         polaris/layout/property-disallowed-list                  
-  14:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                     polaris/layout/property-disallowed-list                  
-  19:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/property-disallowed-list                  
-  21:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                         polaris/layout/property-disallowed-list                  
-  23:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                     polaris/layout/property-disallowed-list                  
-  25:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                          polaris/layout/declaration-property-value-disallowed-list
-  31:5   ✖  Unexpected value "0.8" for property "opacity" - Please use a Polaris color token                                                                                                                                                                                                                                                                                                                                                                                                                                              polaris/colors/declaration-property-value-disallowed-list
-  38:3   ✖  Unexpected custom property "--pc-dual-thumb-unselected-range" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
-  39:3   ✖  Unexpected custom property "--pc-dual-thumb-selected-range" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                                         polaris/conventions/polaris/custom-property-allowed-list 
-  40:3   ✖  Unexpected custom property "--pc-dual-thumb-gradient-colors" Unexpected value "var(--pc-dual-thumb-unselected-range, --pc-dual-thumb-unselected-range, --pc-range-slider-progress-lower, --pc-dual-thumb-selected-range, --pc-range-slider-progress-lower, --pc-dual-thumb-selected-range, --pc-range-slider-progress-upper, --pc-dual-thumb-unselected-range, --pc-range-slider-progress-upper, --pc-dual-thumb-unselected-range)" for property "--pc-dual-thumb-gradient-colors" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  48:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/property-disallowed-list                  
-  50:3   ✖  Unexpected value "1" for property "z-index" - Please use a Polaris z-index token                                                                                                                                                                                                                                                                                                                                                                                                                                              polaris/z-index/declaration-property-value-allowed-list  
-  52:3   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                          polaris/layout/declaration-property-value-disallowed-list
-  54:3   ⚠  Unexpected value "var(--pc-range-slider-track-height)" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                          polaris/layout/declaration-property-value-disallowed-list
-  54:3   ✖  Unexpected value "var(--pc-range-slider-track-height)" for property "height" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
-  56:3   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "border-radius" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                   polaris/conventions/polaris/custom-property-allowed-list 
-  58:3   ✖  Unexpected value "var(--pc-dual-thumb-gradient-colors)" for property "background-image" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                             polaris/conventions/polaris/custom-property-allowed-list 
-  66:5   ✖  Unexpected custom property "--pc-dual-thumb-selected-range" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                                         polaris/conventions/polaris/custom-property-allowed-list 
-  67:5   ✖  Unexpected custom property "--pc-dual-thumb-gradient-colors" Unexpected value "var(--pc-dual-thumb-unselected-range, --pc-dual-thumb-unselected-range, --pc-range-slider-progress-lower, --pc-dual-thumb-selected-range, --pc-range-slider-progress-lower, --pc-dual-thumb-selected-range, --pc-range-slider-progress-upper, --pc-dual-thumb-unselected-range, --pc-range-slider-progress-upper, --pc-dual-thumb-unselected-range)" for property "--pc-dual-thumb-gradient-colors" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  77:5   ✖  Unexpected value "var(--pc-dual-thumb-gradient-colors)" for property "background-image" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                             polaris/conventions/polaris/custom-property-allowed-list 
-  95:3   ✖  Unexpected @include rule "focus-ring($size: 'wide', $border-width: 1px)" - Please use a Polaris shape token                                                                                                                                                                                                                                                                                                                                                                                                                   polaris/shape/polaris/at-rule-disallowed-list            
-  97:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/property-disallowed-list                  
-  99:3   ✖  Unexpected value "var(--pc-range-slider-input)" for property "z-index" - Please use a Polaris z-index token                                                                                                                                                                                                                                                                                                                                                                                                                   polaris/z-index/declaration-property-value-allowed-list  
-  99:3   ✖  Unexpected value "var(--pc-range-slider-input)" for property "z-index" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
- 102:3   ⚠  Unexpected value "var(--pc-range-slider-thumb-size)" for property "width" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                             polaris/layout/declaration-property-value-disallowed-list
- 102:3   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "width" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
- 104:3   ⚠  Unexpected value "var(--pc-range-slider-thumb-size)" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                            polaris/layout/declaration-property-value-disallowed-list
- 104:3   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "height" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                          polaris/conventions/polaris/custom-property-allowed-list 
- 111:11  ✖  Unexpected vendor-prefix "-webkit-grab"                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       value-no-vendor-prefix                                   
- 126:5   ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                                                                                                                                                                                                                                                                                                                                                                                                                   polaris/shape/polaris/at-rule-disallowed-list            
- 143:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
- 149:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
- 155:3   ✖  Unexpected custom property "--pc-range-slider-output-spacing" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
- 157:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/property-disallowed-list                  
- 159:3   ✖  Unexpected value "var(--pc-range-slider-output)" for property "z-index" - Please use a Polaris z-index token                                                                                                                                                                                                                                                                                                                                                                                                                  polaris/z-index/declaration-property-value-allowed-list  
- 159:3   ✖  Unexpected value "var(--pc-range-slider-output)" for property "z-index" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                             polaris/conventions/polaris/custom-property-allowed-list 
- 161:3   ⚠  Unexpected value "var(--p-range-slider-thumb-size-active)" for property "bottom" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                      polaris/layout/declaration-property-value-disallowed-list
- 161:3   ✖  Unexpected disallowed value "--p-range-slider-thumb-size-active" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                      polaris/layout/polaris/global-disallowed-list            
- 169:3   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "transform" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
- 173:5   ✖  Unexpected disallowed value "--p-range-slider-thumb-size-base" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/polaris/global-disallowed-list            
- 173:5   ✖  Unexpected disallowed value "--p-range-slider-thumb-size-active" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                      polaris/layout/polaris/global-disallowed-list            
- 179:5   ⚠  Unexpected value "calc(       var(--p-range-slider-thumb-size-active) + #{$range-thumb-size-difference}     )" for property "bottom" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                  polaris/layout/declaration-property-value-disallowed-list
- 179:5   ✖  Unexpected disallowed value "--p-range-slider-thumb-size-active" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                      polaris/layout/polaris/global-disallowed-list            
- 188:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                        polaris/layout/property-disallowed-list                  
- 190:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                         polaris/layout/property-disallowed-list                  
- 194:3   ⚠  Unexpected value "$range-output-size" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                           polaris/layout/declaration-property-value-disallowed-list
- 203:3   ✖  Expected ".Thumbs:hover + .Output .OutputBubble" to have no more than 2 classes                                                                                                                                                                                                                                                                                                                                                                                                                                               selector-max-class                                       
- 203:3   ✖  Expected ".Thumbs:active + .Output .OutputBubble" to have no more than 2 classes                                                                                                                                                                                                                                                                                                                                                                                                                                              selector-max-class                                       
- 203:3   ✖  Expected ".Thumbs:focus + .Output .OutputBubble" to have no more than 2 classes                                                                                                                                                                                                                                                                                                                                                                                                                                               selector-max-class                                       
- 203:3   ✖  Expected ".Thumbs:hover + .Output .OutputBubble" to have no more than 1 combinator                                                                                                                                                                                                                                                                                                                                                                                                                                            selector-max-combinators                                 
- 203:3   ✖  Expected ".Thumbs:active + .Output .OutputBubble" to have no more than 1 combinator                                                                                                                                                                                                                                                                                                                                                                                                                                           selector-max-combinators                                 
- 203:3   ✖  Expected ".Thumbs:focus + .Output .OutputBubble" to have no more than 1 combinator                                                                                                                                                                                                                                                                                                                                                                                                                                            selector-max-combinators                                 
- 203:3   ✖  Expected ".Thumbs:hover + .Output .OutputBubble" to have a specificity no more than "0,3,0"                                                                                                                                                                                                                                                                                                                                                                                                                                   selector-max-specificity                                 
- 204:3   ✖  Expected ".Thumbs:active + .Output .OutputBubble" to have a specificity no more than "0,3,0"                                                                                                                                                                                                                                                                                                                                                                                                                                  selector-max-specificity                                 
- 205:3   ✖  Expected ".Thumbs:focus + .Output .OutputBubble" to have a specificity no more than "0,3,0"                                                                                                                                                                                                                                                                                                                                                                                                                                   selector-max-specificity                                 
- 207:5   ✖  Unexpected value "var(--pc-range-slider-output-spacing)" for property "transform" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                   polaris/conventions/polaris/custom-property-allowed-list 
- 211:7   ✖  Unexpected value "var(--pc-range-slider-output-spacing)" for property "transform" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                                                                                                                                   polaris/conventions/polaris/custom-property-allowed-list 
- 220:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                         polaris/layout/property-disallowed-list                  
- 222:5   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
-
-src/components/RangeSlider/components/SingleThumb/SingleThumb.scss
-   6:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                             polaris/layout/property-disallowed-list                  
-   8:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                         polaris/layout/property-disallowed-list                  
-  12:5   ✖  Unexpected value "0.8" for property "opacity" - Please use a Polaris color token                                                                                                                                                                                                                                                                                                  polaris/colors/declaration-property-value-disallowed-list
-  18:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
-  20:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                             polaris/layout/property-disallowed-list                  
-  22:3   ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                         polaris/layout/property-disallowed-list                  
-  24:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                polaris/layout/property-disallowed-list                  
-  26:3   ⚠  Unexpected value "var(--pc-range-slider-thumb-size)" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                polaris/layout/declaration-property-value-disallowed-list
-  26:3   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "height" - Please use a Polaris token or component                                                                                                                                                                                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
-  40:5   ⚠  Unexpected value "44px" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                             polaris/layout/declaration-property-value-disallowed-list
-  52:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                polaris/layout/property-disallowed-list                  
-  58:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                polaris/layout/property-disallowed-list                  
-  64:3   ✖  Unexpected custom property "--pc-single-thumb-progress-lower" - Please use a Polaris token or component                                                                                                                                                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
-  65:3   ✖  Unexpected custom property "--pc-single-thumb-progress-upper" - Please use a Polaris token or component                                                                                                                                                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
-  74:3   ✖  Unexpected custom property "--pc-single-thumb-gradient-colors" Unexpected value "var(--pc-single-thumb-progress-lower, --pc-single-thumb-progress-lower, --pc-range-slider-progress, --pc-single-thumb-progress-upper, --pc-range-slider-progress, --pc-single-thumb-progress-upper)" for property "--pc-single-thumb-gradient-colors" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
-  82:5   ✖  Unexpected value "var(--pc-range-slider-track-height)" for property "margin-top" - Please use a Polaris token or component                                                                                                                                                                                                                                                        polaris/conventions/polaris/custom-property-allowed-list 
-  87:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                             polaris/layout/property-disallowed-list                  
-  91:3   ✖  Unexpected @include rule "unstyled-input" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                               polaris/legacy/polaris/at-rule-disallowed-list           
-  93:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
-  95:3   ✖  Unexpected value "var(--pc-range-slider-input)" for property "z-index" - Please use a Polaris z-index token                                                                                                                                                                                                                                                                       polaris/z-index/declaration-property-value-allowed-list  
-  95:3   ✖  Unexpected value "var(--pc-range-slider-input)" for property "z-index" - Please use a Polaris token or component                                                                                                                                                                                                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
-  97:3   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                polaris/layout/property-disallowed-list                  
- 100:3   ✖  Unexpected @include rule "range-track-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
- 103:5   ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                              polaris/layout/declaration-property-value-disallowed-list
- 105:5   ⚠  Unexpected value "var(--pc-range-slider-track-height)" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                              polaris/layout/declaration-property-value-disallowed-list
- 105:5   ✖  Unexpected value "var(--pc-range-slider-track-height)" for property "height" - Please use a Polaris token or component                                                                                                                                                                                                                                                            polaris/conventions/polaris/custom-property-allowed-list 
- 107:5   ✖  Unexpected value "var(--pc-single-thumb-gradient-colors)" for property "background-image" - Please use a Polaris token or component                                                                                                                                                                                                                                               polaris/conventions/polaris/custom-property-allowed-list 
- 114:5   ✖  Unexpected value "var(--pc-range-slider-track-height)" for property "border-radius" - Please use a Polaris token or component                                                                                                                                                                                                                                                     polaris/conventions/polaris/custom-property-allowed-list 
- 118:3   ✖  Unexpected @include rule "range-thumb-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
- 120:13  ✖  Unexpected vendor-prefix "-webkit-grab"                                                                                                                                                                                                                                                                                                                                           value-no-vendor-prefix                                   
- 122:5   ⚠  Unexpected value "var(--pc-range-slider-thumb-size)" for property "width" - Please use a Polaris layout component                                                                                                                                                                                                                                                                 polaris/layout/declaration-property-value-disallowed-list
- 122:5   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "width" - Please use a Polaris token or component                                                                                                                                                                                                                                                               polaris/conventions/polaris/custom-property-allowed-list 
- 124:5   ⚠  Unexpected value "var(--pc-range-slider-thumb-size)" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                polaris/layout/declaration-property-value-disallowed-list
- 124:5   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "height" - Please use a Polaris token or component                                                                                                                                                                                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
- 145:5   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "transform" - Please use a Polaris token or component                                                                                                                                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
- 152:5   ✖  Unexpected value "var(--pc-range-slider-thumb-size, --pc-range-slider-track-height)" for property "margin-top" - Please use a Polaris token or component                                                                                                                                                                                                                          polaris/conventions/polaris/custom-property-allowed-list 
- 154:9   ✖  Expected an operator before sign "-"                                                                                                                                                                                                                                                                                                                                              function-calc-no-unspaced-operator                       
- 161:5   ✖  Unexpected @include rule "range-thumb-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
- 169:5   ✖  Unexpected @include rule "range-thumb-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
- 177:5   ✖  Unexpected custom property "--pc-single-thumb-progress-lower" - Please use a Polaris token or component                                                                                                                                                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
- 180:5   ✖  Unexpected @include rule "range-thumb-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
- 188:5   ✖  Unexpected @include rule "range-track-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
- 195:5   ✖  Unexpected @include rule "range-thumb-selectors" - Please use a Polaris token or component                                                                                                                                                                                                                                                                                        polaris/legacy/polaris/at-rule-disallowed-list           
- 206:1   ✖  Unexpected value "var(--pc-range-slider-output-factor, --pc-range-slider-thumb-size)" for property "$range-output-translate-x" - Please use a Polaris token or component                                                                                                                                                                                                          polaris/conventions/polaris/custom-property-allowed-list 
- 213:3   ✖  Unexpected custom property "--pc-range-slider-output-spacing" - Please use a Polaris token or component                                                                                                                                                                                                                                                                           polaris/conventions/polaris/custom-property-allowed-list 
- 215:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
- 217:3   ✖  Unexpected value "var(--pc-range-slider-output)" for property "z-index" - Please use a Polaris z-index token                                                                                                                                                                                                                                                                      polaris/z-index/declaration-property-value-allowed-list  
- 217:3   ✖  Unexpected value "var(--pc-range-slider-output)" for property "z-index" - Please use a Polaris token or component                                                                                                                                                                                                                                                                 polaris/conventions/polaris/custom-property-allowed-list 
- 219:3   ⚠  Unexpected value "var(--pc-range-slider-thumb-size)" for property "bottom" - Please use a Polaris layout component                                                                                                                                                                                                                                                                polaris/layout/declaration-property-value-disallowed-list
- 219:3   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "bottom" - Please use a Polaris token or component                                                                                                                                                                                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
- 221:3   ⚠  Unexpected value "var(--pc-range-slider-progress)" for property "left" - Please use a Polaris layout component                                                                                                                                                                                                                                                                    polaris/layout/declaration-property-value-disallowed-list
- 221:3   ✖  Unexpected value "var(--pc-range-slider-progress)" for property "left" - Please use a Polaris token or component                                                                                                                                                                                                                                                                  polaris/conventions/polaris/custom-property-allowed-list 
- 232:5   ✖  Unexpected disallowed value "--p-range-slider-thumb-size-base" - Please use a Polaris layout component                                                                                                                                                                                                                                                                            polaris/layout/polaris/global-disallowed-list            
- 232:5   ✖  Unexpected disallowed value "--p-range-slider-thumb-size-active" - Please use a Polaris layout component                                                                                                                                                                                                                                                                          polaris/layout/polaris/global-disallowed-list            
- 238:5   ⚠  Unexpected value "calc(       var(--pc-range-slider-thumb-size) + #{$range-thumb-size-difference}     )" for property "bottom" - Please use a Polaris layout component                                                                                                                                                                                                            polaris/layout/declaration-property-value-disallowed-list
- 238:5   ✖  Unexpected value "var(--pc-range-slider-thumb-size)" for property "bottom" - Please use a Polaris token or component                                                                                                                                                                                                                                                              polaris/conventions/polaris/custom-property-allowed-list 
- 247:3   ⚠  Unexpected property "position" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                            polaris/layout/property-disallowed-list                  
- 249:3   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                             polaris/layout/property-disallowed-list                  
- 254:3   ⚠  Unexpected value "$range-output-size" for property "height" - Please use a Polaris layout component                                                                                                                                                                                                                                                                               polaris/layout/declaration-property-value-disallowed-list
- 263:3   ✖  Expected ".Input:hover + .Output .OutputBubble" to have no more than 2 classes                                                                                                                                                                                                                                                                                                    selector-max-class                                       
- 263:3   ✖  Expected ".Input:active + .Output .OutputBubble" to have no more than 2 classes                                                                                                                                                                                                                                                                                                   selector-max-class                                       
- 263:3   ✖  Expected ".Input:focus + .Output .OutputBubble" to have no more than 2 classes                                                                                                                                                                                                                                                                                                    selector-max-class                                       
- 263:3   ✖  Expected ".Input:hover + .Output .OutputBubble" to have no more than 1 combinator                                                                                                                                                                                                                                                                                                 selector-max-combinators                                 
- 263:3   ✖  Expected ".Input:active + .Output .OutputBubble" to have no more than 1 combinator                                                                                                                                                                                                                                                                                                selector-max-combinators                                 
- 263:3   ✖  Expected ".Input:focus + .Output .OutputBubble" to have no more than 1 combinator                                                                                                                                                                                                                                                                                                 selector-max-combinators                                 
- 263:3   ✖  Expected ".Input:hover + .Output .OutputBubble" to have a specificity no more than "0,3,0"                                                                                                                                                                                                                                                                                        selector-max-specificity                                 
- 264:3   ✖  Expected ".Input:active + .Output .OutputBubble" to have a specificity no more than "0,3,0"                                                                                                                                                                                                                                                                                       selector-max-specificity                                 
- 265:3   ✖  Expected ".Input:focus + .Output .OutputBubble" to have a specificity no more than "0,3,0"                                                                                                                                                                                                                                                                                        selector-max-specificity                                 
- 267:5   ✖  Unexpected value "var(--pc-range-slider-output-spacing)" for property "transform" - Please use a Polaris token or component                                                                                                                                                                                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
- 271:7   ✖  Unexpected value "var(--pc-range-slider-output-spacing)" for property "transform" - Please use a Polaris token or component                                                                                                                                                                                                                                                       polaris/conventions/polaris/custom-property-allowed-list 
- 280:5   ⚠  Unexpected property "display" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                             polaris/layout/property-disallowed-list                  
- 282:5   ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                                                                                                                                                                                                                                                                                polaris/layout/property-disallowed-list                  
-
-src/components/Tooltip/components/TooltipOverlay/TooltipOverlay.scss
-  7:3  ✖  Unexpected custom property "--pc-tooltip-overlay-offset" - Please use a Polaris token or component                   polaris/conventions/polaris/custom-property-allowed-list
-  9:3  ✖  Unexpected value "var(--pc-tooltip-overlay-offset)" for property "margin" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 29:3  ✖  Unexpected value "var(--pc-tooltip-overlay-offset)" for property "margin" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list
- 34:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                 
- 46:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                             polaris/shape/polaris/at-rule-disallowed-list           
- 50:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                          polaris/shape/polaris/at-rule-disallowed-list           
- 55:1  ✖  Expected "[data-polaris-tooltip-activator][data-focus-visible-added]" to have no more than 1 attribute selector      selector-max-attribute                                  
- 57:3  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                          polaris/shape/polaris/at-rule-disallowed-list           
-
-src/components/TopBar/components/Menu/Menu.scss
- 14:3  ⚠  Unexpected value "$top-bar-height" for property "height" - Please use a Polaris layout component                                   polaris/layout/declaration-property-value-disallowed-list
- 16:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
- 18:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
- 23:3  ✖  Unexpected @include rule "unstyled-button" - Please use a Polaris token or component                                               polaris/legacy/polaris/at-rule-disallowed-list           
- 25:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                                           polaris/shape/polaris/at-rule-disallowed-list            
- 28:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                                             polaris/layout/property-disallowed-list                  
- 30:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                              polaris/layout/property-disallowed-list                  
- 32:3  ⚠  Unexpected property "justify-content" - Please use a Polaris layout component                                                      polaris/layout/property-disallowed-list                  
- 34:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                                          polaris/layout/property-disallowed-list                  
- 45:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                                        polaris/shape/polaris/at-rule-disallowed-list            
- 47:5  ✖  Unexpected value "var(--pc-top-bar-background-lighter)" for property "background-color" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 53:5  ✖  Unexpected value "var(--pc-top-bar-background-lighter)" for property "background-color" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 63:5  ✖  Unexpected value "var(--pc-top-bar-background-darker)" for property "background-color" - Please use a Polaris token or component   polaris/conventions/polaris/custom-property-allowed-list 
-
-src/components/TopBar/components/Search/Search.scss
-  6:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
- 11:3  ⚠  Unexpected value "$top-bar-height" for property "top" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
- 13:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component               polaris/layout/declaration-property-value-disallowed-list
- 15:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component              polaris/layout/declaration-property-value-disallowed-list
- 21:5  ⚠  Unexpected property "position" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
- 23:5  ⚠  Unexpected value "100%" for property "top" - Please use a Polaris layout component             polaris/layout/declaration-property-value-disallowed-list
- 45:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                         polaris/layout/property-disallowed-list                  
- 47:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                          polaris/layout/property-disallowed-list                  
-
-src/components/TopBar/components/SearchDismissOverlay/SearchDismissOverlay.scss
-  6:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                 polaris/layout/property-disallowed-list                  
-  8:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component        polaris/layout/declaration-property-value-disallowed-list
- 10:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component       polaris/layout/declaration-property-value-disallowed-list
- 12:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component      polaris/layout/declaration-property-value-disallowed-list
- 15:3  ⚠  Unexpected value "100%" for property "height" - Please use a Polaris layout component  polaris/layout/declaration-property-value-disallowed-list
-
-src/components/TopBar/components/SearchField/SearchField.scss
-  11:3  ✖  Unexpected custom property "--pc-search-field-backdrop" - Please use a Polaris token or component                    polaris/conventions/polaris/custom-property-allowed-list 
-  12:3  ✖  Unexpected custom property "--pc-search-field-input" - Please use a Polaris token or component                       polaris/conventions/polaris/custom-property-allowed-list 
-  13:3  ✖  Unexpected custom property "--pc-search-field-icon" - Please use a Polaris token or component                        polaris/conventions/polaris/custom-property-allowed-list 
-  14:3  ✖  Unexpected custom property "--pc-search-field-action" - Please use a Polaris token or component                      polaris/conventions/polaris/custom-property-allowed-list 
-  18:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
-  20:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
-  22:3  ⚠  Unexpected property "flex" - Please use a Polaris layout component                                                   polaris/layout/property-disallowed-list                  
-  24:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                            polaris/layout/property-disallowed-list                  
-  27:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                 polaris/layout/declaration-property-value-disallowed-list
-  48:5  ✖  Unexpected @include rule "focus-ring($style: 'focused')" - Please use a Polaris shape token                          polaris/shape/polaris/at-rule-disallowed-list            
-  53:5  ✖  Unexpected value "var(--pc-top-bar-border)" for property "border" - Please use a Polaris token or component          polaris/conventions/polaris/custom-property-allowed-list 
-  58:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                            polaris/colors/polaris/at-rule-disallowed-list           
-  65:5  ✖  Unexpected value "var(--pc-top-bar-border)" for property "border" - Please use a Polaris token or component          polaris/conventions/polaris/custom-property-allowed-list 
-  70:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                            polaris/colors/polaris/at-rule-disallowed-list           
-  76:3  ✖  Unexpected @include rule "text-style-input" - Please use a Polaris font token or typography component                polaris/typography/polaris/at-rule-disallowed-list       
-  78:3  ✖  Unexpected value "var(--pc-search-field-input)" for property "z-index" - Please use a Polaris z-index token          polaris/z-index/declaration-property-value-allowed-list  
-  78:3  ✖  Unexpected value "var(--pc-search-field-input)" for property "z-index" - Please use a Polaris token or component     polaris/conventions/polaris/custom-property-allowed-list 
-  80:3  ⚠  Unexpected value "$new-input-height" for property "height" - Please use a Polaris layout component                   polaris/layout/declaration-property-value-disallowed-list
-  82:3  ⚠  Unexpected value "100%" for property "width" - Please use a Polaris layout component                                 polaris/layout/declaration-property-value-disallowed-list
- 105:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                            polaris/colors/polaris/at-rule-disallowed-list           
- 107:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
- 109:3  ✖  Unexpected value "var(--pc-search-field-icon)" for property "z-index" - Please use a Polaris z-index token           polaris/z-index/declaration-property-value-allowed-list  
- 109:3  ✖  Unexpected value "var(--pc-search-field-icon)" for property "z-index" - Please use a Polaris token or component      polaris/conventions/polaris/custom-property-allowed-list 
- 111:3  ⚠  Unexpected value "50%" for property "top" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
- 113:3  ⚠  Unexpected value "var(--p-space-2)" for property "left" - Please use a Polaris layout component                      polaris/layout/declaration-property-value-disallowed-list
- 115:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                                polaris/layout/property-disallowed-list                  
- 117:3  ⚠  Unexpected value "$icon-size" for property "height" - Please use a Polaris layout component                          polaris/layout/declaration-property-value-disallowed-list
- 124:3  ✖  Unexpected @include rule "recolor-icon(var(--p-icon))" - Please use a Polaris color token                            polaris/colors/polaris/at-rule-disallowed-list           
- 126:3  ✖  Unexpected @include rule "focus-ring($size: 'wide')" - Please use a Polaris shape token                              polaris/shape/polaris/at-rule-disallowed-list            
- 128:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
- 130:3  ✖  Unexpected value "var(--pc-search-field-action)" for property "z-index" - Please use a Polaris z-index token         polaris/z-index/declaration-property-value-allowed-list  
- 130:3  ✖  Unexpected value "var(--pc-search-field-action)" for property "z-index" - Please use a Polaris token or component    polaris/conventions/polaris/custom-property-allowed-list 
- 139:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-hovered))" - Please use a Polaris color token                    polaris/colors/polaris/at-rule-disallowed-list           
- 145:5  ✖  Unexpected @include rule "focus-ring($size: 'wide', $style: 'focused')" - Please use a Polaris shape token           polaris/shape/polaris/at-rule-disallowed-list            
- 150:5  ✖  Unexpected @include rule "recolor-icon(var(--p-icon-pressed))" - Please use a Polaris color token                    polaris/colors/polaris/at-rule-disallowed-list           
- 160:3  ✖  Unexpected @include rule "focus-ring" - Please use a Polaris shape token                                             polaris/shape/polaris/at-rule-disallowed-list            
- 162:3  ⚠  Unexpected property "position" - Please use a Polaris layout component                                               polaris/layout/property-disallowed-list                  
- 164:3  ✖  Unexpected value "var(--pc-search-field-backdrop)" for property "z-index" - Please use a Polaris z-index token       polaris/z-index/declaration-property-value-allowed-list  
- 164:3  ✖  Unexpected value "var(--pc-search-field-backdrop)" for property "z-index" - Please use a Polaris token or component  polaris/conventions/polaris/custom-property-allowed-list 
- 166:3  ⚠  Unexpected value "0" for property "top" - Please use a Polaris layout component                                      polaris/layout/declaration-property-value-disallowed-list
- 168:3  ⚠  Unexpected value "0" for property "right" - Please use a Polaris layout component                                    polaris/layout/declaration-property-value-disallowed-list
- 170:3  ⚠  Unexpected value "0" for property "bottom" - Please use a Polaris layout component                                   polaris/layout/declaration-property-value-disallowed-list
- 172:3  ⚠  Unexpected value "0" for property "left" - Please use a Polaris layout component                                     polaris/layout/declaration-property-value-disallowed-list
-
-src/components/TopBar/components/UserMenu/UserMenu.scss
- 9:5  ⚠  Unexpected property "display" - Please use a Polaris layout component  polaris/layout/property-disallowed-list
-
-src/components/Page/components/Header/components/Title/Title.scss
-  5:3  ✖  Unexpected @include rule "text-breakword" - Please use a Polaris font token or typography component        polaris/typography/polaris/at-rule-disallowed-list
-  7:3  ✖  Unexpected @include rule "text-emphasis-strong" - Please use a Polaris font token or typography component  polaris/typography/polaris/at-rule-disallowed-list
- 27:3  ⚠  Unexpected property "display" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list           
- 30:3  ⚠  Unexpected property "align-items" - Please use a Polaris layout component                                  polaris/layout/property-disallowed-list           
- 35:5  ⚠  Unexpected property "display" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list           
- 39:5  ✖  Expected ".TitleWithMetadataWrapper .Title > *" to have no more than 1 combinator                          selector-max-combinators                          
- 41:7  ⚠  Unexpected property "display" - Please use a Polaris layout component                                      polaris/layout/property-disallowed-list
-
-2939 problems (1558 errors, 1381 warnings)
-
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js b/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
deleted file mode 100644
index 6fa54d77556..00000000000
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
+++ /dev/null
@@ -1,176 +0,0 @@
-// To run, create a file called "temp.md" with h3 tags for the categories h4 for the rules
-// run: npx node ./polaris.shopify.com/content/tools/stylelint-polaris/rules/ruleMaker.js
-// make sure temp.md and ruleMaker.js are both in the rules folder
-
-const fs = require('fs');
-const path = require('path');
-
-const h3 = '### ';
-const h4 = '#### ';
-const ruleDescriptions = {
-  'conventions/custom-property-allowed-list':
-    'Allows definition of custom properties not using Polaris prefixes, flags declaration property values that are not valid Polaris tokens, flags declaration property values using private tokens',
-  'colors/color-named': 'Disallows named colors',
-  'colors/color-no-hex': 'Disallows hex colors',
-  'colors/declaration-property-value-disallowed-list':
-    'Disallows custom decimal opacity values',
-  'colors/function-disallowed-list':
-    'Disallows allows use of built in and legacy color functions',
-  'colors/at-rule-disallowed-list': 'Disallows use of legacy color mixins',
-  'colors/global-disallowed-list':
-    'Disallows use of legacy color custom properties and mixin map data',
-  'motion/function-disallowed-list':
-    'Disallows use of legacy Sass motion functions',
-  'motion/declaration-property-unit-disallowed-list':
-    'Disallows use of hard-coded millisecond `ms` and second `s` values on transition and animation properties',
-  'motion/at-rule-disallowed-list': 'Disallows use of CSS @keyframes',
-  'motion/global-disallowed-list':
-    'Disallows use of legacy Polaris motion tokens',
-  'typography/declaration-property-value-disallowed-list':
-    'Disallows hard-coded alphanumeric font-weight values',
-  'typography/declaration-property-unit-disallowed-list':
-    'Disallows hard-coded `px`, `em`, and `rem` values for font-size and line-height properties',
-  'typography/function-disallowed-list':
-    'Disallows use of legacy Sass typography functions',
-  'typography/at-rule-disallowed-list':
-    'Disallows use of legacy Sass typography mixins',
-  'typography/global-disallowed-list':
-    'Disallows use of legacy Polaris typography tokens and mixin map data',
-  'shape/declaration-property-unit-disallowed-list':
-    'Disallows hard-coded `px`, `em`, and `rem` units in border property values',
-  'shape/function-disallowed-list':
-    'Disallows use of legacy Sass border functions',
-  'shape/at-rule-disallowed-list': 'Disallows use of legacy Sass border mixins',
-  'shape/global-disallowed-list':
-    'Disallows use of legacy Polaris shape tokens and mixin map data',
-  'spacing/declaration-property-unit-disallowed-list':
-    'Disallows use of hard-coded px, em, and rem values on gap, margin, and padding properties',
-  'spacing/function-disallowed-list':
-    'Disallows use of legacy Sass spacing functions',
-  'spacing/global-disallowed-list':
-    'Disallows use of legacy spacing custom properties and Sass mixin data',
-  'depth/declaration-property-unit-disallowed-list':
-    'Disallows box-shadow declarations with hard coded px, rem, or em units',
-  'depth/function-disallowed-list':
-    'Disallows use of built-in and legacy shadow functions',
-  'depth/global-disallowed-list':
-    'Disallows use of legacy shadow custom properties and Sass mixin data',
-  'depth/property-disallowed-list': 'Disallows text shadow property',
-  'media-queries/function-disallowed-list':
-    'Disallows use of legacy breakpoint sass functions',
-  'media-queries/media-queries-allowed-list':
-    'Allows declaration of `print` and `screen` `@media` queries, allows `@media` queries for `forced-colors` and `ms-high-contrast` features, allows `@media` queries using Polaris breakpoints',
-  'media-queries/at-rule-disallowed-list':
-    'Disallows use of legacy breakpoint Sass mixins',
-  'z-index/declaration-property-value-allowed-list':
-    'Disallows declaration of `z-index` values that are not Polaris z-index tokens',
-  'z-index/function-disallowed-list':
-    'Disallows use of the legacy z-index Sass function',
-  'z-index/global-disallowed-list':
-    'Disallows the use of legacy z-index custom properties and Sass mixin data',
-  'layout/declaration-property-value-disallowed-list':
-    'Disallows declaration of positioning and dimension property values with Polaris tokens',
-  'layout/function-disallowed-list':
-    'Disallows use of internal Sass layout functions',
-  'layout/at-rule-disallowed-list': 'Disallows use of legacy Sass mixins',
-  'layout/property-disallowed-list':
-    'Disallows declarations of layout properties',
-  'layout/global-disallowed-list':
-    'Disallows use of legacy custom properties and Sass mixin map data',
-  'legacy/at-rule-disallowed-list': 'Disallows use pf legacy Sass mixins',
-  'legacy/function-disallowed-list': 'Disallows use off legacy Sass functions',
-  'legacy/global-disallowed-list':
-    'Disallows use of legacy custom properties and Sass mixin map data',
-};
-
-main();
-
-function main() {
-  const ruleFile = fs.readFileSync(path.join(__dirname, 'temp.md'), 'utf8');
-  const content = ruleFile.split('\n');
-  content.push('#');
-
-  let category;
-  let fileName;
-  let ruleName;
-  let ruleContent = [];
-
-  const data = {};
-
-  while (content.length) {
-    const line = content.shift();
-
-    if (line.startsWith(h3)) {
-      category = line.split(h3)[1].toLowerCase();
-      data[category] = {};
-      ruleName = undefined;
-    } else if (line.startsWith(h4)) {
-      ruleName = line.split(h4)[1].toLowerCase();
-      data[category][ruleName] = [];
-    } else if (category && ruleName) {
-      data[category][ruleName].push(line);
-    }
-  }
-
-  Object.keys(data).forEach((category) =>
-    Object.keys(data[category]).forEach((ruleName) => {
-      const fileName = `${ruleName.replace('/', '-')}.md`;
-      fs.writeFileSync(
-        path.join(__dirname, fileName),
-        getContent(ruleName, category, data[category][ruleName]),
-      );
-    }),
-  );
-
-  fs.writeFileSync(path.join(__dirname, 'index.md'), getIndexContent());
-}
-
-function getContent(ruleName, category, ruleContent) {
-  const template = [
-    '---',
-    `title: ${ruleName}`,
-    `description: ${ruleDescriptions[ruleName]}`,
-    'keywords:',
-    '  - stylelint',
-    `  - ${category}`,
-    `  - ${category} rules`,
-    '---',
-    ...ruleContent,
-  ];
-
-  return template.join('\n');
-}
-
-function getIndexContent() {
-  const rules = Object.keys(ruleDescriptions);
-  const data = {};
-  rules.forEach((rule) => {
-    const category = rule.split('/')[0];
-    if (!(category in data)) {
-      data[category] = [
-        '',
-        `## ${category.charAt(0).toUpperCase() + category.slice(1)}`,
-        '',
-      ];
-    }
-    data[category].push(
-      `- [${rule}](/tools/stylelint-polaris/rules/${rule.replace('/', '-')}): ${
-        ruleDescriptions[rule]
-      }`,
-    );
-  });
-
-  const content = [
-    '---',
-    'title: Rules',
-    'description: There are over 40 rules configured in Stylelint Polaris to help you avoid errors and follow stylistic and non-stylistic conventions while building for the Shopify admin.',
-    'hideChildren: true',
-    'keywords:',
-    '  - rules',
-    '  - stylelint rules',
-    '  - css rules',
-    '---',
-    ...Object.keys(data).reduce((prev, key) => [...prev, ...data[key]], []),
-  ];
-  return content.join('\n');
-}
diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/temp.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/temp.md
deleted file mode 100644
index 4a490630df0..00000000000
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/temp.md
+++ /dev/null
@@ -1,463 +0,0 @@
-### Conventions
-
-#### conventions/custom-property-allowed-list
-
-Allows definition of custom properties not prefixed with `--p-`, `--pc-`, or `--polaris-version-`.
-
-```diff
-root: {
-// Do
-+ --osui_animation-name-drag-handle-pulse: osui_drag-handle-pulse;
-// Don't
-- --p-animation-name-drag-handle-pulse: osui_drag-handle-pulse;
-};
-```
-
-Flags declaration property values using `--p-*` that are not valid Polaris tokens.
-
-```diff
-// Do
-+ font-size: var(--p-font-size-200);
-// Don't
-- font-size: var(--p-fontsize-200);
-```
-
-Flags declaration property values using private `--pc-*` tokens.
-
-```diff
-// Do
-+ background: var(--p-action-secondary-depressed);
-// Don't
-- background: var(--pc-button-color-depressed);
-```
-
-### Colors
-
-#### colors/color-named
-
-```diff
-// Do
-+ color: var(--p-text);
-+ fill: var(--p-icon)
-// Don't
-- color: black;
-- fill: dimgray;
-```
-
-#### colors/color-no-hex
-
-```diff
-// Do
-+ color: var(--p-text);
-+ fill: var(--p-icon)
-// Don't
-- color: #202223;
-- fill: #5c5f62;
-```
-
-#### colors/declaration-property-value-disallowed-list
-
-```diff
-// Do
-+ background: var(--p-hint-from-direct-light);
-// Don't
-- background: black;
-- opacity: 0.15;
-```
-
-#### colors/function-disallowed-list
-
-```diff
-// Do
-+ color: var(--p-text-disabled);
-+ background: var(--p-action-secondary-hovered-dark);
-// Don't
-- color: rgb(140, 145, 150);
-- background: color('hover');
-```
-
-#### colors/at-rule-disallowed-list
-
-```diff
-// Do
-+ fill: var(--p-icon-subdued);
-// Don't
-- fill: recolor-icon(--p-text-subdued);
-```
-
-#### colors/global-disallowed-list
-
-Disallows use of legacy custom properties.
-
-```diff
-// Do
-+ border: transparent;
-// Don't
-- border: var(--p-override-transparent);
-```
-
-Disallows use of legacy mixin map data.
-
-```diff
-// Don't
-- @type map $filter-palette-data: $polaris-color-filters;
-```
-
-### Motion
-
-#### motion/function-disallowed-list
-
-```diff
-// Do
-+ transition-duration: var(--p-duration-200);
-// Don't
-- transition-duration: 200ms;
-```
-
-#### motion/declaration-property-unit-disallowed-list
-
-```diff
-// Do
-+ transition-duration: var(--p-duration-200);
-// Don't
-- transition-duration: 200ms;
-```
-
-#### motion/at-rule-disallowed-list
-
-```diff
-// Do
-+ animation: var(--p-keyframes-spin) var(--p-duration-500) linear infinite;
-// Don't
-- @keyframes spin {
--  from {
--    transform: rotate(0deg);
--  }
-
--  to {
--    transform: rotate(360deg);
--  }
--}
-```
-
-#### motion/global-disallowed-list
-
-```diff
-// Do
-+ transition: var(--p-duration-100) var(--p-ease);
-// Don't
-- transition: var(--p-duration-1-0-0) var(--p-ease);
-```
-
-### Typography
-
-#### typography/declaration-property-value-disallowed-list
-
-```diff
-// Do
-+ <Text fontWeight='bold' />
-// Do
-+ font-weight: var(--p-font-weight-bold);
-// Don't
-- font-weight: 700;
-```
-
-#### typography/declaration-property-unit-disallowed-list
-
-```diff
-// Do
-+ font-size: var(--p-font-size-75);
-+ line-height: var(--p-font-line-height-3);
-// Don't
-- font-size: 12px;
-- line-height: 1.5rem
-```
-
-#### typography/function-disallowed-list
-
-```diff
-// Do
-+ <Text variant="headingXs" as="p" />
-// Do
-+ font-size: var(--p-font-size-75);
-// Don't
-- font-size: font-size('caption');
-```
-
-#### typography/at-rule-disallowed-list
-
-```diff
-// Do
-+ <Text breakWord truncate />
-// Don't
-- @include text-breakword;
-- @include truncate;
-```
-
-#### typography/global-disallowed-list
-
-```diff
-// Do
-+ font-size: var(--p-font-size-200);
-// Don't
-- font-size: $base-font-size;
-```
-
-### Shape
-
-#### shape/declaration-property-unit-disallowed-list
-
-```diff
-// Do
-+ border-width: var(--p-border-width-2);
-+ border-radius: var(--p-border-radius-2);
-// Don't
-- border-width: 2px;
-- border-radius: 0.5rem;
-```
-
-#### shape/function-disallowed-list
-
-```diff
-// Do
-+ border-radius: var(--p-border-radius-base);
-// Don't
-- border-radius: border-radius();
-```
-
-#### shape/at-rule-disallowed-list
-
-```diff
-// Do
-+ outline: var(--p-border-width-1) solid transparent;
-// Don't
-- @include high-contrast-outline()
-```
-
-NOTE: The `focus-ring` at rule does not currently have an equivalent token or component. If you need to use it, feel free to add a stylelint ignore comment until a solution from Polaris is ready.
-
-```diff
-// Do
-+ &:focus {
-  + outline: var(--p-border-width-2) solid var(--p-focused);
-  + outline-offset: var(--p-space-05);
-+ }
-// Don't
-- @include focus-ring
-```
-
-#### shape/global-disallowed-list
-
-```diff
-// Do
-+ border-radius: var(--p-border-radius-2);
-// Don't
-- border-radius: var(--p-border-radius-wide);
-```
-
-### Spacing
-
-#### spacing/declaration-property-unit-disallowed-list
-
-```diff
-// Do
-+ gap: var(--p-space-05);
-+ margin: var(--p-space-3) 0;
-// Don't
-- gap: 2px;
-- margin: 12px  0;
-```
-
-#### spacing/function-disallowed-list
-
-```diff
-// Do
-+ padding: var(--p-space-1);
-// Don't
-- padding: rem(4px);
-```
-
-#### spacing/global-disallowed-list
-
-```diff
-// Do
-+ margin-bottom: var(--p-space-1);
-// Don't
-- margin-bottom: var(--p-text-field-spinner-offset);
-```
-
-### Depth
-
-#### depth/declaration-property-unit-disallowed-list
-
-```diff
-// Do
-+ box-shadow: var(--p-shadow-card);
-// Don't
-- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
-```
-
-#### depth/function-disallowed-list
-
-```diff
-// Do
-+ box-shadow: var(--p-shadow-base);
-// Don't
-- filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
-```
-
-#### depth/global-disallowed-list
-
-```diff
-// Do
-+ box-shadow: var(--p-shadow-card);
-// Don't
-- box-shadow: var(--p-card-shadow);
-```
-
-#### depth/property-disallowed-list
-
-Instead of using properties like `text-shadow`, make sure the text has proper contrast with the background so that it is readable without a shadow.
-
-```diff
-// Don't
-- text-shadow: 2px 2px #ff0000;
-```
-
-### Media queries
-
-#### media-queries/function-disallowed-list
-
-```diff
-// Do
-+ @media (min-width: var(--p-breakpoints-md)) {}
-// Don't
-- @include breakpoint-after(layout-width(page-with-nav)) {}
-```
-
-#### media-queries/media-queries-allowed-list
-
-```diff
-// Do
-+ @include @media #{$p-breakpoints-sm-up} {}
-// Don't
-- @include @media #{$my-var} {}
-```
-
-#### media-queries/at-rule-disallowed-list
-
-```diff
-// Do
-+ @media (max-width: var(--p-breakpoints-md)) {}
-// Don't
-- @include breakpoint-before(layout-width(page-with-nav)) {}
-```
-
-### Z-Index
-
-#### z-index/declaration-property-value-allowed-list
-
-```diff
-// Do
-+ z-index: var(--p-z-1);
-// Don't
-- z-index: 1;
-```
-
-#### z-index/function-disallowed-list
-
-```diff
-// Do
-+ z-index: var(--p-z-1);
-// Don't
-- z-index: z-index(content);
-```
-
-#### z-index/global-disallowed-list
-
-```diff
-// Do
-+ z-index: var(--p-z-1);
-// Don't
-- z-index(toast, $fixed-element-stacking-order);
-```
-
-### Layout
-
-#### layout/declaration-property-value-disallowed-list
-
-```diff
-// Do
-+ <Stack />
-// Don't
-- width: 100%;
-```
-
-#### layout/function-disallowed-list
-
-Use hard coded pixel or rem values for `width` and `height` instead of legacy mixins/variables or spacing tokens.
-
-```diff
-// Do
-+ height: 56px;
-// Don't
-- height: top-bar-height();
-```
-
-#### layout/at-rule-disallowed-list
-
-```diff
-// Do
-+ @media print {
-+   display: none;
-+ }
-// Don't
-- @include print-hidden;
-```
-
-#### layout/property-disallowed-list
-
-```diff
-// Do
-+ <Columns />
-// Don't
-- display: grid;
-```
-
-#### layout/global-disallowed-list
-
-```diff
-// Do
-+ <Checkbox />
-// Don't
-- height: var(--p-choice-size);
-```
-
-### Legacy
-
-#### legacy/at-rule-disallowed-list
-
-```diff
-// Do
-+ <UnstyledButton />
-// Don't
-- @include unstyled-button;
-```
-
-#### legacy/function-disallowed-list
-
-```diff
-// Don't
-- @include available-names
-```
-
-#### legacy/global-disallowed-list
-
-Use [Polaris tokens](https://polaris.shopify.com/tokens) when possible. Otherwise use hard coded pixel or rem values instead of legacy mixins/variables.
-
-```diff
-// Do
-+ left: calc(-1 * var(--p-space-1));
-// Don't
-- left: -1 * $timeline-border-width;
-```
diff --git a/polaris.shopify.com/pages/tools/stylelint-polaris/rules/[rule].tsx b/polaris.shopify.com/pages/tools/stylelint-polaris/rules/[rule].tsx
index be23671d366..a9a3c8e33b9 100644
--- a/polaris.shopify.com/pages/tools/stylelint-polaris/rules/[rule].tsx
+++ b/polaris.shopify.com/pages/tools/stylelint-polaris/rules/[rule].tsx
@@ -88,7 +88,7 @@ function getPageContent(title: string, readme: MarkdownFile['readme']) {
     '',
     '## Ignore failure',
     '',
-    `In the scenerio where styles are intentionally designed to diverge and it isn't viable to contribute back to Polaris, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.`,
+    `If styles are intentionally designed to diverge from Polaris and it isn't viable to contribute back to the design system, you can [ignore the failing rule](https://stylelint.io/user-guide/ignore-code/#within-files). Make sure to provide context as to why you are writing custom styles with a disable description.`,
     '',
     '```',
     '// stylelint-disable-next-line -- why custom styles are being used instead of Polaris',

From f172b447ad4f2c65c60caf4fd09ef834689dde61 Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Tue, 17 Jan 2023 16:29:54 +0000
Subject: [PATCH 15/19] generate rules index page

---
 .../tools/stylelint-polaris/rules/index.md    | 70 -------------
 polaris.shopify.com/pages/[...slug].tsx       |  2 +-
 .../tools/stylelint-polaris/rules/index.tsx   | 99 +++++++++++++++++++
 3 files changed, 100 insertions(+), 71 deletions(-)
 create mode 100644 polaris.shopify.com/pages/tools/stylelint-polaris/rules/index.tsx

diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
index b6a0eefb73e..0f578cb10a8 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/rules/index.md
@@ -7,73 +7,3 @@ keywords:
   - stylelint rules
   - css rules
 ---
-
-## Colors
-
-- [colors/color-named](/tools/stylelint-polaris/rules/colors-color-named): Disallows named colors
-- [colors/color-no-hex](/tools/stylelint-polaris/rules/colors-color-no-hex): Disallows hex colors
-- [colors/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/colors-declaration-property-value-disallowed-list): Disallows custom decimal opacity values
-- [colors/function-disallowed-list](/tools/stylelint-polaris/rules/colors-function-disallowed-list): Disallows allows use of built in and legacy color functions
-- [colors/at-rule-disallowed-list](/tools/stylelint-polaris/rules/colors-at-rule-disallowed-list): Disallows use of legacy color mixins
-- [colors/global-disallowed-list](/tools/stylelint-polaris/rules/colors-global-disallowed-list): Disallows use of legacy color custom properties and mixin map data
-
-## Motion
-
-- [motion/function-disallowed-list](/tools/stylelint-polaris/rules/motion-function-disallowed-list): Disallows use of legacy Sass motion functions
-- [motion/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/motion-declaration-property-unit-disallowed-list): Disallows use of hard-coded millisecond `ms` and second `s` values on transition and animation properties
-- [motion/at-rule-disallowed-list](/tools/stylelint-polaris/rules/motion-at-rule-disallowed-list): Disallows use of CSS @keyframes
-- [motion/global-disallowed-list](/tools/stylelint-polaris/rules/motion-global-disallowed-list): Disallows use of legacy Polaris motion tokens
-
-## Typography
-
-- [typography/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/typography-declaration-property-value-disallowed-list): Disallows hard-coded alphanumeric font-weight values
-- [typography/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/typography-declaration-property-unit-disallowed-list): Disallows hard-coded `px`, `em`, and `rem` values for font-size and line-height properties
-- [typography/function-disallowed-list](/tools/stylelint-polaris/rules/typography-function-disallowed-list): Disallows use of legacy Sass typography functions
-- [typography/at-rule-disallowed-list](/tools/stylelint-polaris/rules/typography-at-rule-disallowed-list): Disallows use of legacy Sass typography mixins
-- [typography/global-disallowed-list](/tools/stylelint-polaris/rules/typography-global-disallowed-list): Disallows use of legacy Polaris typography tokens and mixin map data
-
-## Shape
-
-- [shape/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/shape-declaration-property-unit-disallowed-list): Disallows hard-coded `px`, `em`, and `rem` units in border property values
-- [shape/function-disallowed-list](/tools/stylelint-polaris/rules/shape-function-disallowed-list): Disallows use of legacy Sass border functions
-- [shape/at-rule-disallowed-list](/tools/stylelint-polaris/rules/shape-at-rule-disallowed-list): Disallows use of legacy Sass border mixins
-- [shape/global-disallowed-list](/tools/stylelint-polaris/rules/shape-global-disallowed-list): Disallows use of legacy Polaris shape tokens and mixin map data
-
-## Spacing
-
-- [spacing/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/spacing-declaration-property-unit-disallowed-list): Disallows use of hard-coded px, em, and rem values on gap, margin, and padding properties
-- [spacing/function-disallowed-list](/tools/stylelint-polaris/rules/spacing-function-disallowed-list): Disallows use of legacy Sass spacing functions
-- [spacing/global-disallowed-list](/tools/stylelint-polaris/rules/spacing-global-disallowed-list): Disallows use of legacy spacing custom properties and Sass mixin data
-
-## Depth
-
-- [depth/declaration-property-unit-disallowed-list](/tools/stylelint-polaris/rules/depth-declaration-property-unit-disallowed-list): Disallows box-shadow declarations with hard coded px, rem, or em units
-- [depth/function-disallowed-list](/tools/stylelint-polaris/rules/depth-function-disallowed-list): Disallows use of built-in and legacy shadow functions
-- [depth/global-disallowed-list](/tools/stylelint-polaris/rules/depth-global-disallowed-list): Disallows use of legacy shadow custom properties and Sass mixin data
-- [depth/property-disallowed-list](/tools/stylelint-polaris/rules/depth-property-disallowed-list): Disallows text shadow property
-
-## Media-queries
-
-- [media-queries/function-disallowed-list](/tools/stylelint-polaris/rules/media-queries-function-disallowed-list): Disallows use of legacy breakpoint sass functions
-- [media-queries/media-queries-allowed-list](/tools/stylelint-polaris/rules/media-queries-media-queries-allowed-list): Allows declaration of `print` and `screen` `@media` queries, allows `@media` queries for `forced-colors` and `ms-high-contrast` features, allows `@media` queries using Polaris breakpoints
-- [media-queries/at-rule-disallowed-list](/tools/stylelint-polaris/rules/media-queries-at-rule-disallowed-list): Disallows use of legacy breakpoint Sass mixins
-
-## Z-index
-
-- [z-index/declaration-property-value-allowed-list](/tools/stylelint-polaris/rules/z-index-declaration-property-value-allowed-list): Disallows declaration of `z-index` values that are not Polaris z-index tokens
-- [z-index/function-disallowed-list](/tools/stylelint-polaris/rules/z-index-function-disallowed-list): Disallows use of the legacy z-index Sass function
-- [z-index/global-disallowed-list](/tools/stylelint-polaris/rules/z-index-global-disallowed-list): Disallows the use of legacy z-index custom properties and Sass mixin data
-
-## Layout
-
-- [layout/declaration-property-value-disallowed-list](/tools/stylelint-polaris/rules/layout-declaration-property-value-disallowed-list): Disallows declaration of positioning and dimension property values with Polaris tokens
-- [layout/function-disallowed-list](/tools/stylelint-polaris/rules/layout-function-disallowed-list): Disallows use of internal Sass layout functions
-- [layout/at-rule-disallowed-list](/tools/stylelint-polaris/rules/layout-at-rule-disallowed-list): Disallows use of legacy Sass mixins
-- [layout/property-disallowed-list](/tools/stylelint-polaris/rules/layout-property-disallowed-list): Disallows declarations of layout properties
-- [layout/global-disallowed-list](/tools/stylelint-polaris/rules/layout-global-disallowed-list): Disallows use of legacy custom properties and Sass mixin map data
-
-## Legacy
-
-- [legacy/at-rule-disallowed-list](/tools/stylelint-polaris/rules/legacy-at-rule-disallowed-list): Disallows use pf legacy Sass mixins
-- [legacy/function-disallowed-list](/tools/stylelint-polaris/rules/legacy-function-disallowed-list): Disallows use off legacy Sass functions
-- [legacy/global-disallowed-list](/tools/stylelint-polaris/rules/legacy-global-disallowed-list): Disallows use of legacy custom properties and Sass mixin map data
diff --git a/polaris.shopify.com/pages/[...slug].tsx b/polaris.shopify.com/pages/[...slug].tsx
index c2e855846ff..0704b7fb056 100644
--- a/polaris.shopify.com/pages/[...slug].tsx
+++ b/polaris.shopify.com/pages/[...slug].tsx
@@ -85,7 +85,7 @@ const catchAllTemplateExcludeList = [
 function fileShouldNotBeRenderedWithCatchAllTemplate(path: string): boolean {
   return (
     !path.startsWith('/components') &&
-    !path.includes('/tools/stylelint-polaris/rules/') &&
+    !path.includes('/tools/stylelint-polaris/rules') &&
     !catchAllTemplateExcludeList.includes(path)
   );
 }
diff --git a/polaris.shopify.com/pages/tools/stylelint-polaris/rules/index.tsx b/polaris.shopify.com/pages/tools/stylelint-polaris/rules/index.tsx
new file mode 100644
index 00000000000..4b34716adae
--- /dev/null
+++ b/polaris.shopify.com/pages/tools/stylelint-polaris/rules/index.tsx
@@ -0,0 +1,99 @@
+import type {GetStaticProps} from 'next';
+import fs from 'fs';
+import path from 'path';
+import globby from 'globby';
+import Longform from '../../../../src/components/Longform';
+import Markdown from '../../../../src/components/Markdown';
+import Page from '../../../../src/components/Page';
+import PageMeta from '../../../../src/components/PageMeta';
+import {uppercaseFirst} from '../../../../src/utils/various';
+import {MarkdownFile} from '../../../../src/types';
+import {parseMarkdown} from '../../../../src/utils/markdown.mjs';
+
+export interface RulesProps {
+  title: string;
+  description: string;
+  content: string;
+}
+
+const FoundationsCategory = ({title, description, content}: RulesProps) => {
+  return (
+    <>
+      <PageMeta description={description} />
+      <Page>
+        <Longform>
+          <h1>{title}</h1>
+          <p>{description}</p>
+          <Markdown text={content} />
+        </Longform>
+      </Page>
+    </>
+  );
+};
+
+export const getStaticProps: GetStaticProps<RulesProps> = async () => {
+  const {title, description} = indexPageMetadata();
+  const content = ruleListMarkdown();
+
+  return {
+    props: {
+      title,
+      description,
+      content,
+    },
+  };
+};
+
+const rulesPath = 'content/tools/stylelint-polaris/rules';
+
+function indexPageMetadata() {
+  const markdownPath = path.resolve(process.cwd(), `${rulesPath}/index.md`);
+  const markdown = fs.readFileSync(markdownPath, 'utf-8');
+  const {
+    frontMatter: {title, description},
+  }: MarkdownFile = parseMarkdown(markdown);
+
+  return {title, description};
+}
+
+function ruleListMarkdown(): string {
+  const globPath = [path.resolve(process.cwd(), `${rulesPath}/*.md`)];
+  const rulePagePaths = globby
+    .sync(globPath)
+    .filter((path) => !path.endsWith(`${rulesPath}/index.md`));
+
+  const content: {[key: string]: string[]} = {};
+  rulePagePaths.forEach((markdownFilePath) => {
+    if (fs.existsSync(markdownFilePath)) {
+      const markdown = fs.readFileSync(markdownFilePath, 'utf-8');
+      const {
+        frontMatter: {title, description},
+      }: MarkdownFile = parseMarkdown(markdown);
+
+      const url = markdownFilePath
+        .replace(`${process.cwd()}/content`, '')
+        .replace('/index', '')
+        .replace(/\.md$/, '');
+
+      const category = uppercaseFirst(title.split('/')[0]).replace(
+        'Media-queries',
+        'Media queries',
+      );
+
+      if (!(category in content)) {
+        content[category] = ['', `## ${category}`, ''];
+      }
+
+      content[category].push(`- [${title}](${url}): ${description}`);
+    }
+  });
+
+  const ruleList: string[] = Object.keys(content).reduce(
+    (prev: string[], key: string) => [...prev, ...content[key]],
+    [],
+  );
+
+  return ruleList.join('\n');
+}
+
+export default FoundationsCategory;

From 1897501e122961200c8df3a84e31597ad3d74d5b Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Tue, 17 Jan 2023 16:48:50 +0000
Subject: [PATCH 16/19] removed old readmes for one source of truth

---
 polaris-for-vscode/README.md |  25 +-----
 stylelint-polaris/README.md  | 164 +----------------------------------
 2 files changed, 3 insertions(+), 186 deletions(-)

diff --git a/polaris-for-vscode/README.md b/polaris-for-vscode/README.md
index 4d581751404..a719a1596c8 100644
--- a/polaris-for-vscode/README.md
+++ b/polaris-for-vscode/README.md
@@ -1,26 +1,5 @@
 # Polaris for VS Code
 
-Official VS Code extension for building with the Shopify [Polaris Design System](https://polaris.shopify.com/).
+Official VS Code extension for building with the Shopify Polaris Design System
 
-![Demo of Polaris for VS Code tokens autocomplete](https://github.com/Shopify/polaris/blob/main/polaris-for-vscode/docs/polaris-for-vscode-preview.gif?raw=true)
-
-## Features
-
-### Design Token Autocomplete
-
-Get code autocomplete suggestions for the [Polaris Design Tokens](https://polaris.shopify.com/tokens/colors#navigation)
-
-- 🗄️ Automatically works for CSS and Sass files
-- 🔍 Preview design token values in autocomplete description
-- 🎨 Color previews for all `color` tokens
-- 🥇 Relevant code completions based on the current line of code
-
-## How to use
-
-Once installed and enabled, the Polaris for VS Code extension will automatically run in any CSS and Sass files.
-
-To trigger tokens autocomplete feature:
-
-1. Open a CSS or Sass file from your project
-2. Start typing the CSS property you want to set ex. `color: `
-3. Type the extension trigger characters `--`. This will bring up the relevant autocomplete tokens associated with the CSS property typed.
+[Polaris for VS Code documentation](https://polaris.shopify.com/tools/polaris-for-vscode)
diff --git a/stylelint-polaris/README.md b/stylelint-polaris/README.md
index 4abc20d70b9..dff5571e705 100644
--- a/stylelint-polaris/README.md
+++ b/stylelint-polaris/README.md
@@ -2,166 +2,4 @@
 
 Collection of Stylelint configs and rules that promote Polaris Design System adoption and coverage
 
-## Installation
-
-```sh
-yarn add -D @shopify/stylelint-polaris stylelint
-```
-
-> Note: `stylelint-polaris` requires a peer dependency of `stylelint@>=14.15.0`
-
-## Usage
-
-Extend `@shopify/stylelint-polaris` in your [Stylelint config](https://stylelint.io/user-guide/configure/). Example in `package.json`
-
-```json
-{
-  "stylelint": {
-    "extends": ["@shopify/stylelint-polaris"]
-  }
-}
-```
-
-> IMPORTANT: `@shopify/stylelint-polaris` must be added to the end of the `extends` array
-
-### Run the linter
-
-```sh
-npx stylelint '**/*.{css,scss}'
-```
-
-### Run the linter and autofix failures
-
-```sh
-npx stylelint --fix '**/*.{css,scss}'
-```
-
-### Ignoring existing failures
-
-Enabling the linter could result in a large amount of warnings and errors in existing codebases. It is important to fix as many failures upfront as possible, but that shouldn't block the linter from being added. The [styles-insert-stylelint-disable](https://github.com/Shopify/polaris/tree/main/polaris-migrator#v10) migration inserts [ignore comments](https://stylelint.io/user-guide/ignore-code/) so that enabling `stylelint-polaris` can be unblocked.
-
-The migration will insert comments as follows:
-
-```diff
-+ // stylelint-disable-next-line -- generated by polaris-migrator DO NOT COPY
-padding: 1rem;
-```
-
-Run the following command substituting `<path>` with a glob pattern of files to run against:
-
-```sh
-npx @shopify/polaris-migrator styles-insert-stylelint-disable <path>
-```
-
-## Development
-
-### Add new rules
-
-1. Navigate to the root [`stylelint-polaris` config](index.js)
-1. Locate the `stylelint-polaris/coverage` options
-1. Identify the appropriate category for the new rule
-1. Insert the rule using standard Stylelint [rule configurations](https://stylelint.io/user-guide/configure#rules)
-
-```js
-module.exports = {
-  rules: {
-    'stylelint-polaris/coverage': {
-      colors: {...}, // Standard Stylelint rules config
-      layout: {...}, // Standard Stylelint rules config
-      motion: {
-        'new-rule': 'new-rule-options',
-      },
-    },
-  },
-};
-```
-
-### Build custom rules
-
-1. Refer to the [Writing plugins](https://stylelint.io/developer-guide/plugins) guide of the Stylelint documentation
-1. Create your rule in the [plugins](plugins) directory
-1. Validate your plugin with [tests](https://github.com/stylelint/jest-preset-stylelint#usage) (reference sibling plugins for examples)
-1. Refer to the [Add new rules](#add-new-rules) section to add your custom rule to the `stylelint-polaris` config
-
-### Add custom messages
-
-Custom messages are surfaced in the command line, CI, and supported editors along side the default `stylelint` rule messages. They are added to the root level config and aim to provide more meaning insight on rule violations and how to resolve them.
-
-In a majority of cases, the default rule messages are clear and concise. However, they don't always guide developers to a desired outcome. Thus, there are two mechanisms we suggest for improving and providing custom rule messages:
-
-1. Add a generic `message` to the secondary options of a given `stylelint-polaris/coverage` category. This message is appended to the default rule message and we expect will cover most cases.
-
-```js
-module.exports = {
-  rules: {
-    'stylelint-polaris/coverage': {
-      colors: [
-        {
-          'color-named': 'never'
-          'color-no-hex': true,
-        },
-        {message: 'Please use a Polaris color token: https://polaris.shopify.com/tokens/colors'},
-      ],
-    },
-  },
-}
-```
-
-Example failure message:
-
-```diff
-- Unexpected named color "red" (color-named)
-+ Unexpected named color "red" (color-named) Please use a Polaris color token: https://polaris.shopify.com/tokens/colors
-```
-
-2. Add a custom `message` property in the [rule config's secondary options](https://stylelint.io/user-guide/configure/#message). This message is used in place of the default rule message.
-
-```js
-module.exports = {
-  rules: {
-    'stylelint-polaris/coverage': {
-      colors: [
-        {
-          'color-named': [
-            'never',
-            {message: 'Unexpected named color. Please refer to this specific page with guidance on how to resolve the failure' },
-          ]
-          'color-no-hex': true,
-        },
-        {message: 'Please use a Polaris color token: https://polaris.shopify.com/tokens/colors'},
-      ],
-    },
-  },
-}
-```
-
-Example failure message:
-
-```diff
-- Unexpected named color "red" (color-named)
-+ Unexpected named color. Please refer to this specific page with guidance on how to resolve the failure
-```
-
-### Tophat `stylelint-polaris` updates in `polaris-react`
-
-> Open your terminal to the root of the `polaris` monorepo:
-
-1. Install and symlink dependencies
-
-```sh
-yarn install
-```
-
-2. Build `@shopify/polaris` dependencies, but not `@shopify/polaris` itself
-
-```sh
-yarn build -- --filter=@shopify/polaris^...
-```
-
-> Note: Remove the `^` character if you do want to build `@shopify/polaris`
-
-3. Run `stylelint` on `polaris-react`
-
-```sh
-cd polaris-react && yarn lint:styles
-```
+[Stylelint Polaris documentation](https://polaris.shopify.com/tools/stylelint-polaris)

From 785b214b12e9beca8f98cf3a94648114142591ba Mon Sep 17 00:00:00 2001
From: Chloe Rice <chloe.rice@shopify.com>
Date: Tue, 17 Jan 2023 12:10:11 -0500
Subject: [PATCH 17/19] attempt to fix <HighlightedCode/> type error

---
 polaris.shopify.com/src/components/Code/Code.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/polaris.shopify.com/src/components/Code/Code.tsx b/polaris.shopify.com/src/components/Code/Code.tsx
index 700d3537572..493a00f8618 100644
--- a/polaris.shopify.com/src/components/Code/Code.tsx
+++ b/polaris.shopify.com/src/components/Code/Code.tsx
@@ -73,11 +73,12 @@ function HighlightedCode({
   className?: string;
 }) {
   const match = /language-(\w+)/.exec(className || '');
+  const lang = match ? match[1] : 'javascript';
   return (
     <SyntaxHighlighter
       // eslint-disable-next-line react/no-children-prop
       children={String(code).replace(/\n$/, '')}
-      language={match?.at(1) || 'javascript'}
+      language={lang}
       codeTagProps={{className: styles.ActualCode}}
       useInlineStyles={false}
       wrapLongLines

From c4392312635f86b4f4be052eab9a50f49ded9450 Mon Sep 17 00:00:00 2001
From: Chloe Rice <chloe.rice@shopify.com>
Date: Tue, 17 Jan 2023 14:47:12 -0500
Subject: [PATCH 18/19] Update rule metadata to styleguide doc URL

---
 stylelint-polaris/plugins/coverage/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/stylelint-polaris/plugins/coverage/index.js b/stylelint-polaris/plugins/coverage/index.js
index b96a6c44167..7df0fa1ca00 100644
--- a/stylelint-polaris/plugins/coverage/index.js
+++ b/stylelint-polaris/plugins/coverage/index.js
@@ -136,10 +136,10 @@ module.exports = stylelint.createPlugin(
  */
 function getMeta(category, stylelintRuleName) {
   const baseMetaUrl =
-    'https://github.com/Shopify/polaris/tree/main/stylelint-polaris/README.md';
+    'https://polaris.shopify.com/tools/stylelint-polaris/rules';
 
   return {
-    url: `${baseMetaUrl}#${category}-${stylelintRuleName.replace('/', '-')}`,
+    url: `${baseMetaUrl}/${category}-${stylelintRuleName.replace('/', '-')}`,
   };
 }
 

From 46237209b6437db0f7a7e224fda38c4fcb2cdbea Mon Sep 17 00:00:00 2001
From: Sophie Schneider <thesophieschneider@gmail.com>
Date: Wed, 18 Jan 2023 16:36:20 +0000
Subject: [PATCH 19/19] list rule categories in stylelint readme

---
 .../content/tools/stylelint-polaris/index.md         | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/polaris.shopify.com/content/tools/stylelint-polaris/index.md b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
index e16236ebbc1..7b29d28f0c5 100644
--- a/polaris.shopify.com/content/tools/stylelint-polaris/index.md
+++ b/polaris.shopify.com/content/tools/stylelint-polaris/index.md
@@ -74,7 +74,17 @@ npx @shopify/polaris-migrator styles-insert-stylelint-disable <path>
 
 There are over 40 rules configured in Stylelint Polaris to help you avoid errors and follow stylistic and non-stylistic conventions while building for the Shopify admin.
 
-[List of Stylelint Polaris rules](/tools/stylelint-polaris/rules)
+- [Colors](/tools/stylelint-polaris/rules#colors)
+- [Conventions](/tools/stylelint-polaris/rules#conventions)
+- [Depth](/tools/stylelint-polaris/rules#depth)
+- [Layout](/tools/stylelint-polaris/rules#layout)
+- [Legacy](/tools/stylelint-polaris/rules#legacy)
+- [Media queries](/tools/stylelint-polaris/rules#media-queries)
+- [Motion](/tools/stylelint-polaris/rules#motion)
+- [Shape](/tools/stylelint-polaris/rules#shape)
+- [Spacing](/tools/stylelint-polaris/rules#spacing)
+- [Typography](/tools/stylelint-polaris/rules#typography)
+- [Z-index](/tools/stylelint-polaris/rules#z-index)
 
 ## Development