@duetds/components 6.2.3 → 6.2.5

package/lib/collection/components/duet-spacer/duet-spacer.js

@@ -1,21 +1,11 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class DuetSpacer {
   constructor() {
-    /**
-     * Size variation of the spacer. Can be any of the spacing tokens.
-     */
     this.size = "medium";
-    /**
-     * Direction of the space added.
-     */
     this.direction = "vertical";
-    /**
-     * Adjusts the breakpoint where the spacer is shown in. The functionality
-     * follows 1:1 the media queries defined in design tokens.
-     */
     this.breakpoint = "";
   }
   /**
@@ -38,79 +28,85 @@ export class DuetSpacer {
   }
   static get is() { return "duet-spacer"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-spacer.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-spacer.css"]
-  }; }
-  static get properties() { return {
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetSpacerSize",
-        "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\"",
-        "references": {
-          "DuetSpacerSize": {
-            "location": "local"
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-spacer.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-spacer.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetSpacerSize",
+          "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\"",
+          "references": {
+            "DuetSpacerSize": {
+              "location": "local"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Size variation of the spacer. Can be any of the spacing tokens."
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "\"medium\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Size variation of the spacer. Can be any of the spacing tokens."
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "\"medium\""
-    },
-    "direction": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetDirection",
-        "resolved": "\"horizontal\" | \"vertical\"",
-        "references": {
-          "DuetDirection": {
-            "location": "import",
-            "path": "../../common-types"
+      "direction": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetDirection",
+          "resolved": "\"horizontal\" | \"vertical\"",
+          "references": {
+            "DuetDirection": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Direction of the space added."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Direction of the space added."
+        },
+        "attribute": "direction",
+        "reflect": false,
+        "defaultValue": "\"vertical\""
       },
-      "attribute": "direction",
-      "reflect": false,
-      "defaultValue": "\"vertical\""
-    },
-    "breakpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetSpacerBreakpoint",
-        "resolved": "\"\" | \"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\"",
-        "references": {
-          "DuetSpacerBreakpoint": {
-            "location": "local"
+      "breakpoint": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetSpacerBreakpoint",
+          "resolved": "\"\" | \"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\"",
+          "references": {
+            "DuetSpacerBreakpoint": {
+              "location": "local"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Adjusts the breakpoint where the spacer is shown in. The functionality\nfollows 1:1 the media queries defined in design tokens."
-      },
-      "attribute": "breakpoint",
-      "reflect": false,
-      "defaultValue": "\"\""
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adjusts the breakpoint where the spacer is shown in. The functionality\nfollows 1:1 the media queries defined in design tokens."
+        },
+        "attribute": "breakpoint",
+        "reflect": false,
+        "defaultValue": "\"\""
+      }
+    };
+  }
 }

package/lib/collection/components/duet-spinner/duet-spinner.js

@@ -1,27 +1,14 @@
 /*!
  * Built with Duet Design System
  */
-import { Component, h, Host, Prop } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common/themeable-component";
 import { getColorByName } from "../../utils/token-utils";
 export class DuetSpinner {
   constructor() {
-    /**
-     * Color of the spinner, as a design token entered in camelCase or kebab-case.
-     * Example: "color-primary". This property can also be set to "currentColor"
-     * which forces the icon to use the CSS text color of parent element instead.
-     * Useful when you want to control the color in stylesheet instead.
-     */
+    this.accessibleLabel = undefined;
     this.color = "gray-lightest";
-    /**
-     * Size variation of the spinner.
-     */
     this.size = "small";
-    /**
-     * Theme of the spinner. When used this will override the color setting and
-     * use "primary" or "primary-turva" as the color depending on which theme
-     * is chosen.
-     */
     this.theme = "";
   }
   /**
@@ -40,105 +27,110 @@ export class DuetSpinner {
         "duet-custom-color": this.color !== "currentColor" && this.theme !== "turva" && this.theme !== "default",
         "duet-theme-turva": this.theme === "turva" && this.color !== "currentColor",
         "duet-theme-default": this.theme === "default" && this.color !== "currentColor",
-      } },
-      h("div", { class: {
-          "duet-spinner": true,
-          [this.size]: true,
-        }, style: { color }, "aria-label": this.accessibleLabel })));
+      } }, h("div", { class: {
+        "duet-spinner": true,
+        [this.size]: true,
+      }, style: { color }, "aria-label": this.accessibleLabel })));
   }
   static get is() { return "duet-spinner"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["duet-spinner.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["duet-spinner.css"]
-  }; }
-  static get properties() { return {
-    "accessibleLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Adds accessible label for the spinner that is only shown for screen readers."
+  static get originalStyleUrls() {
+    return {
+      "$": ["duet-spinner.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["duet-spinner.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "accessibleLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Adds accessible label for the spinner that is only shown for screen readers."
+        },
+        "attribute": "accessible-label",
+        "reflect": false
       },
-      "attribute": "accessible-label",
-      "reflect": false
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetColor",
-        "resolved": "string",
-        "references": {
-          "DuetColor": {
-            "location": "import",
-            "path": "../../common-types"
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetColor",
+          "resolved": "string",
+          "references": {
+            "DuetColor": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Color of the spinner, as a design token entered in camelCase or kebab-case.\nExample: \"color-primary\". This property can also be set to \"currentColor\"\nwhich forces the icon to use the CSS text color of parent element instead.\nUseful when you want to control the color in stylesheet instead."
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Color of the spinner, as a design token entered in camelCase or kebab-case.\nExample: \"color-primary\". This property can also be set to \"currentColor\"\nwhich forces the icon to use the CSS text color of parent element instead.\nUseful when you want to control the color in stylesheet instead."
+        },
+        "attribute": "color",
+        "reflect": false,
+        "defaultValue": "\"gray-lightest\""
       },
-      "attribute": "color",
-      "reflect": false,
-      "defaultValue": "\"gray-lightest\""
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "DuetSpinnerSize",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {
-          "DuetSpinnerSize": {
-            "location": "local"
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "DuetSpinnerSize",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {
+            "DuetSpinnerSize": {
+              "location": "local"
+            }
           }
-        }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Size variation of the spinner."
+        },
+        "attribute": "size",
+        "reflect": false,
+        "defaultValue": "\"small\""
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Size variation of the spinner."
-      },
-      "attribute": "size",
-      "reflect": false,
-      "defaultValue": "\"small\""
-    },
-    "theme": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "DuetTheme",
-        "resolved": "\"\" | \"default\" | \"turva\"",
-        "references": {
-          "DuetTheme": {
-            "location": "import",
-            "path": "../../common-types"
+      "theme": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "DuetTheme",
+          "resolved": "\"\" | \"default\" | \"turva\"",
+          "references": {
+            "DuetTheme": {
+              "location": "import",
+              "path": "../../common-types"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Theme of the spinner. When used this will override the color setting and\nuse \"primary\" or \"primary-turva\" as the color depending on which theme\nis chosen."
-      },
-      "attribute": "theme",
-      "reflect": false,
-      "defaultValue": "\"\""
-    }
-  }; }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Theme of the spinner. When used this will override the color setting and\nuse \"primary\" or \"primary-turva\" as the color depending on which theme\nis chosen."
+        },
+        "attribute": "theme",
+        "reflect": false,
+        "defaultValue": "\"\""
+      }
+    };
+  }
 }