From af3ab76454fd3045315082a14cdc5bdfcabd860a Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Mon, 3 Jun 2024 12:57:42 -0700 Subject: [PATCH] Upgrade to @primer/primtives@8.2.0 and @primer/stylelint-config@13.0.0-rc (#2634) * Upgrade primer/primitives to latest * Change theme imports * Remove empty css imports * upgrade * Replacing $spacing variables * Replace a few direct values * Fix stylelint add disables script * Add stylelint disables to exisiting files * Fix ci run * Create young-foxes-battle.md * Updates from suggestions * Fix theme in storybook --- .changeset/young-foxes-battle.md | 5 + .github/workflows/ci.yml | 4 +- docs/.storybook/preview.js | 15 +- package-lock.json | 1545 ++++++++++++----- package.json | 6 +- script/stylelint-add-disables.js | 6 +- src/autocomplete/suggester.scss | 10 +- src/base/kbd.scss | 2 +- src/base/normalize.scss | 2 +- src/box/box-overlay.scss | 2 +- src/buttons/button-group.scss | 2 +- src/buttons/button.scss | 6 +- src/buttons/misc.scss | 1 + src/color-modes/themes/dark.scss | 7 +- src/color-modes/themes/dark_colorblind.scss | 7 +- src/color-modes/themes/dark_dimmed.scss | 7 +- .../themes/dark_high_contrast.scss | 7 +- src/color-modes/themes/dark_tritanopia.scss | 7 +- src/color-modes/themes/light.scss | 7 +- src/color-modes/themes/light_colorblind.scss | 7 +- .../themes/light_high_contrast.scss | 7 +- src/color-modes/themes/light_tritanopia.scss | 7 +- src/forms/form-control.scss | 11 +- src/forms/form-group.scss | 9 +- src/forms/form-select.scss | 2 +- src/forms/input-group.scss | 2 +- src/forms/radio-group.scss | 6 +- src/header/header.scss | 4 +- src/labels/issue-labels.scss | 1 + src/layout/grid-offset.scss | 1 - src/layout/grid.scss | 18 +- src/layout/page-layout.scss | 56 +- src/markdown/blob-csv.scss | 2 +- src/markdown/code.scss | 4 +- src/markdown/footnotes.scss | 14 +- src/markdown/headings.scss | 4 +- src/markdown/lists.scss | 9 +- src/markdown/markdown-body.scss | 6 +- src/marketing/links/link.scss | 2 + src/marketing/utilities/layout.scss | 8 + src/navigation/filter-list.scss | 8 +- src/navigation/sidenav.scss | 6 +- src/navigation/subnav.scss | 7 +- src/pagination/pagination.scss | 8 +- src/primitives/index.scss | 2 - src/select-menu/select-menu.scss | 46 +- src/support/mixins/misc.scss | 3 +- src/toasts/toasts.scss | 10 +- src/tooltips/tooltips.scss | 8 +- src/utilities/padding.scss | 12 +- stylelint.config.cjs | 10 +- 51 files changed, 1285 insertions(+), 663 deletions(-) create mode 100644 .changeset/young-foxes-battle.md diff --git a/.changeset/young-foxes-battle.md b/.changeset/young-foxes-battle.md new file mode 100644 index 0000000000..7c707d38a9 --- /dev/null +++ b/.changeset/young-foxes-battle.md @@ -0,0 +1,5 @@ +--- +"@primer/css": patch +--- + +Upgrade to @primer/primtives@8.2.0 and @primer/stylelint-config@13.0.0-rc diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 929be1467d..b25bd7de05 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -16,9 +16,7 @@ jobs: - run: npm ci - run: npm run dist - name: Lint source files - run: npx stylelint --fix - - name: Look for unused stylelint:disable lines - run: npm run stylelint -- --report-needless-disables + run: npm run stylelint:fix - name: Push up any fixes if: ${{ github.event_name == 'pull_request' }} uses: stefanzweifel/git-auto-commit-action@v5 diff --git a/docs/.storybook/preview.js b/docs/.storybook/preview.js index 3f2fcf7430..a374e74d28 100644 --- a/docs/.storybook/preview.js +++ b/docs/.storybook/preview.js @@ -70,15 +70,12 @@ export const decorators = [ const {parameters} = context const defaultStoryType = 'banner' const storyType = parameters.storyType || defaultStoryType - document.body.setAttribute('data-color-mode', context.globals.theme.startsWith('light') ? 'light' : 'dark') - document.body.setAttribute( - 'data-light-theme', - context.globals.theme.startsWith('light') ? context.globals.theme : undefined, - ) - document.body.setAttribute( - 'data-dark-theme', - context.globals.theme.startsWith('dark') ? context.globals.theme : undefined, - ) + const colorMode = context.globals.theme === '' ? 'light' : (context.globals.theme.startsWith('light') ? 'light' : 'dark') + const lightTheme = context.globals.theme === '' ? 'light' : (colorMode === 'light' ? context.globals.theme : undefined) + const darkTheme = context.globals.theme === '' ? 'dark' : (colorMode === 'dark' ? context.globals.theme : undefined) + document.body.setAttribute('data-color-mode', colorMode) + document.body.setAttribute('data-light-theme', lightTheme) + document.body.setAttribute('data-dark-theme', darkTheme) return ( <> {context.globals.theme === 'all' ? ( diff --git a/package-lock.json b/package-lock.json index cb49f07628..afcdb6cc96 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,7 +9,7 @@ "version": "21.3.1", "license": "MIT", "dependencies": { - "@primer/primitives": "^7.15.12", + "@primer/primitives": "^8.2.0", "@primer/view-components": "^0.22.0" }, "devDependencies": { @@ -17,7 +17,7 @@ "@changesets/cli": "^2.27.1", "@csstools/postcss-sass": "^5.1.1", "@github/prettier-config": "^0.0.6", - "@primer/stylelint-config": "^12.9.1", + "@primer/stylelint-config": "^13.0.0-rc.af5663d", "autoprefixer": "^10.4.18", "chokidar-cli": "^3.0.0", "cssstats": "^4.0.5", @@ -39,7 +39,7 @@ "postcss-simple-vars": "^7.0.1", "prettier": "^3.2.5", "semver": "^7.6.0", - "stylelint": "^15.11.0", + "stylelint": "^16.6.1", "table": "^6.8.1" }, "engines": { @@ -1385,9 +1385,9 @@ } }, "node_modules/@csstools/css-parser-algorithms": { - "version": "2.6.0", - "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.6.0.tgz", - "integrity": "sha512-YfEHq0eRH98ffb5/EsrrDspVWAuph6gDggAE74ZtjecsmyyWpW768hOyiONa8zwWGbIWYfa2Xp4tRTrpQQ00CQ==", + "version": "2.6.3", + "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.6.3.tgz", + "integrity": "sha512-xI/tL2zxzEbESvnSxwFgwvy5HS00oCXxL4MLs6HUiDcYfwowsoQaABKxUElp1ARITrINzBnsECOc1q0eg2GOrA==", "dev": true, "funding": [ { @@ -1403,13 +1403,13 @@ "node": "^14 || ^16 || >=18" }, "peerDependencies": { - "@csstools/css-tokenizer": "^2.2.3" + "@csstools/css-tokenizer": "^2.3.1" } }, "node_modules/@csstools/css-tokenizer": { - "version": "2.2.3", - "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.2.3.tgz", - "integrity": "sha512-pp//EvZ9dUmGuGtG1p+n17gTHEOqu9jO+FiCUjNN3BDmyhdA2Jq9QsVeR7K8/2QCK17HSsioPlTW9ZkzoWb3Lg==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.3.1.tgz", + "integrity": "sha512-iMNHTyxLbBlWIfGtabT157LH9DUx9X8+Y3oymFEuMj8HNc+rpE3dPFGFgHjpKfjeFDjLjYIAIhXPGvS2lKxL9g==", "dev": true, "funding": [ { @@ -1426,9 +1426,9 @@ } }, "node_modules/@csstools/media-query-list-parser": { - "version": "2.1.8", - "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.8.tgz", - "integrity": "sha512-DiD3vG5ciNzeuTEoh74S+JMjQDs50R3zlxHnBnfd04YYfA/kh2KiBCGhzqLxlJcNq+7yNQ3stuZZYLX6wK/U2g==", + "version": "2.1.11", + "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.11.tgz", + "integrity": "sha512-uox5MVhvNHqitPP+SynrB1o8oPxPMt2JLgp5ghJOWf54WGQ5OKu47efne49r1SWqs3wRP8xSWjnO9MBKxhB1dA==", "dev": true, "funding": [ { @@ -1444,8 +1444,8 @@ "node": "^14 || ^16 || >=18" }, "peerDependencies": { - "@csstools/css-parser-algorithms": "^2.6.0", - "@csstools/css-tokenizer": "^2.2.3" + "@csstools/css-parser-algorithms": "^2.6.3", + "@csstools/css-tokenizer": "^2.3.1" } }, "node_modules/@csstools/postcss-sass": { @@ -1483,9 +1483,9 @@ } }, "node_modules/@csstools/selector-specificity": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-3.0.2.tgz", - "integrity": "sha512-RpHaZ1h9LE7aALeQXmXrJkRG84ZxIsctEN2biEUmFyKpzFM3zZ35eUMcIzZFsw/2olQE6v69+esEqU2f1MKycg==", + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-3.1.1.tgz", + "integrity": "sha512-a7cxGcJ2wIlMFLlh8z2ONm+715QkPHiyJcxwQlKOz/03GPw1COpfhcmC9wm4xlZfp//jWHNNMwzjtqHXVWU9KA==", "dev": true, "funding": [ { @@ -1504,6 +1504,16 @@ "postcss-selector-parser": "^6.0.13" } }, + "node_modules/@dual-bundle/import-meta-resolve": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.1.0.tgz", + "integrity": "sha512-+nxncfwHM5SgAtrVzgpzJOI1ol0PkumhVo469KCf9lUi21IGcY90G98VuHm9VRrUypmAzawAHO9bs6hqeADaVg==", + "dev": true, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, "node_modules/@eslint-community/eslint-utils": { "version": "4.4.0", "dev": true, @@ -2194,48 +2204,55 @@ "resolved": "https://registry.npmjs.org/@primer/behaviors/-/behaviors-1.3.5.tgz", "integrity": "sha512-HWwz+6MrfK5NTWcg9GdKFpMBW/yrAV937oXiw2eDtsd88P3SRwoCt6ZO6QmKp9RP3nDU9cbqmuGZ0xBh0eIFeg==" }, + "node_modules/@primer/css": { + "version": "21.3.1", + "resolved": "https://registry.npmjs.org/@primer/css/-/css-21.3.1.tgz", + "integrity": "sha512-vQoTeu7yfL/1Njg372lN6xqIsiPl0QgoIrkDjJ+TpDkeIznXFc+jLdu+5VUVi+bzyKHwv/gd42hhlLA2K5oD6w==", + "dev": true, + "dependencies": { + "@primer/primitives": "^7.15.12", + "@primer/view-components": "^0.22.0" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/@primer/css/node_modules/@primer/primitives": { + "version": "7.17.1", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.17.1.tgz", + "integrity": "sha512-SiPzEb+up1nDpV2NGwNiY8m6sGnF3OUqRb0has5s6T40vq6Li/g3cYVgl+oolEa4DUoNygEPs09jwJt24f/3zg==", + "dev": true + }, "node_modules/@primer/primitives": { - "version": "7.15.12", - "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-7.15.12.tgz", - "integrity": "sha512-ujAsbRB5Xw6rrxizbTgv1bxpraZ091stPMsO6pqGxzc+zIyhrojpGVBuCKJ+RYkpbKK7T4bZzgOT/KyWBAFwwg==" + "version": "8.2.0", + "resolved": "https://registry.npmjs.org/@primer/primitives/-/primitives-8.2.0.tgz", + "integrity": "sha512-ywPNy6zqKttamnpYZ0XiwKej6Uzn5mlc5vBt1Qj/ZZtqI/Znc0OxYyDt0Vehy+9WTU5xvkyjjhboz9S2oRXRXQ==" }, "node_modules/@primer/stylelint-config": { - "version": "12.9.2", - "resolved": "https://registry.npmjs.org/@primer/stylelint-config/-/stylelint-config-12.9.2.tgz", - "integrity": "sha512-/nwPMXxwLvbNsVAz6o2Xd4+5zSeAaF1W/25YwgVfCQnD+EQjdUg5aXIAYhjp5zV95ksmeMoSzAT0e69l8xRMSQ==", + "version": "13.0.0-rc.af5663d", + "resolved": "https://registry.npmjs.org/@primer/stylelint-config/-/stylelint-config-13.0.0-rc.af5663d.tgz", + "integrity": "sha512-Btzofqd2zhATEYJx2RAxq8j+hyOc4jnL54pImLJXZVMiobQ99xJxkOg7miMP4dOQYu6jGNnJdjboW0eca28WwQ==", "dev": true, "dependencies": { + "@github/browserslist-config": "^1.0.0", + "@primer/css": "^21.0.8", + "@primer/primitives": "^8.2.0", "anymatch": "^3.1.1", - "globby": "^11.0.1", "postcss-scss": "^4.0.2", + "postcss-styled-syntax": "^0.6.4", "postcss-value-parser": "^4.0.2", "string.prototype.matchall": "^4.0.2", - "stylelint": "^15.10.2", - "stylelint-config-standard": "^34.0.0", - "stylelint-no-unsupported-browser-features": "^7.0.0", - "stylelint-order": "^6.0.3", - "stylelint-scss": "^5.1.0", + "stylelint": "^16.3.1", + "stylelint-config-standard": "^36.0.0", + "stylelint-css-modules-no-global-scoped-selector": "^1.0.2", + "stylelint-no-unsupported-browser-features": "^8.0.0", + "stylelint-order": "^6.0.4", + "stylelint-scss": "^6.2.0", + "stylelint-value-no-unknown-custom-properties": "^6.0.1", "tap-map": "^1.0.0" - } - }, - "node_modules/@primer/stylelint-config/node_modules/globby": { - "version": "11.1.0", - "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz", - "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==", - "dev": true, - "dependencies": { - "array-union": "^2.1.0", - "dir-glob": "^3.0.1", - "fast-glob": "^3.2.9", - "ignore": "^5.2.0", - "merge2": "^1.4.1", - "slash": "^3.0.0" }, "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "node": ">16.0.0" } }, "node_modules/@primer/view-components": { @@ -3394,11 +3411,12 @@ "license": "MIT" }, "node_modules/braces": { - "version": "3.0.2", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "dev": true, - "license": "MIT", "dependencies": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" }, "engines": { "node": ">=8" @@ -3805,6 +3823,27 @@ "integrity": "sha512-0TNiGstbQmCFwt4akjjBg5pLRTSyj/PkWQ1ZoO2zntmg9yLqSRxwEa4iCfQLGjqhiqBfOJa7W/E8wfGrTDmlZQ==", "dev": true }, + "node_modules/cli-cursor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz", + "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==", + "dev": true, + "dependencies": { + "restore-cursor": "^3.1.0" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/cli-width": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz", + "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==", + "dev": true, + "engines": { + "node": ">= 10" + } + }, "node_modules/cliui": { "version": "8.0.1", "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", @@ -3882,15 +3921,15 @@ "dev": true }, "node_modules/cosmiconfig": { - "version": "8.3.6", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz", - "integrity": "sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==", + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz", + "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==", "dev": true, "dependencies": { + "env-paths": "^2.2.1", "import-fresh": "^3.3.0", "js-yaml": "^4.1.0", - "parse-json": "^5.2.0", - "path-type": "^4.0.0" + "parse-json": "^5.2.0" }, "engines": { "node": ">=14" @@ -3963,9 +4002,9 @@ } }, "node_modules/css-functions-list": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.2.1.tgz", - "integrity": "sha512-Nj5YcaGgBtuUmn1D7oHqPW0c9iui7xsTsj5lIX8ZgevdfhmjFfKB3r8moHJtNJnctnYXJyYX5I1pp90HM4TPgQ==", + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.2.2.tgz", + "integrity": "sha512-c+N0v6wbKVxTu5gOBBFkr9BEdBWaqqjQeiJ8QvSRIJOf+UxlJh930m8e6/WNeODIK0mYLFkoONrnj16i2EcvfQ==", "dev": true, "engines": { "node": ">=12 || >=16" @@ -4314,15 +4353,15 @@ "license": "MIT" }, "node_modules/duplexify": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.2.tgz", - "integrity": "sha512-fz3OjcNCHmRP12MJoZMPglx8m4rrFP8rovnk4vT8Fs+aonZoCwGg10dSsQsfP/E62eZcPTMSMP6686fu9Qlqtw==", + "version": "4.1.3", + "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.3.tgz", + "integrity": "sha512-M3BmBhwJRZsSx38lZyhE53Csddgzl5R7xGJNk7CVddZD6CcmwMCH8J+7AprIrQKH7TonKxaCjcv27Qmf+sQ+oA==", "dev": true, "dependencies": { "end-of-stream": "^1.4.1", "inherits": "^2.0.3", "readable-stream": "^3.1.1", - "stream-shift": "^1.0.0" + "stream-shift": "^1.0.2" } }, "node_modules/duplexify/node_modules/readable-stream": { @@ -4339,26 +4378,6 @@ "node": ">= 6" } }, - "node_modules/duplexify/node_modules/safe-buffer": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", - "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", - "dev": true, - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/feross" - }, - { - "type": "patreon", - "url": "https://www.patreon.com/feross" - }, - { - "type": "consulting", - "url": "https://feross.org/support" - } - ] - }, "node_modules/duplexify/node_modules/string_decoder": { "version": "1.3.0", "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", @@ -4411,6 +4430,15 @@ "node": ">=8.6" } }, + "node_modules/env-paths": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", + "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/error-ex": { "version": "1.3.2", "dev": true, @@ -4973,6 +5001,49 @@ "node": ">=4.0.0" } }, + "node_modules/eslint-scope": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz", + "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==", + "dev": true, + "dependencies": { + "esrecurse": "^4.3.0", + "estraverse": "^4.1.1" + }, + "engines": { + "node": ">=8.0.0" + } + }, + "node_modules/eslint-scope/node_modules/estraverse": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz", + "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==", + "dev": true, + "engines": { + "node": ">=4.0" + } + }, + "node_modules/eslint-utils": { + "version": "1.4.3", + "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz", + "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==", + "dev": true, + "dependencies": { + "eslint-visitor-keys": "^1.1.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/eslint-utils/node_modules/eslint-visitor-keys": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz", + "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==", + "dev": true, + "engines": { + "node": ">=4" + } + }, "node_modules/eslint-visitor-keys": { "version": "3.4.3", "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz", @@ -5291,6 +5362,21 @@ "bser": "2.1.1" } }, + "node_modules/figures": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz", + "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==", + "dev": true, + "dependencies": { + "escape-string-regexp": "^1.0.5" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/file-entry-cache": { "version": "6.0.1", "dev": true, @@ -5312,9 +5398,10 @@ } }, "node_modules/fill-range": { - "version": "7.0.1", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "dev": true, - "license": "MIT", "dependencies": { "to-regex-range": "^5.0.1" }, @@ -5358,9 +5445,9 @@ } }, "node_modules/flatted": { - "version": "3.2.9", - "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz", - "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==", + "version": "3.3.1", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz", + "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==", "dev": true }, "node_modules/for-each": { @@ -5492,6 +5579,12 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/functional-red-black-tree": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz", + "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==", + "dev": true + }, "node_modules/functions-have-names": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz", @@ -5931,6 +6024,41 @@ "node": ">=0.10.0" } }, + "node_modules/icss-utils": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-4.1.1.tgz", + "integrity": "sha512-4aFq7wvWyMHKgxsH8QQtGpvbASCf+eM3wPRLI6R+MgAnTCZ6STYsRvttLvRWK0Nfif5piF394St3HeJDaljGPA==", + "dev": true, + "dependencies": { + "postcss": "^7.0.14" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/icss-utils/node_modules/picocolors": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", + "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==", + "dev": true + }, + "node_modules/icss-utils/node_modules/postcss": { + "version": "7.0.39", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", + "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", + "dev": true, + "dependencies": { + "picocolors": "^0.2.1", + "source-map": "^0.6.1" + }, + "engines": { + "node": ">=6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + } + }, "node_modules/ignore": { "version": "5.3.1", "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz", @@ -5971,15 +6099,6 @@ "node": ">=4" } }, - "node_modules/import-lazy": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz", - "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==", - "dev": true, - "engines": { - "node": ">=8" - } - }, "node_modules/import-local": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz", @@ -6034,6 +6153,30 @@ "dev": true, "license": "ISC" }, + "node_modules/inquirer": { + "version": "7.3.3", + "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz", + "integrity": "sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==", + "dev": true, + "dependencies": { + "ansi-escapes": "^4.2.1", + "chalk": "^4.1.0", + "cli-cursor": "^3.1.0", + "cli-width": "^3.0.0", + "external-editor": "^3.0.3", + "figures": "^3.0.0", + "lodash": "^4.17.19", + "mute-stream": "0.0.8", + "run-async": "^2.4.0", + "rxjs": "^6.6.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0", + "through": "^2.3.6" + }, + "engines": { + "node": ">=8.0.0" + } + }, "node_modules/internal-slot": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz", @@ -6143,11 +6286,12 @@ } }, "node_modules/is-core-module": { - "version": "2.8.0", + "version": "2.13.1", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz", + "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==", "dev": true, - "license": "MIT", "dependencies": { - "has": "^1.0.3" + "hasown": "^2.0.0" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -6267,8 +6411,9 @@ }, "node_modules/is-number": { "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", "dev": true, - "license": "MIT", "engines": { "node": ">=0.12.0" } @@ -7261,9 +7406,9 @@ } }, "node_modules/known-css-properties": { - "version": "0.29.0", - "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.29.0.tgz", - "integrity": "sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==", + "version": "0.31.0", + "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.31.0.tgz", + "integrity": "sha512-sBPIUGTNF0czz0mwGGUoKKJC8Q7On1GPbCSFPfyEsfHb2DyBG0Y4QtV+EVWpINSaiGKZblDNuF5AezxSgOhesQ==", "dev": true }, "node_modules/language-subtag-registry": { @@ -7522,11 +7667,12 @@ } }, "node_modules/micromatch": { - "version": "4.0.5", + "version": "4.0.7", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz", + "integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==", "dev": true, - "license": "MIT", "dependencies": { - "braces": "^3.0.2", + "braces": "^3.0.3", "picomatch": "^2.3.1" }, "engines": { @@ -7600,6 +7746,18 @@ "node": ">= 8.0.0" } }, + "node_modules/mkdirp": { + "version": "0.5.6", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", + "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==", + "dev": true, + "dependencies": { + "minimist": "^1.2.6" + }, + "bin": { + "mkdirp": "bin/cmd.js" + } + }, "node_modules/ms": { "version": "2.1.2", "dev": true, @@ -7633,6 +7791,12 @@ "node": ">=8" } }, + "node_modules/mute-stream": { + "version": "0.0.8", + "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz", + "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==", + "dev": true + }, "node_modules/nanoid": { "version": "3.3.7", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz", @@ -7656,6 +7820,12 @@ "dev": true, "license": "MIT" }, + "node_modules/nice-try": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/nice-try/-/nice-try-1.0.5.tgz", + "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==", + "dev": true + }, "node_modules/node-fetch": { "version": "2.7.0", "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz", @@ -8006,9 +8176,10 @@ } }, "node_modules/picocolors": { - "version": "1.0.0", - "dev": true, - "license": "ISC" + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz", + "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==", + "dev": true }, "node_modules/picomatch": { "version": "2.3.0", @@ -8050,9 +8221,9 @@ } }, "node_modules/postcss": { - "version": "8.4.35", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz", - "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==", + "version": "8.4.38", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz", + "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==", "dev": true, "funding": [ { @@ -8071,7 +8242,7 @@ "dependencies": { "nanoid": "^3.3.7", "picocolors": "^1.0.0", - "source-map-js": "^1.0.2" + "source-map-js": "^1.2.0" }, "engines": { "node": "^10 || ^12 || >=14" @@ -8169,6 +8340,44 @@ "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==", "dev": true }, + "node_modules/postcss-modules-local-by-default": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.3.tgz", + "integrity": "sha512-e3xDq+LotiGesympRlKNgaJ0PCzoUIdpH0dj47iWAui/kyTgh3CiAr1qP54uodmJhl6p9rN6BoNcdEDVJx9RDw==", + "dev": true, + "dependencies": { + "icss-utils": "^4.1.1", + "postcss": "^7.0.32", + "postcss-selector-parser": "^6.0.2", + "postcss-value-parser": "^4.1.0" + }, + "engines": { + "node": ">= 6" + } + }, + "node_modules/postcss-modules-local-by-default/node_modules/picocolors": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", + "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==", + "dev": true + }, + "node_modules/postcss-modules-local-by-default/node_modules/postcss": { + "version": "7.0.39", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", + "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", + "dev": true, + "dependencies": { + "picocolors": "^0.2.1", + "source-map": "^0.6.1" + }, + "engines": { + "node": ">=6.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + } + }, "node_modules/postcss-resolve-nested-selector": { "version": "0.1.1", "dev": true, @@ -8216,9 +8425,9 @@ } }, "node_modules/postcss-selector-parser": { - "version": "6.0.16", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.16.tgz", - "integrity": "sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==", + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.0.tgz", + "integrity": "sha512-UMz42UD0UY0EApS0ZL9o1XnLhSTtvvvLe5Dc2H2O56fvRZi+KulDyf5ctDhhtYJBGKStV2FL1fy6253cmLgqVQ==", "dev": true, "dependencies": { "cssesc": "^3.0.0", @@ -8252,6 +8461,21 @@ "postcss": "^8.4.20" } }, + "node_modules/postcss-styled-syntax": { + "version": "0.6.4", + "resolved": "https://registry.npmjs.org/postcss-styled-syntax/-/postcss-styled-syntax-0.6.4.tgz", + "integrity": "sha512-uWiLn+9rKgIghUYmTHvXMR6MnyPULMe9Gv3bV537Fg4FH6CA6cn21WMjKss2Qb98LUhT847tKfnRGG3FhSOgUQ==", + "dev": true, + "dependencies": { + "typescript": "^5.3.3" + }, + "engines": { + "node": ">=14.17" + }, + "peerDependencies": { + "postcss": "^8.4.21" + } + }, "node_modules/postcss-value-parser": { "version": "4.2.0", "dev": true, @@ -8375,6 +8599,15 @@ "url": "https://github.com/chalk/ansi-styles?sponsor=1" } }, + "node_modules/progress": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz", + "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==", + "dev": true, + "engines": { + "node": ">=0.4.0" + } + }, "node_modules/prompts": { "version": "2.4.2", "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz", @@ -8647,6 +8880,15 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/regexpp": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-2.0.1.tgz", + "integrity": "sha512-lv0M6+TkDVniA3aD1Eg0DVpfU/booSu7Eev3TDO/mZKHBfVjgCGTV4t4buppESEYDtkArYFOxTJWv6S5C+iaNw==", + "dev": true, + "engines": { + "node": ">=6.5.0" + } + }, "node_modules/repeat-element": { "version": "1.1.4", "dev": true, @@ -8677,12 +8919,17 @@ "license": "ISC" }, "node_modules/resolve": { - "version": "1.20.0", + "version": "1.22.8", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", + "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", "dev": true, - "license": "MIT", "dependencies": { - "is-core-module": "^2.2.0", - "path-parse": "^1.0.6" + "is-core-module": "^2.13.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + }, + "bin": { + "resolve": "bin/resolve" }, "funding": { "url": "https://github.com/sponsors/ljharb" @@ -8717,6 +8964,19 @@ "node": ">=10" } }, + "node_modules/restore-cursor": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz", + "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==", + "dev": true, + "dependencies": { + "onetime": "^5.1.0", + "signal-exit": "^3.0.2" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/reusify": { "version": "1.0.4", "dev": true, @@ -8726,10 +8986,473 @@ "node": ">=0.10.0" } }, - "node_modules/rgb-regex": { - "version": "1.0.1", + "node_modules/rewire": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/rewire/-/rewire-5.0.0.tgz", + "integrity": "sha512-1zfitNyp9RH5UDyGGLe9/1N0bMlPQ0WrX0Tmg11kMHBpqwPJI4gfPpP7YngFyLbFmhXh19SToAG0sKKEFcOIJA==", "dev": true, - "license": "MIT" + "dependencies": { + "eslint": "^6.8.0" + } + }, + "node_modules/rewire/node_modules/acorn": { + "version": "7.4.1", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz", + "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", + "dev": true, + "bin": { + "acorn": "bin/acorn" + }, + "engines": { + "node": ">=0.4.0" + } + }, + "node_modules/rewire/node_modules/ansi-regex": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz", + "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/rewire/node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/rewire/node_modules/argparse": { + "version": "1.0.10", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", + "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", + "dev": true, + "dependencies": { + "sprintf-js": "~1.0.2" + } + }, + "node_modules/rewire/node_modules/astral-regex": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-1.0.0.tgz", + "integrity": "sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/rewire/node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/rewire/node_modules/color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "dependencies": { + "color-name": "1.1.3" + } + }, + "node_modules/rewire/node_modules/color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", + "dev": true + }, + "node_modules/rewire/node_modules/cross-spawn": { + "version": "6.0.5", + "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", + "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", + "dev": true, + "dependencies": { + "nice-try": "^1.0.4", + "path-key": "^2.0.1", + "semver": "^5.5.0", + "shebang-command": "^1.2.0", + "which": "^1.2.9" + }, + "engines": { + "node": ">=4.8" + } + }, + "node_modules/rewire/node_modules/cross-spawn/node_modules/semver": { + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", + "dev": true, + "bin": { + "semver": "bin/semver" + } + }, + "node_modules/rewire/node_modules/emoji-regex": { + "version": "7.0.3", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz", + "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==", + "dev": true + }, + "node_modules/rewire/node_modules/eslint": { + "version": "6.8.0", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-6.8.0.tgz", + "integrity": "sha512-K+Iayyo2LtyYhDSYwz5D5QdWw0hCacNzyq1Y821Xna2xSJj7cijoLLYmLxTQgcgZ9mC61nryMy9S7GRbYpI5Ig==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.0.0", + "ajv": "^6.10.0", + "chalk": "^2.1.0", + "cross-spawn": "^6.0.5", + "debug": "^4.0.1", + "doctrine": "^3.0.0", + "eslint-scope": "^5.0.0", + "eslint-utils": "^1.4.3", + "eslint-visitor-keys": "^1.1.0", + "espree": "^6.1.2", + "esquery": "^1.0.1", + "esutils": "^2.0.2", + "file-entry-cache": "^5.0.1", + "functional-red-black-tree": "^1.0.1", + "glob-parent": "^5.0.0", + "globals": "^12.1.0", + "ignore": "^4.0.6", + "import-fresh": "^3.0.0", + "imurmurhash": "^0.1.4", + "inquirer": "^7.0.0", + "is-glob": "^4.0.0", + "js-yaml": "^3.13.1", + "json-stable-stringify-without-jsonify": "^1.0.1", + "levn": "^0.3.0", + "lodash": "^4.17.14", + "minimatch": "^3.0.4", + "mkdirp": "^0.5.1", + "natural-compare": "^1.4.0", + "optionator": "^0.8.3", + "progress": "^2.0.0", + "regexpp": "^2.0.1", + "semver": "^6.1.2", + "strip-ansi": "^5.2.0", + "strip-json-comments": "^3.0.1", + "table": "^5.2.3", + "text-table": "^0.2.0", + "v8-compile-cache": "^2.0.3" + }, + "bin": { + "eslint": "bin/eslint.js" + }, + "engines": { + "node": "^8.10.0 || ^10.13.0 || >=11.10.1" + }, + "funding": { + "url": "https://opencollective.com/eslint" + } + }, + "node_modules/rewire/node_modules/eslint-visitor-keys": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz", + "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/rewire/node_modules/espree": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/espree/-/espree-6.2.1.tgz", + "integrity": "sha512-ysCxRQY3WaXJz9tdbWOwuWr5Y/XrPTGX9Kiz3yoUXwW0VZ4w30HTkQLaGx/+ttFjF8i+ACbArnB4ce68a9m5hw==", + "dev": true, + "dependencies": { + "acorn": "^7.1.1", + "acorn-jsx": "^5.2.0", + "eslint-visitor-keys": "^1.1.0" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/rewire/node_modules/file-entry-cache": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-5.0.1.tgz", + "integrity": "sha512-bCg29ictuBaKUwwArK4ouCaqDgLZcysCFLmM/Yn/FDoqndh/9vNuQfXRDvTuXKLxfD/JtZQGKFT8MGcJBK644g==", + "dev": true, + "dependencies": { + "flat-cache": "^2.0.1" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/rewire/node_modules/flat-cache": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-2.0.1.tgz", + "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==", + "dev": true, + "dependencies": { + "flatted": "^2.0.0", + "rimraf": "2.6.3", + "write": "1.0.3" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/rewire/node_modules/flatted": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-2.0.2.tgz", + "integrity": "sha512-r5wGx7YeOwNWNlCA0wQ86zKyDLMQr+/RB8xy74M4hTphfmjlijTSSXGuH8rnvKZnfT9i+75zmd8jcKdMR4O6jA==", + "dev": true + }, + "node_modules/rewire/node_modules/globals": { + "version": "12.4.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-12.4.0.tgz", + "integrity": "sha512-BWICuzzDvDoH54NHKCseDanAhE3CeDorgDL5MT6LMXXj2WCnd9UC2szdk4AWLfjdgNBCXLUanXYcpBBKOSWGwg==", + "dev": true, + "dependencies": { + "type-fest": "^0.8.1" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/rewire/node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/rewire/node_modules/ignore": { + "version": "4.0.6", + "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz", + "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==", + "dev": true, + "engines": { + "node": ">= 4" + } + }, + "node_modules/rewire/node_modules/is-fullwidth-code-point": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz", + "integrity": "sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/rewire/node_modules/js-yaml": { + "version": "3.14.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz", + "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==", + "dev": true, + "dependencies": { + "argparse": "^1.0.7", + "esprima": "^4.0.0" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/rewire/node_modules/levn": { + "version": "0.3.0", + "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz", + "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==", + "dev": true, + "dependencies": { + "prelude-ls": "~1.1.2", + "type-check": "~0.3.2" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/rewire/node_modules/optionator": { + "version": "0.8.3", + "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz", + "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==", + "dev": true, + "dependencies": { + "deep-is": "~0.1.3", + "fast-levenshtein": "~2.0.6", + "levn": "~0.3.0", + "prelude-ls": "~1.1.2", + "type-check": "~0.3.2", + "word-wrap": "~1.2.3" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/rewire/node_modules/path-key": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz", + "integrity": "sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/rewire/node_modules/prelude-ls": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz", + "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==", + "dev": true, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/rewire/node_modules/rimraf": { + "version": "2.6.3", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz", + "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", + "deprecated": "Rimraf versions prior to v4 are no longer supported", + "dev": true, + "dependencies": { + "glob": "^7.1.3" + }, + "bin": { + "rimraf": "bin.js" + } + }, + "node_modules/rewire/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/rewire/node_modules/shebang-command": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", + "integrity": "sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==", + "dev": true, + "dependencies": { + "shebang-regex": "^1.0.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/rewire/node_modules/shebang-regex": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-1.0.0.tgz", + "integrity": "sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/rewire/node_modules/slice-ansi": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-2.1.0.tgz", + "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^3.2.0", + "astral-regex": "^1.0.0", + "is-fullwidth-code-point": "^2.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/rewire/node_modules/string-width": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", + "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", + "dev": true, + "dependencies": { + "emoji-regex": "^7.0.1", + "is-fullwidth-code-point": "^2.0.0", + "strip-ansi": "^5.1.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/rewire/node_modules/strip-ansi": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", + "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", + "dev": true, + "dependencies": { + "ansi-regex": "^4.1.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/rewire/node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/rewire/node_modules/table": { + "version": "5.4.6", + "resolved": "https://registry.npmjs.org/table/-/table-5.4.6.tgz", + "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==", + "dev": true, + "dependencies": { + "ajv": "^6.10.2", + "lodash": "^4.17.14", + "slice-ansi": "^2.1.0", + "string-width": "^3.0.0" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/rewire/node_modules/type-check": { + "version": "0.3.2", + "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz", + "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==", + "dev": true, + "dependencies": { + "prelude-ls": "~1.1.2" + }, + "engines": { + "node": ">= 0.8.0" + } + }, + "node_modules/rewire/node_modules/type-fest": { + "version": "0.8.1", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", + "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/rgb-regex": { + "version": "1.0.1", + "dev": true, + "license": "MIT" }, "node_modules/rgba-regex": { "version": "1.0.0", @@ -8750,6 +9473,15 @@ "url": "https://github.com/sponsors/isaacs" } }, + "node_modules/run-async": { + "version": "2.4.1", + "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz", + "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==", + "dev": true, + "engines": { + "node": ">=0.12.0" + } + }, "node_modules/run-parallel": { "version": "1.2.0", "dev": true, @@ -8772,6 +9504,18 @@ "queue-microtask": "^1.2.2" } }, + "node_modules/rxjs": { + "version": "6.6.7", + "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-6.6.7.tgz", + "integrity": "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==", + "dev": true, + "dependencies": { + "tslib": "^1.9.0" + }, + "engines": { + "npm": ">=2.0.0" + } + }, "node_modules/safe-array-concat": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz", @@ -8796,6 +9540,26 @@ "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==", "dev": true }, + "node_modules/safe-buffer": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz", + "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/feross" + }, + { + "type": "patreon", + "url": "https://www.patreon.com/feross" + }, + { + "type": "consulting", + "url": "https://feross.org/support" + } + ] + }, "node_modules/safe-regex-test": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.0.tgz", @@ -9022,9 +9786,10 @@ } }, "node_modules/source-map-js": { - "version": "1.0.2", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz", + "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==", "dev": true, - "license": "BSD-3-Clause", "engines": { "node": ">=0.10.0" } @@ -9169,9 +9934,9 @@ } }, "node_modules/stream-shift": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.1.tgz", - "integrity": "sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.3.tgz", + "integrity": "sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ==", "dev": true }, "node_modules/stream-transform": { @@ -9326,210 +10091,216 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/style-search": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz", - "integrity": "sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==", - "dev": true - }, "node_modules/stylelint": { - "version": "15.11.0", - "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-15.11.0.tgz", - "integrity": "sha512-78O4c6IswZ9TzpcIiQJIN49K3qNoXTM8zEJzhaTE/xRTCZswaovSEVIa/uwbOltZrk16X4jAxjaOhzz/hTm1Kw==", + "version": "16.6.1", + "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.6.1.tgz", + "integrity": "sha512-yNgz2PqWLkhH2hw6X9AweV9YvoafbAD5ZsFdKN9BvSDVwGvPh+AUIrn7lYwy1S7IHmtFin75LLfX1m0D2tHu8Q==", "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/stylelint" + }, + { + "type": "github", + "url": "https://github.com/sponsors/stylelint" + } + ], "dependencies": { - "@csstools/css-parser-algorithms": "^2.3.1", - "@csstools/css-tokenizer": "^2.2.0", - "@csstools/media-query-list-parser": "^2.1.4", - "@csstools/selector-specificity": "^3.0.0", + "@csstools/css-parser-algorithms": "^2.6.3", + "@csstools/css-tokenizer": "^2.3.1", + "@csstools/media-query-list-parser": "^2.1.11", + "@csstools/selector-specificity": "^3.1.1", + "@dual-bundle/import-meta-resolve": "^4.1.0", "balanced-match": "^2.0.0", "colord": "^2.9.3", - "cosmiconfig": "^8.2.0", - "css-functions-list": "^3.2.1", + "cosmiconfig": "^9.0.0", + "css-functions-list": "^3.2.2", "css-tree": "^2.3.1", "debug": "^4.3.4", - "fast-glob": "^3.3.1", + "fast-glob": "^3.3.2", "fastest-levenshtein": "^1.0.16", - "file-entry-cache": "^7.0.0", + "file-entry-cache": "^9.0.0", "global-modules": "^2.0.0", "globby": "^11.1.0", "globjoin": "^0.1.4", "html-tags": "^3.3.1", - "ignore": "^5.2.4", - "import-lazy": "^4.0.0", + "ignore": "^5.3.1", "imurmurhash": "^0.1.4", "is-plain-object": "^5.0.0", - "known-css-properties": "^0.29.0", + "known-css-properties": "^0.31.0", "mathml-tag-names": "^2.1.3", - "meow": "^10.1.5", - "micromatch": "^4.0.5", + "meow": "^13.2.0", + "micromatch": "^4.0.7", "normalize-path": "^3.0.0", - "picocolors": "^1.0.0", - "postcss": "^8.4.28", + "picocolors": "^1.0.1", + "postcss": "^8.4.38", "postcss-resolve-nested-selector": "^0.1.1", - "postcss-safe-parser": "^6.0.0", - "postcss-selector-parser": "^6.0.13", + "postcss-safe-parser": "^7.0.0", + "postcss-selector-parser": "^6.1.0", "postcss-value-parser": "^4.2.0", "resolve-from": "^5.0.0", "string-width": "^4.2.3", - "strip-ansi": "^6.0.1", - "style-search": "^0.1.0", + "strip-ansi": "^7.1.0", "supports-hyperlinks": "^3.0.0", "svg-tags": "^1.0.0", - "table": "^6.8.1", + "table": "^6.8.2", "write-file-atomic": "^5.0.1" }, "bin": { "stylelint": "bin/stylelint.mjs" }, "engines": { - "node": "^14.13.1 || >=16.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/stylelint" + "node": ">=18.12.0" } }, "node_modules/stylelint-config-recommended": { - "version": "13.0.0", - "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-13.0.0.tgz", - "integrity": "sha512-EH+yRj6h3GAe/fRiyaoO2F9l9Tgg50AOFhaszyfov9v6ayXJ1IkSHwTxd7lB48FmOeSGDPLjatjO11fJpmarkQ==", + "version": "14.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-14.0.0.tgz", + "integrity": "sha512-jSkx290CglS8StmrLp2TxAppIajzIBZKYm3IxT89Kg6fGlxbPiTiyH9PS5YUuVAFwaJLl1ikiXX0QWjI0jmgZQ==", "dev": true, "engines": { - "node": "^14.13.1 || >=16.0.0" + "node": ">=18.12.0" }, "peerDependencies": { - "stylelint": "^15.10.0" + "stylelint": "^16.0.0" } }, "node_modules/stylelint-config-standard": { - "version": "34.0.0", - "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-34.0.0.tgz", - "integrity": "sha512-u0VSZnVyW9VSryBG2LSO+OQTjN7zF9XJaAJRX/4EwkmU0R2jYwmBSN10acqZisDitS0CLiEiGjX7+Hrq8TAhfQ==", + "version": "36.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-36.0.0.tgz", + "integrity": "sha512-3Kjyq4d62bYFp/Aq8PMKDwlgUyPU4nacXsjDLWJdNPRUgpuxALu1KnlAHIj36cdtxViVhXexZij65yM0uNIHug==", "dev": true, "dependencies": { - "stylelint-config-recommended": "^13.0.0" + "stylelint-config-recommended": "^14.0.0" }, "engines": { - "node": "^14.13.1 || >=16.0.0" + "node": ">=18.12.0" + }, + "peerDependencies": { + "stylelint": "^16.1.0" + } + }, + "node_modules/stylelint-css-modules-no-global-scoped-selector": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/stylelint-css-modules-no-global-scoped-selector/-/stylelint-css-modules-no-global-scoped-selector-1.0.2.tgz", + "integrity": "sha512-NMerTM1/8D4Az/c3P59eYptP3PoNuUXV1NuJ+Xe+TILqZH8UE4oV9NvjUnklnVHvYqk5HsjAURnvMNXZAzYBLA==", + "dev": true, + "dependencies": { + "lodash": "^4.17.21", + "postcss-modules-local-by-default": "3.0.3", + "postcss-resolve-nested-selector": "^0.1.1", + "rewire": "^5.0.0" }, "peerDependencies": { - "stylelint": "^15.10.0" + "stylelint": "^13.0.0 || ^14.0.0" } }, "node_modules/stylelint-no-unsupported-browser-features": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/stylelint-no-unsupported-browser-features/-/stylelint-no-unsupported-browser-features-7.0.0.tgz", - "integrity": "sha512-O5VYlBhr+lpJ6jeTJSy+SMbHJhW5h5EJxsoicYcTi/07m45V/CF1mQidwRQLjv8y9BFQMpioWz60O89IkmbaNw==", + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/stylelint-no-unsupported-browser-features/-/stylelint-no-unsupported-browser-features-8.0.1.tgz", + "integrity": "sha512-tc8Xn5DaqJhxTmbA4H8gZbYdAz027NfuSZv5+cVieQb7BtBrF/1/iKYdpcGwXPl3GtqkQrisiXuGqKkKnzWcLw==", "dev": true, "dependencies": { - "doiuse": "^6.0.1", - "lodash": "^4.17.15", - "postcss": "^8.4.16" + "doiuse": "^6.0.2", + "postcss": "^8.4.32" }, "engines": { - "node": ">=16" + "node": ">=18.12.0" }, "peerDependencies": { - "stylelint": "^14.0.0||^15.0.0" + "stylelint": "^16.0.2" } }, "node_modules/stylelint-order": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-6.0.3.tgz", - "integrity": "sha512-1j1lOb4EU/6w49qZeT2SQVJXm0Ht+Qnq9GMfUa3pMwoyojIWfuA+JUDmoR97Bht1RLn4ei0xtLGy87M7d29B1w==", + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-6.0.4.tgz", + "integrity": "sha512-0UuKo4+s1hgQ/uAxlYU4h0o0HS4NiQDud0NAUNI0aa8FJdmYHA5ZZTFHiV5FpmE3071e9pZx5j0QpVJW5zOCUA==", "dev": true, "dependencies": { - "postcss": "^8.4.21", + "postcss": "^8.4.32", "postcss-sorting": "^8.0.2" }, "peerDependencies": { - "stylelint": "^14.0.0 || ^15.0.0" + "stylelint": "^14.0.0 || ^15.0.0 || ^16.0.1" } }, "node_modules/stylelint-scss": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-5.1.0.tgz", - "integrity": "sha512-E+KlQFXv1Euha43qw3q+wKBSli557wxbbo6/39DWhRNXlUa9Cz+FYrcgz+PT6ag0l6UisCYjAGCNhoSl4FcwlA==", + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-6.3.0.tgz", + "integrity": "sha512-8OSpiuf1xC7f8kllJsBOFAOYp/mR/C1FXMVeOFjtJPw+AFvEmC93FaklHt7MlOqU4poxuQ1TkYMyfI0V+1SxjA==", "dev": true, "dependencies": { + "known-css-properties": "^0.30.0", "postcss-media-query-parser": "^0.2.3", "postcss-resolve-nested-selector": "^0.1.1", - "postcss-selector-parser": "^6.0.13", + "postcss-selector-parser": "^6.0.15", "postcss-value-parser": "^4.2.0" }, - "peerDependencies": { - "stylelint": "^14.5.1 || ^15.0.0" - } - }, - "node_modules/stylelint/node_modules/camelcase": { - "version": "6.3.0", - "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz", - "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==", - "dev": true, "engines": { - "node": ">=10" + "node": ">=18.12.0" }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "peerDependencies": { + "stylelint": "^16.0.2" } }, - "node_modules/stylelint/node_modules/camelcase-keys": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-7.0.2.tgz", - "integrity": "sha512-Rjs1H+A9R+Ig+4E/9oyB66UC5Mj9Xq3N//vcLf2WzgdTi/3gUu3Z9KoqmlrEG4VuuLK8wJHofxzdQXz/knhiYg==", + "node_modules/stylelint-scss/node_modules/known-css-properties": { + "version": "0.30.0", + "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.30.0.tgz", + "integrity": "sha512-VSWXYUnsPu9+WYKkfmJyLKtIvaRJi1kXUqVmBACORXZQxT5oZDsoZ2vQP+bQFDnWtpI/4eq3MLoRMjI2fnLzTQ==", + "dev": true + }, + "node_modules/stylelint-value-no-unknown-custom-properties": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/stylelint-value-no-unknown-custom-properties/-/stylelint-value-no-unknown-custom-properties-6.0.1.tgz", + "integrity": "sha512-N60PTdaTknB35j6D4FhW0GL2LlBRV++bRpXMMldWMQZ240yFQaoltzlLY4lXXs7Z0J5mNUYZQ/gjyVtU2DhCMA==", "dev": true, "dependencies": { - "camelcase": "^6.3.0", - "map-obj": "^4.1.0", - "quick-lru": "^5.1.1", - "type-fest": "^1.2.1" + "postcss-value-parser": "^4.2.0", + "resolve": "^1.22.8" }, "engines": { - "node": ">=12" + "node": ">=18.12.0" }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "peerDependencies": { + "stylelint": ">=16" } }, - "node_modules/stylelint/node_modules/decamelize": { - "version": "5.0.1", - "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-5.0.1.tgz", - "integrity": "sha512-VfxadyCECXgQlkoEAjeghAr5gY3Hf+IKjKb+X8tGVDtveCjN+USwprd2q3QXBR9T1+x2DG0XZF5/w+7HAtSaXA==", + "node_modules/stylelint/node_modules/ansi-regex": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", "dev": true, "engines": { - "node": ">=10" + "node": ">=12" }, "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "url": "https://github.com/chalk/ansi-regex?sponsor=1" } }, "node_modules/stylelint/node_modules/file-entry-cache": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-7.0.2.tgz", - "integrity": "sha512-TfW7/1iI4Cy7Y8L6iqNdZQVvdXn0f8B4QcIXmkIbtTIe/Okm/nSlHb4IwGzRVOd3WfSieCgvf5cMzEfySAIl0g==", + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-9.0.0.tgz", + "integrity": "sha512-6MgEugi8p2tiUhqO7GnPsmbCCzj0YRCwwaTbpGRyKZesjRSzkqkAE9fPp7V2yMs5hwfgbQLgdvSSkGNg1s5Uvw==", "dev": true, "dependencies": { - "flat-cache": "^3.2.0" + "flat-cache": "^5.0.0" }, "engines": { - "node": ">=12.0.0" + "node": ">=18" } }, - "node_modules/stylelint/node_modules/find-up": { + "node_modules/stylelint/node_modules/flat-cache": { "version": "5.0.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz", - "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-5.0.0.tgz", + "integrity": "sha512-JrqFmyUl2PnPi1OvLyTVHnQvwQ0S+e6lGSwu8OkAZlSaNIZciTY2H/cOOROxsBA1m/LZNHDsqAgDZt6akWcjsQ==", "dev": true, "dependencies": { - "locate-path": "^6.0.0", - "path-exists": "^4.0.0" + "flatted": "^3.3.1", + "keyv": "^4.5.4" }, "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "node": ">=18" } }, "node_modules/stylelint/node_modules/globby": { @@ -9551,190 +10322,42 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/stylelint/node_modules/hosted-git-info": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz", - "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==", - "dev": true, - "dependencies": { - "lru-cache": "^6.0.0" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/stylelint/node_modules/indent-string": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-5.0.0.tgz", - "integrity": "sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==", - "dev": true, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/stylelint/node_modules/locate-path": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz", - "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==", - "dev": true, - "dependencies": { - "p-locate": "^5.0.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/stylelint/node_modules/map-obj": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz", - "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==", - "dev": true, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/stylelint/node_modules/meow": { - "version": "10.1.5", - "resolved": "https://registry.npmjs.org/meow/-/meow-10.1.5.tgz", - "integrity": "sha512-/d+PQ4GKmGvM9Bee/DPa8z3mXs/pkvJE2KEThngVNOqtmljC6K7NMPxtc2JeZYTmpWb9k/TmxjeL18ez3h7vCw==", - "dev": true, - "dependencies": { - "@types/minimist": "^1.2.2", - "camelcase-keys": "^7.0.0", - "decamelize": "^5.0.0", - "decamelize-keys": "^1.1.0", - "hard-rejection": "^2.1.0", - "minimist-options": "4.1.0", - "normalize-package-data": "^3.0.2", - "read-pkg-up": "^8.0.0", - "redent": "^4.0.0", - "trim-newlines": "^4.0.2", - "type-fest": "^1.2.2", - "yargs-parser": "^20.2.9" - }, - "engines": { - "node": "^12.20.0 || ^14.13.1 || >=16.0.0" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/stylelint/node_modules/normalize-package-data": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz", - "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==", - "dev": true, - "dependencies": { - "hosted-git-info": "^4.0.1", - "is-core-module": "^2.5.0", - "semver": "^7.3.4", - "validate-npm-package-license": "^3.0.1" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/stylelint/node_modules/p-locate": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz", - "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==", + "version": "13.2.0", + "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz", + "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==", "dev": true, - "dependencies": { - "p-limit": "^3.0.2" - }, "engines": { - "node": ">=10" + "node": ">=18" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/stylelint/node_modules/postcss-safe-parser": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz", - "integrity": "sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-7.0.0.tgz", + "integrity": "sha512-ovehqRNVCpuFzbXoTb4qLtyzK3xn3t/CUBxOs8LsnQjQrShaB4lKiHoVqY8ANaC0hBMHq5QVWk77rwGklFUDrg==", "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss-safe-parser" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], "engines": { - "node": ">=12.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" + "node": ">=18.0" }, "peerDependencies": { - "postcss": "^8.3.3" - } - }, - "node_modules/stylelint/node_modules/quick-lru": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz", - "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==", - "dev": true, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/stylelint/node_modules/read-pkg": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-6.0.0.tgz", - "integrity": "sha512-X1Fu3dPuk/8ZLsMhEj5f4wFAF0DWoK7qhGJvgaijocXxBmSToKfbFtqbxMO7bVjNA1dmE5huAzjXj/ey86iw9Q==", - "dev": true, - "dependencies": { - "@types/normalize-package-data": "^2.4.0", - "normalize-package-data": "^3.0.2", - "parse-json": "^5.2.0", - "type-fest": "^1.0.1" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/stylelint/node_modules/read-pkg-up": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-8.0.0.tgz", - "integrity": "sha512-snVCqPczksT0HS2EC+SxUndvSzn6LRCwpfSvLrIfR5BKDQQZMaI6jPRC9dYvYFDRAuFEAnkwww8kBBNE/3VvzQ==", - "dev": true, - "dependencies": { - "find-up": "^5.0.0", - "read-pkg": "^6.0.0", - "type-fest": "^1.0.1" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/stylelint/node_modules/redent": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/redent/-/redent-4.0.0.tgz", - "integrity": "sha512-tYkDkVVtYkSVhuQ4zBgfvciymHaeuel+zFKXShfDnFP5SyVEP7qo70Rf1jTOTCx3vGNAbnEi/xFkcfQVMIBWag==", - "dev": true, - "dependencies": { - "indent-string": "^5.0.0", - "strip-indent": "^4.0.0" - }, - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "postcss": "^8.4.31" } }, "node_modules/stylelint/node_modules/signal-exit": { @@ -9749,43 +10372,19 @@ "url": "https://github.com/sponsors/isaacs" } }, - "node_modules/stylelint/node_modules/strip-indent": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-4.0.0.tgz", - "integrity": "sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==", + "node_modules/stylelint/node_modules/strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", "dev": true, "dependencies": { - "min-indent": "^1.0.1" - }, - "engines": { - "node": ">=12" + "ansi-regex": "^6.0.1" }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/stylelint/node_modules/trim-newlines": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-4.1.1.tgz", - "integrity": "sha512-jRKj0n0jXWo6kh62nA5TEh3+4igKDXLvzBJcPpiizP7oOolUrYIxmVBG9TOtHYFHoddUk6YvAkGeGoSVTXfQXQ==", - "dev": true, "engines": { "node": ">=12" }, "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/stylelint/node_modules/type-fest": { - "version": "1.4.0", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-1.4.0.tgz", - "integrity": "sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==", - "dev": true, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" + "url": "https://github.com/chalk/strip-ansi?sponsor=1" } }, "node_modules/stylelint/node_modules/write-file-atomic": { @@ -9801,15 +10400,6 @@ "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, - "node_modules/stylelint/node_modules/yargs-parser": { - "version": "20.2.9", - "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz", - "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==", - "dev": true, - "engines": { - "node": ">=10" - } - }, "node_modules/supports-color": { "version": "7.2.0", "dev": true, @@ -9834,6 +10424,18 @@ "node": ">=14.18" } }, + "node_modules/supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/svg-element-attributes": { "version": "1.3.1", "dev": true, @@ -9940,6 +10542,12 @@ "dev": true, "license": "MIT" }, + "node_modules/through": { + "version": "2.3.8", + "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz", + "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==", + "dev": true + }, "node_modules/through2": { "version": "0.6.5", "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz", @@ -9990,8 +10598,9 @@ }, "node_modules/to-regex-range": { "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", "dev": true, - "license": "MIT", "dependencies": { "is-number": "^7.0.0" }, @@ -10047,6 +10656,12 @@ "json5": "lib/cli.js" } }, + "node_modules/tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==", + "dev": true + }, "node_modules/tty-table": { "version": "4.1.6", "dev": true, @@ -10164,6 +10779,19 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/typescript": { + "version": "5.4.5", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz", + "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==", + "dev": true, + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" + } + }, "node_modules/unbox-primitive": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz", @@ -10248,6 +10876,12 @@ "dev": true, "license": "MIT" }, + "node_modules/v8-compile-cache": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.4.0.tgz", + "integrity": "sha512-ocyWc3bAHBB/guyqJQVI5o4BZkPhznPYUG2ea80Gond/BgNWpap8TOmLSeeQG7bnh2KMISxskdADG59j7zruhw==", + "dev": true + }, "node_modules/v8-to-istanbul": { "version": "9.1.3", "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.1.3.tgz", @@ -10419,6 +11053,15 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/word-wrap": { + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz", + "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/wrap-ansi": { "version": "7.0.0", "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", @@ -10441,6 +11084,18 @@ "dev": true, "license": "ISC" }, + "node_modules/write": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/write/-/write-1.0.3.tgz", + "integrity": "sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==", + "dev": true, + "dependencies": { + "mkdirp": "^0.5.1" + }, + "engines": { + "node": ">=4" + } + }, "node_modules/write-file-atomic": { "version": "4.0.2", "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-4.0.2.tgz", diff --git a/package.json b/package.json index 1a3f43953f..391cf9aae0 100644 --- a/package.json +++ b/package.json @@ -41,7 +41,7 @@ "build:storybook": "cd docs && npm i && npm run build:storybook" }, "dependencies": { - "@primer/primitives": "^7.15.12", + "@primer/primitives": "^8.2.0", "@primer/view-components": "^0.22.0" }, "devDependencies": { @@ -49,7 +49,7 @@ "@changesets/cli": "^2.27.1", "@csstools/postcss-sass": "^5.1.1", "@github/prettier-config": "^0.0.6", - "@primer/stylelint-config": "^12.9.1", + "@primer/stylelint-config": "^13.0.0-rc.af5663d", "autoprefixer": "^10.4.18", "chokidar-cli": "^3.0.0", "cssstats": "^4.0.5", @@ -71,7 +71,7 @@ "postcss-simple-vars": "^7.0.1", "prettier": "^3.2.5", "semver": "^7.6.0", - "stylelint": "^15.11.0", + "stylelint": "^16.6.1", "table": "^6.8.1" }, "jest": { diff --git a/script/stylelint-add-disables.js b/script/stylelint-add-disables.js index 6d119ab201..31165ff9d8 100755 --- a/script/stylelint-add-disables.js +++ b/script/stylelint-add-disables.js @@ -1,4 +1,4 @@ -#!/usr/bin/env node +#!/usr/bin/env -S NODE_NO_WARNINGS=1 node // Disables stylelint rules in SASS/CSS files with next-line comments. This is // useful when introducing a new rule that causes many failures. The comments // can be fixed and removed at while updating the file later. @@ -10,8 +10,8 @@ import fs from 'fs' import {execFile} from 'child_process' -execFile('stylelint', ['--quiet', '--formatter', 'json', process.argv[2]], (error, stdout) => { - for (const result of JSON.parse(stdout)) { +execFile('stylelint', ['--quiet', '--formatter', 'json', process.argv[2]], (error, stdout, stderr) => { + for (const result of JSON.parse(stdout || stderr || '[]')) { const filename = result.source const jsLines = fs.readFileSync(filename, 'utf8').split('\n') const offensesByLine = {} diff --git a/src/autocomplete/suggester.scss b/src/autocomplete/suggester.scss index a7f61e0f96..9e6d5c8a9b 100644 --- a/src/autocomplete/suggester.scss +++ b/src/autocomplete/suggester.scss @@ -8,7 +8,7 @@ min-width: 180px; padding: 0; margin: 0; - margin-top: $spacer-4; + margin-top: var(--base-size-24); list-style: none; cursor: pointer; background: var(--overlay-bgColor, var(--color-canvas-overlay)); @@ -18,7 +18,7 @@ li { display: block; - padding: $spacer-1 $spacer-2; + padding: var(--base-size-4) var(--base-size-8); font-weight: $font-weight-semibold; border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); @@ -81,12 +81,12 @@ .page-responsive { @media (max-width: $width-sm) { .suggester-container { - right: $spacer-2 !important; - left: $spacer-2 !important; + right: var(--base-size-8) !important; + left: var(--base-size-8) !important; } .suggester li { - padding: $spacer-2 $spacer-3; + padding: var(--base-size-8) var(--base-size-16); } } } diff --git a/src/base/kbd.scss b/src/base/kbd.scss index c1386105c9..3db5d5dff4 100644 --- a/src/base/kbd.scss +++ b/src/base/kbd.scss @@ -3,7 +3,7 @@ kbd { display: inline-block; - padding: ($spacer-1 - 1) ($spacer-1 + 1); + padding: calc(var(--base-size-4) - 1) calc(var(--base-size-4) + 1); font: 11px $mono-font; // stylelint-disable-next-line primer/typography line-height: 10px; diff --git a/src/base/normalize.scss b/src/base/normalize.scss index 9b38890e1f..84eaa33891 100644 --- a/src/base/normalize.scss +++ b/src/base/normalize.scss @@ -226,7 +226,7 @@ samp { */ figure { - margin: 1em $spacer-6; + margin: 1em var(--base-size-40); } /** diff --git a/src/box/box-overlay.scss b/src/box/box-overlay.scss index 5a82a501be..5fd710c8ff 100644 --- a/src/box/box-overlay.scss +++ b/src/box/box-overlay.scss @@ -34,7 +34,7 @@ } .help { - padding-top: $spacer-2; + padding-top: var(--base-size-8); margin: 0; color: var(--fgColor-muted, var(--color-fg-muted)); text-align: center; diff --git a/src/buttons/button-group.scss b/src/buttons/button-group.scss index 2bb803cb9b..1f0240f700 100644 --- a/src/buttons/button-group.scss +++ b/src/buttons/button-group.scss @@ -12,7 +12,7 @@ // Proper spacing for multiple button groups (a la, gollum editor) + .BtnGroup, + .btn { - margin-left: $spacer-1; + margin-left: var(--base-size-4); } } diff --git a/src/buttons/button.scss b/src/buttons/button.scss index 9e967a42a9..b597521052 100644 --- a/src/buttons/button.scss +++ b/src/buttons/button.scss @@ -5,7 +5,7 @@ position: relative; display: inline-block; // stylelint-disable-next-line primer/spacing - padding: 5px $spacer-3; + padding: 5px var(--base-size-16); font-size: $body-font-size; font-weight: $font-weight-semibold; // stylelint-disable-next-line primer/typography @@ -35,7 +35,7 @@ } .octicon { - margin-right: $spacer-1; + margin-right: var(--base-size-4); color: var(--fgColor-muted, var(--color-fg-muted)); vertical-align: text-bottom; @@ -54,7 +54,7 @@ } .dropdown-caret { - margin-left: $spacer-1; + margin-left: var(--base-size-4); opacity: 0.8; } } diff --git a/src/buttons/misc.scss b/src/buttons/misc.scss index 399392d681..904c457b6a 100644 --- a/src/buttons/misc.scss +++ b/src/buttons/misc.scss @@ -147,6 +147,7 @@ &.inline { position: relative; + // stylelint-disable-next-line primer/spacing top: -1px; display: inline-block; // stylelint-disable-next-line primer/spacing diff --git a/src/color-modes/themes/dark.scss b/src/color-modes/themes/dark.scss index fdeda0589b..e54694bdfd 100644 --- a/src/color-modes/themes/dark.scss +++ b/src/color-modes/themes/dark.scss @@ -1,6 +1 @@ -@import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_dark.scss'; - -@include color-mode-theme(dark) { - @include primer-colors-dark; -} +@import '@primer/primitives/dist/css/functional/themes/dark.css'; \ No newline at end of file diff --git a/src/color-modes/themes/dark_colorblind.scss b/src/color-modes/themes/dark_colorblind.scss index 057a9f3d76..c6fde58572 100644 --- a/src/color-modes/themes/dark_colorblind.scss +++ b/src/color-modes/themes/dark_colorblind.scss @@ -1,6 +1 @@ -@import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_dark_colorblind.scss'; - -@include color-mode-theme(dark_colorblind) { - @include primer-colors-dark_colorblind; -} +@import '@primer/primitives/dist/css/functional/themes/dark-colorblind.css'; \ No newline at end of file diff --git a/src/color-modes/themes/dark_dimmed.scss b/src/color-modes/themes/dark_dimmed.scss index 6f9de21419..a9d27c02d0 100644 --- a/src/color-modes/themes/dark_dimmed.scss +++ b/src/color-modes/themes/dark_dimmed.scss @@ -1,6 +1 @@ -@import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_dark_dimmed.scss'; - -@include color-mode-theme(dark_dimmed) { - @include primer-colors-dark_dimmed; -} +@import '@primer/primitives/dist/css/functional/themes/dark-dimmed.css'; \ No newline at end of file diff --git a/src/color-modes/themes/dark_high_contrast.scss b/src/color-modes/themes/dark_high_contrast.scss index 8203dd8eca..1f5465581d 100644 --- a/src/color-modes/themes/dark_high_contrast.scss +++ b/src/color-modes/themes/dark_high_contrast.scss @@ -1,6 +1 @@ -@import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_dark_high_contrast.scss'; - -@include color-mode-theme(dark_high_contrast) { - @include primer-colors-dark_high_contrast; -} +@import '@primer/primitives/dist/css/functional/themes/dark-high-contrast.css'; \ No newline at end of file diff --git a/src/color-modes/themes/dark_tritanopia.scss b/src/color-modes/themes/dark_tritanopia.scss index 9fb25c7a90..bf445751be 100644 --- a/src/color-modes/themes/dark_tritanopia.scss +++ b/src/color-modes/themes/dark_tritanopia.scss @@ -1,6 +1 @@ -@import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_dark_tritanopia.scss'; - -@include color-mode-theme(dark_tritanopia) { - @include primer-colors-dark_tritanopia; -} +@import '@primer/primitives/dist/css/functional/themes/dark-tritanopia.css'; \ No newline at end of file diff --git a/src/color-modes/themes/light.scss b/src/color-modes/themes/light.scss index 9aa84f2fd8..805d12427d 100644 --- a/src/color-modes/themes/light.scss +++ b/src/color-modes/themes/light.scss @@ -1,6 +1 @@ -@import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_light.scss'; - -@include color-mode-theme(light, true) { - @include primer-colors-light; -} +@import '@primer/primitives/dist/css/functional/themes/light.css'; \ No newline at end of file diff --git a/src/color-modes/themes/light_colorblind.scss b/src/color-modes/themes/light_colorblind.scss index dd043514be..7a39eb3f19 100644 --- a/src/color-modes/themes/light_colorblind.scss +++ b/src/color-modes/themes/light_colorblind.scss @@ -1,6 +1 @@ -@import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_light_colorblind.scss'; - -@include color-mode-theme(light_colorblind) { - @include primer-colors-light_colorblind; -} +@import '@primer/primitives/dist/css/functional/themes/light-colorblind.css'; \ No newline at end of file diff --git a/src/color-modes/themes/light_high_contrast.scss b/src/color-modes/themes/light_high_contrast.scss index 3ff08538f1..a6799fc8bc 100644 --- a/src/color-modes/themes/light_high_contrast.scss +++ b/src/color-modes/themes/light_high_contrast.scss @@ -1,6 +1 @@ -@import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_light_high_contrast.scss'; - -@include color-mode-theme(light_high_contrast) { - @include primer-colors-light_high_contrast; -} +@import '@primer/primitives/dist/css/functional/themes/light-high-contrast.css'; \ No newline at end of file diff --git a/src/color-modes/themes/light_tritanopia.scss b/src/color-modes/themes/light_tritanopia.scss index 63223001a0..57c1f458cb 100644 --- a/src/color-modes/themes/light_tritanopia.scss +++ b/src/color-modes/themes/light_tritanopia.scss @@ -1,6 +1 @@ -@import '../../support/index.scss'; -@import '@primer/primitives/dist/scss/colors/_light_tritanopia.scss'; - -@include color-mode-theme(light_tritanopia) { - @include primer-colors-light_tritanopia; -} +@import '@primer/primitives/dist/css/functional/themes/light-tritanopia.css'; \ No newline at end of file diff --git a/src/forms/form-control.scss b/src/forms/form-control.scss index 41d72b5188..9b5ab8ddfa 100644 --- a/src/forms/form-control.scss +++ b/src/forms/form-control.scss @@ -72,8 +72,8 @@ // Textarea textarea.form-control { - padding-top: $spacer-2; - padding-bottom: $spacer-2; + padding-top: var(--base-size-8); + padding-bottom: var(--base-size-8); line-height: $lh-default; } @@ -138,9 +138,9 @@ textarea.form-control { label { em.highlight { position: relative; - left: -$spacer-1; + left: calc(var(--base-size-4) * -1); // stylelint-disable-next-line primer/spacing - padding: 2px $spacer-1; + padding: 2px var(--base-size-4); font-style: normal; background: var(--bgColor-attention-muted, var(--color-attention-subtle)); border-radius: $border-radius; @@ -204,6 +204,7 @@ textarea.form-control { img { position: relative; + // stylelint-disable-next-line primer/spacing top: -2px; } } @@ -247,7 +248,7 @@ input::-webkit-inner-spin-button { .form-warning { // stylelint-disable-next-line primer/spacing - padding: $spacer-2 10px; + padding: var(--base-size-8) 10px; // stylelint-disable-next-line primer/spacing margin: 10px 0; font-size: $h5-size; diff --git a/src/forms/form-group.scss b/src/forms/form-group.scss index 873743f45a..8814e6aa94 100644 --- a/src/forms/form-group.scss +++ b/src/forms/form-group.scss @@ -95,7 +95,7 @@ dd, // TODO: Deprecate .form-group-body { h4 { - margin: $spacer-1 0 0; + margin: var(--base-size-4) 0 0; &.is-error { color: var(--fgColor-danger, var(--color-danger-fg)); @@ -172,8 +172,8 @@ z-index: 10; display: block; // Show up in errored/warn state max-width: 450px; // Keep our long errors readable - padding: $spacer-1 $spacer-2; - margin: $spacer-2 0 0; + padding: var(--base-size-4) var(--base-size-8); + margin: var(--base-size-8) 0 0; font-size: $font-size-small; font-weight: $font-weight-normal; border-style: $border-style; @@ -184,6 +184,7 @@ &::before { position: absolute; bottom: 100%; + // stylelint-disable-next-line primer/spacing left: 10px; z-index: 15; width: 0; @@ -276,7 +277,7 @@ .note { min-height: 17px; // stylelint-disable-next-line primer/spacing - margin: $spacer-1 0 2px; + margin: var(--base-size-4) 0 2px; font-size: $font-size-small; color: var(--fgColor-muted, var(--color-fg-muted)); diff --git a/src/forms/form-select.scss b/src/forms/form-select.scss index 9376acb056..551664e98b 100644 --- a/src/forms/form-select.scss +++ b/src/forms/form-select.scss @@ -5,7 +5,7 @@ display: inline-block; max-width: 100%; height: $size-5; - padding-right: $spacer-4; + padding-right: var(--base-size-24); background-color: var(--bgColor-default, var(--color-canvas-default)); // SVG with fill: #586069 (--color-icon-secondary) background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4='); diff --git a/src/forms/input-group.scss b/src/forms/input-group.scss index abae53b7cd..b104e193d8 100644 --- a/src/forms/input-group.scss +++ b/src/forms/input-group.scss @@ -30,7 +30,7 @@ // Autocomplete with embedded icon .form-control.autocomplete-embedded-icon-wrap { display: inline-flex; - padding: $spacer-1 * 1.25 $spacer-2; + padding: calc(var(--base-size-4) * 1.25) var(--base-size-8); } } diff --git a/src/forms/radio-group.scss b/src/forms/radio-group.scss index ad087dd810..ce6a2f6042 100644 --- a/src/forms/radio-group.scss +++ b/src/forms/radio-group.scss @@ -7,7 +7,7 @@ .radio-label { float: left; // stylelint-disable-next-line primer/spacing - padding: 6px $spacer-3 6px ($spacer-3 + 12px + $spacer-2); // 12px is the size of the radio-input + padding: 6px var(--base-size-16) 6px clac(var(--base-size-16) + 12px + var(--base-size-8)); // 12px is the size of the radio-input // stylelint-disable-next-line primer/spacing margin-left: -1px; font-size: $body-font-size; @@ -35,7 +35,7 @@ } .octicon { - margin-left: $spacer-1; + margin-left: var(--base-size-4); color: var(--fgColor-muted, var(--color-fg-subtle)); } } @@ -44,7 +44,7 @@ z-index: 3; float: left; // stylelint-disable-next-line primer/spacing - margin: 10px (-$spacer-5) 0 $spacer-3; + margin: 10px calc(var(--base-size-32) * -1) 0 var(--base-size-16); &:disabled { position: relative; // enables z-index diff --git a/src/header/header.scss b/src/header/header.scss index 6aa07f8a83..d299090dd2 100644 --- a/src/header/header.scss +++ b/src/header/header.scss @@ -1,7 +1,7 @@ .Header { z-index: 32; // TODO: Figure out z-index system display: flex; - padding: $spacer-3; + padding: var(--base-size-16); font-size: $h5-size; line-height: $lh-default; color: var(--header-fgColor-default, var(--color-header-text)); @@ -12,7 +12,7 @@ .Header-item { display: flex; - margin-right: $spacer-3; + margin-right: var(--base-size-16); align-self: stretch; align-items: center; flex-wrap: nowrap; diff --git a/src/labels/issue-labels.scss b/src/labels/issue-labels.scss index 2b490b558b..1cb4c6511a 100644 --- a/src/labels/issue-labels.scss +++ b/src/labels/issue-labels.scss @@ -7,6 +7,7 @@ .g-emoji { position: relative; + // stylelint-disable-next-line primer/spacing top: -0.05em; display: inline-block; font-size: 1em; diff --git a/src/layout/grid-offset.scss b/src/layout/grid-offset.scss index 3728c8975b..b3b763ff85 100644 --- a/src/layout/grid-offset.scss +++ b/src/layout/grid-offset.scss @@ -2,7 +2,6 @@ // Offset Columns -// stylelint-disable primer/spacing @each $breakpoint, $variant in $responsive-variants { @include breakpoint($breakpoint) { .offset#{$variant}-1 { margin-left: (1 * 0.0833333333 * 100%) !important; } diff --git a/src/layout/grid.scss b/src/layout/grid.scss index 465beb115c..4ecc6306ec 100644 --- a/src/layout/grid.scss +++ b/src/layout/grid.scss @@ -34,9 +34,9 @@ // Gutters // Apply padding and a negative margin to the outside of the container // stylelint-disable primer/spacing -@mixin gutters ($gutter-width: $spacer-3) { - margin-right: -$gutter-width; - margin-left: -$gutter-width; +@mixin gutters ($gutter-width: var(--base-size-16)) { + margin-right: calc($gutter-width * -1); + margin-left: calc($gutter-width * -1); > [class*='col-'] { padding-right: $gutter-width !important; @@ -45,21 +45,21 @@ } .gutter { - @include gutters($spacer-3); + @include gutters(var(--base-size-16)); } .gutter-condensed { - @include gutters($spacer-2); + @include gutters(var(--base-size-8)); } .gutter-spacious { - @include gutters($spacer-4); + @include gutters(var(--base-size-24)); } @each $breakpoint in map-keys($breakpoints) { @include breakpoint($breakpoint) { - .gutter-#{$breakpoint} { @include gutters($spacer-3); } - .gutter-#{$breakpoint}-condensed { @include gutters($spacer-2); } - .gutter-#{$breakpoint}-spacious { @include gutters($spacer-4); } + .gutter-#{$breakpoint} { @include gutters(var(--base-size-16)); } + .gutter-#{$breakpoint}-condensed { @include gutters(var(--base-size-8)); } + .gutter-#{$breakpoint}-spacious { @include gutters(var(--base-size-24)); } } } diff --git a/src/layout/page-layout.scss b/src/layout/page-layout.scss index ae13c67f7f..31bf51cf83 100644 --- a/src/layout/page-layout.scss +++ b/src/layout/page-layout.scss @@ -10,8 +10,8 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default; --Layout-content-width: 100%; --Layout-template-columns: 1fr var(--Layout-pane-width); --Layout-template-areas: 'content pane'; - --Layout-column-gap: #{$spacer-3}; - --Layout-row-gap: #{$spacer-3}; + --Layout-column-gap: var(--base-size-16); + --Layout-row-gap: var(--base-size-16); // the `px` unit is mandatory for `calc()` execution. See https://stackoverflow.com/a/32518348 --Layout-outer-spacing-x: 0px; // wrapper margin x @@ -26,6 +26,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default; @mixin Layout-line-divider { position: absolute; + // stylelint-disable-next-line primer/spacing left: calc(var(--Layout-outer-spacing-x) * -1); display: block; width: calc(100% + (var(--Layout-outer-spacing-x) * 2)); @@ -36,11 +37,12 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default; @mixin Layout-filled-divider { position: absolute; - bottom: calc(#{$spacer-2} * -1); // -8px + bottom: calc(var(--base-size-8) * -1); + // stylelint-disable-next-line primer/spacing left: calc(var(--Layout-outer-spacing-x) * -1); display: block; width: calc(100% + (var(--Layout-outer-spacing-x) * 2)); - height: #{$spacer-2}; // 8px + height: var(--base-size-8); content: ''; background-color: var(--bgColor-inset, var(--color-canvas-inset)); box-shadow: inset 0 1px $Layout-divider-color, inset 0 -1px $Layout-divider-color; @@ -255,6 +257,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default; &::before { @include Layout-line-divider; + // stylelint-disable-next-line primer/spacing top: calc(#{$border-width * -1} - var(--Layout-row-gap)); } } @@ -267,6 +270,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default; &::after { @include Layout-line-divider; + // stylelint-disable-next-line primer/spacing bottom: calc(#{$border-width * -1} - var(--Layout-row-gap)); } } @@ -274,24 +278,26 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default; .PageLayout-region--dividerNarrow-filled-before { position: relative; // stylelint-disable-next-line primer/spacing - margin-top: calc(#{$spacer-2} + var(--Layout-row-gap)); + margin-top: calc(var(--base-size-8) + var(--Layout-row-gap)); &::after { @include Layout-filled-divider; - top: calc(#{$spacer-2 * -1} - var(--Layout-row-gap)); + // stylelint-disable-next-line primer/spacing + top: calc(calc(var(--base-size-8) * -1) - var(--Layout-row-gap)); } } .PageLayout-region--dividerNarrow-filled-after { position: relative; // stylelint-disable-next-line primer/spacing - margin-bottom: calc(#{$spacer-2} + var(--Layout-row-gap)); + margin-bottom: calc(var(--base-size-8) + var(--Layout-row-gap)); &::before { @include Layout-filled-divider; - bottom: calc(#{$spacer-2 * -1} - var(--Layout-row-gap)); + // stylelint-disable-next-line primer/spacing + bottom: calc(calc(var(--base-size-8) * -1) - var(--Layout-row-gap)); } } } @@ -330,48 +336,48 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default; // outer spacing .PageLayout--outerSpacing-normal { - --Layout-outer-spacing-x: #{$spacer-3}; - --Layout-outer-spacing-y: #{$spacer-3}; + --Layout-outer-spacing-x: var(--base-size-16); + --Layout-outer-spacing-y: var(--base-size-16); @include breakpoint(lg) { - --Layout-outer-spacing-x: #{$spacer-4}; - --Layout-outer-spacing-y: #{$spacer-4}; + --Layout-outer-spacing-x: var(--base-size-24); + --Layout-outer-spacing-y: var(--base-size-24); } } .PageLayout--outerSpacing-condensed { - --Layout-outer-spacing-x: #{$spacer-3}; - --Layout-outer-spacing-y: #{$spacer-3}; + --Layout-outer-spacing-x: var(--base-size-16); + --Layout-outer-spacing-y: var(--base-size-16); } // inner spacing .PageLayout--innerSpacing-normal { - --Layout-inner-spacing-min: #{$spacer-3}; - --Layout-inner-spacing-max: #{$spacer-3}; + --Layout-inner-spacing-min: var(--base-size-16); + --Layout-inner-spacing-max: var(--base-size-16); @include breakpoint(lg) { - --Layout-inner-spacing-max: #{$spacer-4}; + --Layout-inner-spacing-max: var(--base-size-24); } } .PageLayout--innerSpacing-condensed { - --Layout-inner-spacing-min: #{$spacer-3}; - --Layout-inner-spacing-max: #{$spacer-3}; + --Layout-inner-spacing-min: var(--base-size-16); + --Layout-inner-spacing-max: var(--base-size-16); } // column gap .PageLayout--columnGap-normal { - --Layout-column-gap: #{$spacer-3}; + --Layout-column-gap: var(--base-size-16); @include breakpoint(lg) { - --Layout-column-gap: #{$spacer-4}; + --Layout-column-gap: var(--base-size-24); } } .PageLayout--columnGap-condensed { - --Layout-column-gap: #{$spacer-3}; + --Layout-column-gap: var(--base-size-16); } .PageLayout--columnGap-none { @@ -382,10 +388,10 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default; // row gap .PageLayout--rowGap-normal { - --Layout-row-gap: #{$spacer-3}; + --Layout-row-gap: var(--base-size-16); @include breakpoint(lg) { - --Layout-row-gap: #{$spacer-4}; + --Layout-row-gap: var(--base-size-24); } } @@ -395,7 +401,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default; } .PageLayout--rowGap-condensed { - --Layout-row-gap: #{$spacer-3}; + --Layout-row-gap: var(--base-size-16); } // regions diff --git a/src/markdown/blob-csv.scss b/src/markdown/blob-csv.scss index 02144b0574..7ff632c126 100644 --- a/src/markdown/blob-csv.scss +++ b/src/markdown/blob-csv.scss @@ -13,7 +13,7 @@ .blob-num { // stylelint-disable-next-line primer/spacing - padding: 10px $spacer-2 9px; + padding: 10px var(--base-size-8) 9px; text-align: right; background: var(--bgColor-default, var(--color-canvas-default)); border: 0; diff --git a/src/markdown/code.scss b/src/markdown/code.scss index 0bfb2cfc30..b0e7395662 100644 --- a/src/markdown/code.scss +++ b/src/markdown/code.scss @@ -42,7 +42,7 @@ } .highlight { - margin-bottom: $spacer-3; + margin-bottom: var(--base-size-16); pre { margin-bottom: 0; @@ -52,7 +52,7 @@ .highlight pre, pre { - padding: $spacer-3; + padding: var(--base-size-16); overflow: auto; // stylelint-disable-next-line primer/typography font-size: 85%; diff --git a/src/markdown/footnotes.scss b/src/markdown/footnotes.scss index 7687a99d50..7a48a0d636 100644 --- a/src/markdown/footnotes.scss +++ b/src/markdown/footnotes.scss @@ -18,12 +18,12 @@ border-top: $border; ol { - padding-left: $spacer-3; + padding-left: var(--base-size-16); ul { display: inline-block; - padding-left: $spacer-3; - margin-top: $spacer-3; + padding-left: var(--base-size-16); + margin-top: var(--base-size-16); } } @@ -33,10 +33,10 @@ li:target::before { position: absolute; - top: -$spacer-2; - right: -$spacer-2; - bottom: -$spacer-2; - left: -$spacer-4; + top: calc(var(--base-size-8) * -1); + right: calc(var(--base-size-8) * -1); + bottom: calc(var(--base-size-8) * -1); + left: calc(var(--base-size-24) * -1); pointer-events: none; content: ''; // stylelint-disable-next-line primer/borders diff --git a/src/markdown/headings.scss b/src/markdown/headings.scss index df82bc27dd..e7a8968448 100644 --- a/src/markdown/headings.scss +++ b/src/markdown/headings.scss @@ -9,8 +9,8 @@ h4, h5, h6 { - margin-top: $spacer-4; - margin-bottom: $spacer-3; + margin-top: var(--base-size-24); + margin-bottom: var(--base-size-16); font-weight: $font-weight-bold; line-height: $lh-condensed; diff --git a/src/markdown/lists.scss b/src/markdown/lists.scss index 10a3a8648e..4473fa2173 100644 --- a/src/markdown/lists.scss +++ b/src/markdown/lists.scss @@ -72,10 +72,11 @@ } li > p { - margin-top: $spacer-3; + margin-top: var(--base-size-16); } li + li { + // stylelint-disable-next-line primer/spacing margin-top: $em-spacer-3; } @@ -84,15 +85,15 @@ dt { padding: 0; - margin-top: $spacer-3; + margin-top: var(--base-size-16); font-size: 1em; font-style: italic; font-weight: $font-weight-bold; } dd { - padding: 0 $spacer-3; - margin-bottom: $spacer-3; + padding: 0 var(--base-size-16); + margin-bottom: var(--base-size-16); } } } diff --git a/src/markdown/markdown-body.scss b/src/markdown/markdown-body.scss index 67d61ed137..63ecd771f1 100644 --- a/src/markdown/markdown-body.scss +++ b/src/markdown/markdown-body.scss @@ -48,7 +48,7 @@ .anchor { float: left; - padding-right: $spacer-1; + padding-right: var(--base-size-4); // stylelint-disable-next-line primer/spacing margin-left: -20px; line-height: $lh-condensed-ultra; @@ -67,13 +67,13 @@ pre, details { margin-top: 0; - margin-bottom: $spacer-3; + margin-bottom: var(--base-size-16); } hr { height: $em-spacer-3; padding: 0; - margin: $spacer-4 0; + margin: var(--base-size-24) 0; background-color: var(--borderColor-default, var(--color-border-default)); border: 0; } diff --git a/src/marketing/links/link.scss b/src/marketing/links/link.scss index 9e87d28ebe..e8f9757097 100644 --- a/src/marketing/links/link.scss +++ b/src/marketing/links/link.scss @@ -9,6 +9,7 @@ &::after, &.link-emphasis-mktg::before { position: absolute; + // stylelint-disable-next-line primer/spacing bottom: -0.15em; left: 0; width: calc(100% - 1em); @@ -44,6 +45,7 @@ &.arrow-target-mktg { .arrow-symbol-mktg { + // stylelint-disable-next-line primer/spacing margin-left: -$em-spacer-3; } } diff --git a/src/marketing/utilities/layout.scss b/src/marketing/utilities/layout.scss index fa1d3d7800..0343ed84f4 100644 --- a/src/marketing/utilities/layout.scss +++ b/src/marketing/utilities/layout.scss @@ -6,16 +6,24 @@ @include breakpoint($breakpoint) { @each $scale, $size in $spacer-map-extended { @if ($size != 0 or $variant != '') { + // stylelint-disable-next-line primer/spacing .top#{$variant}-#{$scale} { top: $size !important; } + // stylelint-disable-next-line primer/spacing .right#{$variant}-#{$scale} { right: $size !important; } + // stylelint-disable-next-line primer/spacing .bottom#{$variant}-#{$scale} { bottom: $size !important; } + // stylelint-disable-next-line primer/spacing .left#{$variant}-#{$scale} { left: $size !important; } } @if ($size != 0) { + // stylelint-disable-next-line primer/spacing .top#{$variant}-n#{$scale} { top: -$size !important; } + // stylelint-disable-next-line primer/spacing .right#{$variant}-n#{$scale} { right: -$size !important; } + // stylelint-disable-next-line primer/spacing .bottom#{$variant}-n#{$scale} { bottom: -$size !important; } + // stylelint-disable-next-line primer/spacing .left#{$variant}-n#{$scale} { left: -$size !important; } } } diff --git a/src/navigation/filter-list.scss b/src/navigation/filter-list.scss index 489649ebdb..1d515a5358 100644 --- a/src/navigation/filter-list.scss +++ b/src/navigation/filter-list.scss @@ -26,8 +26,8 @@ .filter-item { position: relative; display: block; - padding: $spacer-2 $spacer-3; - margin-bottom: $spacer-1; + padding: var(--base-size-8) var(--base-size-16); + margin-bottom: var(--base-size-4); overflow: hidden; font-size: $h5-size; color: var(--fgColor-muted, var(--color-fg-muted)); @@ -72,9 +72,9 @@ .bar { position: absolute; - top: 2px; + top: var(--base-size-2); right: 0; - bottom: 2px; + bottom: var(--base-size-2); z-index: -1; display: inline-block; background-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle)); diff --git a/src/navigation/sidenav.scss b/src/navigation/sidenav.scss index 7b6a3d052a..a32afaa68e 100644 --- a/src/navigation/sidenav.scss +++ b/src/navigation/sidenav.scss @@ -11,7 +11,7 @@ display: block; width: 100%; // stylelint-disable-next-line primer/spacing - padding: 12px $spacer-3; + padding: 12px var(--base-size-16); color: var(--fgColor-default, var(--color-fg-default)); text-align: left; background-color: transparent; @@ -68,7 +68,7 @@ .SideNav-icon { width: 16px; - margin-right: $spacer-2; + margin-right: var(--base-size-8); color: var(--fgColor-muted, var(--color-fg-muted)); } @@ -80,7 +80,7 @@ position: relative; display: block; width: 100%; - padding: $spacer-1 0; + padding: var(--base-size-4) 0; color: var(--fgColor-accent, var(--color-accent-fg)); text-align: left; background-color: transparent; diff --git a/src/navigation/subnav.scss b/src/navigation/subnav.scss index 9d366b8a66..eca46552b8 100644 --- a/src/navigation/subnav.scss +++ b/src/navigation/subnav.scss @@ -23,7 +23,7 @@ position: relative; float: left; // stylelint-disable-next-line primer/spacing - padding: 5px $spacer-3; + padding: 5px var(--base-size-16); font-weight: $font-weight-semibold; // stylelint-disable-next-line primer/typography line-height: 20px; @@ -85,7 +85,7 @@ .subnav-search-input { width: 320px; - padding-left: $spacer-5; + padding-left: var(--base-size-32); color: var(--fgColor-muted, var(--color-fg-muted)); } @@ -96,8 +96,9 @@ .subnav-search-icon { position: absolute; + // stylelint-disable-next-line primer/spacing top: 9px; - left: 8px; + left: var(--base-size-8); display: block; color: var(--fgColor-muted, var(--color-fg-muted)); text-align: center; diff --git a/src/pagination/pagination.scss b/src/pagination/pagination.scss index 4e2970837f..d04c45bb82 100644 --- a/src/pagination/pagination.scss +++ b/src/pagination/pagination.scss @@ -72,7 +72,7 @@ // chevron-left .previous_page::before { - margin-right: $spacer-1; + margin-right: var(--base-size-4); clip-path: polygon( 9.8px 12.8px, @@ -89,7 +89,7 @@ // chevron-right .next_page::after { - margin-left: $spacer-1; + margin-left: var(--base-size-4); clip-path: polygon( 6.2px 3.2px, @@ -146,8 +146,8 @@ // Unified centered pagination across the site .paginate-container { - margin-top: $spacer-3; - margin-bottom: $spacer-3; + margin-top: var(--base-size-16); + margin-bottom: var(--base-size-16); text-align: center; .pagination { diff --git a/src/primitives/index.scss b/src/primitives/index.scss index 5757661ab7..33a273a8c5 100644 --- a/src/primitives/index.scss +++ b/src/primitives/index.scss @@ -2,8 +2,6 @@ @import '@primer/primitives/dist/css/base/typography/typography'; @import '@primer/primitives/dist/css/functional/size/border'; @import '@primer/primitives/dist/css/functional/size/breakpoints'; -@import '@primer/primitives/dist/css/functional/size/size-coarse'; -@import '@primer/primitives/dist/css/functional/size/size-fine'; @import '@primer/primitives/dist/css/functional/size/size'; @import '@primer/primitives/dist/css/functional/size/viewport'; @import '@primer/primitives/dist/css/functional/typography/typography'; diff --git a/src/select-menu/select-menu.scss b/src/select-menu/select-menu.scss index e12aeda885..68c1126012 100644 --- a/src/select-menu/select-menu.scss +++ b/src/select-menu/select-menu.scss @@ -15,7 +15,7 @@ $SelectMenu-max-height: 480px !default; left: 0; z-index: 99; display: flex; - padding: $spacer-3; + padding: var(--base-size-16); pointer-events: none; flex-direction: column; @@ -78,7 +78,7 @@ $SelectMenu-max-height: 480px !default; @keyframes SelectMenu-modal-animation--sm { 0% { opacity: 0; - transform: translateY(-$spacer-3); + transform: translateY(calc(var(--base-size-16) * -1)); } } @@ -86,7 +86,7 @@ $SelectMenu-max-height: 480px !default; width: 300px; height: auto; max-height: $SelectMenu-max-height; - margin: $spacer-2 0 $spacer-3 0; + margin: var(--base-size-8) 0 var(--base-size-16) 0; font-size: $font-size-small; border-color: var(--borderColor-default, var(--color-border-default)); border-radius: $border-radius; @@ -101,14 +101,14 @@ $SelectMenu-max-height: 480px !default; .SelectMenu-header { display: flex; - padding: $spacer-3; + padding: var(--base-size-16); flex: none; // fixes header from getting squeezed in Safari iOS align-items: center; border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); @include breakpoint(sm) { // stylelint-disable-next-line primer/spacing - padding: 7px 7px 7px $spacer-3; + padding: 7px 7px 7px var(--base-size-16); } } @@ -123,17 +123,17 @@ $SelectMenu-max-height: 480px !default; } .SelectMenu-closeButton { - padding: $spacer-3; - margin: -$spacer-3; + padding: var(--base-size-16); + margin: calc(var(--base-size-16) * -1); line-height: 1; color: var(--fgColor-muted, var(--color-fg-muted)); background-color: transparent; border: 0; @include breakpoint(sm) { - padding: $spacer-2; + padding: var(--base-size-8); // stylelint-disable-next-line primer/spacing - margin: (-$spacer-2) (-7px); // Using -7px fixes a :focus glitch + margin: calc(var(--base-size-8) * -1) (-7px); // Using -7px fixes a :focus glitch } } @@ -142,12 +142,12 @@ $SelectMenu-max-height: 480px !default; // An input to filter a large list .SelectMenu-filter { - padding: $spacer-3; + padding: var(--base-size-16); margin: 0; border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); @include breakpoint(sm) { - padding: $spacer-2; + padding: var(--base-size-8); } } @@ -185,7 +185,7 @@ $SelectMenu-max-height: 480px !default; display: flex; align-items: center; width: 100%; - padding: $spacer-3; + padding: var(--base-size-16); overflow: hidden; color: var(--fgColor-default, var(--color-fg-default)); text-align: left; @@ -212,8 +212,8 @@ $SelectMenu-max-height: 480px !default; // Icon shown on the left of a list item. .SelectMenu-icon { - width: $spacer-3; // fixed width to make sure following content aligns - margin-right: $spacer-2; + width: var(--base-size-16); // fixed width to make sure following content aligns + margin-right: var(--base-size-8); flex-shrink: 0; } @@ -243,13 +243,13 @@ $SelectMenu-max-height: 480px !default; } @include breakpoint(sm) { - padding: $spacer-2 $spacer-2 0 $spacer-2; + padding: var(--base-size-8) var(--base-size-8) 0 var(--base-size-8); } } .SelectMenu-tab { flex: 1; - padding: $spacer-2 $spacer-3; + padding: var(--base-size-8) var(--base-size-16); font-size: $font-size-small; font-weight: $font-weight-semibold; color: var(--fgColor-muted, var(--color-fg-muted)); @@ -261,7 +261,7 @@ $SelectMenu-max-height: 480px !default; @include breakpoint(sm) { flex: none; - padding: $spacer-1 $spacer-3; + padding: var(--base-size-4) var(--base-size-16); border: $border-width $border-style transparent; border-bottom-width: 0; border-top-left-radius: $border-radius; @@ -289,7 +289,7 @@ $SelectMenu-max-height: 480px !default; .SelectMenu-message { // stylelint-disable-next-line primer/spacing - padding: 7px $spacer-3; + padding: 7px var(--base-size-16); text-align: center; background-color: var(--overlay-bgColor, var(--color-canvas-overlay)); border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); @@ -301,7 +301,7 @@ $SelectMenu-max-height: 480px !default; .SelectMenu-blankslate, .SelectMenu-loading { - padding: $spacer-4 $spacer-3; + padding: var(--base-size-24) var(--base-size-16); text-align: center; background-color: var(--overlay-bgColor, var(--color-canvas-overlay)); } @@ -311,7 +311,7 @@ $SelectMenu-max-height: 480px !default; // Can be used to divide the list into multiple groups .SelectMenu-divider { - padding: $spacer-1 $spacer-3; + padding: var(--base-size-4) var(--base-size-16); margin: 0; font-size: $font-size-small; font-weight: $font-weight-semibold; @@ -336,7 +336,7 @@ $SelectMenu-max-height: 480px !default; .SelectMenu-footer { z-index: 0; // Avoid top border from getting covered by the negative margin of the list - padding: $spacer-2 $spacer-3; + padding: var(--base-size-8) var(--base-size-16); font-size: $font-size-small; color: var(--fgColor-muted, var(--color-fg-muted)); text-align: center; @@ -344,7 +344,7 @@ $SelectMenu-max-height: 480px !default; @include breakpoint(sm) { // stylelint-disable-next-line primer/spacing - padding: 7px $spacer-3; + padding: 7px var(--base-size-16); } } @@ -361,7 +361,7 @@ $SelectMenu-max-height: 480px !default; @include breakpoint(sm) { height: auto; max-height: $SelectMenu-max-height; - margin-top: $spacer-2; + margin-top: var(--base-size-8); } } } diff --git a/src/support/mixins/misc.scss b/src/support/mixins/misc.scss index 0a59b7a81c..c9d273892f 100644 --- a/src/support/mixins/misc.scss +++ b/src/support/mixins/misc.scss @@ -3,9 +3,10 @@ &::after, &::before { position: absolute; + // stylelint-disable-next-line primer/spacing top: 11px; right: 100%; - left: -8px; + left: calc(var(--base-size-8) * -1); display: block; width: 8px; height: 16px; diff --git a/src/toasts/toasts.scss b/src/toasts/toasts.scss index 7bec315b26..bbc30c993a 100644 --- a/src/toasts/toasts.scss +++ b/src/toasts/toasts.scss @@ -2,7 +2,7 @@ .Toast { display: flex; - margin: $spacer-2; + margin: var(--base-size-8); color: var(--fgColor-default, var(--color-fg-default)); background-color: var(--bgColor-default, var(--color-canvas-default)); border-radius: $border-radius; @@ -11,7 +11,7 @@ @include breakpoint(sm) { width: max-content; max-width: 450px; - margin: $spacer-3; + margin: var(--base-size-16); } } @@ -19,7 +19,7 @@ display: flex; align-items: center; justify-content: center; - width: $spacer-3 * 3; + width: calc(var(--base-size-16) * 3); flex-shrink: 0; color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis)); background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis)); @@ -30,12 +30,12 @@ } .Toast-content { - padding: $spacer-3; + padding: var(--base-size-16); } .Toast-dismissButton { max-height: 54px; // keeps button aligned to the top - padding: $spacer-3; + padding: var(--base-size-16); color: inherit; background-color: transparent; border: 0; diff --git a/src/tooltips/tooltips.scss b/src/tooltips/tooltips.scss index c201ac2e05..36f1c19e96 100644 --- a/src/tooltips/tooltips.scss +++ b/src/tooltips/tooltips.scss @@ -86,12 +86,12 @@ &::after { right: auto; left: 50%; - margin-left: -$spacer-3; + margin-left: calc(var(--base-size-16) * -1); } } .tooltipped-sw::after { - margin-right: -$spacer-3; + margin-right: calc(var(--base-size-16) * -1); } // Tooltips above the object @@ -109,12 +109,12 @@ &::after { right: auto; left: 50%; - margin-left: -$spacer-3; + margin-left: calc(var(--base-size-16) * -1); } } .tooltipped-nw::after { - margin-right: -$spacer-3; + margin-right: calc(var(--base-size-16) * -1); } // Move the tooltip body to the center of the object. diff --git a/src/utilities/padding.scss b/src/utilities/padding.scss index 470f08588e..c81b4e2cb9 100644 --- a/src/utilities/padding.scss +++ b/src/utilities/padding.scss @@ -40,16 +40,16 @@ // responsive padding for containers .p-responsive { - padding-right: var(--base-size-16, $spacer-3) !important; - padding-left: var(--base-size-16, $spacer-3) !important; + padding-right: var(--base-size-16) !important; + padding-left: var(--base-size-16) !important; @include breakpoint(sm) { - padding-right: var(--base-size-40, $spacer-6) !important; - padding-left: var(--base-size-40, $spacer-6) !important; + padding-right: var(--base-size-40) !important; + padding-left: var(--base-size-40) !important; } @include breakpoint(lg) { - padding-right: var(--base-size-16, $spacer-3) !important; - padding-left: var(--base-size-16, $spacer-3) !important; + padding-right: var(--base-size-16) !important; + padding-left: var(--base-size-16) !important; } } diff --git a/stylelint.config.cjs b/stylelint.config.cjs index ec4be25ef2..8605b2ef15 100644 --- a/stylelint.config.cjs +++ b/stylelint.config.cjs @@ -1,13 +1,5 @@ module.exports = { extends: ['@primer/stylelint-config'], ignoreFiles: ['**/*.js', '**/*.cjs'], - rules: { - 'primer/no-override': false, - 'primer/no-deprecated-colors': [ - true, - { - inlineFallback: true, - }, - ], - }, + rules: {} }