Merge d053107 into b3a1341

packages/docs/nuxt.config.js

@@ -117,6 +117,7 @@ module.exports = {
 
         transpile: [
             '@inkline/inkline',
+            '@inkline/validation',
             'vue-github-button',
             'lodash-es'
         ],

packages/docs/pages/docs/components/alert.md

@@ -287,7 +287,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the alert component. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the alert component. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Alert" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/badge.md

@@ -160,7 +160,7 @@ Here you can find a list of the customization options you can use for the badge
 
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the badge component. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the badge component. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Badge" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/breadcrumb.md

@@ -190,7 +190,7 @@ Here you can find a list of the various customization options you can use for th
 
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the breadcrumb components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the breadcrumb components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Breadcrumb" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/button-group.md

@@ -308,7 +308,7 @@ Here you can find a list of the various customization options you can use for th
 
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the button group components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the button group components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Button" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/button.md

@@ -530,7 +530,7 @@ Here you can find a list of the various customization options you can use for th
 
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the button components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the button components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Button" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/card.md

@@ -323,7 +323,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the card components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the card components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Card" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/collapsible.md

@@ -331,7 +331,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the collapsible components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the collapsible components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Collapsible" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/dashboard/datatable/api.md

@@ -276,7 +276,7 @@ Here you can find a list of the various customization options you can use for th
 
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the datatable component. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the datatable component. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Datatable" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/dropdown.md

@@ -670,7 +670,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the dropdown components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the dropdown components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Dropdown" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/hamburger-menu.md

@@ -106,7 +106,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the hamburger menu component. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the hamburger menu component. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Header" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/header.md

@@ -196,7 +196,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the header components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the header components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Header" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/list-group.md

@@ -280,7 +280,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the list group components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the list group components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="List Group" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/loader.md

@@ -135,7 +135,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the loader components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the loader components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Loader" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/media.md

@@ -167,7 +167,7 @@ Here you can find the slot options for the media component.
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the media components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the media components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Media" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/modal.md

@@ -338,7 +338,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the modal components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the modal components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Modal" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/nav.md

@@ -208,7 +208,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the nav components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the nav components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Nav" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/navbar.md

@@ -550,7 +550,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the navbar components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the navbar components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Navbar" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/pagination.md

@@ -282,7 +282,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the pagination components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the pagination components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Pagination" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/popover.md

@@ -355,7 +355,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the popover components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the popover components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Popover" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/progress.md

@@ -328,7 +328,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the progress components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the progress components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Progress" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/sidebar.md

@@ -833,7 +833,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the sidebar components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the sidebar components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Sidebar" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/tabs.md

@@ -356,7 +356,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the tabs components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the tabs components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Tabs" expanded>
     <template slot="scss">

packages/docs/pages/docs/components/tooltip.md

@@ -379,7 +379,7 @@ Here you can find a list of the various customization options you can use for th
 </i-api-preview>
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the tooltip components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the tooltip components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Tooltip" expanded>
     <template slot="scss">

packages/docs/pages/docs/core/code.md

@@ -95,7 +95,7 @@ You can use the `<samp>` for indicating sample output from a program.
 
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for code elements. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for code elements. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 
 <i-scss-preview title="Code" expanded :header="false">

packages/docs/pages/docs/core/grid.md

@@ -1272,7 +1272,7 @@ Here you can find a list of the various customization options you can use for th
 
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the grid components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the grid components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Container" expanded>
     <template slot="scss">

packages/docs/pages/docs/core/images.md

@@ -159,7 +159,7 @@ the `.image` classes to the `<img>` and not to the `<picture>` tag.
 
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for images. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for images. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Images" expanded :header="false">
     <template slot="scss">

packages/docs/pages/docs/core/layout.md

@@ -494,7 +494,7 @@ Here you can find a list of the various customization options you can use for th
 
 
 ### Sass Variables
-Here you can find a list of the Sass variables you can use for the layout components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-introduction-sass-variables' }">Sass Variables</nuxt-link> page.
+Here you can find a list of the Sass variables you can use for the layout components. If you're looking to find common variables that these rely on, you should take a look at the <nuxt-link :to="{ name: 'docs-core-sass-variables' }">Sass Variables</nuxt-link> page.
 
 <i-scss-preview title="Layout Aside" expanded>
     <template slot="scss">