genesys-spark-components 4.171.6 → 4.173.0

package/dist/collection/components/beta/gux-cloud-logomark/gux-cloud-logomark.css

@@ -0,0 +1,24 @@
+:host {
+  display: inline-block;
+}
+
+svg {
+  inline-size: 100%;
+  block-size: 100%;
+  fill: var(--gse-core-color-transparent);
+}
+svg .gux-background {
+  fill: var(--gse-core-color-transparent);
+}
+svg .gux-foreground {
+  fill: var(--gse-ui-logo-cloud-logomark-primary);
+}
+svg.gux-neutral .gux-foreground {
+  fill: var(--gse-ui-logo-cloud-logomark-neutral);
+}
+svg.gux-on-background .gux-background {
+  fill: var(--gse-ui-logo-cloud-logomark-onBackground-backgroundColor);
+}
+svg.gux-on-background .gux-foreground {
+  fill: var(--gse-ui-logo-cloud-logomark-onBackground-foregroundColor);
+}

package/dist/collection/components/beta/gux-cloud-logomark/gux-cloud-logomark.js

@@ -0,0 +1,59 @@
+import { h } from "@stencil/core";
+import { trackComponent } from "../../../utils/tracking/usage";
+import { buildI18nForComponent } from "../../../i18n";
+import translationResources from "./i18n/en.json";
+export class GuxCloudLogomark {
+    constructor() {
+        this.variant = 'primary';
+    }
+    async componentWillLoad() {
+        this.i18n = await buildI18nForComponent(this.root, translationResources);
+        trackComponent(this.root, { variant: this.variant });
+    }
+    render() {
+        return (h("svg", { key: '60d1e3afb0ccdbb66205b85c7e070ece6a234d7c', class: `gux-${this.variant}`, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50", "aria-label": this.i18n('genesysCloudLogomark'), role: "img" }, h("path", { key: 'a4d40e614341ddfa5aa1b3a8c05bb89ec43ba742', class: "gux-background", d: "M50 0H0V50H50V0Z" }), h("path", { key: 'd17354861293579593d648dcc7832ecadfabe9df', class: "gux-foreground", d: "M29.283 11.5234H20.6388C17.1517 11.5234 14.325 14.3502 14.325 17.8372V17.8967C14.325 21.3838 17.1517 24.2105 20.6388 24.2105H29.283C32.77 24.2105 35.5968 21.3838 35.5968 17.8967V17.8372C35.5968 14.3502 32.77 11.5234 29.283 11.5234Z" }), h("path", { key: '0ea14a3e3f74ec6391c14cb08567e726d32b9d55', class: "gux-foreground", d: "M23.4827 32.6137C23.4827 29.3995 26.0884 26.7937 29.3027 26.7937H39.878C43.0922 26.7937 45.698 29.3995 45.698 32.6137C45.698 35.828 43.0922 38.4337 39.878 38.4337H29.3027C26.0884 38.4337 23.4827 35.828 23.4827 32.6137Z" }), h("path", { key: '58d80a9c213625d9dd88340b7a0124369b48d07a', class: "gux-foreground", d: "M4.29688 32.6137C4.29688 29.3995 6.90258 26.7937 10.1168 26.7937H15.0798C18.2942 26.7937 20.8999 29.3995 20.8999 32.6137C20.8999 35.828 18.2942 38.4337 15.0798 38.4337H10.1168C6.90258 38.4337 4.29688 35.828 4.29688 32.6137Z" })));
+    }
+    static get is() { return "gux-cloud-logomark-beta"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gux-cloud-logomark.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gux-cloud-logomark.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "attribute": "variant",
+                "mutable": false,
+                "complexType": {
+                    "original": "GuxCloudLogomarkVariant",
+                    "resolved": "\"neutral\" | \"on-background\" | \"primary\"",
+                    "references": {
+                        "GuxCloudLogomarkVariant": {
+                            "location": "import",
+                            "path": "./gux-cloud-logomark.types",
+                            "id": "src/components/beta/gux-cloud-logomark/gux-cloud-logomark.types.ts::GuxCloudLogomarkVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'primary'"
+            }
+        };
+    }
+    static get elementRef() { return "root"; }
+}

package/dist/collection/components/beta/gux-cloud-logomark/gux-cloud-logomark.types.js

@@ -0,0 +1,5 @@
+export const guxCloudLogomarkVariant = [
+    'primary',
+    'neutral',
+    'on-background'
+];

package/dist/collection/components/beta/gux-cloud-logomark/tests/gux-cloud-logomark.common.js

@@ -0,0 +1,18 @@
+import { guxCloudLogomarkVariant } from "../gux-cloud-logomark.types";
+export const defaultConfig = {
+    description: `should render component as expected`,
+    html: `<gux-cloud-logomark-beta></gux-cloud-logomark-beta>`
+};
+const variantConfigs = guxCloudLogomarkVariant.map(variant => ({
+    description: `should render component as expected when variant is ${variant}`,
+    html: `<gux-cloud-logomark-beta variant="${variant}"></gux-cloud-logomark-beta>`
+}));
+const invalidVariantConfig = {
+    description: 'should render component as expected when variant is invalid',
+    html: '<gux-cloud-logomark-beta variant="invalid"></gux-cloud-logomark-beta>'
+};
+export const renderConfigs = [
+    defaultConfig,
+    ...variantConfigs,
+    invalidVariantConfig
+];

package/dist/collection/components/beta/gux-cta-group/gux-cta-group.js

@@ -68,7 +68,7 @@ export class GuxCTAGroup {
         this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
     }
     render() {
-        return (h("div", { key: '2d0d16094015def93abded1fa432a367fb2eccf1', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: '33058a762539821802457d1544d141ed2fe6d3b2', name: "primary" }), h("slot", { key: '98c7963a90bef02f28b003666b1037d7442c181a', name: "secondary" }), h("slot", { key: 'f1f9a8c8a2070a5ea3f918d819e642b32e4e9a37', name: "dismiss" })));
+        return (h("div", { key: '20df2beb776429bbe30c970581889ba35ddb6465', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: '9039eac08dd2113cf0cfa67a63b299f7c0eb2ca2', name: "primary" }), h("slot", { key: 'acfb44b42e8032087d55e2024a33c4d0bac6f8f6', name: "secondary" }), h("slot", { key: 'f4844262f752dd39c776be9a67c1c21238281ea5', name: "dismiss" })));
     }
     static get is() { return "gux-cta-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-date/gux-date.js

@@ -43,7 +43,7 @@ export class GuxDate {
         }
     }
     render() {
-        return (h(Host, { key: '491e0809d9072e6cdddb2fbb18e9a19b0bb827f6' }, this.renderDate()));
+        return (h(Host, { key: 'b94091cd36373b7c817cb9381784898a95303910' }, this.renderDate()));
     }
     static get is() { return "gux-date-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-date-time/gux-date-time.js

@@ -44,7 +44,7 @@ export class GuxDateTime {
         }
     }
     render() {
-        return (h(Host, { key: '225dd061be97e285818fd2cc95dc91f3ab8caad3' }, this.renderDateTime()));
+        return (h(Host, { key: 'a0a3d8d8194bf01a6412c20a2e8c075cfd755d5a' }, this.renderDateTime()));
     }
     static get is() { return "gux-date-time-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-day/gux-day.js

@@ -29,7 +29,7 @@ export class GuxDay {
         });
     }
     render() {
-        return (h("button", { key: '8f84e8648c67c8e6e2678ae660c9644fd64cad25', type: "button", disabled: this.disabled }, h("slot", { key: '7b530a4bf322961aa1e2cc1931eb1a299ecb5678' }, h("span", { key: 'f0a1b95dbcf8550107426f5d6f46698f967e1abd', "aria-hidden": "true" }, this.date.day), h("span", { key: 'f7ef0d910f65dcd9c0965014724e30dafcdea713', class: "gux-sr-only" }, formatPlainDate(this.readerFormatter, this.date)))));
+        return (h("button", { key: '12fdd91882197cc524eab37e86e7c83d06e74c05', type: "button", disabled: this.disabled }, h("slot", { key: '1058e8538918b24883a8da38a195628bf15d90eb' }, h("span", { key: '4f5c668a77eb31875f09a8e998829bb3b4e95b39', "aria-hidden": "true" }, this.date.day), h("span", { key: '8b935c2c4e8c31ca5028805d5fba4a4476224d2f', class: "gux-sr-only" }, formatPlainDate(this.readerFormatter, this.date)))));
     }
     static get is() { return "gux-day-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-flag-icon/gux-flag-icon.js

@@ -10,7 +10,7 @@ export class GuxFlagIconBeta {
     }
     render() {
         var _a;
-        return (h("span", { key: '83abdfad7fc40121981dcee3120e539a5d44a4a5', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
+        return (h("span", { key: '32bd927c60156ca466b139f339dcf98ed52381d0', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
     }
     getLabel() {
         return (this.screenreaderText ||

package/dist/collection/components/beta/gux-form/gux-form-description/gux-form-description.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class GuxFormDescription {
     render() {
-        return (h("slot", { key: '856101faf04e13b5c812769e6332eeb073bc92bf' }));
+        return (h("slot", { key: '031b31458d9452a3c24dd816c69519d80d508806' }));
     }
     static get is() { return "gux-form-description"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-form/gux-form-fieldset-heading/gux-form-fieldset-heading.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class GuxFormFieldsetHeading {
     render() {
-        return (h("slot", { key: '711c1a3ecbb67f3240b1ec27c57a3dccf8c915c4' }));
+        return (h("slot", { key: '08ab6d186a6301a10c6fc1bdbf802e6c7a7224ff' }));
     }
     static get is() { return "gux-form-fieldset-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-form/gux-form-footer/gux-form-footer.js

@@ -11,9 +11,9 @@ export class GuxFormFooter {
         trackComponent(this.root, { variant: this.placement });
     }
     render() {
-        return (h(Host, { key: '4f6079d93cee9ed8f9ac2e99c23c61ce4266621e', class: {
+        return (h(Host, { key: '3257eb72cb7744e1cf47cae1f3814157270a1dde', class: {
                 [`gux-form-footer-${this.placement}`]: true
-            } }, h("slot", { key: '099c671fbbf9d2465a54e14c5314b219eda9fb74' })));
+            } }, h("slot", { key: '04e1d1ea3ac4fb69d3187e9b36a9c6c50ae3fec7' })));
     }
     static get is() { return "gux-form-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-form/gux-form-heading/gux-form-heading.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class GuxFormHeading {
     render() {
-        return (h("slot", { key: 'f3dc7b4c83524a983b2d616fdacde57df9878978' }));
+        return (h("slot", { key: 'ecc5d8803ddab736aac407527bacbb8750bda9b1' }));
     }
     static get is() { return "gux-form-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-form/gux-form.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class GuxForm {
     render() {
-        return (h("slot", { key: '56c49bed555146e613a36878aba8247a8c5724fc' }));
+        return (h("slot", { key: '4063a169ef20e59ce9f8ce197eb85963f3f2ce82' }));
     }
     static get is() { return "gux-form-beta"; }
     static get encapsulation() { return "shadow"; }