docs(): update docs

baloise · Sep 28, 2021 · 91a0d8e · 91a0d8e
1 parent d13e24b
commit 91a0d8e
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 3 deletions.
diff --git a/docs/.scripts/components.script.js b/docs/.scripts/components.script.js
@@ -205,6 +205,8 @@ function transformScripts(component) {
       `export function ${camelize(component.tag)}(
         balSnackbarController,
         balToastController,
+        balModalController,
+        deepReady,
         BalTableButtonRenderer,
         BalTableTagRenderer,
         BalTableTextRenderer

diff --git a/docs/src/.vuepress/components/docs-component-script.vue b/docs/src/.vuepress/components/docs-component-script.vue
@@ -4,7 +4,7 @@
 
 <script>
 import * as BalComponentScripts from '../generated/components'
-import { balSnackbarController, balToastController } from '../lib/dist'
+import { balSnackbarController, balToastController, balModalController, deepReady } from '../lib/dist'
 import {
   BalTableButtonRenderer,
   BalTableTagRenderer,
@@ -50,6 +50,8 @@ export default {
             fn(
               balSnackbarController,
               balToastController,
+              balModalController,
+              deepReady,
               BalTableButtonRenderer,
               BalTableTagRenderer,
               BalTableTextRenderer,

diff --git a/docs/src/components/foundation/grid.md b/docs/src/components/foundation/grid.md
@@ -42,7 +42,7 @@ Each column will have an equal width, no matter the number of columns.
     <div class="column is-full has-background-blue has-text-white">Full column</div>
     <div class="column is-half has-background-primary has-text-white">Half column</div>
     <div class="column is-half has-background-success has-text-white">Half column</div>
-    <div class="column is-third has-background-warning has-text-white">1 Third column</div>
+    <div class="column is-one-third has-background-warning has-text-white">1 Third column</div>
     <div class="column is-two-thirds has-background-danger has-text-white">2 Third column</div>
   </div>
 </docs-demo>
@@ -52,7 +52,7 @@ Each column will have an equal width, no matter the number of columns.
   <div class="column is-full has-background-blue has-text-white">Full column</div>
   <div class="column is-half has-background-primary has-text-white">Half column</div>
   <div class="column is-half has-background-success has-text-white">Half column</div>
-  <div class="column is-third has-background-warning has-text-white">1 Third column</div>
+  <div class="column is-one-third has-background-warning has-text-white">1 Third column</div>
   <div class="column is-two-thirds has-background-danger has-text-white">2 Third column</div>
 </div>
 ```

diff --git a/packages/components/src/components.d.ts b/packages/components/src/components.d.ts
@@ -528,6 +528,7 @@ export namespace Components {
           * Accepted MIME-Types like `image/png,image/jpeg`.
          */
         "accept": string;
+        "clear": () => Promise<void>;
         /**
           * If `true` the button is disabled
          */

diff --git a/packages/components/src/components/bal-file-upload/bal-file-upload.tsx b/packages/components/src/components/bal-file-upload/bal-file-upload.tsx
@@ -155,6 +155,9 @@ export class FileUpload {
     })
   }
 
+  /**
+   * Sets the file list to an empty list
+   */
   @Method()
   async clear(): Promise<void> {
     this.files = []