From fb6ad9acabd2302e497c7c8d2a17e03ffb47099c Mon Sep 17 00:00:00 2001 From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com> Date: Mon, 3 Jul 2023 09:23:38 +0200 Subject: [PATCH] Bump stylelint to ^15.6.1 (#36351) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Michał Dudak --- .stylelintrc.js | 18 +- .../button/UnstyledButtonsDisabledFocus.js | 4 +- .../button/UnstyledButtonsDisabledFocus.tsx | 4 +- .../UnstyledButtonsDisabledFocusCustom.js | 4 +- .../UnstyledButtonsDisabledFocusCustom.tsx | 4 +- .../UnstyledButtonsSimple/system/index.js | 4 +- .../UnstyledButtonsSimple/system/index.tsx | 4 +- .../components/button/UnstyledButtonsSpan.js | 4 +- .../components/button/UnstyledButtonsSpan.tsx | 4 +- docs/data/base/components/button/UseButton.js | 4 +- .../data/base/components/button/UseButton.tsx | 4 +- .../form-control/BasicFormControl.js | 4 +- .../form-control/BasicFormControl.tsx | 4 +- .../form-control/FormControlFunctionChild.js | 2 +- .../form-control/FormControlFunctionChild.tsx | 2 +- .../base/components/modal/KeepMountedModal.js | 7 +- .../components/modal/KeepMountedModal.tsx | 7 +- .../base/components/modal/ModalUnstyled.js | 12 +- .../base/components/modal/ModalUnstyled.tsx | 12 +- .../data/base/components/modal/NestedModal.js | 12 +- .../base/components/modal/NestedModal.tsx | 12 +- .../data/base/components/modal/ServerModal.js | 7 +- .../base/components/modal/ServerModal.tsx | 7 +- .../data/base/components/modal/SpringModal.js | 12 +- .../base/components/modal/SpringModal.tsx | 12 +- .../base/components/modal/TransitionsModal.js | 12 +- .../components/modal/TransitionsModal.tsx | 12 +- .../select/UnstyledSelectObjectValuesForm.js | 2 +- .../select/UnstyledSelectObjectValuesForm.tsx | 2 +- .../components/snackbar/UnstyledSnackbar.js | 4 +- .../components/snackbar/UnstyledSnackbar.tsx | 4 +- .../base/components/snackbar/UseSnackbar.js | 4 +- .../base/components/snackbar/UseSnackbar.tsx | 4 +- .../components/switch/UseSwitchesBasic.js | 2 +- .../components/switch/UseSwitchesBasic.tsx | 2 +- .../components/switch/UseSwitchesCustom.js | 7 + .../components/switch/UseSwitchesCustom.tsx | 7 + .../components/tabs/KeyboardNavigation.js | 4 +- .../components/tabs/KeyboardNavigation.tsx | 4 +- .../components/tabs/UnstyledTabsCustomized.js | 6 +- .../tabs/UnstyledTabsCustomized.tsx | 6 +- .../tabs/UnstyledTabsIntroduction.js | 4 +- .../tabs/UnstyledTabsIntroduction.tsx | 4 +- .../components/tabs/UnstyledTabsRouting.js | 4 +- .../components/tabs/UnstyledTabsRouting.tsx | 4 +- .../components/tabs/UnstyledTabsVertical.js | 4 +- .../components/tabs/UnstyledTabsVertical.tsx | 4 +- .../customization/StylingHooks.js | 4 +- .../customization/StylingHooks.tsx | 4 +- .../customization/StylingSlots.js | 4 +- .../customization/StylingSlots.tsx | 4 +- .../StylingSlotsSingleComponent.js | 4 +- .../StylingSlotsSingleComponent.tsx | 4 +- docs/pages/experiments/base/tabs.tsx | 4 +- package.json | 7 +- yarn.lock | 387 ++++++------------ 56 files changed, 271 insertions(+), 427 deletions(-) diff --git a/.stylelintrc.js b/.stylelintrc.js index 90e28d4802339a..5ca7d8af49ca68 100644 --- a/.stylelintrc.js +++ b/.stylelintrc.js @@ -1,5 +1,4 @@ module.exports = { - processors: ['stylelint-processor-styled-components'], extends: 'stylelint-config-standard', ignoreFiles: [ // TypeScript declaration files contain no styles. @@ -7,14 +6,21 @@ module.exports = { '**/*.d.ts', ], rules: { - 'value-no-vendor-prefix': true, - 'property-no-vendor-prefix': true, + 'alpha-value-notation': null, + 'declaration-colon-newline-after': null, + 'function-parentheses-newline-inside': null, // not compatible with prettier + 'media-feature-range-notation': null, 'no-empty-source': null, 'no-missing-end-of-source-newline': null, - 'declaration-colon-newline-after': null, + 'selector-class-pattern': null, + 'string-no-newline': null, // not compatible with prettier 'value-keyword-case': null, 'value-list-comma-newline-after': null, // not compatible with prettier - 'function-parentheses-newline-inside': null, // not compatible with prettier - 'string-no-newline': null, // not compatible with prettier }, + overrides: [ + { + files: ['**/*.js', '**/*.cjs', '**/*.mjs', '**/*.jsx', '**/*.ts', '**/*.tsx'], + customSyntax: 'postcss-styled-syntax', + }, + ], }; diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js index 77600931db4498..fcef30886eefef 100644 --- a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js +++ b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.js @@ -21,7 +21,7 @@ const blue = { }; const CustomButton = styled(Button)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; line-height: 1.5rem; background-color: ${blue[500]}; @@ -42,7 +42,7 @@ const CustomButton = styled(Button)` } &.${buttonClasses.focusVisible} { - box-shadow: 0 4px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5); + box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5); outline: none; } diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx index 77600931db4498..fcef30886eefef 100644 --- a/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx +++ b/docs/data/base/components/button/UnstyledButtonsDisabledFocus.tsx @@ -21,7 +21,7 @@ const blue = { }; const CustomButton = styled(Button)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; line-height: 1.5rem; background-color: ${blue[500]}; @@ -42,7 +42,7 @@ const CustomButton = styled(Button)` } &.${buttonClasses.focusVisible} { - box-shadow: 0 4px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5); + box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5); outline: none; } diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js b/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js index 7a690b9a5fdbe2..bca66332bc6b0e 100644 --- a/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js +++ b/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.js @@ -23,7 +23,7 @@ const blue = { }; const CustomButton = styled(Button)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; line-height: 1.5rem; background-color: ${blue[500]}; @@ -44,7 +44,7 @@ const CustomButton = styled(Button)` } &.${buttonClasses.focusVisible} { - box-shadow: 0 4px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5); + box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5); outline: none; } diff --git a/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.tsx b/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.tsx index 91bba670082aab..dceb920210208e 100644 --- a/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.tsx +++ b/docs/data/base/components/button/UnstyledButtonsDisabledFocusCustom.tsx @@ -24,7 +24,7 @@ const blue = { }; const CustomButton = styled(Button)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; line-height: 1.5rem; background-color: ${blue[500]}; @@ -45,7 +45,7 @@ const CustomButton = styled(Button)` } &.${buttonClasses.focusVisible} { - box-shadow: 0 4px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5); + box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5); outline: none; } diff --git a/docs/data/base/components/button/UnstyledButtonsSimple/system/index.js b/docs/data/base/components/button/UnstyledButtonsSimple/system/index.js index c6595237681e43..b85cf52fb194ec 100644 --- a/docs/data/base/components/button/UnstyledButtonsSimple/system/index.js +++ b/docs/data/base/components/button/UnstyledButtonsSimple/system/index.js @@ -19,7 +19,7 @@ const blue = { }; const CustomButton = styled(Button)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; line-height: 1.5rem; background-color: ${blue[500]}; @@ -40,7 +40,7 @@ const CustomButton = styled(Button)` } &.${buttonClasses.focusVisible} { - box-shadow: 0 4px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5); + box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5); outline: none; } diff --git a/docs/data/base/components/button/UnstyledButtonsSimple/system/index.tsx b/docs/data/base/components/button/UnstyledButtonsSimple/system/index.tsx index c6595237681e43..b85cf52fb194ec 100644 --- a/docs/data/base/components/button/UnstyledButtonsSimple/system/index.tsx +++ b/docs/data/base/components/button/UnstyledButtonsSimple/system/index.tsx @@ -19,7 +19,7 @@ const blue = { }; const CustomButton = styled(Button)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; line-height: 1.5rem; background-color: ${blue[500]}; @@ -40,7 +40,7 @@ const CustomButton = styled(Button)` } &.${buttonClasses.focusVisible} { - box-shadow: 0 4px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5); + box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5); outline: none; } diff --git a/docs/data/base/components/button/UnstyledButtonsSpan.js b/docs/data/base/components/button/UnstyledButtonsSpan.js index f84a48b49019ce..db5e44d4dadf52 100644 --- a/docs/data/base/components/button/UnstyledButtonsSpan.js +++ b/docs/data/base/components/button/UnstyledButtonsSpan.js @@ -21,7 +21,7 @@ const blue = { }; const CustomButton = styled(Button)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; line-height: 1.5rem; background-color: ${blue[500]}; @@ -42,7 +42,7 @@ const CustomButton = styled(Button)` } &.${buttonClasses.focusVisible} { - box-shadow: 0 4px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5); + box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5); outline: none; } diff --git a/docs/data/base/components/button/UnstyledButtonsSpan.tsx b/docs/data/base/components/button/UnstyledButtonsSpan.tsx index e0730e2e1a5eed..9a2fe44443e56c 100644 --- a/docs/data/base/components/button/UnstyledButtonsSpan.tsx +++ b/docs/data/base/components/button/UnstyledButtonsSpan.tsx @@ -22,7 +22,7 @@ const blue = { }; const CustomButton = styled(Button)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; line-height: 1.5rem; background-color: ${blue[500]}; @@ -43,7 +43,7 @@ const CustomButton = styled(Button)` } &.${buttonClasses.focusVisible} { - box-shadow: 0 4px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5); + box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5); outline: none; } diff --git a/docs/data/base/components/button/UseButton.js b/docs/data/base/components/button/UseButton.js index 63d685d1c5745b..941624954e9011 100644 --- a/docs/data/base/components/button/UseButton.js +++ b/docs/data/base/components/button/UseButton.js @@ -51,7 +51,7 @@ const blue = { }; const CustomButtonRoot = styled('button')` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; line-height: 1.5rem; background-color: ${blue[500]}; @@ -72,7 +72,7 @@ const CustomButtonRoot = styled('button')` } &.focusVisible { - box-shadow: 0 4px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5); + box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5); outline: none; } diff --git a/docs/data/base/components/button/UseButton.tsx b/docs/data/base/components/button/UseButton.tsx index f656200493d430..68b342fd40caf6 100644 --- a/docs/data/base/components/button/UseButton.tsx +++ b/docs/data/base/components/button/UseButton.tsx @@ -44,7 +44,7 @@ const blue = { }; const CustomButtonRoot = styled('button')` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; line-height: 1.5rem; background-color: ${blue[500]}; @@ -65,7 +65,7 @@ const CustomButtonRoot = styled('button')` } &.focusVisible { - box-shadow: 0 4px 20px 0 rgba(61, 71, 82, 0.1), 0 0 0 5px rgba(0, 127, 255, 0.5); + box-shadow: 0 4px 20px 0 rgb(61 71 82 / 0.1), 0 0 0 5px rgb(0 127 255 / 0.5); outline: none; } diff --git a/docs/data/base/components/form-control/BasicFormControl.js b/docs/data/base/components/form-control/BasicFormControl.js index 25a7666c0477d9..0c412017ef8a3c 100644 --- a/docs/data/base/components/form-control/BasicFormControl.js +++ b/docs/data/base/components/form-control/BasicFormControl.js @@ -65,7 +65,7 @@ const Label = styled(({ children, className }) => {

); })` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; margin-bottom: 4px; @@ -93,7 +93,7 @@ const HelperText = styled((props) => { return showRequiredError ?

This field is required.

: null; })` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; `; diff --git a/docs/data/base/components/form-control/BasicFormControl.tsx b/docs/data/base/components/form-control/BasicFormControl.tsx index bc547fc77d6a50..e1ddc2ccdf54b4 100644 --- a/docs/data/base/components/form-control/BasicFormControl.tsx +++ b/docs/data/base/components/form-control/BasicFormControl.tsx @@ -67,7 +67,7 @@ const Label = styled( ); }, )` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; margin-bottom: 4px; @@ -95,7 +95,7 @@ const HelperText = styled((props: {}) => { return showRequiredError ?

This field is required.

: null; })` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; `; diff --git a/docs/data/base/components/form-control/FormControlFunctionChild.js b/docs/data/base/components/form-control/FormControlFunctionChild.js index 1a7a267ad888fa..d1ebe16896c0b4 100644 --- a/docs/data/base/components/form-control/FormControlFunctionChild.js +++ b/docs/data/base/components/form-control/FormControlFunctionChild.js @@ -53,7 +53,7 @@ const OkMark = styled('span')` margin-left: 8px; margin-top: 10px; position: absolute; - color: rgba(125, 200, 0, 1); + color: rgb(125 200 0 / 1); `; const blue = { diff --git a/docs/data/base/components/form-control/FormControlFunctionChild.tsx b/docs/data/base/components/form-control/FormControlFunctionChild.tsx index 7c159bc52411e4..a42ab1604230ae 100644 --- a/docs/data/base/components/form-control/FormControlFunctionChild.tsx +++ b/docs/data/base/components/form-control/FormControlFunctionChild.tsx @@ -53,7 +53,7 @@ const OkMark = styled('span')` margin-left: 8px; margin-top: 10px; position: absolute; - color: rgba(125, 200, 0, 1); + color: rgb(125 200 0 / 1); `; const blue = { diff --git a/docs/data/base/components/modal/KeepMountedModal.js b/docs/data/base/components/modal/KeepMountedModal.js index a666a4d5abfd72..d2bf2ec2e99245 100644 --- a/docs/data/base/components/modal/KeepMountedModal.js +++ b/docs/data/base/components/modal/KeepMountedModal.js @@ -84,11 +84,8 @@ const StyledModal = styled(Modal)(` const StyledBackdrop = styled(Backdrop)` z-index: -1; position: fixed; - right: 0; - bottom: 0; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); + inset: 0; + background-color: rgb(0 0 0 / 0.5); -webkit-tap-highlight-color: transparent; `; diff --git a/docs/data/base/components/modal/KeepMountedModal.tsx b/docs/data/base/components/modal/KeepMountedModal.tsx index 52690a41f5a900..08f72017477712 100644 --- a/docs/data/base/components/modal/KeepMountedModal.tsx +++ b/docs/data/base/components/modal/KeepMountedModal.tsx @@ -81,11 +81,8 @@ const StyledModal = styled(Modal)(` const StyledBackdrop = styled(Backdrop)` z-index: -1; position: fixed; - right: 0; - bottom: 0; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); + inset: 0; + background-color: rgb(0 0 0 / 0.5); -webkit-tap-highlight-color: transparent; `; diff --git a/docs/data/base/components/modal/ModalUnstyled.js b/docs/data/base/components/modal/ModalUnstyled.js index 420ecd61fd2618..4e017f3f6cd8d9 100644 --- a/docs/data/base/components/modal/ModalUnstyled.js +++ b/docs/data/base/components/modal/ModalUnstyled.js @@ -68,10 +68,7 @@ const grey = { const StyledModal = styled(Modal)` position: fixed; z-index: 1300; - right: 0; - bottom: 0; - top: 0; - left: 0; + inset: 0; display: flex; align-items: center; justify-content: center; @@ -80,11 +77,8 @@ const StyledModal = styled(Modal)` const StyledBackdrop = styled(Backdrop)` z-index: -1; position: fixed; - right: 0; - bottom: 0; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); + inset: 0; + background-color: rgb(0 0 0 / 0.5); -webkit-tap-highlight-color: transparent; `; diff --git a/docs/data/base/components/modal/ModalUnstyled.tsx b/docs/data/base/components/modal/ModalUnstyled.tsx index 37b6ac03b9cf9c..ffc232cbcd39e4 100644 --- a/docs/data/base/components/modal/ModalUnstyled.tsx +++ b/docs/data/base/components/modal/ModalUnstyled.tsx @@ -65,10 +65,7 @@ const grey = { const StyledModal = styled(Modal)` position: fixed; z-index: 1300; - right: 0; - bottom: 0; - top: 0; - left: 0; + inset: 0; display: flex; align-items: center; justify-content: center; @@ -77,11 +74,8 @@ const StyledModal = styled(Modal)` const StyledBackdrop = styled(Backdrop)` z-index: -1; position: fixed; - right: 0; - bottom: 0; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); + inset: 0; + background-color: rgb(0 0 0 / 0.5); -webkit-tap-highlight-color: transparent; `; diff --git a/docs/data/base/components/modal/NestedModal.js b/docs/data/base/components/modal/NestedModal.js index d657b62b6e1d8e..c85961428461d9 100644 --- a/docs/data/base/components/modal/NestedModal.js +++ b/docs/data/base/components/modal/NestedModal.js @@ -105,10 +105,7 @@ const grey = { const StyledModal = styled(Modal)` position: fixed; z-index: 1300; - right: 0; - bottom: 0; - top: 0; - left: 0; + inset: 0; display: flex; align-items: center; justify-content: center; @@ -117,11 +114,8 @@ const StyledModal = styled(Modal)` const StyledBackdrop = styled(Backdrop)` z-index: -1; position: fixed; - right: 0; - bottom: 0; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); + inset: 0; + background-color: rgb(0 0 0 / 0.5); -webkit-tap-highlight-color: transparent; `; diff --git a/docs/data/base/components/modal/NestedModal.tsx b/docs/data/base/components/modal/NestedModal.tsx index eb97f181069a31..780ed243e62013 100644 --- a/docs/data/base/components/modal/NestedModal.tsx +++ b/docs/data/base/components/modal/NestedModal.tsx @@ -102,10 +102,7 @@ const grey = { const StyledModal = styled(Modal)` position: fixed; z-index: 1300; - right: 0; - bottom: 0; - top: 0; - left: 0; + inset: 0; display: flex; align-items: center; justify-content: center; @@ -114,11 +111,8 @@ const StyledModal = styled(Modal)` const StyledBackdrop = styled(Backdrop)` z-index: -1; position: fixed; - right: 0; - bottom: 0; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); + inset: 0; + background-color: rgb(0 0 0 / 0.5); -webkit-tap-highlight-color: transparent; `; diff --git a/docs/data/base/components/modal/ServerModal.js b/docs/data/base/components/modal/ServerModal.js index 315f2ba37ad266..c725f4db1dd177 100644 --- a/docs/data/base/components/modal/ServerModal.js +++ b/docs/data/base/components/modal/ServerModal.js @@ -43,16 +43,13 @@ export default function ServerModal() { const StyledModal = styled(Modal)` position: fixed; z-index: 1300; - right: 0; - bottom: 0; - top: 0; - left: 0; + inset: 0; display: flex; align-items: center; justify-content: center; padding: 8px; background: inherit; - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; `; const style = (theme) => ({ diff --git a/docs/data/base/components/modal/ServerModal.tsx b/docs/data/base/components/modal/ServerModal.tsx index 0d734ec01faffc..152189787132e6 100644 --- a/docs/data/base/components/modal/ServerModal.tsx +++ b/docs/data/base/components/modal/ServerModal.tsx @@ -43,16 +43,13 @@ export default function ServerModal() { const StyledModal = styled(Modal)` position: fixed; z-index: 1300; - right: 0; - bottom: 0; - top: 0; - left: 0; + inset: 0; display: flex; align-items: center; justify-content: center; padding: 8px; background: inherit; - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; `; const style = (theme: Theme) => ({ diff --git a/docs/data/base/components/modal/SpringModal.js b/docs/data/base/components/modal/SpringModal.js index 5050b05740882c..f71a1eb74ac496 100644 --- a/docs/data/base/components/modal/SpringModal.js +++ b/docs/data/base/components/modal/SpringModal.js @@ -46,10 +46,7 @@ Backdrop.propTypes = { const StyledModal = styled(Modal)` position: fixed; z-index: 1300; - right: 0; - bottom: 0; - top: 0; - left: 0; + inset: 0; display: flex; align-items: center; justify-content: center; @@ -58,11 +55,8 @@ const StyledModal = styled(Modal)` const StyledBackdrop = styled(Backdrop)` z-index: -1; position: fixed; - right: 0; - bottom: 0; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); + inset: 0; + background-color: rgb(0 0 0 / 0.5); -webkit-tap-highlight-color: transparent; `; diff --git a/docs/data/base/components/modal/SpringModal.tsx b/docs/data/base/components/modal/SpringModal.tsx index 7f993cf6799120..dbfc33935fbd10 100644 --- a/docs/data/base/components/modal/SpringModal.tsx +++ b/docs/data/base/components/modal/SpringModal.tsx @@ -44,10 +44,7 @@ const Backdrop = React.forwardRef< const StyledModal = styled(Modal)` position: fixed; z-index: 1300; - right: 0; - bottom: 0; - top: 0; - left: 0; + inset: 0; display: flex; align-items: center; justify-content: center; @@ -56,11 +53,8 @@ const StyledModal = styled(Modal)` const StyledBackdrop = styled(Backdrop)` z-index: -1; position: fixed; - right: 0; - bottom: 0; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); + inset: 0; + background-color: rgb(0 0 0 / 0.5); -webkit-tap-highlight-color: transparent; `; diff --git a/docs/data/base/components/modal/TransitionsModal.js b/docs/data/base/components/modal/TransitionsModal.js index c228744a46ac07..58d92cc040a690 100644 --- a/docs/data/base/components/modal/TransitionsModal.js +++ b/docs/data/base/components/modal/TransitionsModal.js @@ -69,10 +69,7 @@ const grey = { const StyledModal = styled(Modal)` position: fixed; z-index: 1300; - right: 0; - bottom: 0; - top: 0; - left: 0; + inset: 0; display: flex; align-items: center; justify-content: center; @@ -81,11 +78,8 @@ const StyledModal = styled(Modal)` const StyledBackdrop = styled(Backdrop)` z-index: -1; position: fixed; - right: 0; - bottom: 0; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); + inset: 0; + background-color: rgb(0 0 0 / 0.5); -webkit-tap-highlight-color: transparent; `; diff --git a/docs/data/base/components/modal/TransitionsModal.tsx b/docs/data/base/components/modal/TransitionsModal.tsx index c9d6b0e21eb54c..81d795f858ad4f 100644 --- a/docs/data/base/components/modal/TransitionsModal.tsx +++ b/docs/data/base/components/modal/TransitionsModal.tsx @@ -66,10 +66,7 @@ const grey = { const StyledModal = styled(Modal)` position: fixed; z-index: 1300; - right: 0; - bottom: 0; - top: 0; - left: 0; + inset: 0; display: flex; align-items: center; justify-content: center; @@ -78,11 +75,8 @@ const StyledModal = styled(Modal)` const StyledBackdrop = styled(Backdrop)` z-index: -1; position: fixed; - right: 0; - bottom: 0; - top: 0; - left: 0; - background-color: rgba(0, 0, 0, 0.5); + inset: 0; + background-color: rgb(0 0 0 / 0.5); -webkit-tap-highlight-color: transparent; `; diff --git a/docs/data/base/components/select/UnstyledSelectObjectValuesForm.js b/docs/data/base/components/select/UnstyledSelectObjectValuesForm.js index f014070c6e73a1..498f821faac1c9 100644 --- a/docs/data/base/components/select/UnstyledSelectObjectValuesForm.js +++ b/docs/data/base/components/select/UnstyledSelectObjectValuesForm.js @@ -242,7 +242,7 @@ const Label = styled('label')( ); const Button = styled('button')` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-weight: bold; font-size: 0.875rem; background-color: ${blue[500]}; diff --git a/docs/data/base/components/select/UnstyledSelectObjectValuesForm.tsx b/docs/data/base/components/select/UnstyledSelectObjectValuesForm.tsx index bffabf787c37f7..b28d74f463427c 100644 --- a/docs/data/base/components/select/UnstyledSelectObjectValuesForm.tsx +++ b/docs/data/base/components/select/UnstyledSelectObjectValuesForm.tsx @@ -235,7 +235,7 @@ const Label = styled('label')( ); const Button = styled('button')` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-weight: bold; font-size: 0.875rem; background-color: ${blue[500]}; diff --git a/docs/data/base/components/snackbar/UnstyledSnackbar.js b/docs/data/base/components/snackbar/UnstyledSnackbar.js index 1858614fc1c3f6..b65c205709c831 100644 --- a/docs/data/base/components/snackbar/UnstyledSnackbar.js +++ b/docs/data/base/components/snackbar/UnstyledSnackbar.js @@ -99,11 +99,11 @@ const StyledSnackbar = styled(Snackbar)( border-radius: 8px; border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]}; box-shadow: ${theme.palette.mode === 'dark' - ? `0 2px 8px rgba(0,0,0,0.5)` + ? `0 2px 8px rgb(0 0 0 / 0.5)` : `0 2px 8px ${grey[200]}`}; padding: 0.75rem; color: ${theme.palette.mode === 'dark' ? grey[50] : grey[900]}; - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-weight: 600; animation: ${snackbarInRight} 200ms; transition: transform 0.2s ease-out; diff --git a/docs/data/base/components/snackbar/UnstyledSnackbar.tsx b/docs/data/base/components/snackbar/UnstyledSnackbar.tsx index c52a3257926baa..ea1965d0543dcc 100644 --- a/docs/data/base/components/snackbar/UnstyledSnackbar.tsx +++ b/docs/data/base/components/snackbar/UnstyledSnackbar.tsx @@ -100,11 +100,11 @@ const StyledSnackbar = styled(Snackbar)( border-radius: 8px; border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]}; box-shadow: ${theme.palette.mode === 'dark' - ? `0 2px 8px rgba(0,0,0,0.5)` + ? `0 2px 8px rgb(0 0 0 / 0.5)` : `0 2px 8px ${grey[200]}`}; padding: 0.75rem; color: ${theme.palette.mode === 'dark' ? grey[50] : grey[900]}; - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-weight: 600; animation: ${snackbarInRight} 200ms; transition: transform 0.2s ease-out; diff --git a/docs/data/base/components/snackbar/UseSnackbar.js b/docs/data/base/components/snackbar/UseSnackbar.js index 49cca9e35012c1..b8a08f1a5b83f0 100644 --- a/docs/data/base/components/snackbar/UseSnackbar.js +++ b/docs/data/base/components/snackbar/UseSnackbar.js @@ -104,11 +104,11 @@ const CustomSnackbar = styled('div')( border-radius: 8px; border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]}; box-shadow: ${theme.palette.mode === 'dark' - ? `0 2px 8px rgba(0,0,0,0.5)` + ? `0 2px 8px rgb(0 0 0 / 0.5)` : `0 2px 8px ${grey[200]}`}; padding: 0.75rem; color: ${theme.palette.mode === 'dark' ? grey[50] : grey[900]}; - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-weight: 600; animation: ${snackbarInRight} 200ms; transition: transform 0.2s ease-out; diff --git a/docs/data/base/components/snackbar/UseSnackbar.tsx b/docs/data/base/components/snackbar/UseSnackbar.tsx index 49cca9e35012c1..b8a08f1a5b83f0 100644 --- a/docs/data/base/components/snackbar/UseSnackbar.tsx +++ b/docs/data/base/components/snackbar/UseSnackbar.tsx @@ -104,11 +104,11 @@ const CustomSnackbar = styled('div')( border-radius: 8px; border: 1px solid ${theme.palette.mode === 'dark' ? grey[700] : grey[200]}; box-shadow: ${theme.palette.mode === 'dark' - ? `0 2px 8px rgba(0,0,0,0.5)` + ? `0 2px 8px rgb(0 0 0 / 0.5)` : `0 2px 8px ${grey[200]}`}; padding: 0.75rem; color: ${theme.palette.mode === 'dark' ? grey[50] : grey[900]}; - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-weight: 600; animation: ${snackbarInRight} 200ms; transition: transform 0.2s ease-out; diff --git a/docs/data/base/components/switch/UseSwitchesBasic.js b/docs/data/base/components/switch/UseSwitchesBasic.js index 5d1536a35b073b..dc01b6e15f5854 100644 --- a/docs/data/base/components/switch/UseSwitchesBasic.js +++ b/docs/data/base/components/switch/UseSwitchesBasic.js @@ -91,7 +91,7 @@ const BasicSwitchThumb = styled('span')` &.Switch-focusVisible { background-color: ${grey[500]}; - box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.25); + box-shadow: 0 0 1px 8px rgb(0 0 0 / 0.25); } &.Switch-checked { diff --git a/docs/data/base/components/switch/UseSwitchesBasic.tsx b/docs/data/base/components/switch/UseSwitchesBasic.tsx index b34431df6a9a8f..ecbf90aa5ae4f0 100644 --- a/docs/data/base/components/switch/UseSwitchesBasic.tsx +++ b/docs/data/base/components/switch/UseSwitchesBasic.tsx @@ -91,7 +91,7 @@ const BasicSwitchThumb = styled('span')` &.Switch-focusVisible { background-color: ${grey[500]}; - box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.25); + box-shadow: 0 0 1px 8px rgb(0 0 0 / 0.25); } &.Switch-checked { diff --git a/docs/data/base/components/switch/UseSwitchesCustom.js b/docs/data/base/components/switch/UseSwitchesCustom.js index cf64ab332d5b9b..71f25efbcf7b36 100644 --- a/docs/data/base/components/switch/UseSwitchesCustom.js +++ b/docs/data/base/components/switch/UseSwitchesCustom.js @@ -71,10 +71,14 @@ const SwitchThumb = styled('span')` content: ''; width: 100%; height: 100%; + + /* false positive: */ + /* stylelint-disable unit-no-unknown */ background: url('data:image/svg+xml;utf8,') center center no-repeat; + /* stylelint-enable unit-no-unknown */ } &.focusVisible { @@ -85,9 +89,12 @@ const SwitchThumb = styled('span')` transform: translateX(24px); &::before { + /* false positive: */ + /* stylelint-disable unit-no-unknown */ background-image: url('data:image/svg+xml;utf8,'); + /* stylelint-enable unit-no-unknown */ } } `; diff --git a/docs/data/base/components/switch/UseSwitchesCustom.tsx b/docs/data/base/components/switch/UseSwitchesCustom.tsx index 70690c85790874..bcd4ecbd546315 100644 --- a/docs/data/base/components/switch/UseSwitchesCustom.tsx +++ b/docs/data/base/components/switch/UseSwitchesCustom.tsx @@ -71,10 +71,14 @@ const SwitchThumb = styled('span')` content: ''; width: 100%; height: 100%; + + /* false positive: */ + /* stylelint-disable unit-no-unknown */ background: url('data:image/svg+xml;utf8,') center center no-repeat; + /* stylelint-enable unit-no-unknown */ } &.focusVisible { @@ -85,9 +89,12 @@ const SwitchThumb = styled('span')` transform: translateX(24px); &::before { + /* false positive: */ + /* stylelint-disable unit-no-unknown */ background-image: url('data:image/svg+xml;utf8,'); + /* stylelint-enable unit-no-unknown */ } } `; diff --git a/docs/data/base/components/tabs/KeyboardNavigation.js b/docs/data/base/components/tabs/KeyboardNavigation.js index 971bf922e3b594..adb9474e4970a1 100644 --- a/docs/data/base/components/tabs/KeyboardNavigation.js +++ b/docs/data/base/components/tabs/KeyboardNavigation.js @@ -60,7 +60,7 @@ const grey = { }; const StyledTab = styled(Tab)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; color: white; cursor: pointer; font-size: 0.875rem; @@ -68,7 +68,7 @@ const StyledTab = styled(Tab)` background-color: transparent; width: 100%; padding: 12px; - margin: 6px 6px; + margin: 6px; border: none; border-radius: 7px; display: flex; diff --git a/docs/data/base/components/tabs/KeyboardNavigation.tsx b/docs/data/base/components/tabs/KeyboardNavigation.tsx index 971bf922e3b594..adb9474e4970a1 100644 --- a/docs/data/base/components/tabs/KeyboardNavigation.tsx +++ b/docs/data/base/components/tabs/KeyboardNavigation.tsx @@ -60,7 +60,7 @@ const grey = { }; const StyledTab = styled(Tab)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; color: white; cursor: pointer; font-size: 0.875rem; @@ -68,7 +68,7 @@ const StyledTab = styled(Tab)` background-color: transparent; width: 100%; padding: 12px; - margin: 6px 6px; + margin: 6px; border: none; border-radius: 7px; display: flex; diff --git a/docs/data/base/components/tabs/UnstyledTabsCustomized.js b/docs/data/base/components/tabs/UnstyledTabsCustomized.js index c9183aef345a79..0c69d127ebb942 100644 --- a/docs/data/base/components/tabs/UnstyledTabsCustomized.js +++ b/docs/data/base/components/tabs/UnstyledTabsCustomized.js @@ -48,7 +48,7 @@ const grey = { }; const StyledTab = styled(Tab)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; color: white; cursor: pointer; font-size: 0.875rem; @@ -56,7 +56,7 @@ const StyledTab = styled(Tab)` background-color: transparent; width: 100%; padding: 12px; - margin: 6px 6px; + margin: 6px; border: none; border-radius: 7px; display: flex; @@ -84,7 +84,7 @@ const StyledTab = styled(Tab)` const StyledTabPanel = styled(TabPanel)` width: 100%; - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; `; diff --git a/docs/data/base/components/tabs/UnstyledTabsCustomized.tsx b/docs/data/base/components/tabs/UnstyledTabsCustomized.tsx index c9183aef345a79..0c69d127ebb942 100644 --- a/docs/data/base/components/tabs/UnstyledTabsCustomized.tsx +++ b/docs/data/base/components/tabs/UnstyledTabsCustomized.tsx @@ -48,7 +48,7 @@ const grey = { }; const StyledTab = styled(Tab)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; color: white; cursor: pointer; font-size: 0.875rem; @@ -56,7 +56,7 @@ const StyledTab = styled(Tab)` background-color: transparent; width: 100%; padding: 12px; - margin: 6px 6px; + margin: 6px; border: none; border-radius: 7px; display: flex; @@ -84,7 +84,7 @@ const StyledTab = styled(Tab)` const StyledTabPanel = styled(TabPanel)` width: 100%; - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; `; diff --git a/docs/data/base/components/tabs/UnstyledTabsIntroduction.js b/docs/data/base/components/tabs/UnstyledTabsIntroduction.js index c8ffcc0919fece..bf7fca7b5841a1 100644 --- a/docs/data/base/components/tabs/UnstyledTabsIntroduction.js +++ b/docs/data/base/components/tabs/UnstyledTabsIntroduction.js @@ -48,7 +48,7 @@ const grey = { }; const StyledTab = styled(Tab)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; color: #fff; cursor: pointer; font-size: 0.875rem; @@ -56,7 +56,7 @@ const StyledTab = styled(Tab)` background-color: transparent; width: 100%; padding: 10px 12px; - margin: 6px 6px; + margin: 6px; border: none; border-radius: 7px; display: flex; diff --git a/docs/data/base/components/tabs/UnstyledTabsIntroduction.tsx b/docs/data/base/components/tabs/UnstyledTabsIntroduction.tsx index c8ffcc0919fece..bf7fca7b5841a1 100644 --- a/docs/data/base/components/tabs/UnstyledTabsIntroduction.tsx +++ b/docs/data/base/components/tabs/UnstyledTabsIntroduction.tsx @@ -48,7 +48,7 @@ const grey = { }; const StyledTab = styled(Tab)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; color: #fff; cursor: pointer; font-size: 0.875rem; @@ -56,7 +56,7 @@ const StyledTab = styled(Tab)` background-color: transparent; width: 100%; padding: 10px 12px; - margin: 6px 6px; + margin: 6px; border: none; border-radius: 7px; display: flex; diff --git a/docs/data/base/components/tabs/UnstyledTabsRouting.js b/docs/data/base/components/tabs/UnstyledTabsRouting.js index 618e84517fd649..f194f133d922da 100644 --- a/docs/data/base/components/tabs/UnstyledTabsRouting.js +++ b/docs/data/base/components/tabs/UnstyledTabsRouting.js @@ -158,7 +158,7 @@ RouterLink.propTypes = { }; const StyledTab = styled(Tab)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; color: #fff; cursor: pointer; font-size: 0.875rem; @@ -167,7 +167,7 @@ const StyledTab = styled(Tab)` background-color: transparent; width: 100%; padding: 10px 12px; - margin: 6px 6px; + margin: 6px; border: none; border-radius: 7px; display: flex; diff --git a/docs/data/base/components/tabs/UnstyledTabsRouting.tsx b/docs/data/base/components/tabs/UnstyledTabsRouting.tsx index 4560694b43e76a..395657752f20a7 100644 --- a/docs/data/base/components/tabs/UnstyledTabsRouting.tsx +++ b/docs/data/base/components/tabs/UnstyledTabsRouting.tsx @@ -123,7 +123,7 @@ const RouterLink = React.forwardRef(function RouterLink( }); const StyledTab = styled(Tab)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; color: #fff; cursor: pointer; font-size: 0.875rem; @@ -132,7 +132,7 @@ const StyledTab = styled(Tab)` background-color: transparent; width: 100%; padding: 10px 12px; - margin: 6px 6px; + margin: 6px; border: none; border-radius: 7px; display: flex; diff --git a/docs/data/base/components/tabs/UnstyledTabsVertical.js b/docs/data/base/components/tabs/UnstyledTabsVertical.js index 9a4cb3062c47a2..4916b4d89919b1 100644 --- a/docs/data/base/components/tabs/UnstyledTabsVertical.js +++ b/docs/data/base/components/tabs/UnstyledTabsVertical.js @@ -48,7 +48,7 @@ const grey = { }; const StyledTab = styled(Tab)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; color: white; cursor: pointer; font-size: 0.875rem; @@ -88,7 +88,7 @@ const StyledTab = styled(Tab)` const StyledTabPanel = styled(TabPanel)` width: 100%; - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; `; diff --git a/docs/data/base/components/tabs/UnstyledTabsVertical.tsx b/docs/data/base/components/tabs/UnstyledTabsVertical.tsx index 9a4cb3062c47a2..4916b4d89919b1 100644 --- a/docs/data/base/components/tabs/UnstyledTabsVertical.tsx +++ b/docs/data/base/components/tabs/UnstyledTabsVertical.tsx @@ -48,7 +48,7 @@ const grey = { }; const StyledTab = styled(Tab)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; color: white; cursor: pointer; font-size: 0.875rem; @@ -88,7 +88,7 @@ const StyledTab = styled(Tab)` const StyledTabPanel = styled(TabPanel)` width: 100%; - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; font-size: 0.875rem; `; diff --git a/docs/data/base/getting-started/customization/StylingHooks.js b/docs/data/base/getting-started/customization/StylingHooks.js index 924ac77af3a189..6c30b6df38dfa7 100644 --- a/docs/data/base/getting-started/customization/StylingHooks.js +++ b/docs/data/base/getting-started/customization/StylingHooks.js @@ -48,8 +48,8 @@ const BasicSwitchThumb = styled('span')` transition: all 200ms ease; &.Switch-focusVisible { - background-color: rgba(255, 255, 255, 1); - box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.25); + background-color: rgb(255 255 255 / 1); + box-shadow: 0 0 1px 8px rgb(0 0 0 / 0.25); } &.Switch-checked { diff --git a/docs/data/base/getting-started/customization/StylingHooks.tsx b/docs/data/base/getting-started/customization/StylingHooks.tsx index 19b72236d936d2..2fac301e50dfe4 100644 --- a/docs/data/base/getting-started/customization/StylingHooks.tsx +++ b/docs/data/base/getting-started/customization/StylingHooks.tsx @@ -48,8 +48,8 @@ const BasicSwitchThumb = styled('span')` transition: all 200ms ease; &.Switch-focusVisible { - background-color: rgba(255, 255, 255, 1); - box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.25); + background-color: rgb(255 255 255 / 1); + box-shadow: 0 0 1px 8px rgb(0 0 0 / 0.25); } &.Switch-checked { diff --git a/docs/data/base/getting-started/customization/StylingSlots.js b/docs/data/base/getting-started/customization/StylingSlots.js index 387f66811e1a63..bec78e874a2b81 100644 --- a/docs/data/base/getting-started/customization/StylingSlots.js +++ b/docs/data/base/getting-started/customization/StylingSlots.js @@ -35,8 +35,8 @@ const Thumb = styled('span')` transition: all 200ms ease; .${switchClasses.focusVisible} & { - background-color: rgba(255, 255, 255, 1); - box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.25); + background-color: rgb(255 255 255 / 1); + box-shadow: 0 0 1px 8px rgb(0 0 0 / 0.25); } .${switchClasses.checked} > & { diff --git a/docs/data/base/getting-started/customization/StylingSlots.tsx b/docs/data/base/getting-started/customization/StylingSlots.tsx index 387f66811e1a63..bec78e874a2b81 100644 --- a/docs/data/base/getting-started/customization/StylingSlots.tsx +++ b/docs/data/base/getting-started/customization/StylingSlots.tsx @@ -35,8 +35,8 @@ const Thumb = styled('span')` transition: all 200ms ease; .${switchClasses.focusVisible} & { - background-color: rgba(255, 255, 255, 1); - box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.25); + background-color: rgb(255 255 255 / 1); + box-shadow: 0 0 1px 8px rgb(0 0 0 / 0.25); } .${switchClasses.checked} > & { diff --git a/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.js b/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.js index 2a3a9e40dff2a5..ca605765aab1bc 100644 --- a/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.js +++ b/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.js @@ -53,8 +53,8 @@ const StyledSwitch = styled(Switch)` } &.${switchClasses.focusVisible} .${switchClasses.thumb} { - background-color: rgba(255, 255, 255, 1); - box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.25); + background-color: rgb(255 255 255 / 1); + box-shadow: 0 0 1px 8px rgb(0 0 0 / 0.25); } `; diff --git a/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.tsx b/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.tsx index 2a3a9e40dff2a5..ca605765aab1bc 100644 --- a/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.tsx +++ b/docs/data/base/getting-started/customization/StylingSlotsSingleComponent.tsx @@ -53,8 +53,8 @@ const StyledSwitch = styled(Switch)` } &.${switchClasses.focusVisible} .${switchClasses.thumb} { - background-color: rgba(255, 255, 255, 1); - box-shadow: 0 0 1px 8px rgba(0, 0, 0, 0.25); + background-color: rgb(255 255 255 / 1); + box-shadow: 0 0 1px 8px rgb(0 0 0 / 0.25); } `; diff --git a/docs/pages/experiments/base/tabs.tsx b/docs/pages/experiments/base/tabs.tsx index cff24944073103..46572551f47b19 100644 --- a/docs/pages/experiments/base/tabs.tsx +++ b/docs/pages/experiments/base/tabs.tsx @@ -32,7 +32,7 @@ const grey = { }; const StyledTab = styled(Tab)` - font-family: IBM Plex Sans, sans-serif; + font-family: 'IBM Plex Sans', sans-serif; color: #fff; cursor: pointer; font-size: 0.875rem; @@ -40,7 +40,7 @@ const StyledTab = styled(Tab)` background-color: transparent; width: 100%; padding: 10px 12px; - margin: 6px 6px; + margin: 6px; border: none; border-radius: 7px; display: flex; diff --git a/package.json b/package.json index 8fd00039e89214..5317c3d280ee19 100644 --- a/package.json +++ b/package.json @@ -37,7 +37,7 @@ "jsonlint": "node ./scripts/jsonlint.mjs", "lint": "eslint . --cache --report-unused-disable-directives --ext .js,.ts,.tsx --max-warnings 0", "lint:ci": "eslint . --report-unused-disable-directives --ext .js,.ts,.tsx --max-warnings 0", - "stylelint": "stylelint --reportInvalidScopeDisables --reportNeedlessDisables docs/**/*.{js,ts,tsx}", + "stylelint": "stylelint --reportInvalidScopeDisables --reportNeedlessDisables \"docs/**/*.{js,ts,tsx}\"", "markdownlint": "markdownlint-cli2 \"**/*.md\"", "prettier": "pretty-quick --ignore-path .eslintignore", "prettier:all": "prettier --write . --ignore-path .eslintignore", @@ -171,6 +171,7 @@ "nx": "^15.9.4", "nyc": "^15.1.0", "piscina": "^3.2.0", + "postcss-styled-syntax": "^0.4.0", "prettier": "^2.8.8", "pretty-quick": "^3.1.3", "process": "^0.11.10", @@ -190,8 +191,8 @@ "rollup-plugin-terser": "^7.0.2", "serve": "^14.2.0", "sinon": "^15.2.0", - "stylelint": "^13.13.1", - "stylelint-config-standard": "^22.0.0", + "stylelint": "^15.9.0", + "stylelint-config-standard": "^33.0.0", "stylelint-processor-styled-components": "^1.10.0", "stylis": "^4.2.0", "stylis-plugin-rtl": "^2.1.1", diff --git a/yarn.lock b/yarn.lock index 8092f8ec8103b7..6c7e87c29840bc 100644 --- a/yarn.lock +++ b/yarn.lock @@ -192,7 +192,7 @@ resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.22.5.tgz#b1f6c86a02d85d2dd3368a2b67c09add8cd0c255" integrity sha512-4Jc/YuIaYqKnDDz892kPIledykKg12Aw1PYX5i/TY28anJtacvM1Rrr8wbieB9GfEJwlzqT0hUEao0CxEebiDA== -"@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.17.9", "@babel/core@^7.22.5", "@babel/core@^7.7.5": +"@babel/core@^7.12.3", "@babel/core@^7.13.16", "@babel/core@^7.22.5", "@babel/core@^7.7.5": version "7.22.5" resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.22.5.tgz#d67d9747ecf26ee7ecd3ebae1ee22225fe902a89" integrity sha512-SBuTAjg91A3eKOvD+bPEz3LlhHZRNu1nFOVts9lzDJTXshHTjII0BAtDS3Y2DAkdZdDKWVZGVwkDfc4Clxn1dg== @@ -1456,6 +1456,26 @@ dependencies: "@jridgewell/trace-mapping" "0.3.9" +"@csstools/css-parser-algorithms@^2.2.0": + version "2.2.0" + resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.2.0.tgz#1268b07196d1118296443aeff41bca27d94b0981" + integrity sha512-9BoQ/jSrPq4vv3b9jjLW+PNNv56KlDH5JMx5yASSNrCtvq70FCNZUjXRvbCeR9hYj9ZyhURtqpU/RFIgg6kiOw== + +"@csstools/css-tokenizer@^2.1.1": + version "2.1.1" + resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-2.1.1.tgz#07ae11a0a06365d7ec686549db7b729bc036528e" + integrity sha512-GbrTj2Z8MCTUv+52GE0RbFGM527xuXZ0Xa5g0Z+YN573uveS4G0qi6WNOMyz3yrFM/jaILTTwJ0+umx81EzqfA== + +"@csstools/media-query-list-parser@^2.1.0": + version "2.1.1" + resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.1.tgz#7c92053c957f188c35acb30c0678a90d460a4bb4" + integrity sha512-pUjtFbaKbiFNjJo8pprrIaXLvQvWIlwPiFnRI4sEnc4F0NIGTOsw8kaJSR3CmZAKEvV8QYckovgAnWQC0bgLLQ== + +"@csstools/selector-specificity@^2.2.0": + version "2.2.0" + resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz#2cbcf822bf3764c9658c4d2e568bd0c0cb748016" + integrity sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw== + "@definitelytyped/header-parser@^0.0.163", "@definitelytyped/header-parser@latest": version "0.0.163" resolved "https://registry.yarnpkg.com/@definitelytyped/header-parser/-/header-parser-0.0.163.tgz#fdf5589a048e89b2a2adbd33d5d3d78ecd2a2ec6" @@ -2916,21 +2936,6 @@ "@styled-system/core" "^5.1.2" "@styled-system/css" "^5.1.5" -"@stylelint/postcss-css-in-js@^0.37.2": - version "0.37.3" - resolved "https://registry.yarnpkg.com/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.37.3.tgz#d149a385e07ae365b0107314c084cb6c11adbf49" - integrity sha512-scLk3cSH1H9KggSniseb2KNAU5D9FWc3H7BxCSAIdtU9OWIyw0zkEZ9qEKHryRM+SExYXRKNb7tOOVNAsQ3iwg== - dependencies: - "@babel/core" "^7.17.9" - -"@stylelint/postcss-markdown@^0.36.2": - version "0.36.2" - resolved "https://registry.yarnpkg.com/@stylelint/postcss-markdown/-/postcss-markdown-0.36.2.tgz#0a540c4692f8dcdfc13c8e352c17e7bfee2bb391" - integrity sha512-2kGbqUVJUGE8dM+bMzXG/PYUWKkjLIkRLWNh39OaADkiabDRdw8ATFCgbMz5xdIcvwspPAluSL7uY+ZiTWdWmQ== - dependencies: - remark "^13.0.0" - unist-util-find-all-after "^3.0.2" - "@swc/helpers@0.5.1": version "0.5.1" resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.5.1.tgz#e9031491aa3f26bfcc974a67f48bd456c8a5357a" @@ -3736,7 +3741,7 @@ resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-5.60.0.tgz#3179962b28b4790de70e2344465ec97582ce2558" integrity sha512-ascOuoCpNZBccFVNJRSC6rPq4EmJ2NkuoKnd6LDNyAQmdDnziAtxbCGWCbefG1CNzmDvd05zO36AmB7H8RzKPA== -"@typescript-eslint/typescript-estree@5.60.0": +"@typescript-eslint/typescript-estree@5.60.0", "@typescript-eslint/typescript-estree@^5.47.0": version "5.60.0" resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-5.60.0.tgz#4ddf1a81d32a850de66642d9b3ad1e3254fb1600" integrity sha512-R43thAuwarC99SnvrBmh26tc7F6sPa2B3evkXp/8q954kYL6Ro56AwASYWtEEi+4j09GbiNAHqYwNNZuNlARGQ== @@ -4560,19 +4565,6 @@ autoprefixer@^10.4.14: picocolors "^1.0.0" postcss-value-parser "^4.2.0" -autoprefixer@^9.8.6: - version "9.8.8" - resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.8.tgz#fd4bd4595385fa6f06599de749a4d5f7a474957a" - integrity sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA== - dependencies: - browserslist "^4.12.0" - caniuse-lite "^1.0.30001109" - normalize-range "^0.1.2" - num2fraction "^1.2.2" - picocolors "^0.2.1" - postcss "^7.0.32" - postcss-value-parser "^4.1.0" - autosuggest-highlight@^3.3.4: version "3.3.4" resolved "https://registry.yarnpkg.com/autosuggest-highlight/-/autosuggest-highlight-3.3.4.tgz#d71b575ba8eab40b5adba73df9244e9ba88cc387" @@ -4962,7 +4954,7 @@ browserify-zlib@^0.1.4: dependencies: pako "~0.2.0" -browserslist@^4.12.0, browserslist@^4.14.5, browserslist@^4.21.3, browserslist@^4.21.5: +browserslist@^4.14.5, browserslist@^4.21.3, browserslist@^4.21.5: version "4.21.5" resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.5.tgz#75c5dae60063ee641f977e00edd3cfb2fb7af6a7" integrity sha512-tUkiguQGW7S3IhB7N+c2MV/HZPSCPAAiYBZXLsBhFB/PCy6ZKKsZrmBayHV9fdGV/ARIfJ14NkxKzRDjvp7L6w== @@ -5255,7 +5247,7 @@ camelize@^1.0.0: resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.0.tgz#164a5483e630fa4321e5af07020e531831b2609b" integrity sha512-W2lPwkBkMZwFlPCXhIlYgxu+7gC/NUlCtdK652DAJ1JdgV0sTrvuPFshNPrFa1TY2JOkLhgdeEBplB4ezEa+xg== -caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464: +caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.30001449, caniuse-lite@^1.0.30001464: version "1.0.30001467" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001467.tgz#1afc9c16ed61f50dd87139da87ca43a3e0051c77" integrity sha512-cEdN/5e+RPikvl9AHm4uuLXxeCNq8rFsQ+lPHTfe/OtypP3WwnVVbjn+6uBV7PaFL6xUFzTh+sSCOz1rKhcO+Q== @@ -5588,13 +5580,6 @@ clone-deep@4.0.1, clone-deep@^4.0.1: kind-of "^6.0.2" shallow-clone "^3.0.0" -clone-regexp@^2.1.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/clone-regexp/-/clone-regexp-2.2.0.tgz#7d65e00885cd8796405c35a737e7a86b7429e36f" - integrity sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q== - dependencies: - is-regexp "^2.0.0" - clone-response@^1.0.2: version "1.0.3" resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.3.tgz#af2032aa47816399cf5f0a1d0db902f517abb8c3" @@ -5680,6 +5665,11 @@ color@^4.2.3: color-convert "^2.0.1" color-string "^1.9.0" +colord@^2.9.3: + version "2.9.3" + resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43" + integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw== + colorette@^2.0.14: version "2.0.19" resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.19.tgz#cdf044f47ad41a0f4b56b3a0d5b4e6e1a2d5a798" @@ -6140,6 +6130,11 @@ css-color-keywords@^1.0.0: resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05" integrity sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg== +css-functions-list@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/css-functions-list/-/css-functions-list-3.1.0.tgz#cf5b09f835ad91a00e5959bcfc627cd498e1321b" + integrity sha512-/9lCvYZaUbBGvYUgYGFJ4dcYiyqdhSjG7IPVluoV8A1ILjkF7ilmhp1OGUz8n+nmBcu0RNrQAzgD8B6FJbrt2w== + css-jss@10.10.0: version "10.10.0" resolved "https://registry.yarnpkg.com/css-jss/-/css-jss-10.10.0.tgz#bd51fbd255cc24597ac0f0f32368394794d37ef3" @@ -6193,6 +6188,14 @@ css-tree@^1.1.2, css-tree@^1.1.3: mdn-data "2.0.14" source-map "^0.6.1" +css-tree@^2.3.1: + version "2.3.1" + resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.3.1.tgz#10264ce1e5442e8572fc82fbe490644ff54b5c20" + integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw== + dependencies: + mdn-data "2.0.30" + source-map-js "^1.0.1" + css-unit-converter@^1.1.1: version "1.1.2" resolved "https://registry.yarnpkg.com/css-unit-converter/-/css-unit-converter-1.1.2.tgz#4c77f5a1954e6dbff60695ecb214e3270436ab21" @@ -6424,7 +6427,7 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3: dependencies: ms "2.0.0" -debug@4, debug@4.3.4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4, debug@~4.3.1, debug@~4.3.2: +debug@4, debug@4.3.4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.3, debug@^4.3.4, debug@~4.3.1, debug@~4.3.2: version "4.3.4" resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865" integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ== @@ -6735,14 +6738,6 @@ dom-serialize@^2.2.1: extend "^3.0.0" void-elements "^2.0.0" -dom-serializer@0: - version "0.2.2" - resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51" - integrity sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g== - dependencies: - domelementtype "^2.0.1" - entities "^2.0.0" - dom-serializer@^1.0.1: version "1.4.1" resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30" @@ -6761,11 +6756,6 @@ dom-serializer@^2.0.0: domhandler "^5.0.2" entities "^4.2.0" -domelementtype@1, domelementtype@^1.3.1: - version "1.3.1" - resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f" - integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w== - domelementtype@^2.0.1, domelementtype@^2.2.0, domelementtype@^2.3.0: version "2.3.0" resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d" @@ -6778,13 +6768,6 @@ domexception@^4.0.0: dependencies: webidl-conversions "^7.0.0" -domhandler@^2.3.0: - version "2.4.2" - resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-2.4.2.tgz#8805097e933d65e85546f726d60f5eb88b44f803" - integrity sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA== - dependencies: - domelementtype "1" - domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1: version "4.3.1" resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c" @@ -6799,14 +6782,6 @@ domhandler@^5.0.1, domhandler@^5.0.2, domhandler@^5.0.3: dependencies: domelementtype "^2.3.0" -domutils@^1.5.1: - version "1.7.0" - resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a" - integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg== - dependencies: - dom-serializer "0" - domelementtype "1" - domutils@^2.5.2, domutils@^2.8.0: version "2.8.0" resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135" @@ -7021,11 +6996,6 @@ ent@~2.2.0: resolved "https://registry.yarnpkg.com/ent/-/ent-2.2.0.tgz#e964219325a21d05f44466a2f686ed6ce5f5dd1d" integrity sha512-GHrMyVZQWvTIdDtpiEXdHZnFQKzeO09apj8Cbl4pKWy4i0Oprcq17usfDt5aO63swf0JOeMWjWQE/LzgSRuWpA== -entities@^1.1.1: - version "1.1.2" - resolved "https://registry.yarnpkg.com/entities/-/entities-1.1.2.tgz#bdfa735299664dfafd34529ed4f8522a275fea56" - integrity sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w== - entities@^2.0.0: version "2.2.0" resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55" @@ -7655,13 +7625,6 @@ execa@^5.0.0, execa@^5.1.1: signal-exit "^3.0.3" strip-final-newline "^2.0.0" -execall@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/execall/-/execall-2.0.0.tgz#16a06b5fe5099df7d00be5d9c06eecded1663b45" - integrity sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow== - dependencies: - clone-regexp "^2.1.0" - expand-brackets@^2.1.4: version "2.1.4" resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622" @@ -7806,7 +7769,7 @@ fast-glob@3.2.7: merge2 "^1.3.0" micromatch "^4.0.4" -fast-glob@^3.2.11, fast-glob@^3.2.12, fast-glob@^3.2.5, fast-glob@^3.2.9: +fast-glob@^3.2.11, fast-glob@^3.2.12, fast-glob@^3.2.9: version "3.2.12" resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80" integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w== @@ -7844,7 +7807,7 @@ fast-url-parser@1.1.3: dependencies: punycode "^1.3.2" -fastest-levenshtein@^1.0.12: +fastest-levenshtein@^1.0.12, fastest-levenshtein@^1.0.16: version "1.0.16" resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz#210e61b6ff181de91ea9b3d1b84fdedd47e034e5" integrity sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg== @@ -8347,11 +8310,6 @@ get-stdin@^6.0.0: resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b" integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g== -get-stdin@^8.0.0: - version "8.0.0" - resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-8.0.0.tgz#cbad6a73feb75f6eeb22ba9e01f89aa28aa97a53" - integrity sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg== - get-stream@6.0.0: version "6.0.0" resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.0.tgz#3e0012cb6827319da2706e601a1583e8629a6718" @@ -8577,7 +8535,7 @@ globals@^13.19.0: dependencies: type-fest "^0.20.2" -globby@11.1.0, globby@^11.0.3, globby@^11.1.0: +globby@11.1.0, globby@^11.1.0: version "11.1.0" resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b" integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g== @@ -8626,13 +8584,6 @@ gm@^1.25.0: cross-spawn "^4.0.0" debug "^3.1.0" -gonzales-pe@^4.3.0: - version "4.3.0" - resolved "https://registry.yarnpkg.com/gonzales-pe/-/gonzales-pe-4.3.0.tgz#fe9dec5f3c557eead09ff868c65826be54d067b3" - integrity sha512-otgSPpUmdWJ43VXyiNgEYE4luzHCL2pz4wQ0OnDluC6Eg4Ko3Vexy/SrSynglw/eR+OhkzmqFCZa/OFa/RgAOQ== - dependencies: - minimist "^1.2.5" - google-auth-library@^8.0.2, google-auth-library@^8.8.0: version "8.8.0" resolved "https://registry.yarnpkg.com/google-auth-library/-/google-auth-library-8.8.0.tgz#2e17494431cef56b571420d483a4debff6c481cd" @@ -8953,10 +8904,10 @@ html-minifier-terser@^6.0.2: relateurl "^0.2.7" terser "^5.10.0" -html-tags@^3.1.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.2.0.tgz#dbb3518d20b726524e4dd43de397eb0a95726961" - integrity sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg== +html-tags@^3.3.1: + version "3.3.1" + resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce" + integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ== html-tokenize@^2.0.0: version "2.0.1" @@ -8980,18 +8931,6 @@ html-webpack-plugin@^5.5.3: pretty-error "^4.0.0" tapable "^2.0.0" -htmlparser2@^3.10.0: - version "3.10.1" - resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-3.10.1.tgz#bd679dc3f59897b6a34bb10749c855bb53a9392f" - integrity sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ== - dependencies: - domelementtype "^1.3.1" - domhandler "^2.3.0" - domutils "^1.5.1" - entities "^1.1.1" - inherits "^2.0.1" - readable-stream "^3.1.1" - htmlparser2@^6.1.0: version "6.1.0" resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7" @@ -9144,10 +9083,10 @@ ignore-walk@^6.0.0: dependencies: minimatch "^7.4.2" -ignore@^5.0.4, ignore@^5.1.4, ignore@^5.1.8, ignore@^5.2.0: - version "5.2.0" - resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a" - integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ== +ignore@^5.0.4, ignore@^5.1.4, ignore@^5.2.0, ignore@^5.2.4: + version "5.2.4" + resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324" + integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ== imask@^6.6.3: version "6.6.3" @@ -9617,11 +9556,6 @@ is-regex@^1.0.5, is-regex@^1.1.0, is-regex@^1.1.4: call-bind "^1.0.2" has-tostringtag "^1.0.0" -is-regexp@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-2.1.0.tgz#cd734a56864e23b956bf4e7c66c396a4c0b22c2d" - integrity sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA== - is-running@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/is-running/-/is-running-2.1.0.tgz#30a73ff5cc3854e4fc25490809e9f5abf8de09e0" @@ -10517,10 +10451,10 @@ kind-of@^6.0.0, kind-of@^6.0.2, kind-of@^6.0.3: resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd" integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw== -known-css-properties@^0.21.0: - version "0.21.0" - resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.21.0.tgz#15fbd0bbb83447f3ce09d8af247ed47c68ede80d" - integrity sha512-sZLUnTqimCkvkgRS+kbPlYW5o8q5w1cu+uIisKpEWkj31I8mx8kNG162DwRav8Zirkva6N5uoFsm9kzK4mUXjw== +known-css-properties@^0.27.0: + version "0.27.0" + resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.27.0.tgz#82a9358dda5fe7f7bd12b5e7142c0a205393c0c5" + integrity sha512-uMCj6+hZYDoffuvAJjFAPz56E9uoowFHmTkqRtRq5WyC5Q6Cu/fTZKNQpX/RbzChBYLLl3lo8CjFZBAZXq9qFg== language-subtag-registry@~0.3.2: version "0.3.22" @@ -11226,6 +11160,11 @@ mdn-data@2.0.14: resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50" integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow== +mdn-data@2.0.30: + version "2.0.30" + resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc" + integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA== + mdurl@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e" @@ -11966,11 +11905,6 @@ normalize-range@^0.1.2: resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942" integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA== -normalize-selector@^0.2.0: - version "0.2.0" - resolved "https://registry.yarnpkg.com/normalize-selector/-/normalize-selector-0.2.0.tgz#d0b145eb691189c63a78d201dc4fdb1293ef0c03" - integrity sha512-dxvWdI8gw6eAvk9BlPffgEoGfM7AdijoCwOEJge3e3ulT2XLgmU7KvvxprOaCu05Q1uGRHmOhHe1r6emZoKyFw== - normalize-url@^6.0.1: version "6.1.0" resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a" @@ -12122,11 +12056,6 @@ nth-check@^2.0.1: dependencies: boolbase "^1.0.0" -num2fraction@^1.2.2: - version "1.2.2" - resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede" - integrity sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg== - number-is-nan@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d" @@ -13017,13 +12946,6 @@ posix-character-classes@^0.1.0: resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab" integrity sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg== -postcss-html@^0.36.0: - version "0.36.0" - resolved "https://registry.yarnpkg.com/postcss-html/-/postcss-html-0.36.0.tgz#b40913f94eaacc2453fd30a1327ad6ee1f88b204" - integrity sha512-HeiOxGcuwID0AFsNAL0ox3mW6MHH5cstWN1Z3Y+n6H+g12ih7LHdYxWwEA/QmrebctLjo79xz9ouK3MroHwOJw== - dependencies: - htmlparser2 "^3.10.0" - postcss-import@^15.1.0: version "15.1.0" resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-15.1.0.tgz#41c64ed8cc0e23735a9698b3249ffdbf704adc70" @@ -13040,13 +12962,6 @@ postcss-js@^4.0.1: dependencies: camelcase-css "^2.0.1" -postcss-less@^3.1.4: - version "3.1.4" - resolved "https://registry.yarnpkg.com/postcss-less/-/postcss-less-3.1.4.tgz#369f58642b5928ef898ffbc1a6e93c958304c5ad" - integrity sha512-7TvleQWNM2QLcHqvudt3VYjULVB49uiW6XzEUFmvwHzvsOEF5MwBrIXZDJQvJNFGjJQTzSzZnDoCJ8h/ljyGXA== - dependencies: - postcss "^7.0.14" - postcss-load-config@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-4.0.1.tgz#152383f481c2758274404e4962743191d73875bd" @@ -13072,29 +12987,12 @@ postcss-resolve-nested-selector@^0.1.1: resolved "https://registry.yarnpkg.com/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz#29ccbc7c37dedfac304e9fff0bf1596b3f6a0e4e" integrity sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw== -postcss-safe-parser@^4.0.2: - version "4.0.2" - resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-4.0.2.tgz#a6d4e48f0f37d9f7c11b2a581bf00f8ba4870b96" - integrity sha512-Uw6ekxSWNLCPesSv/cmqf2bY/77z11O7jZGPax3ycZMFU/oi2DMH9i89AdHc1tRwFg/arFoEwX0IS3LCUxJh1g== - dependencies: - postcss "^7.0.26" - -postcss-sass@^0.4.4: - version "0.4.4" - resolved "https://registry.yarnpkg.com/postcss-sass/-/postcss-sass-0.4.4.tgz#91f0f3447b45ce373227a98b61f8d8f0785285a3" - integrity sha512-BYxnVYx4mQooOhr+zer0qWbSPYnarAy8ZT7hAQtbxtgVf8gy+LSLT/hHGe35h14/pZDTw1DsxdbrwxBN++H+fg== - dependencies: - gonzales-pe "^4.3.0" - postcss "^7.0.21" - -postcss-scss@^2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-2.1.1.tgz#ec3a75fa29a55e016b90bf3269026c53c1d2b383" - integrity sha512-jQmGnj0hSGLd9RscFw9LyuSVAa5Bl1/KBPqG1NQw9w8ND55nY4ZEsdlVuYJvLPpV+y0nwTV5v/4rHPzZRihQbA== - dependencies: - postcss "^7.0.6" +postcss-safe-parser@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz#bb4c29894171a94bc5c996b9a30317ef402adaa1" + integrity sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ== -postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.5: +postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.13: version "6.0.13" resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz#d05d8d76b1e8e173257ef9d60b706a8e5e99bf1b" integrity sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ== @@ -13102,17 +13000,20 @@ postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.5: cssesc "^3.0.0" util-deprecate "^1.0.2" -postcss-syntax@^0.36.2: - version "0.36.2" - resolved "https://registry.yarnpkg.com/postcss-syntax/-/postcss-syntax-0.36.2.tgz#f08578c7d95834574e5593a82dfbfa8afae3b51c" - integrity sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w== +postcss-styled-syntax@^0.4.0: + version "0.4.0" + resolved "https://registry.yarnpkg.com/postcss-styled-syntax/-/postcss-styled-syntax-0.4.0.tgz#5cfee32595b7db28e5d292fd70dc60a9c78fcbe6" + integrity sha512-LvG++K8LtIyX1Q1mNuZVQYmBo+SCwn90cEkMigo4/I0QwXrEiYt8nPeJ5rrI5Uuh+5w7hRfPyJKlvQdhVZBhUg== + dependencies: + "@typescript-eslint/typescript-estree" "^5.47.0" + estree-walker "^2.0.2" postcss-value-parser@^3.3.0: version "3.3.1" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281" integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ== -postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0: +postcss-value-parser@^4.0.0, postcss-value-parser@^4.0.2, postcss-value-parser@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514" integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== @@ -13126,7 +13027,7 @@ postcss@8.4.14: picocolors "^1.0.0" source-map-js "^1.0.2" -postcss@^7.0.14, postcss@^7.0.2, postcss@^7.0.21, postcss@^7.0.26, postcss@^7.0.32, postcss@^7.0.35, postcss@^7.0.6: +postcss@^7.0.26: version "7.0.39" resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309" integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA== @@ -14901,7 +14802,7 @@ sort-keys@^2.0.0: dependencies: is-plain-obj "^1.0.0" -source-map-js@^1.0.2: +source-map-js@^1.0.1, source-map-js@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw== @@ -14988,11 +14889,6 @@ spdx-license-ids@^3.0.0: resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.12.tgz#69077835abe2710b65f03969898b6637b505a779" integrity sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA== -specificity@^0.4.1: - version "0.4.1" - resolved "https://registry.yarnpkg.com/specificity/-/specificity-0.4.1.tgz#aab5e645012db08ba182e151165738d00887b019" - integrity sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg== - split-on-first@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/split-on-first/-/split-on-first-1.1.0.tgz#f610afeee3b12bce1d0c30425e76398b78249a5f" @@ -15133,7 +15029,7 @@ string-convert@^0.2.0: resolved "https://registry.yarnpkg.com/string-convert/-/string-convert-0.2.1.tgz#6982cc3049fbb4cd85f8b24568b9d9bf39eeff97" integrity sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A== -"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2, string-width@^4.2.3: +"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -15341,17 +15237,17 @@ styled-system@^5.1.5: "@styled-system/variant" "^5.1.5" object-assign "^4.1.1" -stylelint-config-recommended@^5.0.0: - version "5.0.0" - resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-5.0.0.tgz#fb5653f495a60b4938f2ad3e77712d9e1039ae78" - integrity sha512-c8aubuARSu5A3vEHLBeOSJt1udOdS+1iue7BmJDTSXoCBmfEQmmWX+59vYIj3NQdJBY6a/QRv1ozVFpaB9jaqA== +stylelint-config-recommended@^12.0.0: + version "12.0.0" + resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-12.0.0.tgz#d0993232fca017065fd5acfcb52dd8a188784ef4" + integrity sha512-x6x8QNARrGO2sG6iURkzqL+Dp+4bJorPMMRNPScdvaUK8PsynriOcMW7AFDKqkWAS5wbue/u8fUT/4ynzcmqdQ== -stylelint-config-standard@^22.0.0: - version "22.0.0" - resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-22.0.0.tgz#c860be9a13ebbc1b084456fa10527bf13a44addf" - integrity sha512-uQVNi87SHjqTm8+4NIP5NMAyY/arXrBgimaaT7skvRfE9u3JKXRK9KBkbr4pVmeciuCcs64kAdjlxfq6Rur7Hw== +stylelint-config-standard@^33.0.0: + version "33.0.0" + resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-33.0.0.tgz#1f7bb299153a53874073e93829e37a475842f0f9" + integrity sha512-eyxnLWoXImUn77+ODIuW9qXBDNM+ALN68L3wT1lN2oNspZ7D9NVGlNHb2QCUn4xDug6VZLsh0tF8NyoYzkgTzg== dependencies: - stylelint-config-recommended "^5.0.0" + stylelint-config-recommended "^12.0.0" stylelint-processor-styled-components@^1.10.0: version "1.10.0" @@ -15363,59 +15259,52 @@ stylelint-processor-styled-components@^1.10.0: micromatch "^4.0.2" postcss "^7.0.26" -stylelint@^13.13.1: - version "13.13.1" - resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-13.13.1.tgz#fca9c9f5de7990ab26a00f167b8978f083a18f3c" - integrity sha512-Mv+BQr5XTUrKqAXmpqm6Ddli6Ief+AiPZkRsIrAoUKFuq/ElkUh9ZMYxXD0iQNZ5ADghZKLOWz1h7hTClB7zgQ== +stylelint@^15.9.0: + version "15.9.0" + resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-15.9.0.tgz#f5522fac58f806b59ebddbca360ed470dc5b419c" + integrity sha512-sXtAZi64CllWr6A+8ymDWnlIaYwuAa7XRmGnJxLQXFNnLjd3Izm4HAD+loKVaZ7cpK6SLxhAUX1lwPJKGCn0mg== dependencies: - "@stylelint/postcss-css-in-js" "^0.37.2" - "@stylelint/postcss-markdown" "^0.36.2" - autoprefixer "^9.8.6" + "@csstools/css-parser-algorithms" "^2.2.0" + "@csstools/css-tokenizer" "^2.1.1" + "@csstools/media-query-list-parser" "^2.1.0" + "@csstools/selector-specificity" "^2.2.0" balanced-match "^2.0.0" - chalk "^4.1.1" - cosmiconfig "^7.0.0" - debug "^4.3.1" - execall "^2.0.0" - fast-glob "^3.2.5" - fastest-levenshtein "^1.0.12" + colord "^2.9.3" + cosmiconfig "^8.2.0" + css-functions-list "^3.1.0" + css-tree "^2.3.1" + debug "^4.3.4" + fast-glob "^3.2.12" + fastest-levenshtein "^1.0.16" file-entry-cache "^6.0.1" - get-stdin "^8.0.0" global-modules "^2.0.0" - globby "^11.0.3" + globby "^11.1.0" globjoin "^0.1.4" - html-tags "^3.1.0" - ignore "^5.1.8" + html-tags "^3.3.1" + ignore "^5.2.4" import-lazy "^4.0.0" imurmurhash "^0.1.4" - known-css-properties "^0.21.0" - lodash "^4.17.21" - log-symbols "^4.1.0" + is-plain-object "^5.0.0" + known-css-properties "^0.27.0" mathml-tag-names "^2.1.3" meow "^9.0.0" - micromatch "^4.0.4" - normalize-selector "^0.2.0" - postcss "^7.0.35" - postcss-html "^0.36.0" - postcss-less "^3.1.4" + micromatch "^4.0.5" + normalize-path "^3.0.0" + picocolors "^1.0.0" + postcss "^8.4.24" postcss-media-query-parser "^0.2.3" postcss-resolve-nested-selector "^0.1.1" - postcss-safe-parser "^4.0.2" - postcss-sass "^0.4.4" - postcss-scss "^2.1.1" - postcss-selector-parser "^6.0.5" - postcss-syntax "^0.36.2" - postcss-value-parser "^4.1.0" + postcss-safe-parser "^6.0.0" + postcss-selector-parser "^6.0.13" + postcss-value-parser "^4.2.0" resolve-from "^5.0.0" - slash "^3.0.0" - specificity "^0.4.1" - string-width "^4.2.2" - strip-ansi "^6.0.0" + string-width "^4.2.3" + strip-ansi "^6.0.1" style-search "^0.1.0" - sugarss "^2.0.0" + supports-hyperlinks "^3.0.0" svg-tags "^1.0.0" - table "^6.6.0" - v8-compile-cache "^2.3.0" - write-file-atomic "^3.0.3" + table "^6.8.1" + write-file-atomic "^5.0.1" "stylis-plugin-rtl-sc@npm:stylis-plugin-rtl@^1.1.0": version "1.1.0" @@ -15449,13 +15338,6 @@ sucrase@^3.21.0, sucrase@^3.32.0: pirates "^4.0.1" ts-interface-checker "^0.1.9" -sugarss@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/sugarss/-/sugarss-2.0.0.tgz#ddd76e0124b297d40bf3cca31c8b22ecb43bc61d" - integrity sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ== - dependencies: - postcss "^7.0.2" - supports-color@8.1.1, supports-color@^8.0.0, supports-color@^8.1.1: version "8.1.1" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c" @@ -15490,6 +15372,14 @@ supports-hyperlinks@^1.0.1: has-flag "^2.0.0" supports-color "^5.0.0" +supports-hyperlinks@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-3.0.0.tgz#c711352a5c89070779b4dad54c05a2f14b15c94b" + integrity sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA== + dependencies: + has-flag "^4.0.0" + supports-color "^7.0.0" + supports-preserve-symlinks-flag@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09" @@ -15523,10 +15413,10 @@ symbol-tree@^3.2.4: resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2" integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw== -table@^6.6.0: - version "6.8.0" - resolved "https://registry.yarnpkg.com/table/-/table-6.8.0.tgz#87e28f14fa4321c3377ba286f07b79b281a3b3ca" - integrity sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA== +table@^6.8.1: + version "6.8.1" + resolved "https://registry.yarnpkg.com/table/-/table-6.8.1.tgz#ea2b71359fe03b017a5fbc296204471158080bdf" + integrity sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA== dependencies: ajv "^8.0.1" lodash.truncate "^4.4.2" @@ -16139,13 +16029,6 @@ unique-slug@^4.0.0: dependencies: imurmurhash "^0.1.4" -unist-util-find-all-after@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/unist-util-find-all-after/-/unist-util-find-all-after-3.0.2.tgz#fdfecd14c5b7aea5e9ef38d5e0d5f774eeb561f6" - integrity sha512-xaTC/AGZ0rIM2gM28YVRAFPIZpzbpDtU3dRmp7EXlNVA8ziQc4hY3H7BHXM1J49nEmiqc3svnqMReW+PGqbZKQ== - dependencies: - unist-util-is "^4.0.0" - unist-util-is@^4.0.0: version "4.1.0" resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-4.1.0.tgz#976e5f462a7a5de73d94b706bac1b90671b57797" @@ -16339,7 +16222,7 @@ v8-compile-cache-lib@^3.0.1: resolved "https://registry.yarnpkg.com/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz#6336e8d71965cb3d35a1bbb7868445a7c05264bf" integrity sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg== -v8-compile-cache@2.3.0, v8-compile-cache@^2.3.0: +v8-compile-cache@2.3.0: version "2.3.0" resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee" integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA== @@ -16725,7 +16608,7 @@ wrappy@1: resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f" integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ== -write-file-atomic@5.0.1: +write-file-atomic@5.0.1, write-file-atomic@^5.0.1: version "5.0.1" resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-5.0.1.tgz#68df4717c55c6fa4281a7860b4c2ba0a6d2b11e7" integrity sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw== @@ -16742,7 +16625,7 @@ write-file-atomic@^2.3.0, write-file-atomic@^2.4.2: imurmurhash "^0.1.4" signal-exit "^3.0.2" -write-file-atomic@^3.0.0, write-file-atomic@^3.0.3: +write-file-atomic@^3.0.0: version "3.0.3" resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8" integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==