docs: Added Accordion docs STC-732 (#187)

* docs: Added Accordion docs STC-732 * chore: restore styleguidist docs files STC-732
micromedio · Mar 15, 2022 · 052501b · 052501b · github-actions · Mar 15, 2022
1 parent 2dc956a
commit 052501b
Show file tree

Hide file tree

Showing 7 changed files with 73 additions and 17 deletions.
diff --git a/plop-templates/docs/component.hbs b/plop-templates/docs/component.hbs
@@ -1,7 +1,3 @@
-# {{pascalCase componentName}}
-
-## Component
-
 Here goes the {{pascalCase componentName}} description.
 
 ## First level Category

diff --git a/website/docs/components/Accordion.mdx b/website/docs/components/Accordion.mdx
@@ -0,0 +1,64 @@
+The Accordion component is a list of collapsible items where only one can be open at a time.
+
+## Basic Example
+```jsx live
+<Accordion>
+  <Accordion.Item title="General Settings">General Settings Content</Accordion.Item>
+  <Accordion.Item title="Users">User content</Accordion.Item>
+</Accordion>
+```
+
+## Initially open
+```jsx live
+<Accordion initialOpenIndex={1}>
+  <Accordion.Item title="General Settings">General Settings Content</Accordion.Item>
+  <Accordion.Item title="Users">User content</Accordion.Item>
+</Accordion>
+```
+
+## Different active background color
+
+### Primary
+```jsx live
+<Accordion activeBackgroundColor="primary">
+  <Accordion.Item title="General Settings">General Settings Content</Accordion.Item>
+  <Accordion.Item title="Users">User content</Accordion.Item>
+</Accordion>
+```
+
+### Secondary
+```jsx live
+<Accordion activeBackgroundColor="secondary">
+  <Accordion.Item title="General Settings">General Settings Content</Accordion.Item>
+  <Accordion.Item title="Users">User content</Accordion.Item>
+</Accordion>
+```
+
+### Text
+```jsx live
+<Accordion activeBackgroundColor="text">
+  <Accordion.Item title="General Settings">General Settings Content</Accordion.Item>
+  <Accordion.Item title="Users">User content</Accordion.Item>
+</Accordion>
+```
+
+### Success
+```jsx live
+<Accordion activeBackgroundColor="success">
+  <Accordion.Item title="General Settings">General Settings Content</Accordion.Item>
+  <Accordion.Item title="Users">User content</Accordion.Item>
+</Accordion>
+```
+
+### Warning
+```jsx live
+<Accordion activeBackgroundColor="warning">
+  <Accordion.Item title="General Settings">General Settings Content</Accordion.Item>
+  <Accordion.Item title="Users">User content</Accordion.Item>
+</Accordion>
+```
+
+
+## API
+
+- [Accordion](/docs/apis/accordion)
diff --git a/website/docs/components/Button.mdx b/website/docs/components/Button.mdx
@@ -1,7 +1,3 @@
-# Button
-
-## Component
-
 This is the basic component for all buttons.
 
 ## Variants

diff --git a/website/docs/components/Card.mdx b/website/docs/components/Card.mdx
@@ -1,5 +1,7 @@
 The Card component is a basic variation of the Paper, with a title and actions on the footer.
 
+## Examples
+
 ### Basic Example
 ```jsx live
 <Card

diff --git a/website/docs/components/Divider.mdx b/website/docs/components/Divider.mdx
@@ -1,9 +1,7 @@
-# Divider
-
-## Component
-
 The Divider component is used as a separator horizontally or vertically.
 
+## Variants
+
 ### Horizontal
 ```jsx live
 <div style={{ display: "flex", flexDirection: "column", gap: 8 }}>

diff --git a/website/package.json b/website/package.json
@@ -20,7 +20,7 @@
     "@docusaurus/theme-live-codeblock": "^2.0.0-beta.13",
     "@emotion/react": "^11.4.1",
     "@mdx-js/react": "^1.6.21",
-    "@micromed/herz-ui": "^0.20.4",
+    "@micromed/herz-ui": "^0.21.1",
     "@svgr/webpack": "^5.5.0",
     "clsx": "^1.1.1",
     "docusaurus-plugin-react-docgen-typescript": "^0.1.0",

diff --git a/website/yarn.lock b/website/yarn.lock
@@ -1716,10 +1716,10 @@
   resolved "https://registry.yarnpkg.com/@mdx-js/util/-/util-1.6.22.tgz#219dfd89ae5b97a8801f015323ffa4b62f45718b"
   integrity sha512-H1rQc1ZOHANWBvPcW+JpGwr+juXSxM8Q8YCkm3GhZd8REu1fHR3z99CErO1p9pkcfcxZnMdIZdIsXkOHY0NilA==
 
-"@micromed/herz-ui@^0.20.4":
-  version "0.20.4"
-  resolved "https://registry.yarnpkg.com/@micromed/herz-ui/-/herz-ui-0.20.4.tgz#73794e87f6e520471cd91a24f17d049870385fa5"
-  integrity sha512-6hhMkSm5XQ0b5lnTR6owrChFAduSQ92jA9gx2+0ZR2MQ6vflgm3Khz1Rn2cNblYo7nG6mNWRdG9xveadBGzWfg==
+"@micromed/herz-ui@^0.21.1":
+  version "0.21.1"
+  resolved "https://registry.yarnpkg.com/@micromed/herz-ui/-/herz-ui-0.21.1.tgz#7081a8f362d741c30a153d1a8dd0eeba4f070f09"
+  integrity sha512-vto8ahhPI/xb8Q9jnrXVj2fmiMvvf8NrfXcV/leVcwp2wJ+kuKYiGURaNRNr+PsQ0/Jst4vFdyoXtb097jXsEg==
   dependencies:
     "@reach/dialog" "^0.16.2"
     "@tabler/icons" "^1.41.2"