@siemens/ix 2.4.1 → 2.6.0

package/dist/collection/components/form-field/form-field.css

@@ -1,296 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/* Dimensions */
-/* Font sizes */
-/* Line heights */
-/* Animation timings */
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-label {
-  color: var(--theme-color-soft-text);
-  padding: 2px 0px;
-}
-
-label.label-alignment-left {
-  padding: 6px 0px;
-}
-
-input {
-  font-feature-settings: "clig" off, "liga" off;
-  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
-  font-style: normal;
-  font-size: var(--theme-ms-0);
-  line-height: var(--theme-line-height-md);
-  font-weight: var(--theme-font-weight-normal);
-  letter-spacing: var(--theme-letter-spacing-xl);
-  text-decoration: none;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-  min-height: 2rem;
-  width: 100%;
-  padding: 0.25rem 0.5rem;
-  background-color: var(--theme-input--background);
-  color: var(--theme-input--color);
-  -moz-appearance: textfield;
-  text-overflow: ellipsis;
-  border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);
-  border-radius: var(--theme-input--border-radius);
-  box-shadow: var(--theme-input--box-shadow);
-}
-input:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 1000px var(--theme-color-component-info) inset !important;
-  -webkit-text-fill-color: var(--theme-input--color--autofill) !important;
-  background-color: var(--theme-input--background--autofill) !important;
-  border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;
-  color: var(--theme-input--color--autofill) !important;
-}
-input:-webkit-autofill, input:autofill {
-  -webkit-box-shadow: 0 0 0 1000px var(--theme-color-component-info) inset !important;
-  -webkit-text-fill-color: var(--theme-input--color--autofill) !important;
-  background-color: var(--theme-input--background--autofill) !important;
-  border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;
-  color: var(--theme-input--color--autofill) !important;
-}
-input::-moz-placeholder {
-  color: var(--theme-input-hint--color);
-}
-input::placeholder {
-  color: var(--theme-input-hint--color);
-}
-input.hover, input:hover {
-  border-color: var(--theme-input--border-color--hover) !important;
-  background-color: var(--theme-input--background--hover);
-}
-input.focus, input:focus {
-  outline: 1px solid var(--theme-color-focus-bdr);
-  outline-offset: var(--theme-input--focus--outline-offset);
-  border-color: var(--theme-input--border-color--focus) !important;
-}
-input:-moz-read-only {
-  box-shadow: none;
-  background-color: transparent;
-  outline: none;
-  border: none;
-  border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly);
-}
-input.read-only, input:read-only {
-  box-shadow: none;
-  background-color: transparent;
-  outline: none;
-  border: none;
-  border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly);
-}
-input.read-only::-moz-placeholder, input:read-only::-moz-placeholder {
-  color: transparent;
-}
-input:-moz-read-only::placeholder {
-  color: transparent;
-}
-input.read-only::placeholder, input:read-only::placeholder {
-  color: transparent;
-}
-input:disabled {
-  box-shadow: none;
-  background-color: transparent;
-  outline: none;
-  border: none;
-  color: var(--theme-input--color--disabled);
-  border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled);
-}
-input:disabled::-moz-placeholder {
-  color: transparent;
-}
-input:disabled::placeholder {
-  color: transparent;
-}
-
-input[type=number] {
-  text-align: right;
-}
-input[type=number]::-webkit-inner-spin-button {
-  margin-right: -2px;
-  margin-left: 2px;
-  display: none;
-}
-
-textarea {
-  height: 3.25rem;
-  padding: 0.375rem 1.25rem 0.375rem 0.5rem;
-}
-textarea {
-  font-feature-settings: "clig" off, "liga" off;
-  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
-  font-style: normal;
-  font-size: var(--theme-ms-0);
-  line-height: var(--theme-line-height-md);
-  font-weight: var(--theme-font-weight-normal);
-  letter-spacing: var(--theme-letter-spacing-xl);
-  text-decoration: none;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-  min-height: 2rem;
-  width: 100%;
-  padding: 0.25rem 0.5rem;
-  background-color: var(--theme-input--background);
-  color: var(--theme-input--color);
-  -moz-appearance: textfield;
-  text-overflow: ellipsis;
-  border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);
-  border-radius: var(--theme-input--border-radius);
-  box-shadow: var(--theme-input--box-shadow);
-}
-textarea:-webkit-autofill {
-  -webkit-box-shadow: 0 0 0 1000px var(--theme-color-component-info) inset !important;
-  -webkit-text-fill-color: var(--theme-input--color--autofill) !important;
-  background-color: var(--theme-input--background--autofill) !important;
-  border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;
-  color: var(--theme-input--color--autofill) !important;
-}
-textarea:-webkit-autofill, textarea:autofill {
-  -webkit-box-shadow: 0 0 0 1000px var(--theme-color-component-info) inset !important;
-  -webkit-text-fill-color: var(--theme-input--color--autofill) !important;
-  background-color: var(--theme-input--background--autofill) !important;
-  border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;
-  color: var(--theme-input--color--autofill) !important;
-}
-textarea::-moz-placeholder {
-  color: var(--theme-input-hint--color);
-}
-textarea::placeholder {
-  color: var(--theme-input-hint--color);
-}
-textarea.hover, textarea:hover {
-  border-color: var(--theme-input--border-color--hover) !important;
-  background-color: var(--theme-input--background--hover);
-}
-textarea.focus, textarea:focus {
-  outline: 1px solid var(--theme-color-focus-bdr);
-  outline-offset: var(--theme-input--focus--outline-offset);
-  border-color: var(--theme-input--border-color--focus) !important;
-}
-textarea:-moz-read-only {
-  box-shadow: none;
-  background-color: transparent;
-  outline: none;
-  border: none;
-  border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly);
-}
-textarea.read-only, textarea:read-only {
-  box-shadow: none;
-  background-color: transparent;
-  outline: none;
-  border: none;
-  border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly);
-}
-textarea.read-only::-moz-placeholder, textarea:read-only::-moz-placeholder {
-  color: transparent;
-}
-textarea:-moz-read-only::placeholder {
-  color: transparent;
-}
-textarea.read-only::placeholder, textarea:read-only::placeholder {
-  color: transparent;
-}
-textarea:disabled {
-  box-shadow: none;
-  background-color: transparent;
-  outline: none;
-  border: none;
-  color: var(--theme-input--color--disabled);
-  border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled);
-}
-textarea:disabled::-moz-placeholder {
-  color: transparent;
-}
-textarea:disabled::placeholder {
-  color: transparent;
-}
-
-textarea ~ .valid-feedback,
-textarea ~ .invalid-feedback,
-input ~ .valid-feedback,
-input ~ .invalid-feedback {
-  display: none;
-  font-feature-settings: "clig" off, "liga" off;
-  font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;
-  font-style: normal;
-  font-size: var(--theme-ms-0);
-  line-height: var(--theme-line-height-md);
-  font-weight: var(--theme-font-weight-normal);
-  letter-spacing: var(--theme-letter-spacing-xl);
-  text-decoration: none;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smooting: grayscale;
-}
-
-form textarea ~ .valid-feedback,
-form input ~ .valid-feedback {
-  color: var(--theme-color-success);
-}
-form textarea ~ .invalid-feedback,
-form input ~ .invalid-feedback {
-  color: var(--theme-color-alarm-text);
-}
-
-form:not([novalidate]) :invalid,
-form:not([novalidate]) .is-invalid,
-form.was-validated :invalid,
-form.was-validated .is-invalid {
-  background-color: var(--theme-input-error--background);
-  border-color: var(--theme-input-error--border-color);
-  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
-  background-position: left calc(0.375em + 0.1875rem) center;
-  padding-right: 0.75rem;
-  padding-left: calc(1.5em + 0.75rem);
-  background-size: 18px;
-  background-repeat: no-repeat;
-}
-form:not([novalidate]) :invalid ~ .invalid-feedback,
-form:not([novalidate]) .is-invalid ~ .invalid-feedback,
-form.was-validated :invalid ~ .invalid-feedback,
-form.was-validated .is-invalid ~ .invalid-feedback {
-  display: block;
-}
-form:not([novalidate]) :valid ~ .valid-feedback,
-form:not([novalidate]) .is-valid ~ .valid-feedback,
-form.was-validated :valid ~ .valid-feedback,
-form.was-validated .is-valid ~ .valid-feedback {
-  display: block;
-}
-
-form:not(.was-validated) .invalid-feedback,
-form:not(.was-validated) .valid-feedback {
-  display: none !important;
-}
-
-:host {
-  display: contents;
-}

package/dist/collection/components/form-field/form-field.js

@@ -1,56 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { h, Host } from "@stencil/core";
-export class FormField {
-    constructor() {
-        this.label = undefined;
-    }
-    get inputElement() {
-        return this.hostElement.querySelector('input');
-    }
-    componentWillLoad() { }
-    render() {
-        return (h(Host, { key: '34305cf7e6ee023ae323d2c1b13248bb08f50001' }, this.label ? (h("label", { htmlFor: this.inputElement.id }, this.label)) : null, h("slot", { key: '7d9937b61fd5f5aa4711a7551c0665a1f048bb47' })));
-    }
-    static get is() { return "ix-form-field"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["form-field.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["form-field.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Label"
-                },
-                "attribute": "label",
-                "reflect": false
-            }
-        };
-    }
-    static get elementRef() { return "hostElement"; }
-}
-//# sourceMappingURL=form-field.js.map

package/dist/collection/components/form-field/form-field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../src/components/form-field/form-field.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOlE,MAAM,OAAO,SAAS;;;;IAQpB,IAAY,YAAY;QACtB,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACjD,CAAC;IAED,iBAAiB,KAAI,CAAC;IAEtB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACF,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,aAAO,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,EAAE,IAAG,IAAI,CAAC,KAAK,CAAS,CAC3D,CAAC,CAAC,CAAC,IAAI;YACR,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-form-field',\n  styleUrl: 'form-field.scss',\n  shadow: true,\n})\nexport class FormField {\n  @Element() hostElement!: HTMLIxFormFieldElement;\n\n  /**\n   * Label\n   */\n  @Prop() label: string;\n\n  private get inputElement() {\n    return this.hostElement.querySelector('input');\n  }\n\n  componentWillLoad() {}\n\n  render() {\n    return (\n      <Host>\n        {this.label ? (\n          <label htmlFor={this.inputElement.id}>{this.label}</label>\n        ) : null}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/grid/layout-grid.css

@@ -1,21 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-:host {
-  --ix-layout-grid-gutter: 24px;
-  display: block;
-  flex: 1 1 0%;
-  width: 100%;
-  padding-left: calc(var(--ix-layout-grid-gutter) * 0.5);
-  padding-right: calc(var(--ix-layout-grid-gutter) * 0.5);
-}
-
-:host(.no-margin) {
-  padding-left: 0;
-  padding-right: 0;
-}

package/dist/collection/components/grid/layout-grid.js

@@ -1,98 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { h, Host } from "@stencil/core";
-/**
- * @since 2.0.0
- */
-export class LayoutGrid {
-    constructor() {
-        this.noMargin = false;
-        this.gap = '24';
-        this.columns = 12;
-    }
-    render() {
-        return (h(Host, { key: 'd77291cf3cca2fd4a61c8998a095923f195b3d8f', class: {
-                'no-margin': this.noMargin,
-            }, style: {
-                '--ix-layout-grid-columns': `${this.columns}`,
-                '--ix-layout-grid-gutter': `${this.gap}px`,
-            } }, h("slot", { key: 'c149d8a794c75e48d748cccbc3cb9aada30c30ef' })));
-    }
-    static get is() { return "ix-layout-grid"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["layout-grid.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["layout-grid.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "noMargin": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The grid will not have any horizontal padding"
-                },
-                "attribute": "no-margin",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "gap": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'8' | '12' | '16' | '24'",
-                    "resolved": "\"12\" | \"16\" | \"24\" | \"8\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Grid gap"
-                },
-                "attribute": "gap",
-                "reflect": false,
-                "defaultValue": "'24'"
-            },
-            "columns": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Overwrite the default number of columns. Choose between 2 and 12 columns."
-                },
-                "attribute": "columns",
-                "reflect": false,
-                "defaultValue": "12"
-            }
-        };
-    }
-}
-//# sourceMappingURL=layout-grid.js.map

package/dist/collection/components/grid/layout-grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout-grid.js","sourceRoot":"","sources":["../../../src/components/grid/layout-grid.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;GAEG;AAMH,MAAM,OAAO,UAAU;;wBAIF,KAAK;mBAKgB,IAAI;uBAK1B,EAAE;;IAEpB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,WAAW,EAAE,IAAI,CAAC,QAAQ;aAC3B,EACD,KAAK,EAAE;gBACL,0BAA0B,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE;gBAC7C,yBAAyB,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI;aAC3C;YAED,8DAAa,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-layout-grid',\n  styleUrl: 'layout-grid.scss',\n  shadow: true,\n})\nexport class LayoutGrid {\n  /**\n   * The grid will not have any horizontal padding\n   */\n  @Prop() noMargin = false;\n\n  /**\n   * Grid gap\n   */\n  @Prop() gap: '8' | '12' | '16' | '24' = '24';\n\n  /**\n   * Overwrite the default number of columns. Choose between 2 and 12 columns.\n   */\n  @Prop() columns = 12;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'no-margin': this.noMargin,\n        }}\n        style={{\n          '--ix-layout-grid-columns': `${this.columns}`,\n          '--ix-layout-grid-gutter': `${this.gap}px`,\n        }}\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/playground/example-modal.js

@@ -1,24 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-import { h, Host } from "@stencil/core";
-import { closeModal, dismissModal } from "../utils/modal";
-export class ModalExample {
-    dismiss() {
-        dismissModal(this.host);
-    }
-    close() {
-        closeModal(this.host, 'Done!');
-    }
-    render() {
-        return (h(Host, { key: 'a93b508a6983b97ab3d00fb50c431149a12b1c3a' }, h("div", { key: '0331662e2731d9bbbd5b7cec71d3985e18933ba4' }, h("div", { key: '62fe35ecda14d64395059081baa1ff3751800f13', class: "modal-header" }, "Message headline", h("ix-icon-button", { key: '6108daf9af88612fa5f2785a807309c51c8a5983', "data-close-button": true, ghost: true, icon: 'close', onClick: () => this.dismiss() })), h("div", { key: 'ea92bf633a158737f1d4f06b8e68229013f41eb9', class: "modal-body" }, "Message text lorem ipsum"), h("div", { key: '6d0e125b9b454d3bc2aa0afa83fa8b7d5b900d3d', class: "modal-footer" }, h("ix-button", { key: 'aa0bb2977686f8118b3eea8217588a20bbe7adb7', outline: true, onClick: () => this.dismiss() }, "Cancel"), h("ix-button", { key: '77950c33df17b1d9201039fc1431b14fe82361e1', onClick: () => this.close() }, "OK")))));
-    }
-    static get is() { return "ix-modal-example"; }
-    static get elementRef() { return "host"; }
-}
-//# sourceMappingURL=example-modal.js.map

package/dist/collection/components/playground/example-modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"example-modal.js","sourceRoot":"","sources":["../../../src/components/playground/example-modal.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK1D,MAAM,OAAO,YAAY;IAGf,OAAO;QACb,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEO,KAAK;QACX,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACjC,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH;gBACE,4DAAK,KAAK,EAAC,cAAc;;oBAEvB,kGAEE,KAAK,QACL,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,GACb,CACd;gBACN,4DAAK,KAAK,EAAC,YAAY,+BAA+B;gBACtD,4DAAK,KAAK,EAAC,cAAc;oBACvB,kEAAW,OAAO,QAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,aAEpC;oBACZ,kEAAW,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,SAAgB,CAClD,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host } from '@stencil/core';\nimport { closeModal, dismissModal } from '../utils/modal';\n\n@Component({\n  tag: 'ix-modal-example',\n})\nexport class ModalExample {\n  @Element() host!: HTMLIxModalExampleElement;\n\n  private dismiss() {\n    dismissModal(this.host);\n  }\n\n  private close() {\n    closeModal(this.host, 'Done!');\n  }\n\n  render() {\n    return (\n      <Host>\n        <div>\n          <div class=\"modal-header\">\n            Message headline\n            <ix-icon-button\n              data-close-button\n              ghost\n              icon={'close'}\n              onClick={() => this.dismiss()}\n            ></ix-icon-button>\n          </div>\n          <div class=\"modal-body\">Message text lorem ipsum</div>\n          <div class=\"modal-footer\">\n            <ix-button outline onClick={() => this.dismiss()}>\n              Cancel\n            </ix-button>\n            <ix-button onClick={() => this.close()}>OK</ix-button>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/playground/playground.css

@@ -1,27 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-/* Dimensions */
-/* Font sizes */
-/* Line heights */
-/* Animation timings */
-:host {
-  display: block;
-  position: relative;
-  width: 100vw;
-  height: 100vh;
-  padding: 0rem 0rem 0rem 0rem;
-}

package/dist/collection/components/playground/playground.js

@@ -1,28 +0,0 @@
-/*
- * SPDX-FileCopyrightText: 2023 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENxSE file in the root directory of this source tree.
- */
-import { h, Host } from "@stencil/core";
-/** @internal */
-export class PlaygroundInternal {
-    render() {
-        return h(Host, { key: 'cb88d03e375d222d5903d13ca1fc154d9af86898' });
-    }
-    static get is() { return "ix-playground-internal"; }
-    static get encapsulation() { return "scoped"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["playground.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["playground.css"]
-        };
-    }
-}
-//# sourceMappingURL=playground.js.map

package/dist/collection/components/playground/playground.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"playground.js","sourceRoot":"","sources":["../../../src/components/playground/playground.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEnD,gBAAgB;AAQhB,MAAM,OAAO,kBAAkB;IAC7B,MAAM;QACJ,OAAO,EAAC,IAAI,sDAAQ,CAAC;IACvB,CAAC;;;;;;;;;CACF","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENxSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host } from '@stencil/core';\n\n/** @internal */\n@Component({\n  tag: 'ix-playground-internal',\n  styleUrl: 'playground.scss',\n  // shadow: true,\n  // Set scoped=true and shadow=false to test global styles like checkbox etc\n  scoped: true,\n})\nexport class PlaygroundInternal {\n  render() {\n    return <Host></Host>;\n  }\n}\n"]}