@siemens/ix 1.6.3 → 2.0.0-beta.1

package/dist/collection/components/typography/typography.css

@@ -1,3 +1,11 @@
+/*
+ * 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
  *
@@ -18,7 +26,416 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-:host .text-xs {
+/*
+ * 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: 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.
+ */
+.typography-label, :host(.typography-label) {
+  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-sm);
+  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;
+}
+
+.typography-label-xs, :host(.typography-label-xs) {
+  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--2);
+  line-height: var(--theme-line-height-sm);
+  font-weight: var(--theme-font-weight-normal);
+  letter-spacing: var(--theme-letter-spacing-xxl);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+.typography-label-sm, :host(.typography-label-sm) {
+  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--1);
+  line-height: var(--theme-line-height-sm);
+  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;
+}
+
+.typography-label-lg, :host(.typography-label-lg) {
+  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-1);
+  line-height: var(--theme-line-height-sm);
+  font-weight: var(--theme-font-weight-normal);
+  letter-spacing: var(--theme-letter-spacing-lg);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+.typography-body, :host(.typography-body) {
+  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;
+}
+
+.typography-body-xs, :host(.typography-body-xs) {
+  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--2);
+  line-height: var(--theme-line-height-lg);
+  font-weight: var(--theme-font-weight-normal);
+  letter-spacing: var(--theme-letter-spacing-xxl);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+.typography-body-sm, :host(.typography-body-sm) {
+  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--1);
+  line-height: var(--theme-line-height-lg);
+  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;
+}
+
+.typography-body-lg, :host(.typography-body-lg) {
+  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-1);
+  line-height: var(--theme-line-height-lg);
+  font-weight: var(--theme-font-weight-normal);
+  letter-spacing: var(--theme-letter-spacing-lg);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+.typography-display, :host(.typography-display) {
+  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-3);
+  line-height: var(--theme-line-height-xs);
+  font-weight: var(--theme-font-weight-normal);
+  letter-spacing: var(--theme-letter-spacing-md);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+.typography-display-xs, :host(.typography-display-xs) {
+  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-1);
+  line-height: var(--theme-line-height-xs);
+  font-weight: var(--theme-font-weight-normal);
+  letter-spacing: var(--theme-letter-spacing-sm);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+.typography-display-sm, :host(.typography-display-sm) {
+  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-2);
+  line-height: var(--theme-line-height-xs);
+  font-weight: var(--theme-font-weight-normal);
+  letter-spacing: var(--theme-letter-spacing-lg);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+.typography-display-lg, :host(.typography-display-lg) {
+  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-4);
+  line-height: var(--theme-line-height-xs);
+  font-weight: var(--theme-font-weight-normal);
+  letter-spacing: var(--theme-letter-spacing-md);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+.typography-display-xl, :host(.typography-display-xl) {
+  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-5);
+  line-height: var(--theme-line-height-xs);
+  font-weight: var(--theme-font-weight-bold);
+  letter-spacing: var(--theme-letter-spacing-sm);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+.typography-display-xxl, :host(.typography-display-xxl) {
+  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-6);
+  line-height: var(--theme-line-height-xs);
+  font-weight: var(--theme-font-weight-bold);
+  letter-spacing: var(--theme-letter-spacing-sm);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+h6,
+.typography-h6,
+:host(.typography-h6) {
+  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-1);
+  line-height: var(--theme-line-height-lg);
+  font-weight: var(--theme-font-weight-bold);
+  letter-spacing: var(--theme-letter-spacing-xl);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+h5,
+.typography-h5,
+:host(.typography-h5) {
+  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-lg);
+  font-weight: var(--theme-font-weight-bold);
+  letter-spacing: var(--theme-letter-spacing-xl);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+h4,
+.typography-h4,
+:host(.typography-h4) {
+  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-1);
+  line-height: var(--theme-line-height-lg);
+  font-weight: var(--theme-font-weight-bold);
+  letter-spacing: var(--theme-letter-spacing-lg);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+h3,
+.typography-h3,
+:host(.typography-h3) {
+  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-2);
+  line-height: var(--theme-line-height-lg);
+  font-weight: var(--theme-font-weight-bold);
+  letter-spacing: var(--theme-letter-spacing-lg);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+h2,
+.typography-h2,
+:host(.typography-h2) {
+  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-3);
+  line-height: var(--theme-line-height-md);
+  font-weight: var(--theme-font-weight-bold);
+  letter-spacing: var(--theme-letter-spacing-md);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+h1,
+.typography-h1,
+:host(.typography-h1) {
+  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-4);
+  line-height: var(--theme-line-height-sm);
+  font-weight: var(--theme-font-weight-bold);
+  letter-spacing: var(--theme-letter-spacing-md);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+.typography-code, :host(.typography-code) {
+  font-feature-settings: "clig" off, "liga" off;
+  font-family: JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;
+  font-style: normal;
+  font-size: var(--theme-ms-0);
+  line-height: var(--theme-line-height-lg);
+  font-weight: var(--theme-font-weight-normal);
+  letter-spacing: var(--theme-letter-spacing-md);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+.typography-code-lg, :host(.typography-code-lg) {
+  font-feature-settings: "clig" off, "liga" off;
+  font-family: JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;
+  font-style: normal;
+  font-size: var(--theme-ms-1);
+  line-height: var(--theme-line-height-lg);
+  font-weight: var(--theme-font-weight-normal);
+  letter-spacing: var(--theme-letter-spacing-md);
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smooting: grayscale;
+}
+
+.typography-code-sm, :host(.typography-code-sm) {
+  font-feature-settings: "clig" off, "liga" off;
+  font-family: JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;
+  font-style: normal;
+  font-size: var(--theme-ms--1);
+  line-height: var(--theme-line-height-lg);
+  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;
+}
+
+.typography-decoration-none, :host(.typography-decoration-none) {
+  text-decoration: none !important;
+}
+
+.typography-decoration-underline, :host(.typography-decoration-underline) {
+  text-decoration: underline !important;
+}
+
+.typography-decoration-line-through, :host(.typography-decoration-line-through) {
+  text-decoration: line-through !important;
+}
+
+.typography-weight-bold, :host(.typography-weight-bold) {
+  font-weight: 700 !important;
+}
+
+a {
+  color: var(--theme-color-primary);
+}
+
+/*
+ * 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 {
+  /* width */
+  /* Track */
+  /* Handle */
+  /* Handle on hover */
+  display: block;
+  position: relative;
+}
+:host *,
+:host *::after,
+:host *::before {
+  box-sizing: border-box;
+}
+:host ::-webkit-scrollbar-button {
+  display: none;
+}
+:host ::-webkit-scrollbar {
+  width: 0.5rem;
+  height: 0.5rem;
+}
+:host ::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background: var(--theme-scrollbar-track--background);
+}
+:host ::-webkit-scrollbar-track:hover {
+  background: var(--theme-scrollbar-track--background--hover);
+}
+:host ::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background: var(--theme-scrollbar-thumb--background);
+}
+:host ::-webkit-scrollbar-thumb:hover {
+  background: var(--theme-scrollbar-thumb--background--hover);
+}
+:host ::-webkit-scrollbar-corner {
+  display: none;
+}
+
+:host(.text-xs) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;
@@ -27,7 +444,8 @@
   line-height: 1.4em;
   color: var(--theme-color-std-text);
 }
-:host .text-s {
+
+:host(.text-s) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;
@@ -36,7 +454,8 @@
   line-height: 1.5em;
   color: var(--theme-color-std-text);
 }
-:host .text-caption {
+
+:host(.text-caption) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;
@@ -45,7 +464,8 @@
   line-height: 1.5em;
   color: var(--theme-color-std-text);
 }
-:host .text-caption-single {
+
+:host(.text-caption-single) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;
@@ -54,7 +474,8 @@
   line-height: 1em;
   color: var(--theme-color-std-text);
 }
-:host .text-default {
+
+:host(.text-default) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;
@@ -63,7 +484,8 @@
   line-height: 1.429em;
   color: var(--theme-color-std-text);
 }
-:host .text-default-single {
+
+:host(.text-default-single) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;
@@ -72,7 +494,8 @@
   line-height: 1.143em;
   color: var(--theme-color-std-text);
 }
-:host .text-default-title {
+
+:host(.text-default-title) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;
@@ -81,7 +504,8 @@
   line-height: 1.429em;
   color: var(--theme-color-std-text);
 }
-:host .text-default-title-single {
+
+:host(.text-default-title-single) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;
@@ -90,7 +514,8 @@
   line-height: 1.143em;
   color: var(--theme-color-std-text);
 }
-:host .text-l {
+
+:host(.text-l) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;
@@ -99,7 +524,8 @@
   line-height: 1.5em;
   color: var(--theme-color-std-text);
 }
-:host .text-l-single {
+
+:host(.text-l-single) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;
@@ -108,7 +534,8 @@
   line-height: 1.25em;
   color: var(--theme-color-std-text);
 }
-:host .text-l-title {
+
+:host(.text-l-title) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;
@@ -117,7 +544,8 @@
   line-height: 1.5em;
   color: var(--theme-color-std-text);
 }
-:host .text-l-title-single {
+
+:host(.text-l-title-single) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;
@@ -126,7 +554,8 @@
   line-height: 1.25em;
   color: var(--theme-color-std-text);
 }
-:host .text-h2 {
+
+:host(.text-h2) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;
@@ -135,7 +564,8 @@
   line-height: 1.455em;
   color: var(--theme-color-std-text);
 }
-:host .text-xl {
+
+:host(.text-xl) {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smooting: grayscale;
   font-family: Siemens Sans, sans-serif;

package/dist/collection/components/typography/typography.js

@@ -6,26 +6,39 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { h } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { VariantsMapping } from './type-mapping';
 /**
- * @internal
+ * @since 2.0.0
  */
 export class IxTypography {
   constructor() {
-    this.variant = 'default';
+    this.variant = undefined;
+    this.format = undefined;
     this.color = undefined;
+    this.bold = false;
+    this.textDecoration = 'none';
   }
   render() {
-    const typographyClass = {
-      [VariantsMapping[this.variant]]: true,
-    };
-    const fontColor = this.color !== undefined
-      ? `var(--theme-color-${this.color}-text)`
-      : 'inherit';
-    return (h("div", { class: typographyClass, style: {
-        color: fontColor,
-      } }, h("slot", null)));
+    var _a, _b;
+    let typographyClass = {};
+    if (this.variant) {
+      typographyClass[VariantsMapping[(_a = this.variant) !== null && _a !== void 0 ? _a : 'default']] = true;
+    }
+    else {
+      typographyClass[`typography-${(_b = this.format) !== null && _b !== void 0 ? _b : 'body'}`] = true;
+    }
+    if (this.textDecoration !== 'none') {
+      typographyClass[`typography-decoration-${this.textDecoration}`] = true;
+    }
+    typographyClass['typography-weight-bold'] = this.bold;
+    let style = {};
+    if (this.color) {
+      style = {
+        color: `var(--theme-color-${this.color}-text)`,
+      };
+    }
+    return (h(Host, { class: typographyClass, style: style }, h("slot", null)));
   }
   static get is() { return "ix-typography"; }
   static get encapsulation() { return "shadow"; }
@@ -57,12 +70,39 @@ export class IxTypography {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [],
+          "tags": [{
+              "name": "deprecated",
+              "text": "Use `format` property"
+            }, {
+              "name": "internal",
+              "text": undefined
+            }],
           "text": "Font variant based on theme variables"
         },
         "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "'default'"
+        "reflect": false
+      },
+      "format": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TypographyFormat",
+          "resolved": "TypographyFormatLabel | TypographyFormatBody | TypographyFormatDisplay | TypographyFormatHeading | TypographyFormatCode",
+          "references": {
+            "TypographyFormat": {
+              "location": "local",
+              "path": "/__w/ix/ix/packages/core/src/components/typography/typography.tsx"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Text format"
+        },
+        "attribute": "format",
+        "reflect": false
       },
       "color": {
         "type": "string",
@@ -85,6 +125,47 @@ export class IxTypography {
         },
         "attribute": "color",
         "reflect": false
+      },
+      "bold": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Display text bold"
+        },
+        "attribute": "bold",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "textDecoration": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TextDecoration",
+          "resolved": "\"line-through\" | \"none\" | \"underline\"",
+          "references": {
+            "TextDecoration": {
+              "location": "local",
+              "path": "/__w/ix/ix/packages/core/src/components/typography/typography.tsx"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Text decoration"
+        },
+        "attribute": "text-decoration",
+        "reflect": false,
+        "defaultValue": "'none'"
       }
     };
   }