feat(SubnavigationButton): add disabled styles

packages/vkui/src/components/SubnavigationButton/Readme.md

@@ -13,6 +13,7 @@ const SubnavigationButtonExample = () => {
   const [size, setSize] = useState('m');
   const [chevron, setChevron] = useState(false);
   const [selected, setSelected] = useState(false);
+  const [disabled, setDisabled] = useState(false);
   const [addBefore, setAddBefore] = useState(false);
   const [addAfter, setAddAfter] = useState(false);
 
@@ -34,6 +35,7 @@ const SubnavigationButtonExample = () => {
                 after={buttonAfter}
                 chevron={chevron}
                 selected={selected}
+                disabled={disabled}
                 onClick={noop}
               >
                 {mode} button
@@ -91,6 +93,7 @@ const SubnavigationButtonExample = () => {
         </FormItem>
         <FormItem top="props">
           <Checkbox onChange={(e) => setSelected(e.target.checked)}>selected</Checkbox>
+          <Checkbox onChange={(e) => setDisabled(e.target.checked)}>disabled</Checkbox>
           <Checkbox onChange={(e) => setChevron(e.target.checked)}>chevron</Checkbox>
           <Checkbox onChange={(e) => setAddBefore(e.target.checked)}>add before</Checkbox>
           <Checkbox onChange={(e) => setAddAfter(e.target.checked)}>add after</Checkbox>

packages/vkui/src/components/SubnavigationButton/SubnavigationButton.e2e-playground.tsx

@@ -51,6 +51,7 @@ export const SubnavigationButtonPlayground = (props: ComponentPlaygroundProps) =
             </Counter>,
           ],
           children: ['Фильтры'],
+          disabled: [undefined, true],
         },
       ]}
     >

packages/vkui/src/components/SubnavigationButton/SubnavigationButton.module.css

@@ -4,6 +4,10 @@
   border-radius: var(--vkui--size_border_radius--regular);
 }
 
+.disabled {
+  opacity: var(--vkui--opacity_disable_accessibility);
+}
+
 .in {
   display: flex;
   align-items: center;

packages/vkui/src/components/SubnavigationButton/SubnavigationButton.tsx

@@ -99,6 +99,7 @@ export const SubnavigationButton = ({
         appearanceStyles[appearance],
         selected && styles.selected,
         sizeY !== 'regular' && sizeYClassNames[sizeY],
+        restProps.disabled && styles.disabled,
       )}
     >
       <span className={styles.in}>