@six-group/ui-library 3.0.0-beta.1.7 → 4.0.0-beta.0

package/dist/collection/components/six-spinner/six-spinner.js

@@ -1,55 +1,58 @@
-import { Component, h, Prop } from '@stencil/core';
-/**
- * @since 1.0
- * @status stable
- *
- * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
- *
- * @part base - The component's base wrapper.
- */
-export class SixSpinner {
-  constructor() {
-    /** Indicates if the spinner is shown as animated SIX logo or simple spinner. */
-    this.six = false;
-  }
-  renderSIXLogo() {
-    return (h("span", { class: "six-spinner", "aria-busy": "true", "aria-live": "polite" },
-      h("div", { class: "six-spinner__container" },
-        h("svg", { viewBox: "0 0 40 40" },
-          h("path", { fill: "none", stroke: "#de3919", "stroke-width": "5", "stroke-linecap": "round", d: "M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42" })))));
-  }
-  renderSimple() {
-    return h("span", { part: "base", class: "spinner", "aria-busy": "true", "aria-live": "polite" });
-  }
-  render() {
-    return this.six ? this.renderSIXLogo() : this.renderSimple();
-  }
-  static get is() { return "six-spinner"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-spinner.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-spinner.css"]
-  }; }
-  static get properties() { return {
-    "six": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Indicates if the spinner is shown as animated SIX logo or simple spinner."
-      },
-      "attribute": "six",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-}
+import { h } from '@stencil/core';
+/**
+ * @since 1.0
+ * @status stable
+ *
+ * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
+ *
+ * @part base - The component's base wrapper.
+ */
+export class SixSpinner {
+  constructor() {
+    this.six = false;
+  }
+  renderSIXLogo() {
+    return (h("span", { class: "six-spinner", "aria-busy": "true", "aria-live": "polite" }, h("div", { class: "six-spinner__container" }, h("svg", { viewBox: "0 0 40 40" }, h("path", { fill: "none", stroke: "#de3919", "stroke-width": "5", "stroke-linecap": "round", d: "M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42" })))));
+  }
+  renderSimple() {
+    return h("span", { part: "base", class: "spinner", "aria-busy": "true", "aria-live": "polite" });
+  }
+  render() {
+    return this.six ? this.renderSIXLogo() : this.renderSimple();
+  }
+  static get is() { return "six-spinner"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["six-spinner.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["six-spinner.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "six": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Indicates if the spinner is shown as animated SIX logo or simple spinner."
+        },
+        "attribute": "six",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+}
+//# sourceMappingURL=six-spinner.js.map

package/dist/collection/components/six-spinner/six-spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"six-spinner.js","sourceRoot":"","sources":["../../../src/components/six-spinner/six-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;;;GAOG;AAMH,MAAM,OAAO,UAAU;;eAEP,KAAK;;EAEnB,aAAa;IACX,OAAO,CACL,YAAM,KAAK,EAAC,aAAa,eAAW,MAAM,eAAW,QAAQ;MAC3D,WAAK,KAAK,EAAC,wBAAwB;QACjC,WAAK,OAAO,EAAC,WAAW;UACtB,YACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,kBACH,GAAG,oBACD,OAAO,EACtB,CAAC,EAAC,mHAAmH,GAC/G,CACJ,CACF,CACD,CACR,CAAC;EACJ,CAAC;EAED,YAAY;IACV,OAAO,YAAM,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS,eAAW,MAAM,eAAW,QAAQ,GAAG,CAAC;EAClF,CAAC;EAED,MAAM;IACJ,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;EAC/D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @part base - The component's base wrapper.\n */\n@Component({\n  tag: 'six-spinner',\n  styleUrl: 'six-spinner.scss',\n  shadow: true,\n})\nexport class SixSpinner {\n  /** Indicates if the spinner is shown as animated SIX logo or simple spinner. */\n  @Prop() six = false;\n\n  renderSIXLogo() {\n    return (\n      <span class=\"six-spinner\" aria-busy=\"true\" aria-live=\"polite\">\n        <div class=\"six-spinner__container\">\n          <svg viewBox=\"0 0 40 40\">\n            <path\n              fill=\"none\"\n              stroke=\"#de3919\"\n              stroke-width=\"5\"\n              stroke-linecap=\"round\"\n              d=\"M 35 5 V 35 H 5 T 5 5 H 35 V 35 H 5 V 5 H 35 V 35 H -34 V 30 H 7 A 9 8 0 0 0 14 27 L 27 14 A 8 6 0 0 1 33 12 H 42\"\n            ></path>\n          </svg>\n        </div>\n      </span>\n    );\n  }\n\n  renderSimple() {\n    return <span part=\"base\" class=\"spinner\" aria-busy=\"true\" aria-live=\"polite\" />;\n  }\n\n  render() {\n    return this.six ? this.renderSIXLogo() : this.renderSimple();\n  }\n}\n"]}

package/dist/collection/components/six-stage-indicator/six-stage-indicator.js

@@ -1,46 +1,49 @@
-import { Component, h, Prop } from '@stencil/core';
-export class SixStageIndicator {
-  constructor() {
-    /** The indicators value attribute */
-    this.stage = null;
-  }
-  render() {
-    return this.stage == null || this.stage == 'PROD' ? null : (h("div", { class: `indicator--${this.stage.toLowerCase()}` },
-      h("div", { class: "center-content" },
-        h("six-icon", { class: "align-item", size: "small" }, "error_outline"),
-        h("span", { class: 'align-item' },
-          h("slot", null)))));
-  }
-  static get is() { return "six-stage-indicator"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["six-stage-indicator.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["six-stage-indicator.css"]
-  }; }
-  static get properties() { return {
-    "stage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "StageType",
-        "resolved": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\"",
-        "references": {
-          "StageType": {
-            "location": "local"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The indicators value attribute"
-      },
-      "attribute": "stage",
-      "reflect": false,
-      "defaultValue": "null"
-    }
-  }; }
-}
+import { h } from '@stencil/core';
+export class SixStageIndicator {
+  constructor() {
+    this.stage = null;
+  }
+  render() {
+    return this.stage == null || this.stage == 'PROD' ? null : (h("div", { class: `indicator--${this.stage.toLowerCase()}` }, h("div", { class: "center-content" }, h("six-icon", { class: "align-item", size: "small" }, "error_outline"), h("span", { class: 'align-item' }, h("slot", null)))));
+  }
+  static get is() { return "six-stage-indicator"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["six-stage-indicator.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["six-stage-indicator.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "stage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "StageType",
+          "resolved": "\"ACCEPTANCE\" | \"DEV\" | \"ETU\" | \"ITU\" | \"PROD\"",
+          "references": {
+            "StageType": {
+              "location": "local",
+              "path": "/home/runner/work/six-webcomponents/six-webcomponents/packages/ui-library/src/components/six-stage-indicator/six-stage-indicator.tsx"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The indicators value attribute"
+        },
+        "attribute": "stage",
+        "reflect": false,
+        "defaultValue": "null"
+      }
+    };
+  }
+}
+//# sourceMappingURL=six-stage-indicator.js.map

package/dist/collection/components/six-stage-indicator/six-stage-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"six-stage-indicator.js","sourceRoot":"","sources":["../../../src/components/six-stage-indicator/six-stage-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,iBAAiB;;iBAED,IAAI;;EAE/B,MAAM;IACJ,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzD,WAAK,KAAK,EAAE,cAAc,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE;MAClD,WAAK,KAAK,EAAC,gBAAgB;QACzB,gBAAU,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,oBAE9B;QACX,YAAM,KAAK,EAAE,YAAY;UACvB,eAAQ,CACH,CACH,CACF,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\nexport type StageType = 'DEV' | 'ITU' | 'ETU' | 'ACCEPTANCE' | 'PROD' | null;\n\n@Component({\n  tag: 'six-stage-indicator',\n  styleUrl: 'six-stage-indicator.scss',\n  shadow: true,\n})\nexport class SixStageIndicator {\n  /** The indicators value attribute */\n  @Prop() stage: StageType = null;\n\n  render() {\n    return this.stage == null || this.stage == 'PROD' ? null : (\n      <div class={`indicator--${this.stage.toLowerCase()}`}>\n        <div class=\"center-content\">\n          <six-icon class=\"align-item\" size=\"small\">\n            error_outline\n          </six-icon>\n          <span class={'align-item'}>\n            <slot />\n          </span>\n        </div>\n      </div>\n    );\n  }\n}\n"]}