@lion/ui 0.7.2 → 0.7.4

package/docs/components/checkbox-group/overview.md

@@ -19,11 +19,11 @@ import '@lion/ui/define/lion-checkbox.js';
 </lion-checkbox-group>
 ```
 
-> Make sure that the checkbox-group also has a name attribute, this is necessary for our [form](https://github.com/ing-bank/lion/blob/8fd9ec4df166dd45f230eb032e3b1c151fd6240d/docs/components/form/overview.md)'s serialization result.
+> Make sure that the checkbox-group also has a name attribute, this is necessary for our [form](https://github.com/ing-bank/lion/blob/15a9d70cb690d26e6a2af8a6b5dbdda7e7b0112e/docs/components/form/overview.md)'s serialization result.
 
 ## Features
 
-Since it extends from our [fieldset](https://github.com/ing-bank/lion/blob/8fd9ec4df166dd45f230eb032e3b1c151fd6240d/docs/components/fieldset/overview.md),
+Since it extends from our [fieldset](https://github.com/ing-bank/lion/blob/15a9d70cb690d26e6a2af8a6b5dbdda7e7b0112e/docs/components/fieldset/overview.md),
 it has all the features a fieldset has.
 
 ## Installation

package/docs/components/collapsible/api-table.md

@@ -0,0 +1,36 @@
+# Collapsible >> API Table ||90 
+
+## class: `LionCollapsible`, `lion-collapsible`
+
+### Fields
+
+| Name             | Privacy   | Type      | Default | Description | Inherited From |
+| ---------------- | --------- | --------- | ------- | ----------- | -------------- |
+| `_invokerNode`   | protected |           |         |             |                |
+| `_contentNode`   | protected |           |         |             |                |
+| `_contentHeight` | protected |           |         |             |                |
+| `opened`         | public    | `boolean` | `false` |             |                |
+
+### Methods
+
+| Name             | Privacy   | Description                                   | Parameters     | Return | Inherited From |
+| ---------------- | --------- | --------------------------------------------- | -------------- | ------ | -------------- |
+| `show`           | public    | Show extra content.                           |                |        |                |
+| `hide`           | public    | Hide extra content.                           |                |        |                |
+| `toggle`         | public    | Toggle the current(opened/closed) state.      |                |        |                |
+| `_showAnimation` | protected | Show animation implementation in sub-classer. | `opts: Object` |        |                |
+| `_hideAnimation` | protected | Hide animation implementation in sub-classer. | `opts: Object` |        |                |
+
+### Events
+
+| Name             | Type          | Description | Inherited From |
+| ---------------- | ------------- | ----------- | -------------- |
+| `opened-changed` | `CustomEvent` |             |                |
+
+### Attributes
+
+| Name     | Field  | Inherited From |
+| -------- | ------ | -------------- |
+| `opened` | opened |                |
+
+<hr/>

package/docs/components/collapsible/assets/applyDemoCollapsibleStyles.js

@@ -7,7 +7,9 @@ const applyDemoCollapsibleStyles = () => {
       margin: 16px;
       border-radius: 4px;
       width: 400px;
-      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+      box-shadow:
+        0 1px 3px rgba(0, 0, 0, 0.12),
+        0 1px 2px rgba(0, 0, 0, 0.24);
     }
 
     .demo-custom-collapsible-body {
@@ -18,7 +20,9 @@ const applyDemoCollapsibleStyles = () => {
       border-width: 0;
       border-radius: 2px;
       padding: 12px 24px;
-      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+      box-shadow:
+        0 1px 3px rgba(0, 0, 0, 0.12),
+        0 1px 2px rgba(0, 0, 0, 0.24);
       font-weight: bold;
       color: #3f51b5;
     }

package/docs/components/collapsible/overview.md

@@ -22,7 +22,7 @@ export const main = () => html`
 ## Features
 
 - Use `opened` attribute or `toggle()` method to render default open.
-- `invoker` slot can be custom template e.g. our [button](https://github.com/ing-bank/lion/blob/8fd9ec4df166dd45f230eb032e3b1c151fd6240d/docs/components/button/overview.md) or native `button` with custom styling.
+- `invoker` slot can be custom template e.g. our [button](https://github.com/ing-bank/lion/blob/15a9d70cb690d26e6a2af8a6b5dbdda7e7b0112e/docs/components/button/overview.md) or native `button` with custom styling.
 - Observe the state with the help of `@opened-changed` event.
 - `show()` and `hide()` are helper methods to hide or show the content from outside.