@nanoporetech-digital/components 8.0.0-alpha.2 → 8.0.0-alpha.3

package/dist/types/components/progress-bar/progress-bar.d.ts

@@ -1,22 +1,15 @@
 /**
  * Shows the status of an ongoing operation.
  *
- * @version 3.0.0
- * @status stable
+ * @version 8.0.0
+ * @status new
+ * @type CSS Only
  *
- * @slot - A label to show inside the indicator.
- *
- * @part base - The component's base wrapper.
- * @part indicator - The progress bar indicator.
- * @part label - The progress bar label.
+ * @slot - Used for mandatory `<progress>` element and optional `<label>`
  */
 export declare class ProgressBar {
-    host: HTMLNanoProgressBarElement;
-    /** The progress bar's percentage, 0 to 100. */
-    value: number;
-    /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */
-    indeterminate: boolean;
     /** Whether to show the progress bar's current percent as text. Will be overwritten if you use the default slot.  */
     showPercent: boolean;
-    render(): any;
+    /** The height of the progress-bar */
+    size: 'small' | 'medium' | 'large';
 }

package/dist/types/components.d.ts

@@ -1394,10 +1394,9 @@ export namespace Components {
         "validationState": ValidationState[];
     }
     /**
-     * A better UI experience for `input type="file"` form controls.
-     *   - Drag and Drop
-     *   - Validation options
-     *   - Preview and manage multiple files
+     * Enables the selection of files for upload.
+     * @version 1.0.0
+     * @status stable
      */
     interface NanoFileUpload {
         /**
@@ -1412,7 +1411,7 @@ export namespace Components {
           * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input. Only used within single file uploads.
           * @default false
          */
-        "clearInput": boolean;
+        "clearable": boolean;
         /**
           * If `true`, the user cannot interact with the select.
           * @default false
@@ -1438,9 +1437,9 @@ export namespace Components {
         /**
           * This will be true when the control is in an invalid state. Validity is determined by the `required` prop. Or if custom validity message is set.
           * @readonly 
-          * @default false
+          * @default null
          */
-        "invalid": boolean;
+        "invalid": any;
         /**
           * String to place within a label element.
          */
@@ -1451,7 +1450,7 @@ export namespace Components {
          */
         "maxFileSize": number;
         /**
-          * The maximum file size allowed per file (bytes).
+          * The maximum number of files that can be selected. Defaults to 1
           * @default 1
          */
         "maxFiles": number;
@@ -1461,7 +1460,7 @@ export namespace Components {
         "name": string;
         /**
           * Placeholder only used within single file uploads.
-          * @default 'Choose a file...'
+          * @default 'Choose a file'
          */
         "placeholder": string;
         /**
@@ -1491,7 +1490,7 @@ export namespace Components {
         "showInlineError": boolean;
         /**
           * When should the field perform validation
-          * @default 'submit'
+          * @default 'submitThenDirty'
          */
         "validateOn"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
@@ -2396,25 +2395,21 @@ export namespace Components {
     }
     /**
      * Shows the status of an ongoing operation.
-     * @version 3.0.0
-     * @status stable
+     * @version 8.0.0
+     * @status new
+     * @type CSS Only
      */
     interface NanoProgressBar {
-        /**
-          * When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.
-          * @default false
-         */
-        "indeterminate": boolean;
         /**
           * Whether to show the progress bar's current percent as text. Will be overwritten if you use the default slot.
           * @default false
          */
         "showPercent": boolean;
         /**
-          * The progress bar's percentage, 0 to 100.
-          * @default 0
+          * The height of the progress-bar
+          * @default 'medium'
          */
-        "value": number;
+        "size": 'small' | 'medium' | 'large';
     }
     /**
      * Ranges allow the user to select a value within a given range using a slider.
@@ -4037,10 +4032,9 @@ declare global {
         "nanoValidate": ControlValidityEventDetail;
     }
     /**
-     * A better UI experience for `input type="file"` form controls.
-     *   - Drag and Drop
-     *   - Validation options
-     *   - Preview and manage multiple files
+     * Enables the selection of files for upload.
+     * @version 1.0.0
+     * @status stable
      */
     interface HTMLNanoFileUploadElement extends Components.NanoFileUpload, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNanoFileUploadElementEventMap>(type: K, listener: (this: HTMLNanoFileUploadElement, ev: NanoFileUploadCustomEvent<HTMLNanoFileUploadElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4385,8 +4379,9 @@ declare global {
     };
     /**
      * Shows the status of an ongoing operation.
-     * @version 3.0.0
-     * @status stable
+     * @version 8.0.0
+     * @status new
+     * @type CSS Only
      */
     interface HTMLNanoProgressBarElement extends Components.NanoProgressBar, HTMLStencilElement {
     }
@@ -6233,10 +6228,9 @@ declare namespace LocalJSX {
         "validationState"?: ValidationState[];
     }
     /**
-     * A better UI experience for `input type="file"` form controls.
-     *   - Drag and Drop
-     *   - Validation options
-     *   - Preview and manage multiple files
+     * Enables the selection of files for upload.
+     * @version 1.0.0
+     * @status stable
      */
     interface NanoFileUpload {
         /**
@@ -6251,7 +6245,7 @@ declare namespace LocalJSX {
           * If `true`, a clear icon will appear in the input when there is a value. Clicking it clears the input. Only used within single file uploads.
           * @default false
          */
-        "clearInput"?: boolean;
+        "clearable"?: boolean;
         /**
           * If `true`, the user cannot interact with the select.
           * @default false
@@ -6273,20 +6267,20 @@ declare namespace LocalJSX {
         /**
           * This will be true when the control is in an invalid state. Validity is determined by the `required` prop. Or if custom validity message is set.
           * @readonly 
-          * @default false
+          * @default null
          */
-        "invalid"?: boolean;
+        "invalid"?: any;
         /**
           * String to place within a label element.
          */
-        "label": string;
+        "label"?: string;
         /**
           * The maximum file size allowed per file (Megabytes)
           * @default 1
          */
         "maxFileSize"?: number;
         /**
-          * The maximum file size allowed per file (bytes).
+          * The maximum number of files that can be selected. Defaults to 1
           * @default 1
          */
         "maxFiles"?: number;
@@ -6313,7 +6307,7 @@ declare namespace LocalJSX {
         "onNanoValidate"?: (event: NanoFileUploadCustomEvent<ControlValidityEventDetail>) => void;
         /**
           * Placeholder only used within single file uploads.
-          * @default 'Choose a file...'
+          * @default 'Choose a file'
          */
         "placeholder"?: string;
         /**
@@ -6328,7 +6322,7 @@ declare namespace LocalJSX {
         "showInlineError"?: boolean;
         /**
           * When should the field perform validation
-          * @default 'submit'
+          * @default 'submitThenDirty'
          */
         "validateOn"?: 'dirty' | 'submit' | 'submitThenDirty';
         /**
@@ -7272,25 +7266,21 @@ declare namespace LocalJSX {
     }
     /**
      * Shows the status of an ongoing operation.
-     * @version 3.0.0
-     * @status stable
+     * @version 8.0.0
+     * @status new
+     * @type CSS Only
      */
     interface NanoProgressBar {
-        /**
-          * When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.
-          * @default false
-         */
-        "indeterminate"?: boolean;
         /**
           * Whether to show the progress bar's current percent as text. Will be overwritten if you use the default slot.
           * @default false
          */
         "showPercent"?: boolean;
         /**
-          * The progress bar's percentage, 0 to 100.
-          * @default 0
+          * The height of the progress-bar
+          * @default 'medium'
          */
-        "value"?: number;
+        "size"?: 'small' | 'medium' | 'large';
     }
     /**
      * Ranges allow the user to select a value within a given range using a slider.
@@ -8450,10 +8440,9 @@ declare module "@stencil/core" {
              */
             "nano-field-validator": LocalJSX.NanoFieldValidator & JSXBase.HTMLAttributes<HTMLNanoFieldValidatorElement>;
             /**
-             * A better UI experience for `input type="file"` form controls.
-             *   - Drag and Drop
-             *   - Validation options
-             *   - Preview and manage multiple files
+             * Enables the selection of files for upload.
+             * @version 1.0.0
+             * @status stable
              */
             "nano-file-upload": LocalJSX.NanoFileUpload & JSXBase.HTMLAttributes<HTMLNanoFileUploadElement>;
             /**
@@ -8572,8 +8561,9 @@ declare module "@stencil/core" {
             "nano-option": LocalJSX.NanoOption & JSXBase.HTMLAttributes<HTMLNanoOptionElement>;
             /**
              * Shows the status of an ongoing operation.
-             * @version 3.0.0
-             * @status stable
+             * @version 8.0.0
+             * @status new
+             * @type CSS Only
              */
             "nano-progress-bar": LocalJSX.NanoProgressBar & JSXBase.HTMLAttributes<HTMLNanoProgressBarElement>;
             /**