update button docs (#249)

.github/workflows/auto-pr.yml

@@ -18,4 +18,4 @@ jobs:
           commit-message: "Automated Pull Request"
           title: "Automated Pull Request"
           branch: ${{ github.ref }}
-          token: ${{ secrets.GITHUB_TOKEN }}
+          token: ${{ secrets.GIT_TOKEN }}

packages/documentation/components/buttons/widgets.tsx

@@ -13,13 +13,13 @@ function widgets() {
   return (
     <div className="rc-demo-widgets">
       <Section size="md" title="Default">
-        <DemoWidget name="Button" width={80}>
+        <DemoWidget name="Button" width={80} showCodeByDefault>
           {Default}
         </DemoWidget>
       </Section>
       <Section size="md" title="Icon">
         <Text>Insert a custom icon to the button.</Text>
-        <DemoWidget name="Button" width={150}>
+        <DemoWidget name="Button" width={150} showCodeByDefault>
           {Icon}
         </DemoWidget>
       </Section>
@@ -28,21 +28,21 @@ function widgets() {
           Use the <code>type</code> property to change the button to a loading
           state.
         </Text>
-        <DemoWidget name="Button" width={120}>
+        <DemoWidget name="Button" width={120} showCodeByDefault>
           {SearchingState}
         </DemoWidget>
       </Section>
       <Section size="md" title="Disabled">
         <Text>Buttons can be disabled</Text>
-        <DemoWidget name="Button" width={120}>
+        <DemoWidget name="Button" width={120} showCodeByDefault>
           {Disabled}
         </DemoWidget>
       </Section>
       <Section size="md" title="Medium sized button">
         <Text>
           Customize the size of the button by using the <code>size</code> prop
         </Text>
-        <DemoWidget name="Button" width={130}>
+        <DemoWidget name="Button" width={130} showCodeByDefault>
           {Medium}
         </DemoWidget>
       </Section>
@@ -51,7 +51,7 @@ function widgets() {
           Buttons can be in different states. Example shows button in{' '}
           <code>danger</code> state
         </Text>
-        <DemoWidget name="Button" width={130}>
+        <DemoWidget name="Button" width={130} showCodeByDefault>
           {Large}
         </DemoWidget>
       </Section>

packages/documentation/components/checkbox-group/widgets.tsx

@@ -12,7 +12,7 @@ function Widgets() {
   return (
     <div className="rc-demo-widgets">
       <Section size="md" title="Default">
-        <DemoWidget name="CheckBoxGroup" width={100}>
+        <DemoWidget name="CheckBoxGroup" width={100} showCodeByDefault>
           {Default}
         </DemoWidget>
       </Section>

packages/lib/components/accordion/__tests__/__snapshots__/accordion.test.tsx.snap

@@ -5,10 +5,10 @@ exports[`Accordion > should render snapshot 1`] = `
   class="_accordion_f93c7f _no-border_f93c7f"
 >
   <div
-    aria-controls="accordion-body-jMN46LMapPFvPaBbZI5tl"
+    aria-controls="accordion-body-0ETP73cbSaRwyU-ljh8pT"
     aria-expanded="false"
     class="_header_c2ceb5 _focusable_c2ceb5 _size_c2ceb5"
-    id="accordion-FW0GiXFL4wlm6QFAYjIFy"
+    id="accordion-Xw_i3B8oXTxK1dS_tRwqs"
     role="button"
     style="--rc-accordion-header-height: 40px; outline: none; position: relative;"
     tabindex="0"
@@ -40,9 +40,9 @@ exports[`Accordion > should render snapshot 1`] = `
     />
   </div>
   <div
-    aria-labelledby="accordion-FW0GiXFL4wlm6QFAYjIFy"
+    aria-labelledby="accordion-Xw_i3B8oXTxK1dS_tRwqs"
     class="_body_f93c7f _animate_f93c7f _close_f93c7f"
-    id="accordion-body-jMN46LMapPFvPaBbZI5tl"
+    id="accordion-body-0ETP73cbSaRwyU-ljh8pT"
     style="--title-color: #000; --transition: cubic-bezier(0.19, 1, 0.22, 1); --max-height: 0px;"
   >
     <div

packages/lib/components/auto-suggest/__tests__/auto-suggest.test.tsx

@@ -50,7 +50,7 @@ describe('AutoSuggest', () => {
         );
       },
       {
-        timeout: 1000,
+        timeout: 2000,
       }
     );
   });

packages/lib/components/tabs/__tests__/__snapshots__/tabs.test.tsx.snap

@@ -6,10 +6,10 @@ exports[`Tabs > should render snapshot 1`] = `
   role="tablist"
 >
   <div
-    aria-controls="rc-tab-panel-FnmcRy7i5ndE-LlT9zDcJ"
+    aria-controls="rc-tab-panel-I8xdfULclqalYxKnSm0Yf"
     aria-selected="true"
     class="_tab_head_43d7a7 _tab_head_selected_43d7a7 _tab_head_flat_43d7a7 _tab_head_sm_43d7a7"
-    id="rc-tab-FnmcRy7i5ndE-LlT9zDcJ"
+    id="rc-tab-I8xdfULclqalYxKnSm0Yf"
     role="tab"
     style="outline: none; position: relative;"
     tabindex="0"
@@ -25,10 +25,10 @@ exports[`Tabs > should render snapshot 1`] = `
     />
   </div>
   <div
-    aria-controls="rc-tab-panel-WqkdeT_QE_IJdx2N-csxF"
+    aria-controls="rc-tab-panel-RrgT99HP_7Idj6H-nJcoM"
     aria-selected="false"
     class="_tab_head_43d7a7 _tab_head_flat_43d7a7 _tab_head_sm_43d7a7"
-    id="rc-tab-WqkdeT_QE_IJdx2N-csxF"
+    id="rc-tab-RrgT99HP_7Idj6H-nJcoM"
     role="tab"
     style="outline: none; position: relative;"
     tabindex="-1"
@@ -44,10 +44,10 @@ exports[`Tabs > should render snapshot 1`] = `
     />
   </div>
   <div
-    aria-controls="rc-tab-panel-gzIH12KOP9xnlk_UDOlm5"
+    aria-controls="rc-tab-panel-aJ3WeNL8F4Ku8swVxqRZ6"
     aria-selected="false"
     class="_tab_head_43d7a7 _tab_head_flat_43d7a7 _tab_head_sm_43d7a7"
-    id="rc-tab-gzIH12KOP9xnlk_UDOlm5"
+    id="rc-tab-aJ3WeNL8F4Ku8swVxqRZ6"
     role="tab"
     style="outline: none; position: relative;"
     tabindex="-1"