Merge branch 'dev' into next

packages/vant-cli/package.json

@@ -42,7 +42,6 @@
     "@types/fs-extra": "^9.0.13",
     "@types/less": "^3.0.3",
     "@types/markdown-it": "^12.2.3",
-    "@types/react": "^18",
     "@jest/types": "^27",
     "vue": "^3.2.27",
     "react": "^18",

packages/vant/src/action-bar/ActionBar.tsx

@@ -1,12 +1,14 @@
-import { defineComponent, type ExtractPropTypes } from 'vue';
+import { defineComponent, ref, type ExtractPropTypes } from 'vue';
 import { truthProp, createNamespace } from '../utils';
 import { useChildren } from '@vant/use';
+import { usePlaceholder } from '../composables/use-placeholder';
 
 const [name, bem] = createNamespace('action-bar');
 
 export const ACTION_BAR_KEY = Symbol(name);
 
 const actionBarProps = {
+  placeholder: Boolean,
   safeAreaInsetBottom: truthProp,
 };
 
@@ -18,16 +20,26 @@ export default defineComponent({
   props: actionBarProps,
 
   setup(props, { slots }) {
+    const root = ref<HTMLElement>();
+    const renderPlaceholder = usePlaceholder(root, bem);
     const { linkChildren } = useChildren(ACTION_BAR_KEY);
 
     linkChildren();
 
-    return () => (
+    const renderActionBar = () => (
       <div
+        ref={root}
         class={[bem(), { 'van-safe-area-bottom': props.safeAreaInsetBottom }]}
       >
         {slots.default?.()}
       </div>
     );
+
+    return () => {
+      if (props.placeholder) {
+        return renderPlaceholder(renderActionBar);
+      }
+      return renderActionBar();
+    };
   },
 });

packages/vant/src/action-bar/README.md

@@ -90,6 +90,7 @@ Use `badge` prop to show badge in icon.
 | Attribute | Description | Type | Default |
 | --- | --- | --- | --- |
 | safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
+| placeholder `v3.5.1` | Whether to generate a placeholder element | _boolean_ | `false` |
 
 ### ActionBarIcon Props
 

packages/vant/src/action-bar/README.zh-CN.md

@@ -94,6 +94,7 @@ export default {
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
 | safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/advanced-usage#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
+| placeholder `v3.5.1` | 是否在标签位置生成一个等高的占位元素 | _boolean_ | `false` |
 
 ### ActionBarIcon Props
 

packages/vant/src/action-bar/test/__snapshots__/index.spec.ts.snap

@@ -4,3 +4,12 @@ exports[`should allow to disable safe-area-inset-bottom prop 1`] = `
 <div class="van-action-bar">
 </div>
 `;
+
+exports[`should render placeholder element when using placeholder prop 1`] = `
+<div class="van-action-bar__placeholder"
+     style="height: 50px;"
+>
+  <div class="van-action-bar van-safe-area-bottom">
+  </div>
+</div>
+`;

packages/vant/src/action-bar/test/index.spec.ts

@@ -1,5 +1,5 @@
 import { ActionBar } from '..';
-import { mount } from '../../../test';
+import { later, mockGetBoundingClientRect, mount } from '../../../test';
 
 test('should allow to disable safe-area-inset-bottom prop', () => {
   const wrapper = mount(ActionBar, {
@@ -10,3 +10,16 @@ test('should allow to disable safe-area-inset-bottom prop', () => {
 
   expect(wrapper.html()).toMatchSnapshot();
 });
+
+test('should render placeholder element when using placeholder prop', async () => {
+  const restore = mockGetBoundingClientRect({ height: 50 });
+  const wrapper = mount(ActionBar, {
+    props: {
+      placeholder: true,
+    },
+  });
+
+  await later();
+  expect(wrapper.html()).toMatchSnapshot();
+  restore();
+});

packages/vant/src/calendar/Calendar.tsx

@@ -185,6 +185,10 @@ export default defineComponent({
       const months: Date[] = [];
       const cursor = new Date(props.minDate);
 
+      if (props.lazyRender && !props.show && props.poppable) {
+        return months;
+      }
+
       cursor.setDate(1);
 
       do {

packages/vant/src/field/Field.tsx

@@ -128,6 +128,8 @@ export default defineComponent({
     'clear',
     'keypress',
     'clickInput',
+    'endValidate',
+    'startValidate',
     'clickLeftIcon',
     'clickRightIcon',
     'update:modelValue',
@@ -218,19 +220,24 @@ export default defineComponent({
       state.validateMessage = '';
     };
 
+    const endValidate = () => emit('endValidate', { status: state.status });
+
     const validate = (rules = props.rules) =>
       new Promise<FieldValidateError | void>((resolve) => {
         resetValidation();
         if (rules) {
+          emit('startValidate');
           runRules(rules).then(() => {
             if (state.status === 'failed') {
               resolve({
                 name: props.name,
                 message: state.validateMessage,
               });
+              endValidate();
             } else {
               state.status = 'passed';
               resolve();
+              endValidate();
             }
           });
         } else {

packages/vant/src/field/README.md

@@ -298,6 +298,8 @@ Use `input-align` prop to align the input value.
 | click-input | Emitted when the input is clicked | _event: MouseEvent_ |
 | click-left-icon | Emitted when the left icon is clicked | _event: MouseEvent_ |
 | click-right-icon | Emitted when the right icon is clicked | _event: MouseEvent_ |
+| start-validate `v3.5.1` | Emitted when start validation | - |
+| end-validate `v3.5.1` | Emitted when end validation | _{ status: string }_ |
 
 ### Methods
 

packages/vant/src/field/README.zh-CN.md

@@ -308,7 +308,7 @@ export default {
 ### Events
 
 | 事件 | 说明 | 回调参数 |
-| ------------------ | -------------------- | ------------------------------ |
+| --- | --- | --- |
 | update:model-value | 输入框内容变化时触发 | _value: string (当前输入的值)_ |
 | focus | 输入框获得焦点时触发 | _event: Event_ |
 | blur | 输入框失去焦点时触发 | _event: Event_ |
@@ -317,6 +317,8 @@ export default {
 | click-input | 点击输入区域时触发 | _event: MouseEvent_ |
 | click-left-icon | 点击左侧图标时触发 | _event: MouseEvent_ |
 | click-right-icon | 点击右侧图标时触发 | _event: MouseEvent_ |
+| start-validate `v3.5.1` | 开始表单校验时触发 | - |
+| end-validate `v3.5.1` | 结束表单校验时触发 | _{ status: string }_ |
 
 ### 方法
 

packages/vant/src/form/test/events.spec.tsx

@@ -1,4 +1,4 @@
-import { mount } from '../../../test';
+import { later, mount } from '../../../test';
 import { submitForm, mountSimpleRulesForm } from './shared';
 import { Form } from '..';
 import { Field } from '../../field';
@@ -64,3 +64,55 @@ test('should emit failed event correctly when rule message is empty', async () =
     values: { A: '' },
   });
 });
+
+test('Field should emit startValidate event when validation start', async () => {
+  const onStart = jest.fn();
+  const wrapper = mount({
+    render() {
+      return (
+        <Form>
+          <Field
+            name="A"
+            rules={[{ required: true }]}
+            modelValue="bar"
+            onStartValidate={onStart}
+          />
+        </Form>
+      );
+    },
+  });
+
+  await submitForm(wrapper);
+  expect(onStart).toHaveBeenCalledTimes(1);
+});
+
+test('Field should emit endValidate event when validation end', async () => {
+  const onEnd = jest.fn();
+  const rules = [
+    {
+      validator: () =>
+        new Promise<boolean>((resolve) => {
+          setTimeout(() => resolve(true), 10);
+        }),
+    },
+  ];
+  const wrapper = mount({
+    render() {
+      return (
+        <Form>
+          <Field
+            name="A"
+            rules={rules}
+            modelValue="bar"
+            onEndValidate={onEnd}
+          />
+        </Form>
+      );
+    },
+  });
+
+  await submitForm(wrapper);
+  expect(onEnd).toHaveBeenCalledTimes(0);
+  await later(50);
+  expect(onEnd).toHaveBeenCalledTimes(1);
+});

packages/vant/src/popup/Popup.tsx

@@ -264,7 +264,8 @@ export default defineComponent({
     });
 
     onDeactivated(() => {
-      if (props.show) {
+      // teleported popup should be closed when deactivated
+      if (props.show && props.teleport) {
         close();
         shouldReopen = true;
       }

packages/vant/src/submit-bar/README.md

@@ -106,6 +106,7 @@ export default {
 | disabled | Whether to disable button | _boolean_ | `false` |
 | loading | Whether to show loading icon | _boolean_ | `false` |
 | safe-area-inset-bottom | Whether to enable bottom safe area adaptation | _boolean_ | `true` |
+| placeholder `v3.5.1` | Whether to generate a placeholder element | _boolean_ | `false` |
 
 ### Events
 

packages/vant/src/submit-bar/README.zh-CN.md

@@ -113,6 +113,7 @@ export default {
 | disabled | 是否禁用按钮 | _boolean_ | `false` |
 | loading | 是否显示将按钮显示为加载中状态 | _boolean_ | `false` |
 | safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/advanced-usage#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
+| placeholder `v3.5.1` | 是否在标签位置生成一个等高的占位元素 | _boolean_ | `false` |
 
 ### Events
 

packages/vant/src/submit-bar/SubmitBar.tsx

@@ -1,4 +1,9 @@
-import { defineComponent, type PropType, type ExtractPropTypes } from 'vue';
+import {
+  ref,
+  defineComponent,
+  type PropType,
+  type ExtractPropTypes,
+} from 'vue';
 import {
   truthProp,
   makeStringProp,
@@ -9,6 +14,7 @@ import {
 // Components
 import { Icon } from '../icon';
 import { Button, ButtonType } from '../button';
+import { usePlaceholder } from '../composables/use-placeholder';
 
 const [name, bem, t] = createNamespace('submit-bar');
 
@@ -27,6 +33,7 @@ const submitBarProps = {
   buttonType: makeStringProp<ButtonType>('danger'),
   buttonColor: String,
   suffixLabel: String,
+  placeholder: Boolean,
   decimalLength: makeNumericProp(2),
   safeAreaInsetBottom: truthProp,
 };
@@ -41,6 +48,9 @@ export default defineComponent({
   emits: ['submit'],
 
   setup(props, { emit, slots }) {
+    const root = ref<HTMLElement>();
+    const renderPlaceholder = usePlaceholder(root, bem);
+
     const renderText = () => {
       const { price, label, currency, textAlign, suffixLabel, decimalLength } =
         props;
@@ -99,8 +109,9 @@ export default defineComponent({
       );
     };
 
-    return () => (
+    const renderSubmitBar = () => (
       <div
+        ref={root}
         class={[bem(), { 'van-safe-area-bottom': props.safeAreaInsetBottom }]}
       >
         {slots.top?.()}
@@ -112,5 +123,12 @@ export default defineComponent({
         </div>
       </div>
     );
+
+    return () => {
+      if (props.placeholder) {
+        return renderPlaceholder(renderSubmitBar);
+      }
+      return renderSubmitBar();
+    };
   },
 });

packages/vant/src/submit-bar/test/__snapshots__/index.spec.ts.snap

@@ -47,6 +47,23 @@ exports[`should render disabled submit button correctly 1`] = `
 </button>
 `;
 
+exports[`should render placeholder element when using placeholder prop 1`] = `
+<div class="van-submit-bar__placeholder"
+     style="height: 50px;"
+>
+  <div class="van-submit-bar van-safe-area-bottom">
+    <div class="van-submit-bar__bar">
+      <button type="button"
+              class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger"
+      >
+        <div class="van-button__content">
+        </div>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
 exports[`should render suffix-label correctly 1`] = `
 <div class="van-submit-bar__text">
   <span>

packages/vant/src/submit-bar/test/index.spec.ts

@@ -1,5 +1,5 @@
 import { SubmitBar } from '..';
-import { mount } from '../../../test';
+import { later, mockGetBoundingClientRect, mount } from '../../../test';
 
 test('should emit submit event when submit button is clicked', () => {
   const wrapper = mount(SubmitBar);
@@ -107,3 +107,16 @@ test('should render button slot correctly', () => {
   });
   expect(wrapper.html()).toMatchSnapshot();
 });
+
+test('should render placeholder element when using placeholder prop', async () => {
+  const restore = mockGetBoundingClientRect({ height: 50 });
+  const wrapper = mount(SubmitBar, {
+    props: {
+      placeholder: true,
+    },
+  });
+
+  await later();
+  expect(wrapper.html()).toMatchSnapshot();
+  restore();
+});

packages/vant/src/switch/README.md

@@ -65,9 +65,11 @@ Using `node` slot to custom the content of the node.
 
 ```html
 <van-switch v-model="checked">
+  <template #node>
     <div class="icon-wrapper">
       <van-icon :name="checked ? 'success' : 'cross'" />
     </div>
+  </template>
 </van-switch>
 
 <style>

packages/vant/src/switch/README.zh-CN.md

@@ -75,9 +75,11 @@ export default {
 
 ```html
 <van-switch v-model="checked">
+  <template #node>
     <div class="icon-wrapper">
       <van-icon :name="checked ? 'success' : 'cross'" />
     </div>
+  </template>
 </van-switch>
 
 <style>

pnpm-lock.yaml

@@ -1,4 +1,4 @@
-lockfileVersion: 5.4
+lockfileVersion: 5.3
 
 importers:
 
@@ -97,7 +97,6 @@ importers:
       '@types/jest': ^27.0.3
       '@types/less': ^3.0.3
       '@types/markdown-it': ^12.2.3
-      '@types/react': ^18
       '@vant/eslint-config': ^3.3.2
       '@vant/markdown-vetur': ^2.3.0
       '@vant/stylelint-config': ^1.4.2
@@ -145,7 +144,7 @@ importers:
       '@babel/core': 7.18.0
       '@babel/preset-typescript': 7.17.12_@babel+core@7.18.0
       '@docsearch/css': 3.1.0
-      '@docsearch/js': 3.1.0_ohobp6rpsmerwlq5ipwfh5yigy
+      '@docsearch/js': 3.1.0_react-dom@18.1.0+react@18.1.0
       '@types/jest': 27.5.1
       '@vant/eslint-config': link:../vant-eslint-config
       '@vant/markdown-vetur': link:../vant-markdown-vetur
@@ -174,7 +173,7 @@ importers:
       less: 4.1.2
       lint-staged: 12.4.1
       markdown-it: 12.3.2
-      markdown-it-anchor: 8.6.4_2zb4u3vubltivolgu556vv4aom
+      markdown-it-anchor: 8.6.4_d643ca6eb40ae68ab966a77bead78073
       ora: 6.1.0
       postcss: 8.4.14
       postcss-load-config: 3.1.4_postcss@8.4.14
@@ -192,7 +191,6 @@ importers:
       '@types/fs-extra': 9.0.13
       '@types/less': 3.0.3
       '@types/markdown-it': 12.2.3
-      '@types/react': 18.0.9
       react: 18.1.0
       react-dom: 18.1.0_react@18.1.0
       vue: 3.2.35
@@ -209,11 +207,11 @@ importers:
       eslint-plugin-vue: ^8.4.0
       typescript: ~4.5.5
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.25.0_dg3jhdzlymyucojlallgs3i2wy
+      '@typescript-eslint/eslint-plugin': 5.25.0_19b6938f2bc33141392b02d6696d1ab6
-      '@typescript-eslint/parser': 5.25.0_els4elilzrtenp42wxa4dytc34
+      '@typescript-eslint/parser': 5.25.0_eslint@8.16.0+typescript@4.5.5
-      eslint-config-airbnb-base: 15.0.0_btspkuwbqkl4adpiufzbathtpi
+      eslint-config-airbnb-base: 15.0.0_0ce4f552c18297c00de8a172104cf37a
       eslint-config-prettier: 8.5.0_eslint@8.16.0
-      eslint-plugin-import: 2.26.0_fpv4l7j2iomztwskn7bai2v6a4
+      eslint-plugin-import: 2.26.0_2bebc5fd3a439999da4a6fc2046abe07
       eslint-plugin-vue: 8.7.1_eslint@8.16.0
     devDependencies:
       enhanced-resolve: 5.9.3
@@ -780,10 +778,10 @@ packages:
     resolution: {integrity: sha512-bh5IskwkkodbvC0FzSg1AxMykfDl95hebEKwxNoq4e5QaGzOXSBgW8+jnMFZ7JU4sTBiB04vZWoUSzNrPboLZA==}
     dev: false
 
-  /@docsearch/js/3.1.0_ohobp6rpsmerwlq5ipwfh5yigy:
+  /@docsearch/js/3.1.0_react-dom@18.1.0+react@18.1.0:
     resolution: {integrity: sha512-5XSK+xbP0hcTIp54MECqxkWLs6kf7Ug4nWdxWNtx8cUpLiFNFnKXDxCb35wnyNpjukmrx7Q9DkO5tFFsmNVxng==}
     dependencies:
-      '@docsearch/react': 3.1.0_ohobp6rpsmerwlq5ipwfh5yigy
+      '@docsearch/react': 3.1.0_react-dom@18.1.0+react@18.1.0
       preact: 10.7.2
     transitivePeerDependencies:
       - '@types/react'
@@ -791,7 +789,7 @@ packages:
       - react-dom
     dev: false
 
-  /@docsearch/react/3.1.0_ohobp6rpsmerwlq5ipwfh5yigy:
+  /@docsearch/react/3.1.0_react-dom@18.1.0+react@18.1.0:
     resolution: {integrity: sha512-bjB6ExnZzf++5B7Tfoi6UXgNwoUnNOfZ1NyvnvPhWgCMy5V/biAtLL4o7owmZSYdAKeFSvZ5Lxm0is4su/dBWg==}
     peerDependencies:
       '@types/react': '>= 16.8.0 < 19.0.0'
@@ -800,7 +798,6 @@ packages:
     dependencies:
       '@algolia/autocomplete-core': 1.6.3
       '@docsearch/css': 3.1.0
-      '@types/react': 18.0.9
       algoliasearch: 4.13.1
       react: 18.1.0
       react-dom: 18.1.0_react@18.1.0
@@ -1222,7 +1219,7 @@ packages:
       '@sinonjs/commons': 1.8.3
     dev: false
 
-  /@stylelint/postcss-css-in-js/0.37.3_j55xdkkcxc32kvnyvx3y7casfm:
+  /@stylelint/postcss-css-in-js/0.37.3_4f7b71a942b8b7a555b8adf78f88122b:
     resolution: {integrity: sha512-scLk3cSH1H9KggSniseb2KNAU5D9FWc3H7BxCSAIdtU9OWIyw0zkEZ9qEKHryRM+SExYXRKNb7tOOVNAsQ3iwg==}
     peerDependencies:
       postcss: '>=7.0.0'
@@ -1230,11 +1227,11 @@ packages:
     dependencies:
       '@babel/core': 7.18.0
       postcss: 7.0.39
-      postcss-syntax: 0.36.2_kei4jy7wdgbhc236h4oijypxom
+      postcss-syntax: 0.36.2_5111c4e3f61982716b7e3f1c84e1f773
     transitivePeerDependencies:
       - supports-color
 
-  /@stylelint/postcss-markdown/0.36.2_j55xdkkcxc32kvnyvx3y7casfm:
+  /@stylelint/postcss-markdown/0.36.2_4f7b71a942b8b7a555b8adf78f88122b:
     resolution: {integrity: sha512-2kGbqUVJUGE8dM+bMzXG/PYUWKkjLIkRLWNh39OaADkiabDRdw8ATFCgbMz5xdIcvwspPAluSL7uY+ZiTWdWmQ==}
     deprecated: 'Use the original unforked package instead: postcss-markdown'
     peerDependencies:
@@ -1242,7 +1239,7 @@ packages:
       postcss-syntax: '>=0.36.2'
     dependencies:
       postcss: 7.0.39
-      postcss-syntax: 0.36.2_kei4jy7wdgbhc236h4oijypxom
+      postcss-syntax: 0.36.2_5111c4e3f61982716b7e3f1c84e1f773
       remark: 13.0.0
       unist-util-find-all-after: 3.0.2
     transitivePeerDependencies:
@@ -1380,24 +1377,11 @@ packages:
     resolution: {integrity: sha512-XFjFHmaLVifrAKaZ+EKghFHtHSUonyw8P2Qmy2/+osBnrKbH9UYtlK10zg8/kCt47MFilll/DEDKy3DHfJ0URw==}
     dev: false
 
-  /@types/prop-types/15.7.5:
-    resolution: {integrity: sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==}
-
-  /@types/react/18.0.9:
-    resolution: {integrity: sha512-9bjbg1hJHUm4De19L1cHiW0Jvx3geel6Qczhjd0qY5VKVE2X5+x77YxAepuCwVh4vrgZJdgEJw48zrhRIeF4Nw==}
-    dependencies:
-      '@types/prop-types': 15.7.5
-      '@types/scheduler': 0.16.2
-      csstype: 3.1.0
-
   /@types/responselike/1.0.0:
     resolution: {integrity: sha512-85Y2BjiufFzaMIlvJDvTTB8Fxl2xfLo4HgmHzVBz08w4wDePCTjYw66PdrolO0kzli3yam/YCgRufyo1DdQVTA==}
     dependencies:
       '@types/node': 17.0.35
 
-  /@types/scheduler/0.16.2:
-    resolution: {integrity: sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==}
-
   /@types/stack-utils/2.0.1:
     resolution: {integrity: sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==}
     dev: false
@@ -1419,7 +1403,7 @@ packages:
     dependencies:
       '@types/yargs-parser': 21.0.0
 
-  /@typescript-eslint/eslint-plugin/5.25.0_dg3jhdzlymyucojlallgs3i2wy:
+  /@typescript-eslint/eslint-plugin/5.25.0_19b6938f2bc33141392b02d6696d1ab6:
     resolution: {integrity: sha512-icYrFnUzvm+LhW0QeJNKkezBu6tJs9p/53dpPLFH8zoM9w1tfaKzVurkPotEpAqQ8Vf8uaFyL5jHd0Vs6Z0ZQg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -1430,10 +1414,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.25.0_els4elilzrtenp42wxa4dytc34
+      '@typescript-eslint/parser': 5.25.0_eslint@8.16.0+typescript@4.5.5
       '@typescript-eslint/scope-manager': 5.25.0
-      '@typescript-eslint/type-utils': 5.25.0_els4elilzrtenp42wxa4dytc34
+      '@typescript-eslint/type-utils': 5.25.0_eslint@8.16.0+typescript@4.5.5
-      '@typescript-eslint/utils': 5.25.0_els4elilzrtenp42wxa4dytc34
+      '@typescript-eslint/utils': 5.25.0_eslint@8.16.0+typescript@4.5.5
       debug: 4.3.4
       eslint: 8.16.0
       functional-red-black-tree: 1.0.1
@@ -1446,7 +1430,7 @@ packages:
       - supports-color
     dev: false
 
-  /@typescript-eslint/parser/5.25.0_els4elilzrtenp42wxa4dytc34:
+  /@typescript-eslint/parser/5.25.0_eslint@8.16.0+typescript@4.5.5:
     resolution: {integrity: sha512-r3hwrOWYbNKP1nTcIw/aZoH+8bBnh/Lh1iDHoFpyG4DnCpvEdctrSl6LOo19fZbzypjQMHdajolxs6VpYoChgA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -1474,7 +1458,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.25.0
     dev: false
 
-  /@typescript-eslint/type-utils/5.25.0_els4elilzrtenp42wxa4dytc34:
+  /@typescript-eslint/type-utils/5.25.0_eslint@8.16.0+typescript@4.5.5:
     resolution: {integrity: sha512-B6nb3GK3Gv1Rsb2pqalebe/RyQoyG/WDy9yhj8EE0Ikds4Xa8RR28nHz+wlt4tMZk5bnAr0f3oC8TuDAd5CPrw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -1484,7 +1468,7 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/utils': 5.25.0_els4elilzrtenp42wxa4dytc34
+      '@typescript-eslint/utils': 5.25.0_eslint@8.16.0+typescript@4.5.5
       debug: 4.3.4
       eslint: 8.16.0
       tsutils: 3.21.0_typescript@4.5.5
@@ -1519,7 +1503,7 @@ packages:
       - supports-color
     dev: false
 
-  /@typescript-eslint/utils/5.25.0_els4elilzrtenp42wxa4dytc34:
+  /@typescript-eslint/utils/5.25.0_eslint@8.16.0+typescript@4.5.5:
     resolution: {integrity: sha512-qNC9bhnz/n9Kba3yI6HQgQdBLuxDoMgdjzdhSInZh6NaDnFpTUlwNGxplUFWfY260Ya0TRPvkg9dd57qxrJI9g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2576,9 +2560,6 @@ packages:
   /csstype/2.6.20:
     resolution: {integrity: sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==}
 
-  /csstype/3.1.0:
-    resolution: {integrity: sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==}
-
   /dargs/7.0.0:
     resolution: {integrity: sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==}
     engines: {node: '>=8'}
@@ -3168,7 +3149,7 @@ packages:
       source-map: 0.6.1
     dev: false
 
-  /eslint-config-airbnb-base/15.0.0_btspkuwbqkl4adpiufzbathtpi:
+  /eslint-config-airbnb-base/15.0.0_0ce4f552c18297c00de8a172104cf37a:
     resolution: {integrity: sha512-xaX3z4ZZIcFLvh2oUNvcX5oEofXda7giYmuplVxoOg5A7EXJMrUyqRgR+mhDhPK8LZ4PttFOBvCYDbX3sUoUig==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -3177,7 +3158,7 @@ packages:
     dependencies:
       confusing-browser-globals: 1.0.11
       eslint: 8.16.0
-      eslint-plugin-import: 2.26.0_fpv4l7j2iomztwskn7bai2v6a4
+      eslint-plugin-import: 2.26.0_2bebc5fd3a439999da4a6fc2046abe07
       object.assign: 4.1.2
       object.entries: 1.1.5
       semver: 6.3.0
@@ -3201,7 +3182,7 @@ packages:
       - supports-color
     dev: false
 
-  /eslint-module-utils/2.7.3_mcjqbk7r2nrqjiufidliyvmmpu:
+  /eslint-module-utils/2.7.3_609300abf1d36304a28540d68c558c7d:
     resolution: {integrity: sha512-088JEC7O3lDZM9xGe0RerkOMd0EjFl+Yvd1jPWIkMT5u3H9+HC34mWWPnqPrN13gieT9pBOO+Qt07Nb/6TresQ==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -3219,7 +3200,7 @@ packages:
       eslint-import-resolver-webpack:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.25.0_els4elilzrtenp42wxa4dytc34
+      '@typescript-eslint/parser': 5.25.0_eslint@8.16.0+typescript@4.5.5
       debug: 3.2.7
       eslint-import-resolver-node: 0.3.6
       find-up: 2.1.0
@@ -3227,7 +3208,7 @@ packages:
       - supports-color
     dev: false
 
-  /eslint-plugin-import/2.26.0_fpv4l7j2iomztwskn7bai2v6a4:
+  /eslint-plugin-import/2.26.0_2bebc5fd3a439999da4a6fc2046abe07:
     resolution: {integrity: sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==}
     engines: {node: '>=4'}
     peerDependencies:
@@ -3237,14 +3218,14 @@ packages:
       '@typescript-eslint/parser':
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.25.0_els4elilzrtenp42wxa4dytc34
+      '@typescript-eslint/parser': 5.25.0_eslint@8.16.0+typescript@4.5.5
       array-includes: 3.1.5
       array.prototype.flat: 1.3.0
       debug: 2.6.9
       doctrine: 2.1.0
       eslint: 8.16.0
       eslint-import-resolver-node: 0.3.6
-      eslint-module-utils: 2.7.3_mcjqbk7r2nrqjiufidliyvmmpu
+      eslint-module-utils: 2.7.3_609300abf1d36304a28540d68c558c7d
       has: 1.0.3
       is-core-module: 2.9.0
       is-glob: 4.0.3
@@ -5369,7 +5350,7 @@ packages:
     resolution: {integrity: sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==}
     engines: {node: '>=8'}
 
-  /markdown-it-anchor/8.6.4_2zb4u3vubltivolgu556vv4aom:
+  /markdown-it-anchor/8.6.4_d643ca6eb40ae68ab966a77bead78073:
     resolution: {integrity: sha512-Ul4YVYZNxMJYALpKtu+ZRdrryYt/GlQ5CK+4l1bp/gWXOG2QWElt6AqF3Mih/wfUKdZbNAZVXGR73/n6U/8img==}
     peerDependencies:
       '@types/markdown-it': '*'
@@ -6026,7 +6007,7 @@ packages:
       find-up: 4.1.0
     dev: false
 
-  /postcss-html/0.36.0_j55xdkkcxc32kvnyvx3y7casfm:
+  /postcss-html/0.36.0_4f7b71a942b8b7a555b8adf78f88122b:
     resolution: {integrity: sha512-HeiOxGcuwID0AFsNAL0ox3mW6MHH5cstWN1Z3Y+n6H+g12ih7LHdYxWwEA/QmrebctLjo79xz9ouK3MroHwOJw==}
     peerDependencies:
       postcss: '>=5.0.0'
@@ -6034,7 +6015,7 @@ packages:
     dependencies:
       htmlparser2: 3.10.1
       postcss: 7.0.39
-      postcss-syntax: 0.36.2_kei4jy7wdgbhc236h4oijypxom
+      postcss-syntax: 0.36.2_5111c4e3f61982716b7e3f1c84e1f773
 
   /postcss-less/3.1.4:
     resolution: {integrity: sha512-7TvleQWNM2QLcHqvudt3VYjULVB49uiW6XzEUFmvwHzvsOEF5MwBrIXZDJQvJNFGjJQTzSzZnDoCJ8h/ljyGXA==}
@@ -6090,7 +6071,7 @@ packages:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  /postcss-syntax/0.36.2_kei4jy7wdgbhc236h4oijypxom:
+  /postcss-syntax/0.36.2_5111c4e3f61982716b7e3f1c84e1f773:
     resolution: {integrity: sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==}
     peerDependencies:
       postcss: '>=5.0.0'
@@ -6112,7 +6093,7 @@ packages:
         optional: true
     dependencies:
       postcss: 7.0.39
-      postcss-html: 0.36.0_j55xdkkcxc32kvnyvx3y7casfm
+      postcss-html: 0.36.0_4f7b71a942b8b7a555b8adf78f88122b
       postcss-less: 3.1.4
       postcss-scss: 2.1.1
 
@@ -6938,8 +6919,8 @@ packages:
     engines: {node: '>=10.13.0'}
     hasBin: true
     dependencies:
-      '@stylelint/postcss-css-in-js': 0.37.3_j55xdkkcxc32kvnyvx3y7casfm
+      '@stylelint/postcss-css-in-js': 0.37.3_4f7b71a942b8b7a555b8adf78f88122b
-      '@stylelint/postcss-markdown': 0.36.2_j55xdkkcxc32kvnyvx3y7casfm
+      '@stylelint/postcss-markdown': 0.36.2_4f7b71a942b8b7a555b8adf78f88122b
       autoprefixer: 9.8.8
       balanced-match: 2.0.0
       chalk: 4.1.2
@@ -6965,7 +6946,7 @@ packages:
       micromatch: 4.0.5
       normalize-selector: 0.2.0
       postcss: 7.0.39
-      postcss-html: 0.36.0_j55xdkkcxc32kvnyvx3y7casfm
+      postcss-html: 0.36.0_4f7b71a942b8b7a555b8adf78f88122b
       postcss-less: 3.1.4
       postcss-media-query-parser: 0.2.3
       postcss-resolve-nested-selector: 0.1.1
@@ -6973,7 +6954,7 @@ packages:
       postcss-sass: 0.4.4
       postcss-scss: 2.1.1
       postcss-selector-parser: 6.0.10
-      postcss-syntax: 0.36.2_kei4jy7wdgbhc236h4oijypxom
+      postcss-syntax: 0.36.2_5111c4e3f61982716b7e3f1c84e1f773
       postcss-value-parser: 4.2.0
       resolve-from: 5.0.0
       slash: 3.0.0