@lion/ui 0.11.0 → 0.11.2

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

@@ -1,3 +1,13 @@
-# Checkbox Group ||10
+---
+parts:
+  - Checkbox Group
+title: Checkbox Group
+eleventyNavigation:
+  key: Checkbox Group
+  order: 10
+  title: Checkbox Group
+---
+
+# Checkbox Group
 
 -> go to Overview

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

@@ -1,4 +1,16 @@
-# Checkbox Group >> Overview ||10
+---
+parts:
+  - Checkbox Group
+  - Overview
+title: 'Checkbox Group: Overview'
+eleventyNavigation:
+  key: 'Checkbox Group: Overview'
+  order: 10
+  parent: Checkbox Group
+  title: Overview
+---
+
+# Checkbox Group: Overview
 
 A checkbox group enhances the functionality of the native `<input type="checkbox">` element.
 Its purpose is to provide a way for users to check **multiple** options amongst a set of choices, or to function as a single toggle.
@@ -19,11 +31,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/eea6726289ec879c9d99d3ada1043cbd42704557/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/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/form/overview.md)'s serialization result.
 
 ## Features
 
-Since it extends from our [fieldset](https://github.com/ing-bank/lion/blob/eea6726289ec879c9d99d3ada1043cbd42704557/docs/components/fieldset/overview.md),
+Since it extends from our [fieldset](https://github.com/ing-bank/lion/blob/87a1cb4d5bec301af6688be2c7bf778344d2ae42/docs/components/fieldset/overview.md),
 it has all the features a fieldset has.
 
 ## Installation

package/docs/components/checkbox-group/use-cases.md

@@ -1,4 +1,16 @@
-# Checkbox Group >> Use Cases ||20
+---
+parts:
+  - Checkbox Group
+  - Use Cases
+title: 'Checkbox Group: Use Cases'
+eleventyNavigation:
+  key: 'Checkbox Group: Use Cases'
+  order: 20
+  parent: Checkbox Group
+  title: Use Cases
+---
+
+# Checkbox Group: Use Cases
 
 ```js script
 import { html } from '@mdjs/mdjs-preview';

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

@@ -1,4 +1,16 @@
-# Collapsible >> API Table ||90 
+---
+parts:
+  - API Table
+  - Collapsible
+title: 'Collapsible: API Table'
+eleventyNavigation:
+  key: API Table >> Collapsible
+  title: API Table
+  order: 90
+  parent: Collapsible
+---
+# Collapsible: API Table
+ 
 
 ## class: `LionCollapsible`, `lion-collapsible`
 
@@ -6,20 +18,20 @@
 
 | Name             | Privacy   | Type      | Default | Description | Inherited From |
 | ---------------- | --------- | --------- | ------- | ----------- | -------------- |
-| `_invokerNode`   | protected |           |         |             |                |
-| `_contentNode`   | protected |           |         |             |                |
-| `_contentHeight` | protected |           |         |             |                |
 | `opened`         | public    | `boolean` | `false` |             |                |
+| `_contentHeight` | protected |           |         |             |                |
+| `_contentNode`   | protected |           |         |             |                |
+| `_invokerNode`   | protected |           |         |             |                |
 
 ### Methods
 
 | Name             | Privacy   | Description                                   | Parameters     | Return | Inherited From |
 | ---------------- | --------- | --------------------------------------------- | -------------- | ------ | -------------- |
-| `show`           | public    | Show extra content.                           |                |        |                |
 | `hide`           | public    | Hide extra content.                           |                |        |                |
+| `show`           | public    | Show 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` |        |                |
+| `_showAnimation` | protected | Show animation implementation in sub-classer. | `opts: Object` |        |                |
 
 ### Events
 

package/docs/components/collapsible/examples.md

@@ -1,4 +1,16 @@
-# Collapsible >> Examples ||30
+---
+parts:
+  - Collapsible
+  - Examples
+title: 'Collapsible: Examples'
+eleventyNavigation:
+  key: 'Collapsible: Examples'
+  order: 30
+  parent: Collapsible
+  title: Examples
+---
+
+# Collapsible: Examples
 
 ```js script
 import { html } from '@mdjs/mdjs-preview';

package/docs/components/collapsible/index.md

@@ -1,3 +1,13 @@
-# Collapsible ||10
+---
+parts:
+  - Collapsible
+title: Collapsible
+eleventyNavigation:
+  key: Collapsible
+  order: 10
+  title: Collapsible
+---
+
+# Collapsible
 
 -> go to Overview

package/docs/components/collapsible/overview.md

@@ -1,4 +1,16 @@
-# Collapsible >> Overview ||10
+---
+parts:
+  - Collapsible
+  - Overview
+title: 'Collapsible: Overview'
+eleventyNavigation:
+  key: 'Collapsible: Overview'
+  order: 10
+  parent: Collapsible
+  title: Overview
+---
+
+# Collapsible: Overview
 
 A combination of a button (the invoker) and a chunk of 'extra content'. This web component can be extended with an animation to disclose the extra content. There are two slots available respectively; `invoker` to specify the collapsible's invoker and `content` for the extra content of the collapsible.
 
@@ -22,7 +34,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/eea6726289ec879c9d99d3ada1043cbd42704557/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/87a1cb4d5bec301af6688be2c7bf778344d2ae42/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.
 

package/docs/components/collapsible/use-cases.md

@@ -1,4 +1,16 @@
-# Collapsible >> Use Cases ||20
+---
+parts:
+  - Collapsible
+  - Use Cases
+title: 'Collapsible: Use Cases'
+eleventyNavigation:
+  key: 'Collapsible: Use Cases'
+  order: 20
+  parent: Collapsible
+  title: Use Cases
+---
+
+# Collapsible: Use Cases
 
 ```js script
 import { html } from '@mdjs/mdjs-preview';