@infineon/infineon-design-system-stencil 32.4.0--canary.1745.1246e49a7787bae45a7070157481bf0fed263598.0 → 32.4.0--canary.1752.4e358dea5d7d4932e20c2b5261af11b2635bf8e8.0

package/dist/components/ifx-download.js

@@ -1,46 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-e27586b6.js';
-import { d as defineCustomElement$2 } from './p-0c378d6f.js';
-
-const downloadCss = "";
-const IfxDownloadStyle0 = downloadCss;
-
-const Download = /*@__PURE__*/ proxyCustomElement(class Download extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tokens = 'css';
-    }
-    render() {
-        const fileName = `infineon-tokens.${this.tokens}`;
-        return (h("ifx-link", { key: '17ebaff02808f3932e0486a7399d4eb32579f8e7', href: `/tokens/${fileName}`, download: fileName, class: "download__wrapper", size: "m", variant: "bold" }, h("slot", { key: '9f2812fa9c5509684a21661c7d01c4be5ed394de' })));
-    }
-    static get style() { return IfxDownloadStyle0; }
-}, [1, "ifx-download", {
-        "tokens": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ifx-download", "ifx-link"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ifx-download":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Download);
-            }
-            break;
-        case "ifx-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const IfxDownload = Download;
-const defineCustomElement = defineCustomElement$1;
-
-export { IfxDownload, defineCustomElement };
-
-//# sourceMappingURL=ifx-download.js.map

package/dist/components/ifx-download.js.map

@@ -1 +0,0 @@
-{"file":"ifx-download.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,EAAE,CAAC;AACvB,0BAAe,WAAW;;MCMb,QAAQ;IALrB;;;;QAMU,WAAM,GAAmB,KAAK,CAAC;KAWxC;IATC,MAAM;QACJ,MAAM,QAAQ,GAAG,mBAAmB,IAAI,CAAC,MAAM,EAAE,CAAC;QAElD,QACE,iEAAU,IAAI,EAAE,WAAW,QAAQ,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,MAAM,IAC1G,8DAAQ,CACC,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/download/download.scss?tag=ifx-download&encapsulation=shadow","src/components/download/download.tsx"],"sourcesContent":["","import { Component, h, Prop } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-download',\n  styleUrl: './download.scss',\n  shadow: true\n})\nexport class Download {\n  @Prop() tokens: 'css' | 'scss' = 'css';\n\n  render() {\n    const fileName = `infineon-tokens.${this.tokens}`;\n    \n    return (\n      <ifx-link href={`/tokens/${fileName}`} download={fileName} class=\"download__wrapper\" size=\"m\" variant=\"bold\">\n        <slot />\n      </ifx-link>\n    );\n  }\n}"],"version":3}

package/dist/esm/ifx-download.entry.js

@@ -1,20 +0,0 @@
-import { r as registerInstance, h } from './index-b4eaf00e.js';
-
-const downloadCss = "";
-const IfxDownloadStyle0 = downloadCss;
-
-const Download = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.tokens = 'css';
-    }
-    render() {
-        const fileName = `infineon-tokens.${this.tokens}`;
-        return (h("ifx-link", { key: '17ebaff02808f3932e0486a7399d4eb32579f8e7', href: `/tokens/${fileName}`, download: fileName, class: "download__wrapper", size: "m", variant: "bold" }, h("slot", { key: '9f2812fa9c5509684a21661c7d01c4be5ed394de' })));
-    }
-};
-Download.style = IfxDownloadStyle0;
-
-export { Download as ifx_download };
-
-//# sourceMappingURL=ifx-download.entry.js.map

package/dist/esm/ifx-download.entry.js.map

@@ -1 +0,0 @@
-{"file":"ifx-download.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,EAAE,CAAC;AACvB,0BAAe,WAAW;;MCMb,QAAQ;IALrB;;QAMU,WAAM,GAAmB,KAAK,CAAC;KAWxC;IATC,MAAM;QACJ,MAAM,QAAQ,GAAG,mBAAmB,IAAI,CAAC,MAAM,EAAE,CAAC;QAElD,QACE,iEAAU,IAAI,EAAE,WAAW,QAAQ,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,MAAM,IAC1G,8DAAQ,CACC,EACX;KACH;;;;;;","names":[],"sources":["src/components/download/download.scss?tag=ifx-download&encapsulation=shadow","src/components/download/download.tsx"],"sourcesContent":["","import { Component, h, Prop } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-download',\n  styleUrl: './download.scss',\n  shadow: true\n})\nexport class Download {\n  @Prop() tokens: 'css' | 'scss' = 'css';\n\n  render() {\n    const fileName = `infineon-tokens.${this.tokens}`;\n    \n    return (\n      <ifx-link href={`/tokens/${fileName}`} download={fileName} class=\"download__wrapper\" size=\"m\" variant=\"bold\">\n        <slot />\n      </ifx-link>\n    );\n  }\n}"],"version":3}

package/dist/infineon-design-system-stencil/p-58bf8eae.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as e,g as c}from"./p-c808c7d2.js";const o=":host{display:block}";const r=o;const a=class{constructor(e){t(this,e);this.tabHeaderChange=s(this,"tabHeaderChange",7);this.icon="";this.iconPosition="left"}componentWillUpdate(){this.tabHeaderChange.emit(this.header)}render(){return e("slot",{key:"fce1579da851555ddb9787dc6624dc31b15ec8ec"})}get el(){return c(this)}};a.style=r;export{a as ifx_tab};
-//# sourceMappingURL=p-58bf8eae.entry.js.map

package/dist/infineon-design-system-stencil/p-5e8c7036.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as a}from"./p-c808c7d2.js";const e=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.dropdown-header{display:flex;padding:8px 16px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid #EEEDED;font-family:var(--ifx-font-family)}.dropdown-header span{color:#575352;font-family:var(--ifx-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:20px;}';const f=e;const n=class{constructor(a){o(this,a)}render(){return a("div",{key:"5b074bc6dca271a18713c34a4c4f8cb40a2ea265",class:"dropdown-header"},a("span",{key:"69ed109762bf3ae540d1c5489f5bebbd8107b1cd"},a("slot",{key:"b9fe8b98734bd887f25df7a211b5b5587d7bf994"})))}};n.style=f;export{n as ifx_dropdown_header};
-//# sourceMappingURL=p-5e8c7036.entry.js.map

package/dist/infineon-design-system-stencil/p-689975b4.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as o}from"./p-c808c7d2.js";const e="";const n=e;const t=class{constructor(o){s(this,o);this.tokens="css"}render(){const s=`infineon-tokens.${this.tokens}`;return o("ifx-link",{key:"17ebaff02808f3932e0486a7399d4eb32579f8e7",href:`/tokens/${s}`,download:s,class:"download__wrapper",size:"m",variant:"bold"},o("slot",{key:"9f2812fa9c5509684a21661c7d01c4be5ed394de"}))}};t.style=n;export{t as ifx_download};
-//# sourceMappingURL=p-689975b4.entry.js.map

package/dist/infineon-design-system-stencil/p-689975b4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["downloadCss","IfxDownloadStyle0","Download","constructor","hostRef","this","tokens","render","fileName","h","key","href","download","class","size","variant"],"sources":["src/components/download/download.scss?tag=ifx-download&encapsulation=shadow","src/components/download/download.tsx"],"sourcesContent":[null,"import { Component, h, Prop } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-download',\n  styleUrl: './download.scss',\n  shadow: true\n})\nexport class Download {\n  @Prop() tokens: 'css' | 'scss' = 'css';\n\n  render() {\n    const fileName = `infineon-tokens.${this.tokens}`;\n    \n    return (\n      <ifx-link href={`/tokens/${fileName}`} download={fileName} class=\"download__wrapper\" size=\"m\" variant=\"bold\">\n        <slot />\n      </ifx-link>\n    );\n  }\n}"],"mappings":"2CAAA,MAAMA,EAAc,GACpB,MAAAC,EAAeD,E,MCMFE,EAAQ,MALrB,WAAAC,CAAAC,G,UAMUC,KAAAC,OAAyB,K,CAEjC,MAAAC,GACE,MAAMC,EAAW,mBAAmBH,KAAKC,SAEzC,OACEG,EAAA,YAAAC,IAAA,2CAAUC,KAAM,WAAWH,IAAYI,SAAUJ,EAAUK,MAAM,oBAAoBC,KAAK,IAAIC,QAAQ,QACpGN,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-9a4c7de1.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as o,g as i}from"./p-c808c7d2.js";const a=':root{--ifx-font-family:"Source Sans 3";font-family:var(--ifx-font-family, sans-serif)}.col{display:flex;flex-direction:column;gap:12px;padding-right:8px;color:#1D1D1D;font-family:var(--ifx-font-family)}.col ::slotted([slot=title]){box-sizing:border-box;font-weight:600;font-size:1rem;line-height:1.5rem;margin:0;padding:0}.col span{display:flex;flex-direction:column;gap:12px;color:#1D1D1D}.col span ::slotted([slot=link]){box-sizing:border-box;font-weight:400;font-size:1rem;line-height:1.5rem}';const t=a;const n=class{constructor(o){e(this,o)}render(){return o("div",{key:"b39b050d9a259a269d885597f83d55f8dc2a8048",class:"col"},o("slot",{key:"def6a00e5eaa6b959278664c93a366181f44c6f5",name:"title"}),o("span",{key:"98f9d7c688ab310ad4ee8beaceb286267e2cc8a8","aria-label":"navigation link"},o("slot",{key:"2d21498d8b068f6799f674d5e5c602505a9c9c04",name:"link"})))}get el(){return i(this)}};n.style=t;export{n as ifx_footer_column};
-//# sourceMappingURL=p-9a4c7de1.entry.js.map

package/dist/infineon-design-system-stencil/p-bc29c491.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as c,g as a}from"./p-c808c7d2.js";const d='*{font-family:"Source Sans 3";box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden}header{margin-bottom:15px;display:flex;justify-content:center}.header__info-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.infoboard__wrapper{display:flex;gap:15px;background-color:#f1f1f1;padding:5px 10px;border-radius:10px}.title{font-size:30px;font-weight:bold}.view{margin:auto}.wrapper{position:relative;width:100%;height:calc(100vh - var(--header-height) - 15px);overflow:auto}table{width:100%;table-layout:fixed;border-spacing:0}thead tr th{border-top:1px solid #dddddd}td,th{padding:10px;background-color:white;border:none;box-shadow:0 0 0 1px #dddddd;box-sizing:border-box}table th:nth-child(1){width:150px}table th:not(:nth-child(1)){width:240px}th{position:sticky;top:0;background-color:white}.sticky-col{position:sticky;z-index:1}th.sticky-col{z-index:2}.second-col{left:0;border-left:1px solid #ddd}.wrapped-content{width:250px;white-space:normal}a{text-decoration:none;color:black}.basic__info{display:flex;gap:5px}ul{padding:0 5px;margin:0 15px;list-style-type:none}tr:nth-child(even) td{background-color:#f1f1f1}ul li{font-size:12px;display:flex;gap:5px;line-height:13px}li.planned__component-wrapper{align-items:center;line-height:16px}.version__wrapper{display:flex;flex-direction:column}ifx-icon{color:rgb(10, 130, 118)}.check__icon{width:10px;height:10px}.planned__icon{width:12px;height:12px;vertical-align:sub}';const f=d;const b=class{constructor(c){e(this,c);this.getPlannedComponents=()=>{const e=this.el.shadowRoot.querySelectorAll(".planned__component");return e.length};this.setPlannedComponentsNumber=()=>{const e=this.getPlannedComponents();const c=this.el.shadowRoot.getElementById("number__indicator-planned");c.innerHTML=e};this.getCompletedComponents=()=>{const e=this.el.shadowRoot.querySelectorAll(".completed__component");return e.length};this.setCompletedComponentsNumber=()=>{const e=this.getCompletedComponents();const c=this.el.shadowRoot.getElementById("number__indicator-completed");c.innerHTML=e};this.setTotalComponentsNumber=()=>{const e=this.getPlannedComponents();const c=this.getCompletedComponents();const a=this.el.shadowRoot.getElementById("number__indicator-total");const d=e+c;a.innerHTML=d}}componentWillLoad(){let e=this.el.parentElement;if(e){e=e.parentElement;e.style.padding="0px"}}componentDidLoad(){const e=this.el.shadowRoot.querySelector("header");const c=e.offsetHeight;const a=this.el.shadowRoot.querySelector(".wrapper");a.style.setProperty("--header-height",`${c}px`);this.setPlannedComponentsNumber();this.setCompletedComponentsNumber();this.setTotalComponentsNumber()}render(){return c("div",{key:"8756d704304a5f8ba6f5d8b4e82e454fc6f415ea",class:"container"},c("header",{key:"ca3c051d472c70022e9a5542454ff8f92fa2ad58",class:"header"},c("div",{key:"fbd38f6cac3f398aff0663ba552cba942cb40727",class:"header__info-wrapper"},c("div",{key:"4d27ccc553fd353a918a72b79da94174618c3e2b",class:"title"},"DDS Components Overview"),c("div",{key:"40bb9d3d6ea0300ff911efc604082d368110bfe3",class:"infoboard__wrapper"},c("div",{key:"e2fed5b946c6c528747e8182f6f72acedf6bc70e",class:"basic__info"},c("div",{key:"a7e236e1a0ef6a479930124ac53c248614a38922"},"Total Number:"),c("div",{key:"ef224831a47b46aa537b17e61bb7861c16cb38fa"},c("ifx-number-indicator",{key:"4a76e10595e96b33a5cca5da08e73f7cdb1057d3",id:"number__indicator-total"}))),c("div",{key:"18cbdd70c005ce010892725dc35db206830f65d2",class:"basic__info"},c("div",{key:"47da87796f7dd024b836bdf26991dc2e9a3b9d0e"},"Completed:"),c("div",{key:"02be1e9764fef58d49e38e040f894df49ea82025"},c("ifx-number-indicator",{key:"c02e2c31efeba1884b257c919ede031861a929cf",id:"number__indicator-completed"}))),c("div",{key:"ac8f01beb9942d0074440234b0b085afe3a16546",class:"basic__info"},c("div",{key:"4417f449550022f02cbf950c2ed8fed4f3afa815"},"In Progress:"),c("div",{key:"ab4280f1868a7e3c1adfd266ade2aec25fd6f626"},c("ifx-number-indicator",{key:"b886997122cfe2b1fd8642d5f144328f346c8812",id:"number__indicator-planned"})))))),c("div",{key:"8cc8ae30f5863215ce24a7883643d564c0ecd4e6",class:"view"},c("div",{key:"2d1fb9f44f072c01bb4e0a95a910dd8d3d926034",class:"wrapper"},c("table",{key:"13fdb77252e851509dab3fb46c65ab0b676ae60d"},c("thead",{key:"bb3d03e1c005a7e7e923c83ed33821b42cbf1e97"},c("tr",{key:"65ad46d5b8c2c1fa5387d069c67d40d486c6b6c8"},c("th",{key:"8478949a99ca120035c1704016175f16b713d412",class:"sticky-col second-col"},"Component"),c("th",{key:"b46958bbb446cecdc77920b2903d0a0f064518b4"},c("div",{key:"3beb484d2d035b7d568701d8e271fe6c20d90aa1",class:"version__wrapper"},c("span",{key:"e3fe0f826bb9cc6c23d68d32387a2a927d2238d2"},"Version 1"))),c("th",{key:"c827f569b5c8fc470730708767b82d28b030f73b"},c("div",{key:"f8023a65be03ce8ca63944c3cb16bc066b2f4954",class:"version__wrapper"},c("span",{key:"b7f9f8ab79b69a6d34f16649147a203b95496b36"},"Version 2"))),c("th",{key:"ca5be605a25c10aaeeee16cec13ee0d9cb7a58d4"},"Version 3"))),c("tbody",{key:"2b9476166bcb9d88f241455a599aed29f5b69256"},c("tr",{key:"039496be2677caf767d2b71818f0e2241b88b2f7"},c("td",{key:"70b38098590790607394dbe6bcb88e28de406bdb",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"0aaa820aafef2f8ec96e271b22d37f2c477f0ce3",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-accordion--development",size:"s",variant:"bold"},"Accordion")),c("td",{key:"efc9488ca42d8888f8a8ee574ccd5345dd90d21b"},c("ul",{key:"78f912a0da3a10843337aa686c373e0e08f0c746"},c("li",{key:"ccef267958311971583c1e90918d624db775285f"},c("span",{key:"6aa2229098a917bbff586088253a1c0b1495eb97"},c("ifx-icon",{key:"bbd1166737183c538bc67e30747c2038b3417de1",class:"check__icon",icon:"check12"})),c("span",{key:"d97832ade20dac8160c2be89fa6dfcf8120964d3"},"Includes essential functionality such as expand/collapse behavior and minimal customization options")),c("li",{key:"56a4632b93ff17162e5ee9980950f79327ffcfdf"},c("span",{key:"18b5ff6ffd933605b42ffa4ecdf3c7c649aa5221"},c("ifx-icon",{key:"89148ba09d0408db65c4acfc52c74cfce96c2c45",class:"check__icon",icon:"check12"})),c("span",{key:"c49fab0f92c35037d1bcad147f019b859bebc089"},"Adheres to web standards")),c("li",{key:"348159b5a4f1f823f60e04acc5da14fcc1257a95"},c("span",{key:"6e43578c33ad5f0e79f8a19db681306646f20823"},c("ifx-icon",{key:"b381ce0f96da5bc24bd36b030b08729cd2955e0e",class:"check__icon",icon:"check12"})),c("span",{key:"944d5755c4bce462e67deaf2619a339fe73f129d"},"Provides a simple and lightweight way to organize and display collapsible content")))),c("td",{key:"1125279ac95d812f0121196f6ce1e9b0d8c6efa9"},c("ul",{key:"156100509b31b9834e503a086e1455749e24837b"},c("li",{key:"75a3d52701d77b690b581d660b2a4254ce3b8e2e"},c("span",{key:"e26fd0d2e02836a2ae32a1fdc7aaa5143d7e7b40"},c("ifx-icon",{key:"e03ff2316baf03de96aa5ffee0f961070c187645",class:"check__icon",icon:"check12"})),c("span",{key:"5aa02f8c055a4b8706fdf103cb226437faa94090"},"Auto collapse feature")),c("li",{key:"6e1a7d084a51ee0c488187cb52e4cf6809244c39"},c("span",{key:"f904cc95f917312e21d43abf488ac90757f8480c"},c("ifx-icon",{key:"2909609db2b5f15d7a52258787f5da010650845c",class:"check__icon",icon:"check12"})),c("span",{key:"6d452e1a04d4e78a0dd9d7e452ac3fb73068172b"},"Initial collapse feature")),c("li",{key:"c07c33cd875e9248cc41820dacfdf4425e96504e"},c("span",{key:"bf639268a8aa0e45c7d446b4bfa0ced07cdb4efc"},c("ifx-icon",{key:"61f6fcbcb7956f4d356bc754c32c0abb5759c3e7",class:"check__icon",icon:"check12"})),c("span",{key:"c39943d1361c20b6879f32b50851a7e6f8988ba6"},"React, Vue and Angular wrapper integration")))),c("td",{key:"924e2d31596754f50c58b8908b5a53ad07b703c1"})),c("tr",{key:"3dadd91a824a860769857824bdc38f7e7735e3db"},c("td",{key:"4bc176e044a96142e2067e568e81e33f804efedf",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"4d4e1a56ba8e4ce6deac3d85348fb0e5d98b90aa",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-alert--development",size:"s",variant:"bold"},"Alert")),c("td",{key:"fb3174c6f14f59cd9aac2554e9ed7c308e9c9f3c"},c("ul",{key:"aaa72b19e5df1d6856961ae1152cf87b649130f7"},c("li",{key:"b8ce897f81c54c57a1bc41506fbe0cb7cb3610f1"},c("span",{key:"c932da65ec741a2b7ed2d78305abf846a13655a0"},c("ifx-icon",{key:"b60c2d86ab1428e3c0578abfef68125d2da18b39",class:"check__icon",icon:"check12"})),c("span",{key:"61cb5622acfc0b5ee5f2cfce36f8ca30a7d87f29"},"Provides a lightweight and customizable interface for presenting alerts, including options for different alert types (e.g., primary, success, danger, warning) and basic styling configurations")),c("li",{key:"73590be2d992c0bd3b9657095c02d0976206b634"},c("span",{key:"af28cfdfbbda0673cbd2f4081051c209e53efc08"},c("ifx-icon",{key:"b31b797696137b19f269d9df9c6557fd531be634",class:"check__icon",icon:"check12"})),c("span",{key:"05031325c3ec39d524252a8fe86ef6025abdd46a"},"Adheres to web standards")))),c("td",{key:"5439aa38c26c0ee6a5f0baa4c2fbab98fc9760a1"},c("ul",{key:"ff0f6129adef7f07acc29075de4816216d886114"},c("li",{key:"9e44d446b52a8012f0c329957f0172d38dd855d9"},c("span",{key:"cae633575593b124a61d08216d951094165003d2"},c("ifx-icon",{key:"e3b64f7cac31b747a2d20bd8be4cdf8a4a1b2c0f",class:"check__icon",icon:"check12"})),c("span",{key:"4548dbaf66a70cb9403fcd74ddc76a72c0f174d6"},"Configurable close button")),c("li",{key:"c15bc44787dbcd60467afa82eaa74a63c5b9fcba"},c("span",{key:"6f7653313ffc0f0bf39277a73f4c60d6644f13c3"},c("ifx-icon",{key:"854153d69cd012ae7888fde13ae95721845c4660",class:"check__icon",icon:"check12"})),c("span",{key:"69fc7ad4d123f5f8af9387053e00aea22e9caf64"},"Additional Info variant")),c("li",{key:"00b30186f3731535c5171aa8960b65bd2eafa720"},c("span",{key:"1e66b6405978db5747770437804d1220d219b3a1"},c("ifx-icon",{key:"cce6e2de8b91324c541c7f2c24f493f0b113ae33",class:"check__icon",icon:"check12"})),c("span",{key:"1cb6c0e6de05a1d9070d34e14c311f84a5cf9553"},"React, Vue and Angular wrapper integration")))),c("td",{key:"b0a46e8a84df4d21634ca5dd4188e8f4db3b69d4"})),c("tr",{key:"6e6851361a2e8557ff18ae66c81ff281b23fc807"},c("td",{key:"2388e35cf5ea878a3c15529c833f628e89691d96",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"57bf43cf7abcf6cdfa9734b9df574782b4244a71",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-badge--development",size:"s",variant:"bold"},"Badge")),c("td",{key:"a9a29b0382c215b05f3f4142f2095dd4693ea612"},c("ul",{key:"d1a4cd25bd04bf02cba3b88915123625e7c7906f"},c("li",{key:"4182f0c96aa0c75700685d136a408f2a55a2844f"},c("span",{key:"ebc5e5b4d12f45ab410f600796ab43bf1d98a5e0"},c("ifx-icon",{key:"1a2259e05313ecacde9c85d1fc69f042ab7f345a",class:"check__icon",icon:"check12"})),c("span",{key:"1531c03974d2856a325506bd53932e113404744a"},"Offers simple customization options for displaying badges, allowing developers to indicate specific actions, statuses, or categories with visual cues")),c("li",{key:"68834ef19a08cb5acef0f0cdd5d2d0cf8afcbafe"},c("span",{key:"f820ed722e23d8d09dda36a700e8959852eb6a2d"},c("ifx-icon",{key:"c006bcacca5f003c23edf5943c2c2892c058e571",class:"check__icon",icon:"check12"})),c("span",{key:"4becdfac8687d81fbce12ada8f1cf9226c644234"},"Designed to seamlessly integrate with existing UI elements and adhere to web standards")))),c("td",{key:"1722c2f15c0921233ce1091f3fa43654e50c5d5e"},c("ul",{key:"1421bf518d630ca08f8ef8a030a62178566adcb0"},c("li",{key:"c4417012f9954664e88ad21174d6fefd42ce21e9"},c("span",{key:"5c75ea8bdc59168c3bc66a5aaeb3cd4526163c68"},c("ifx-icon",{key:"a5f91021c47dd6b3e1314b182e1a4061dfd6052f",class:"check__icon",icon:"check12"})),c("span",{key:"bc7aaa40634728e1c337589b9c454e307a09ffd0"},"React, Vue and Angular wrapper integration")))),c("td",{key:"c6d88baf279eece915b5591ad492e8bb624e65fa"})),c("tr",{key:"39fbf1142c1991f56dfc68139f10c9df491fbeba"},c("td",{key:"7a1133c6dca00ae8e0582a8d0310c7156df1bc4d",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"f16e938a6e95f7650a211e16d14472906eeec81e",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-breadcrumb--development",size:"s",variant:"bold"},"Breadcrumb")),c("td",{key:"65cac947b8406c822341cb3afa97bf120011c91e"},c("ul",{key:"0d8afc1af177bcc838991c59eebb6e864590e6e6"},c("li",{key:"3040d26d46de0ba8a6f79352533ae009359a84fc"},c("span",{key:"70ec18aceda0366b37ed9f69f46c5e68862deeda"},c("ifx-icon",{key:"c3cf30bfb49a815994e97d15f9ce0296e6a206b9",class:"check__icon",icon:"check12"})),c("span",{key:"eebaed9bb90ffe4bdc4bb7c9d3f4cda2a4036b54"},"Provides a simple and customizable way to display a sequential trail of links or indicators,  representing the user's current location within a hierarchy of content")),c("li",{key:"03b3c97b47e0b8a79f2e2a08b5327f3ca9dc6188"},c("span",{key:"f398150bd53491dd7117c0f4c426b79080922eee"},c("ifx-icon",{key:"44c37ee3ffa3a9f5db69f91288763e74e4e02132",class:"check__icon",icon:"check12"})),c("span",{key:"2a645cf92d40de9b24bdc212a9879b75bd37dd7a"},"Adheres to web standards")))),c("td",{key:"9e008c775ad8cb5c6593569b5f89018a97114510"},c("ul",{key:"ae2849bcc0cf3c6ecde319f41b5fc1e5478b5993"},c("li",{key:"b9569331b3c7ab7cdb45811642e7cee0ff0b8fa2"},c("span",{key:"bc43d7175b66596bdbf89463149c056bee3f46af"},c("ifx-icon",{key:"1eac91b7dd6beffa2414f65cb2ab143472ddd0dc",class:"check__icon",icon:"check12"})),c("span",{key:"c2920c7997abd3c335d9c1e3926dcbe073d2430e"},"Possibility to add an icon")),c("li",{key:"41a61ca730ba0632231a464a19b44f999f806674"},c("span",{key:"ebffad43a4fc56798008d31e40d7d7ddc3c83c19"},c("ifx-icon",{key:"4d28aa872e971861cc1b507fc18ed446eac25e7d",class:"check__icon",icon:"check12"})),c("span",{key:"1ec3c04fb027745ed6112ab7664c030eb16b808a"},"Incorporated dropdown-menu for individual items")),c("li",{key:"9816d07ca8cd0caac7d7f2501c3e36cc21fb3c7c"},c("span",{key:"d2c87760a6fdb4d43f67a8e0ae660c0be4480782"},c("ifx-icon",{key:"227ef81149dd9f3b987080ce43d2042893cccaa2",class:"check__icon",icon:"check12"})),c("span",{key:"4da3f11f3921ae8e29444f801061673e15325dfb"},"React, Vue and Angular wrapper integration")))),c("td",{key:"6624dd1fb9f8a79e89ed931c5ccfa5d2fbdab735"})),c("tr",{key:"83f9b52c68a7885be88317290533a0bf4ef80aa0"},c("td",{key:"8350b09b06d66dcefcb4e3cacbd8e20da22c8e16",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"47e9a1d2f20c4ca7a7501f1d0f4a418bd79529f7",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-button--development",size:"s",variant:"bold"},"Button")),c("td",{key:"f7f999d6b0639fb56088912e3581852190cd27f5"},c("ul",{key:"54ec450b2f0d25ce7a3af4b48301626bd6bbf4f2"},c("li",{key:"82eb86449613cfa9c6dc54084fb92c22e97fb620"},c("span",{key:"5d64a3579b0aff36864c57883e1fe6aeb6e2d479"},c("ifx-icon",{key:"9f589328e2c17bf4ad551b21e37cb2b7afdb51b6",class:"check__icon",icon:"check12"})),c("span",{key:"0479cd2179ccef30881728fb3adafc0d3b968bcb"},"Includes basic styling options such as colors, sizes, and states, providing essential functionality for initiating actions")),c("li",{key:"96d4c925d4761523dad1fdebd46d40940087ffea"},c("span",{key:"83c9358867dc173cd658f76dc18d816af34fc3f7"},c("ifx-icon",{key:"4d04fd2255371a6fec239a586ffb7d2b8f0c11ca",class:"check__icon",icon:"check12"})),c("span",{key:"c5b3a87781af9e9b3fd9aaeac7db5cb6bc9def45"},"Adheres to web standards")))),c("td",{key:"a8029a3c04a15da0fdf7ee1f0fdac7ff8ca81107"},c("ul",{key:"5375d66684d1af43a9f4d60b6c285a40aa3171a2"},c("li",{key:"4ccd2aa4ff8a5e701eaa1d1659b0f7d6194ce9fb"},c("span",{key:"02bc7cbe471eac1f89a322bcdfe9239ffdc45fe4"},c("ifx-icon",{key:"b921116022886cf7c1907dbfd55861103d567809",class:"check__icon",icon:"check12"})),c("span",{key:"07f284e3bc9150e032092f81edc8ff342c7654d2"},"fullWidth feature")),c("li",{key:"6d3f8f1cff148f9448936e0532851e289337f0f2"},c("span",{key:"36c23d4dc4b0566746304b0bd709a5ba3ffdc2d3"},c("ifx-icon",{key:"ced6e3975631be7b6c56e7f6074822a6b694051d",class:"check__icon",icon:"check12"})),c("span",{key:"4fa64f0fa8b115fbf5c5db58dfff0647b676171c"},"Icon integration")),c("li",{key:"f9cd8a09758842f1db640f62f725fd055efecb92"},c("span",{key:"33bc0bbd916d30392f784c160cb51d69fe7696d6"},c("ifx-icon",{key:"736a4116152fa58ebe930e8b7a175a49208b8699",class:"check__icon",icon:"check12"})),c("span",{key:"90ef22b52a0f085787ec8ee1b26646d0855ea8c4"},"Link integration")),c("li",{key:"111703bdeae0bd54852999affa17f77e293974f9"},c("span",{key:"7ec58492fbbb15d2f7a8332e0c5bc4d56372c5f8"},c("ifx-icon",{key:"a19bed21d7f4af800d00446480f30e5995f235a8",class:"check__icon",icon:"check12"})),c("span",{key:"9343261938cd6c103998c65ae023f1387d2da903"},"React, Vue and Angular wrapper integration")))),c("td",{key:"5d694563436ba02adbd269933543b5892204b389"},c("ul",{key:"a66fccef5767c3611d13054310a54ac7014fbba2"},c("li",{key:"8cf816e55c1dcfcbb11482f1ba91a6b6e4e19123"},c("span",{key:"4e61f4f542963be376954f7c79fbb159d9957495"},c("ifx-icon",{key:"4781d55c0d8cc7ce45ceab8a34342c59c99a6106",class:"check__icon",icon:"check12"})),c("span",{key:"f7c68d66258ee95d4295c60144197ecdbe851e9c"},"Form integration"))))),c("tr",{key:"0e050e675717560fae624688b48cdd525d323d65"},c("td",{key:"b33fc2f6773d64d569468e7aadcda942505cae9d",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"1c937801a66e261bc18b9f05ec72c218fb983425",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-card--development",size:"s",variant:"bold"},"Card")),c("td",{key:"7917505737cf4afd9ac93360279211db3ebeb1bc"},c("ul",{key:"b5ddb985a650235a76913fd0c0ac66a713757df8"},c("li",{key:"b5def7cd868d40523851426a2cab4edc2be48bf3"},c("span",{key:"b02bf758cddde7dfeca300a4bdfe4025ddf8b475"},c("ifx-icon",{key:"82a129294f3b6e348fcea5a345264031d1f4c5ff",class:"check__icon",icon:"check12"})),c("span",{key:"aa1469b82cc99dbe9196fe9dfdeffcbc8cf7769b"},"Provides a structured and customizable layout, featuring elements such as headings, images, text, and buttons")),c("li",{key:"22ed3918290de367eafa5a81924118006d733d73"},c("span",{key:"731a8e116beabdb6c4b4716ce48cee21bae1161e"},c("ifx-icon",{key:"20deda17e4bb5f1d30ed588b763ed093dd86e2f4",class:"check__icon",icon:"check12"})),c("span",{key:"7be86d6b80a48387bae334de6962d10b28e7398b"},"Adheres to web standards")),c("li",{key:"ac61b72146da1d56ccae49a82088e63279210d48"},c("span",{key:"f81c1f1e842f838851f8f65cc62c53c3167297e9"},c("ifx-icon",{key:"ae81dc67b38fcc37fe037bad610aa09fb0795d9d",class:"check__icon",icon:"check12"})),c("span",{key:"ee4009848df7a7db9e75151d0e37026f137867d8"},"Horizontal and Vertical layout")))),c("td",{key:"e0b5e77309b5e8bc3f9d6ab66e59a4b96529742b"},c("ul",{key:"fae9016841ceb0f5bf76990b6e7373411f518eb3"},c("li",{key:"1224050a5ef547486d4a1185a3e071d73ae938fa"},c("span",{key:"5d2a5392467e6a97f53d4e60ea05e983861710e9"},c("ifx-icon",{key:"54e0981b6ce55e33818da8b5214140b76549d88b",class:"check__icon",icon:"check12"})),c("span",{key:"d8c7e098d79eeb5098e57c2e654d188fd6e54b04"},"Possibility to embed multiple buttons")),c("li",{key:"9afcc0fd7629593bfd7491d51a1e0f8a87a78c27"},c("span",{key:"c7788e6a09a74ca8ca958eab42b7f9abca863e60"},c("ifx-icon",{key:"465516b341672816b27eca62ff82f5b07ad3964c",class:"check__icon",icon:"check12"})),c("span",{key:"c9768f4541a36df2b7c18c80e1e2a2f02afea4f2"},"A switch between a Link and a Button")),c("li",{key:"e13a3667b0147c78b8a471040e43d02f328f7f86"},c("span",{key:"078f93544bf67b7939c239c23acef75eb3a9f6f4"},c("ifx-icon",{key:"d67089213003f6c76b7e29b311b58eb447ad95f7",class:"check__icon",icon:"check12"})),c("span",{key:"f541406c03622a61c04d74c4f0f9e8a40ccf13dc"},"Enhanced stylying behavior")),c("li",{key:"4d743db35ac07121d17a7ad36f771bb3b8800c60"},c("span",{key:"b1cf52ee921ed99365c8c2e16886de554f1d045c"},c("ifx-icon",{key:"94b0e0446f30fd67cddcb0233fdbbafd77652425",class:"check__icon",icon:"check12"})),c("span",{key:"931a03802e5052c461004282d521006a92f9cf1d"},"React, Vue and Angular wrapper integration")))),c("td",{key:"c679cbba949c30ace5d48a9826d29a09d971b515"})),c("tr",{key:"29fa0771fbf4f4fcecc2982448b6308c7909ca7a"},c("td",{key:"7572df838ccad78aac3ce61faf389ee87d701819",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"a9ef5011d124995341733a93e9010d349124eec9",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-checkbox--development",size:"s",variant:"bold"},"Checkbox")),c("td",{key:"4385ff2049cdf75312268056e96907575c31306e"},c("ul",{key:"71eefd434d584daca5a2c1140f8eb48f24652da8"},c("li",{key:"bd35f12500ea66ce7da32430dc5c9f47b2aa14df"},c("span",{key:"b8b054b045993de84fe35833587db3c5b22ca49f"},c("ifx-icon",{key:"904532e065b8ba4364fab545c1414e627e93bd68",class:"check__icon",icon:"check12"})),c("span",{key:"2739cdfb49ab9cbab836e8b34886d4c9ac2a47f5"},"Offers a simple and customizable checkbox input, allowing users to toggle between checked and unchecked states")),c("li",{key:"8efa014726f130110c16fd7774314b0b48f0e82a"},c("span",{key:"beb6903eb6db325f643207805f431e32cf232409"},c("ifx-icon",{key:"dbe426457b1d431adbd24919609b717d68631604",class:"check__icon",icon:"check12"})),c("span",{key:"d906f78f8afc7283d36a88680c01a17233311e40"},"Adheres to web standards")))),c("td",{key:"ae54e31a870a293455b2ef56466a9764f0141026"},c("ul",{key:"d38e0e46680942828041d6fec7c0838f7a00ed73"},c("li",{key:"d7c9860628f848e38132a6ba414058ab3c847825"},c("span",{key:"9b2b6da3ed9e5d8290feb1476322a609299ad72a"},c("ifx-icon",{key:"69fa83d8eb8fa59487f1d17fd7c9092d9d6ff8cb",class:"check__icon",icon:"check12"})),c("span",{key:"b8fc5ab3c7f451bbf29d75f52ef79b08fcb05f5d"},"Indeterminate state variant")),c("li",{key:"d91d0ee99e1c64037e3a459f51f55248d4a3d61b"},c("span",{key:"30766b3dbcc55917bc7d442a7402864fa2f06973"},c("ifx-icon",{key:"500ed70d49a1de0a244009993138236e3beea0e1",class:"check__icon",icon:"check12"})),c("span",{key:"43bce84b6cd71a42d9cbbfee7c28005a66fc53ea"},"React, Vue and Angular wrapper integration")))),c("td",{key:"cb6d4c6d8b2010d672d4ab86667ba91b27bb0369"})),c("tr",{key:"c8f625d73729ae69a89dc45921327efcdd8f15f7"},c("td",{key:"1086c520973fa2ad09bdfa173874e8f4e203a474",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"dc2bc93fd170dd727f8c19ac43662957226f4116",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-checkbox-group--development",size:"s",variant:"bold"},"Checkbox Group")),c("td",{key:"163a2969d263541a6519a7190f58c280219ec3bc"},c("ul",{key:"18cdbf820351cd8eff7c8c035153b21073efd24d"},c("li",{key:"73a8f31bcb90c4b6b451694d5c28b810444674a2"},c("span",{key:"20d18fa2517ee2c90a5d300fada12c84a8520ec8"},c("ifx-icon",{key:"53269f15d0fe09a6f90f0d8faf5bd654d22bc7ce",class:"check__icon",icon:"check12"})),c("span",{key:"d7da2b0a8cb4077026acda576315e4f8e404eb8b"},"Provides a simple and customizable interface for grouping multiple checkbox inputs")),c("li",{key:"8750e2ff88735d17d1f1e36e3d62ca765c9d1da8"},c("span",{key:"3d5a3d197e0ddc482f21283cc3968916b91b90fd"},c("ifx-icon",{key:"c6e7930fcebc61a72d813a4adc308a513bdfe06d",class:"check__icon",icon:"check12"})),c("span",{key:"03e8de30be0d5cb068932d87247a7d34e5adb257"},"Allows users to set and display group label, caption text and caption icon")),c("li",{key:"67324e512b628b5e8e3488920d97a01c4d2e3782"},c("span",{key:"319842cf45ea5cefa68e9c4836bd28c6f320feae"},c("ifx-icon",{key:"034af3f2efb395eb570d8f4b73b62e40361dc2b4",class:"check__icon",icon:"check12"})),c("span",{key:"1605ef8a728a004d6d392dc9d35d001545177cae"},"Allows to display individual or group error")),c("li",{key:"63e10e751ec1a725e296d2dc3013737f57c1656f"},c("span",{key:"7becb8ae8759fa3296c5e8e08c6896bcf7b25972"},c("ifx-icon",{key:"a7551999546079516030e7453cd3b8d9103ca99f",class:"check__icon",icon:"check12"})),c("span",{key:"9660d788176ad56405f48c21fcf3743ed4b72714"},"React, Vue and Angular wrapper integration")),c("li",{key:"967489d019f06e679f802496ffb1b615b884d797"},c("span",{key:"62d7742ef258e781cb034962eecac9f65d506b77"},c("ifx-icon",{key:"3948e826c60ab3449bdec6821756bff34ff29b6f",class:"check__icon",icon:"check12"})),c("span",{key:"36dc7aa124fddf91265df2a80f8a7b16c1854748"},"Adheres to web standards")))),c("td",{key:"c6ef9d310f57eeeed4e0a613d5bb52c63ba9b51b"}),c("td",{key:"64d4c76ff9d6494ef17355bd76c2d5d121ab7980"})),c("tr",{key:"662cde564f2b38199435d9b888ac24888d771b7d"},c("td",{key:"bb905e02857fd9c004575e86eaf9135397c6351f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"3852a899acc5d85ad72cd53dfafcdce61da7e906",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development",size:"s",variant:"bold"},"Chip")),c("td",{key:"66d32c96ac80e166d8688b5880a749bbfaffc80f"},c("ul",{key:"5db1cb5b57178afdf7acd669afec54ed0ac37910"},c("li",{key:"270b709e77bbc7abeef2ec6b4995f95ac38fe648"},c("span",{key:"8479662394c1fcdd7908cd6aed9eab1c7cb69fcd"},c("ifx-icon",{key:"4664d66e83c489e51f0a48ad3a82b02a0c64e992",class:"check__icon",icon:"check12"})),c("span",{key:"44e23d3e28dfb4dce2b2171e85d72091e533e22b"},"Provides a simple and customizable interface, representing discrete units of information or user interactions, such as labels, categories, or removable entities")),c("li",{key:"148616d326b42d11938eff62fe04a2c34a138de4"},c("span",{key:"20e78a1eb8220c46e5bd075d3dbd6253e5633383"},c("ifx-icon",{key:"4ea09b02a3fa2084f7201dd88f2b077d31665f0c",class:"check__icon",icon:"check12"})),c("span",{key:"09563effddfe1393689b03501c39e7cca5ff005b"},"Adheres to web standards")))),c("td",{key:"3720d4f319e6f8b5a14d04caaf80f3ba4f958479"},c("ul",{key:"52d7b6b89626c65c41596eaed6a14935a5419f27"},c("li",{key:"e5ecb547a417b6c9a481fe07983ccf2309bdf039"},c("span",{key:"473718122163a0c81efeb0bf063a06cb071523b2"},c("ifx-icon",{key:"5a843d198cdcea16de0d74feaf4304437fdd1b31",class:"check__icon",icon:"check12"})),c("span",{key:"82277ee3cf62dd6b7c3d843f9a14f4d5d9d3b6ed"},"Incorporated dropdown-menu for individual item selection")),c("li",{key:"547733d34eb9c9e57d898822035580bd2b67de74"},c("span",{key:"294911e9f918d767829c20d2d70b8b4e210cfa2a"},c("ifx-icon",{key:"2189ed87bd42519f8565cb3d479d68a5643e570e",class:"check__icon",icon:"check12"})),c("span",{key:"c906d1477c0045c46729a6c53afcbba030c5d6cd"},"React, Vue and Angular wrapper integration")))),c("td",{key:"1a39a1a34a49b91f4513ec460533ea27676e3063"})),c("tr",{key:"02b6db5643849245b35920075a1d54a21bc1ed88"},c("td",{key:"2657c60852c5d4d1f1278526450f0c4265c555a4",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"7eebe17a7abed49f9c56355580dda4c8af8bd203",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-chip--development",size:"s",variant:"bold"},"Date Picker")),c("td",{key:"6e8296bbffd3c044344fb94d9adc2e8e30b6ac83"},c("ul",{key:"e833a4366b8e78aaefe244e977ec482eee6c12a7"},c("li",{key:"b04bbcfb157a31a8d386f93ff3dcd65690d21813"},c("span",{key:"063afe3895f786cc157c35b47edffda909f035f6"},c("ifx-icon",{key:"503aca0f74552faab595452f20f46acf9f7c1237",class:"check__icon",icon:"check12"})),c("span",{key:"ff842afe329e516bc08c8d281183856476095eb2"},"Provides a customized wrapper and theming for the standard date picker element, enhancing its appearance and user interaction")),c("li",{key:"833d9c67bb7f64cd42c9ca97e59ee9c0ea952882"},c("span",{key:"290d79bcacd3dd9912edf1acee3fb68cce22fe9f"},c("ifx-icon",{key:"8fa57561bbf648f4226cfe5b87654d843c858b9c",class:"check__icon",icon:"check12"})),c("span",{key:"b2f07ecfd58ff4f01b6228a0066391e93452e5e5"},"Cross browser compatibility")),c("li",{key:"38525ebb295e4102f3959c144a6c33ab60cb5638"},c("span",{key:"a0c8cbce383ef0cc0da65ef5ea1e0e0b9aee61e5"},c("ifx-icon",{key:"84ebb71b91f48f67b2e9aa0fecf8ad870c474769",class:"check__icon",icon:"check12"})),c("span",{key:"8f500623a115820cba3930001e673cc6572e4dbc"},"Form integration")),c("li",{key:"94df8e77da150567d73d1f798fa0d1c488fc1398"},c("span",{key:"4755b9999165026a8912ca848f9ab22653d8a731"},c("ifx-icon",{key:"f815b6c021eb0ad6cbff7601ecb29796b8804bcf",class:"check__icon",icon:"check12"})),c("span",{key:"c93ff6c525834f8d99fe57842a0542d65f0456a3"},"Adheres to web standards")))),c("td",{key:"1fa1efc1452c886a12a99fc5eeaf804911ff1ccb"},c("ul",{key:"155b483b3cb765de5d044eea87686289a021ee30"},c("li",{key:"9bf663982e5967253b0e42cff8dd36d0a2bfb37e"},c("span",{key:"5dfd661c4c0add388fb99ea056e7373b1e776a39"},c("ifx-icon",{key:"3fcd0dd5abdc21a700e91713abb09dc672ee0f0e",class:"check__icon",icon:"check12"})),c("span",{key:"b34a179b98362e94bfab9ff8e33de8e6ffb2592d"},"Range")),c("li",{key:"0f8bda1c91683fb059792d983a535c9bcdc2eb3b"},c("span",{key:"1fbbe0635831ade398ca668eeac977846daa5ccd"},c("ifx-icon",{key:"3bc897549fc49783f8272b36e55e02ec147e0d8f",class:"check__icon",icon:"check12"})),c("span",{key:"78aff71bc22964b3acbb0e30c613b31e5c380b16"},"Default value")))),c("td",{key:"7d054438da9e4d0e97618b638ba68c6da0f6c4a7"})),c("tr",{key:"608e9be8af3c49bfab49a0b1e302b8cbb8b4cd7d"},c("td",{key:"121ca158d66c38b160e0e300b4b59e25ab41c7dc",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"af53ff019e372105356e86ba1c4273de69e084cd",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-dropdown--development",size:"s",variant:"bold"},"Dropdown")),c("td",{key:"6b1d038d22ff5fdc97d75d6969abbf4c0264c3c9"},c("ul",{key:"7341f1fc0f2c12a37d57fe4eaeeebed516cd0638"},c("li",{key:"42bb5838601c2911f4beb2395bd7a8958865f660"},c("span",{key:"67221a4014cc547c48b1d3807352c714cd4099cc"},c("ifx-icon",{key:"d96f65aef16bea94329660e77b737442b8f73b7b",class:"check__icon",icon:"check12"})),c("span",{key:"3b0d762c9b550c2249f2da636f15ab78a83fc799"},"Offers a versatile and interactive user interface element for presenting a list of options or actions")),c("li",{key:"c9343bd2331235cb7b8f69b7acd823cd787265a4"},c("span",{key:"59a20b03685fd8c9f52bf4fbe17372720ae5d21f"},c("ifx-icon",{key:"b2a7dcfa33679f06fbc2907e2cbfc35e727d04be",class:"check__icon",icon:"check12"})),c("span",{key:"d569918260b577fe3e8e7b806d0eb8d8cd1640ce"},"Ensures consistent behavior and compatibility with web standards for a reliable user experience, while intentionally limiting customization options to emphasize a standardized appearance and behavior")))),c("td",{key:"9b238136985ed1d84c04b9ed2563e714f1669d93"},c("ul",{key:"79b7c134e0f45df3343642da50beec4ee0ec5c53"},c("li",{key:"2b958ad7e53daa508b6b0b7833f0d2c6310efa81"},c("span",{key:"d39cd384179de91fca6b25e6c01a74b112830bc0"},c("ifx-icon",{key:"63bc0439465479b233427edb218414abb3cb6440",class:"check__icon",icon:"check12"})),c("span",{key:"76afe18e32f923b7925fa3e92ec36d6d235e418c"},"Search filter")),c("li",{key:"b83284ad4f6bf4672634962d39dda2750ffb7538"},c("span",{key:"616a8a04b421d7c269569b97a60f66090471c27a"},c("ifx-icon",{key:"52377e58961b4a61ca692054780d3c135c61d753",class:"check__icon",icon:"check12"})),c("span",{key:"703ec3fe739f0b6756ec1fd02ab2c0dcf5169f6b"},"Header section")),c("li",{key:"5709dfe027013f6d6a074fb978c8af9321e1c522"},c("span",{key:"e98c71976e022b9f0a4c310968da31b1645277c9"},c("ifx-icon",{key:"141965fb80600ae3cff87c045f79ce6ff3b77206",class:"check__icon",icon:"check12"})),c("span",{key:"3584c04b38bdb35ec9ea42870078a9ad6eda8c93"},"Menu Item Divider")),c("li",{key:"f4e87a437e06b27eb33a9329c6428aee5ac8be1a"},c("span",{key:"4e41e7e60528f8f605a71c1c91bf99c3ea0706e4"},c("ifx-icon",{key:"d9e236d05617fd4a86169ff4703e064c241412f2",class:"check__icon",icon:"check12"})),c("span",{key:"36fd6fb3208f5831a78f88df9fd6cc185c5c12f4"},"Icon incorporated")),c("li",{key:"5338987bbb02b236d6e8a220fcbceb7785069195"},c("span",{key:"1afcb3b46c51edd9c5bf74bd23390dd72ce090f8"},c("ifx-icon",{key:"24a25687b3c0e8dc213fb571336e6e1fef8f3d5a",class:"check__icon",icon:"check12"})),c("span",{key:"2e7952951a86e64317450c7bed856afe3db16d7c"},"Extended customization and configurations")),c("li",{key:"3446abfece2009a3b812079b24acc5afb45d358e"},c("span",{key:"1344033d8e61c213bb7b179e30c01ce332a82575"},c("ifx-icon",{key:"3b5344a178532c386545597bb8ec8a0ef15ebdab",class:"check__icon",icon:"check12"})),c("span",{key:"6b44d79b1eeabfc8ac8a27c3b5aa932570acbf3b"},"Separate label trigger")),c("li",{key:"92b49f046bf786addd308fbc389c411c8d3aa18c"},c("span",{key:"208115e9af1d3073c0c503ada0e5233bdb03655d"},c("ifx-icon",{key:"a82fe7f946f8a1bbcbe45692773cf0dd89b11265",class:"check__icon",icon:"check12"})),c("span",{key:"ba25a54cbd40952154ce558455e911820a13f6c9"},"React, Vue and Angular wrapper integration")))),c("td",{key:"3a6ce967cd593766cde6f15a075cbcfada84781f"})),c("tr",{key:"3d7c4e0a5a255dbaa748918aa6bbe3063da5074a"},c("td",{key:"e2fbf2331d9058a3a54d356ad7575eee9115b921",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"6453cd020bbc1db06ee24957e1451ec434efa30d",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-footer--development",size:"s",variant:"bold"},"Footer")),c("td",{key:"b9a8eb95ac5f6378c8f17788285cd5fcd9c153de"},c("ul",{key:"11869d681e25586844763a802bc504b7a0652993"},c("li",{key:"ffdbade2fcb58986917e23e73101f69a88cfae92"},c("span",{key:"45d153ea00217b40cbf1f38f80335e60ff6746ec"},c("ifx-icon",{key:"86c652ad6802a4bbb116afe4c764f7006f51e44d",class:"check__icon",icon:"check12"})),c("span",{key:"8a7078d883d7d7b4fa46e918daa8081ab8ae1e5b"},"Provides a standardized and customizable way to display essential information, navigation links, and branding at the bottom of web pages or application interfaces")),c("li",{key:"0324d368692094189f7ceb57c46540e6f865b5c4"},c("span",{key:"2227ed4dd9c74281a399b584d67dffc9c9efc519"},c("ifx-icon",{key:"5c52aaa764c88114a83078e3fd25959400d08258",class:"check__icon",icon:"check12"})),c("span",{key:"2b4f684306ad1b6bfc9f5695f17e06d05f79c093"},"Offers a flexible and configurable layout for organizing copyright notices, contact details, sitemap links, and other pertinent information")),c("li",{key:"df10f7e6e99b7853e0d494e1d77646001e41226e"},c("span",{key:"3f5d6de97ae15a7cd95d58e1adb0582f07c76354"},c("ifx-icon",{key:"819420266f48db66027eed74c28a61d7bafc8dab",class:"check__icon",icon:"check12"})),c("span",{key:"381b72e6d3c6d7de80e986f520b2b59f082ae038"},"Adheres to web standards")))),c("td",{key:"6cb4eb7a700e9ff5db85196733421867f78255aa"},c("ul",{key:"4a309da97b52f5dcc1a4fc274c136d4478fdc0e2"},c("li",{key:"3dc0a5ff48c667be3625cf437f38ad3e042700e3"},c("span",{key:"174ea22833de7b80bb049db0167bf40d3a79fde6"},c("ifx-icon",{key:"6c0211e3e50db95ff777a029d8c9ac7df55a07b1",class:"check__icon",icon:"check12"})),c("span",{key:"be83e108ca2e2e09523f1e1671ba1393f7b8cf78"},"Small, Medium and Large variants")),c("li",{key:"33132dbb967a5084f199eef199479b7c26339aa4"},c("span",{key:"492d6da509c3564cb22706fe6b91eec1dbdc076e"},c("ifx-icon",{key:"279e37d8e0c3a80a188f8729f7811a2af37e8547",class:"check__icon",icon:"check12"})),c("span",{key:"a0a2235998710ca28a01a84cd98a563cc2b1ad14"},"React, Vue and Angular wrapper integration")))),c("td",{key:"710dbf3d8870cbdba3e0e1d67042c255a3ef7294"},c("ul",{key:"ce8660639eb73bffea7a25bb23f1c6126d5b3fe5"},c("li",{key:"a5f0c3fea3db37cba1926eed4dfc36e198570912"},c("span",{key:"9dfc28e054849269aae59d7f6f1bf9a8307b0511"},c("ifx-icon",{key:"fe19ede2e64355fb512b32252da958d0d1339620",class:"check__icon",icon:"check12"})),c("span",{key:"283c2cefba248563f4d3ca45712e78a0b527e948"},"Customizable and removable links"))))),c("tr",{key:"af04127ddc3742dd346e19afbe3d2d01cae9cc2c"},c("td",{key:"3472f5b7da8cda951a0b896ace561ee5d4727513",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"47a48db831f6fec5e23c84f391ba55962f815080",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon-button--development",size:"s",variant:"bold"},"Icon Button")),c("td",{key:"22dd3b004b4bb4b51b8a3c1e46f4ed5b88593981"},c("ul",{key:"4ed4059e742d8aed46ea6697dd6f3953dd55fac0"},c("li",{key:"ec1c305960dbdddb5aa851a8a30b666eb1a3b3b5"},c("span",{key:"0e4ddc107898b63c005502b9682429adb2c4ae89"},c("ifx-icon",{key:"998396a8e5699b228899b49826e76c5b8b25dfff",class:"check__icon",icon:"check12"})),c("span",{key:"93cc5426113b54376be59c9bae38f935d679a805"},"Offers a compact and interactive icon-based button element")),c("li",{key:"a8e5ac2a5390d9a97296b9e6739c50462cb6b874"},c("span",{key:"673b1e8423137230a3f8ab0665c8b588c5818590"},c("ifx-icon",{key:"a6ae86716a899adb2ed46a0fd009696757be1855",class:"check__icon",icon:"check12"})),c("span",{key:"8f739248c7f40abbfcd51fd91d326d4c26a454f8"},"Provides a limited scope of customization")),c("li",{key:"4a8e0f326333a6761d129f0e0e96d3fb81795ddc"},c("span",{key:"90ee7891dca1d1af1c7c4f9ac6eacf81f121d4ca"},c("ifx-icon",{key:"76647af866e84fb73c98dbb8f96ca56a5b2bafe1",class:"check__icon",icon:"check12"})),c("span",{key:"92c7820d15a36809a7a96a7ee1f2598989aa0466"},"Adheres to web standards")))),c("td",{key:"4820cfd3bacbce70940dcea0c5a2c21ca81d7ab6"},c("ul",{key:"3f9bd701c05187b01e6bb8513d09a7a88f6eb6a2"},c("li",{key:"65b5a6687e88c50e10cb090be1f1b365d872d7ea"},c("span",{key:"2d2e6002a593c59d19ad4233230a4cae3c098821"},c("ifx-icon",{key:"b0e339b3bd25541d55635244e02fa641f1842413",class:"check__icon",icon:"check12"})),c("span",{key:"f34e9171cac6514ab480b99512d24e522c71b346"},"Additional Round and Square shape variants")),c("li",{key:"89062d2c584930a5db31433a35781c5df4b31869"},c("span",{key:"b7b9830f9a195ae750bbd1721c2dde7a9c64dae3"},c("ifx-icon",{key:"3faf2b6ecf117c2a47db94580ec735f83d4520e1",class:"check__icon",icon:"check12"})),c("span",{key:"609330e00a82b601eeb28a2dcfbefd7218b68cda"},"Small, Medium and Large size")),c("li",{key:"2a32050968a8e6c7cdd4e22ac559d750d398e43f"},c("span",{key:"a2238d623bc58d69bfa2ff35e3418ab1816fcddc"},c("ifx-icon",{key:"461d02d3b058ed901a8828de49cd4aea8d28a6db",class:"check__icon",icon:"check12"})),c("span",{key:"f9d38edf4b5736d9c4d3fc38f782013435944598"},"React, Vue and Angular wrapper integration")))),c("td",{key:"a16e7d473dd7dc8ae16147144a3550737acffdc8"})),c("tr",{key:"051876c72763ba07040788980e2c776ddf38dd67"},c("td",{key:"1b67067e94c9ba8a60b1c58db99048cf9a9e36a9",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"696b5292db1ea596f1b8d78b9adc55cd82277707",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-icon--development",size:"s",variant:"bold"},"Icon")),c("td",{key:"825b4dfd47b6000496b4d9ca8df9a46ec5448e38"},c("ul",{key:"36f75561304b8eb37a1850d741737cb336ce4262"},c("li",{key:"3f30d0af29131f1b65b9585f5bc94f39e4fab42e"},c("span",{key:"b653ad287a9d165e1f898a6e76ab9879a59824f2"},c("ifx-icon",{key:"ea2f7682402f609637799f1a3ad94fb51cb1ee52",class:"check__icon",icon:"check12"})),c("span",{key:"ae68056dbae731d56e51b10fd4e0bbf26f6dc7a4"},"Offers a wide range of iconography options, allowing developers to easily incorporate symbols, glyphs, or visual indicators to enhance the user interface and convey information or actions effectively")))),c("td",{key:"f85124740faf4629469a32b8e1af8d910244c201"},c("ul",{key:"700df21f4693ddd447563e5f1944f00880087bc5"},c("li",{key:"de9f8e1b6cb994d20f97804790f43e0cbfd39e3e"},c("span",{key:"d32904bf2a0a6f051175437a0387b9534046109c"},c("ifx-icon",{key:"2b9e6abf9802fa3b8ac1eb9672ad7f8f38a2b9b9",class:"check__icon",icon:"check12"})),c("span",{key:"aa37cd82122d6caed21c007f9ad3d9ca5d7de685"},"React, Vue and Angular wrapper integration")))),c("td",{key:"6838689fd436281cb48a6ec6deefe33138eda052"})),c("tr",{key:"db7dbc2e5f593aa9ab2ef171674f684ef521b911"},c("td",{key:"75e9be2947c36e683057d38a054efbaef9acfb9c",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"72b4ddf83f7b9fc1b5360220054be7e3ea67bcf8",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-link--development",size:"s",variant:"bold"},"Link")),c("td",{key:"15587cbe7a758938084388f1882c2ebea29289e1"},c("ul",{key:"950e1a0d01d53c8461e92b92803f2042db3fa803"},c("li",{key:"d10bee7cd2cd07df393fc92b0adb246a2e8aef49"},c("span",{key:"99cf833835d41b82b7ea672cfa3928b41f2f640d"},c("ifx-icon",{key:"d1d56583a741039c39e82a1cf176c428090df0ad",class:"check__icon",icon:"check12"})),c("span",{key:"f463460439d1bacaacd0865d9c663113a4f706d3"},"Provides a flexible and customizable element for creating hyperlinks within a web application")),c("li",{key:"30b2590a3e45f5daf5175dfd71e2eaeee168c3b0"},c("span",{key:"03149d9b99e1940a227c40fc73e2b2b68a2a88a3"},c("ifx-icon",{key:"f00520d58a5007f7c099e0ab281c2ebe30cecd81",class:"check__icon",icon:"check12"})),c("span",{key:"a9307b49fe8d2b9382290ae197bfe6e574f175f8"},"Offers essential functionality for defining clickable text or elements")),c("li",{key:"0dc6d1cc321156848b12e0622c9052e9d59c85f6"},c("span",{key:"1db5b85314d3abb9e2ea34c507c38439ff4cddc0"},c("ifx-icon",{key:"46aba481cfc0d2dd9f4e9d554d8c1cc868402444",class:"check__icon",icon:"check12"})),c("span",{key:"18a7e0c7e8986b3db98c327b39d19ce8b645e9bb"},"Adheres to web standards")))),c("td",{key:"edcbd9f52e7ff0a3e3be382a8a867b5cc7760596"},c("ul",{key:"7a8e3cfd9750bb516cf32ecd31bd2c4317de9358"},c("li",{key:"54fc90931c8143fbc11935d967028c6469634c31"},c("span",{key:"5b7df794809940f9e188e727159a536064926b0d"},c("ifx-icon",{key:"eb16c5f51ee04944131fdff1da9fe2657823a3c5",class:"check__icon",icon:"check12"})),c("span",{key:"e71b66e78d4c8fc59cde15a24c5c49feb5b7ff64"},"Small, Medium, Large, Extra Large size variants")),c("li",{key:"8e65b3cdafda44ab7c43f2e62f0bf856203ee445"},c("span",{key:"260c6bf59c633105b5047e3d8ae1efdef2eec874"},c("ifx-icon",{key:"a57fa2907c46c5f700b8224c93c1610217194ce5",class:"check__icon",icon:"check12"})),c("span",{key:"492691bbf09f3f773bcb3f5abf1ca1edbb4c85e9"},"Icon incorporated")),c("li",{key:"5485e1d8cd3b39ccead69b232e67f0af3b3e3236"},c("span",{key:"9fcdd3f7ae853b7550c4c5ee6596cdb8ed82e86f"},c("ifx-icon",{key:"974a9360af9a7a1381f3e2d0b582b4a803ccbafd",class:"check__icon",icon:"check12"})),c("span",{key:"94f0181b440cb6e319802c9226bd9f319cafb716"},"React, Vue and Angular wrapper integration")))),c("td",{key:"cd5153ecfeadfe3072aa3921b74e440b88fe2e22"},c("ul",{key:"804b172e80304084458bf214cabec19d9cd6ae1c"},c("li",{key:"b527391de02be86aa174a06ffb1cbc22d66f483f"},c("span",{key:"f0fb6cb391262ed2141df88e5104cfcd1356346b"},c("ifx-icon",{key:"9fdb8bb054a505204ea30e6da76a4589e2033984",class:"check__icon",icon:"check12"})),c("span",{key:"8f2a44ec3ac1b5f51d04e905fb0e65addaec957b"},"Bold, Underlined, Title, Menu state variants"))))),c("tr",{key:"7ea4cd9d0a9ef3acd0f94297e24efe6884523b64"},c("td",{key:"17fe9a9eb37a383c627d78fdc6389ebb6dff39b4",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"fb6b189cab37e9fd61da9565db1dae33a60e8b96",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-modal--development",size:"s",variant:"bold"},"Modal")),c("td",{key:"3fdf5af8d577a1e651e6ca1b2e23d6022c090a99"},c("ul",{key:"a453fcf4c731664e7c9b39aab84b782550e35b33"},c("li",{key:"99eeacfd6e332de209d0288cb249ad695ba34ec7"},c("span",{key:"d904c2ce90c492591d7cc932971b7dc5a9daf0e5"},c("ifx-icon",{key:"5815c5d19bf51310869def189bb2c0bdaee8119a",class:"check__icon",icon:"check12"})),c("span",{key:"5e770cfacdbe2b6d0c3d2d33824250dcfe84bcc7"},"Provides a customizable modal window, typically used for displaying contextual information, user interactions, or additional content without navigating away from the current context")),c("li",{key:"4b0b00614561017109ae87bee5a39b0f271ff2bf"},c("span",{key:"3d736cc9264ddc4915e5545ee9c77a534f9a093c"},c("ifx-icon",{key:"a21f0d4ec28c6e178f5192e956c879104e524c4f",class:"check__icon",icon:"check12"})),c("span",{key:"13d34733ac11aeaf37b9f090d7de52eda825ed1f"},"Adheres to webstandards")))),c("td",{key:"27ae965c747116fe0929feebcf676fc9f7e76005"},c("ul",{key:"6197bf8550b4edae7964b4c141ba4ae18c84660c"},c("li",{key:"2cbfa1b7f07687e3ceeefd737f359f8118a2548f"},c("span",{key:"7c6afae8f7163ab20345866aae53b2df5f074cb6"},c("ifx-icon",{key:"300923f6c0307279dc0fa1f883bdd1f943fdc151",class:"check__icon",icon:"check12"})),c("span",{key:"91e65d3179c72c1d741bc06bfa374e7b64dc9dab"},"Alert-brand and Alert-danger theme variants")),c("li",{key:"97430d645bc1ce905cd722a8ef3b55b7a1d070ba"},c("span",{key:"de22cb96e109bf6f09759bfb0144decc363f57f1"},c("ifx-icon",{key:"4997f512d1d6a38fddd5a884422f5646ed0e7fc0",class:"check__icon",icon:"check12"})),c("span",{key:"90f642bbf7a4f8c0df3bb7bae4b83ea5ab7b4e52"},"Extended customization")),c("li",{key:"7321b8d7d7ea6bd8d6076d3bc6281ceed7283216"},c("span",{key:"f4491b9211980cdc957309f37f7b446f4407981e"},c("ifx-icon",{key:"dacf18afdbfb92e37a93962bc402b73de595b07a",class:"check__icon",icon:"check12"})),c("span",{key:"6f37abedcd69ac2e279eba5b3760c7875668d786"},"React, Vue and Angular wrapper integration")))),c("td",{key:"763afd4df8c37b3418257ec8ca0353ae9c4130be"},c("ul",{key:"13174a27fbb3148fb8a1dabd56b3e07fea320325"},c("li",{key:"c977b00a98296c0b38023d4c213b78aed219eba4"},c("span",{key:"a750bdf7ae1200746681e856af5a7511d6ade867"},c("ifx-icon",{key:"10154f238607b67fe90de7f9ca5044c2e045eb4e",class:"check__icon",icon:"check12"})),c("span",{key:"5ee8a0f4e2c79f2c38d424255f01b0ead462c54f"},"Removable close button"))))),c("tr",{key:"0b8989e39c3202612b1f5098a0b4ef7bca6054d0"},c("td",{key:"2052845e026e2c817aa8d484d674631d7cb0757f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"1149bf9255373940b0da7b3a74ea84b49edb59da",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-navbar--development",size:"s",variant:"bold"},"Navbar")),c("td",{key:"20191226d2c7b05573282bc4fdc8dc92d75b7056"},c("ul",{key:"0bdd04d05f4df684d43c220e8faa0fc90ceee917"},c("li",{key:"1f0171fd241d189d3f40fb042c1539caef7cd5f7"},c("span",{key:"b318588b5874fcd46dfe7a576a3db8af272aa174"},c("ifx-icon",{key:"df80517f9dd2e7edb6a36e9c032bca31438ef3b5",class:"check__icon",icon:"check12"})),c("span",{key:"19be86374ff14d973daf61d185a6801f6d911cc6"},"Provides a standardized and customizable navigation bar for organizing and presenting essential links, menus, branding, and interactive elements within a web application")),c("li",{key:"b96d131225a2db1a80765d9d7d821c9923bb36f9"},c("span",{key:"36ad368e392d7dd37439a6dffd968be066c31503"},c("ifx-icon",{key:"e5da9c4e3a79a3c8cda9838b0d08803119a9cd80",class:"check__icon",icon:"check12"})),c("span",{key:"ba433ebbfdbf0fea876e308454902ee885292297"},"Adheres to web stadards")))),c("td",{key:"e5ddabe03aee4c284bcc3a3574cde03635ef5578"},c("ul",{key:"4f3409f6f6c0f868fd7d0bea273afa34b092a3ef"},c("li",{key:"af86c91ede48e40e836e445d95bd330b8563f91d"},c("span",{key:"0869b02882854cdd7bc9334bc06cc5fdbc1e2b11"},c("ifx-icon",{key:"b06175cd3dbc378c6b0c7b655ded04ce688323d7",class:"check__icon",icon:"check12"})),c("span",{key:"760769d0323906a9129fb4b3703e1281a76421f8"},"Navbar-profile component")),c("li",{key:"bbf12f0d71cb2f78ef56ba0cf658a3712fa3df66"},c("span",{key:"c88055b3a6b6fbff1d03123688a6b50fe63c67b4"},c("ifx-icon",{key:"9e6232f70c85704bec7496d05e148f13467c1ca4",class:"check__icon",icon:"check12"})),c("span",{key:"7cd2a3cc4d40a54e490e032544cef555e2215846"},"Mobile Responsiveness")),c("li",{key:"89718e161aef93bced3111508b3936e44665ab5e"},c("span",{key:"ddf305437d59dd70db6ba31aa36700abd52dd9d2"},c("ifx-icon",{key:"a31418b8035496570c065ec1d66feee3f7a7b6c3",class:"check__icon",icon:"check12"})),c("span",{key:"dc347dd15e485830e834bf173b0e5a63f3587726"},"Mobile Sidebar")),c("li",{key:"630069f3eb528659a66e1f1e02c3227f90cbc9ab"},c("span",{key:"fb05248ee7d6094bf415b4f1ed503a24ec2e623a"},c("ifx-icon",{key:"c6ae7fa8a292a15f9e0cff46ef8c76e2471a281a",class:"check__icon",icon:"check12"})),c("span",{key:"18e520ae394ceb3c286708aa7083bfa425f5d175"},"Extended customization")),c("li",{key:"61cf12e38ed6c522fa24c272cc8d733ac26547bc"},c("span",{key:"d51f6ae3666cd6e1549f6a76b62c7d7abbd5e231"},c("ifx-icon",{key:"c10bf68bdac63e1283f89aeb1b0d9abd81e04bb0",class:"check__icon",icon:"check12"})),c("span",{key:"6b3e4aedef00987ae69f89b32dab3049abf3a49c"},"React, Vue and Angular wrapper integration")))),c("td",{key:"c96e3cdd046f397c0cb5bbcfd141862d998efd5f"})),c("tr",{key:"8c914565392dddf2a2f3098f5d405f0a6611870e"},c("td",{key:"c4c517f25a04cb9aaf17f8b40431f56c2cb00274",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"602e2a35f740babb0a4437daa7a934aa9e608ed5",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-number-indicator--development",size:"s",variant:"bold"},"Number Indicator")),c("td",{key:"4aef25158899a869d4999f487a69918e9a24af69"},c("ul",{key:"1d33701a324bfbf2f0eabca8a8f9ef86b4c9ccbf"},c("li",{key:"b0c9d4d048c71043411d44beb24f583be851dfa5"},c("span",{key:"6b83506a44dbccc9c5eb11d947261d0a20d367d4"},c("ifx-icon",{key:"fab797df4a1ab1eef09964f5adc2f86498650059",class:"check__icon",icon:"check12"})),c("span",{key:"84ec7ad5411ef3fb1970a3855b8b926fee32e797"},"Provides a compact and configurable display for showcasing numeric data")),c("li",{key:"9a4482db7ab5a8b324549a5f36b1eed9013c3165"},c("span",{key:"138afee581f13508cceedca311833e5ad56a4148"},c("ifx-icon",{key:"2fe5dc572fcc975227b4eb6b378f949864949396",class:"check__icon",icon:"check12"})),c("span",{key:"eb11d49e830df727d44d036ce96c166385280336"},"Adheres to web standards")))),c("td",{key:"134d7f193d43fff3a8ae1b53f08940b5ce33e197"},c("ul",{key:"3b0c1d6527f7f0263a79a3c467aed507c694f005"},c("li",{key:"e6d3381ec34946beb61359c5ab1619c298d3547c"},c("span",{key:"1d4751a993527b5823940bc8561b3a3f9b84e29f"},c("ifx-icon",{key:"d9c73ceee990db5443ac1d3f7497b73fc854afeb",class:"check__icon",icon:"check12"})),c("span",{key:"7684b1a89daddc9ca2e6e1cc40b60385bc22c085"},"Inverted option")),c("li",{key:"8bf91fbc1e78c155d64fe2cde6739e5aeb50a16d"},c("span",{key:"1a82b9b0b1e782705f339c760cfbfcfac273b159"},c("ifx-icon",{key:"01f2546651d4e660e6c9bb8761d06ad8c5c39a43",class:"check__icon",icon:"check12"})),c("span",{key:"a65f4d11afae07e32ceaff8f8ed72c5c7ab84af4"},"React, Vue and Angular wrapper integration")))),c("td",{key:"2660b859ba3feb4ed31be2eab5701f9d359f080d"})),c("tr",{key:"d6b7ab4d4dd6001777d28c5e1a86f094fb2c7b76"},c("td",{key:"b25713fbd7e006d41db9e519a69d83b48fea0f0f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"46708eecb1386151edeaa33854d197739158ba05",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-pagination--development",size:"s",variant:"bold"},"Pagination")),c("td",{key:"e41a8134c60f75df7c33581d6d41ad8a932e17d1"},c("ul",{key:"6351cd75d65b3cd0cae47750657b70707f7d2e87"},c("li",{key:"21b3862539ad3ea61679f0fb0f5d6b26d5b2acbd"},c("span",{key:"db8650967f01c3022bafad65627294629891612a"},c("ifx-icon",{key:"3230f014f1a59064cf6a439213fc1d84f058126d",class:"check__icon",icon:"check12"})),c("span",{key:"1e70329648a5577c2707f5db18edadd1d25dd7df"},"Offers a configurable set of controls for navigating through sequential pages of content, typically used for displaying large datasets or segmented information")),c("li",{key:"260050008cbd2d330b290d932dbe55d388fe7a44"},c("span",{key:"01710b9847d079a69efe63ad9bc10a97f146f6cf"},c("ifx-icon",{key:"a004d12887da8a377d2d138523a616035f30ca36",class:"check__icon",icon:"check12"})),c("span",{key:"e80b3e69e598696305aaad6f73d96a83fdfb4c07"},"Adheres to web standards")))),c("td",{key:"4b4ce723996a0d77a048e06c4901afa986a2eb28"},c("ul",{key:"0d9a60b46d001880add7194be8d886e6a888b43e"},c("li",{key:"36ac30807b2cb5ea48a5daef6899d790b893f4d9"},c("span",{key:"bb1edd1dc2c20f8e71d9e45508ddf186af82d1f6"},c("ifx-icon",{key:"8b5316e653a46eba28601e11b72c539692cc4e95",class:"check__icon",icon:"check12"})),c("span",{key:"720db4f87d6d78b744e16a7bfa1c7cd3dca994f4"},"Extended customization")),c("li",{key:"00519f11a2c5e0a45454e5d3fcfb8f658ccd5d88"},c("span",{key:"6171b68426c230bd59548735039c2279b0dc71d2"},c("ifx-icon",{key:"10768ed88e7976651b600af7758180d5aecb01ce",class:"check__icon",icon:"check12"})),c("span",{key:"7dd67d40edde7ead0729ce1c091555df0f3b14bb"},"Configurable Results Per Page option")),c("li",{key:"5d3e3c8c17243bf67c6b796d02f15dad22e2719d"},c("span",{key:"ee6c50f0ee81e9543f48ec0fc5bb4978495aedad"},c("ifx-icon",{key:"c592e1c7cc14cf146ee1c621b990a9cf468e6d82",class:"check__icon",icon:"check12"})),c("span",{key:"da1ecf472ebf4ef1688b2fc830802c769f14d5e4"},"React, Vue and Angular wrapper integration")))),c("td",{key:"3d4ea9630f37a79526ec0e9eb5541f0bde1bf00a"})),c("tr",{key:"6f8d387229a111296beb9ec18a2c653f467f0217"},c("td",{key:"490572cc9aa76dfdc0735ce5c1c01b6b3929b05d",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"bf1f56290feedaa7f3a82e5707b2715f66129116",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-progress-bar--development",size:"s",variant:"bold"},"Progress Bar")),c("td",{key:"02300ebe271c350497be3210168c772bc78436c8"},c("ul",{key:"d0da27b06563a1b83f619c2d0c46c2a00bf6352c"},c("li",{key:"724f2f9b22af4f4c001adf9929ff6b76612bebe1"},c("span",{key:"961ed5136873c64b846ec20efa26ade1ba56368d"},c("ifx-icon",{key:"ebdc5dc1d21d0015fd6e1811b67b6fd9f55a0db7",class:"check__icon",icon:"check12"})),c("span",{key:"5ffe0feb7ba10f1a166ac2d00a78b303328ce360"},"Offers a customizable and dynamic bar that visually represents the advancement of a process, typically used to convey loading status, or task completion")),c("li",{key:"2db662605f48c57680f70a4e6e428f1350f58999"},c("span",{key:"d4f1cc2938176b58fb604824aa6729cb65370c26"},c("ifx-icon",{key:"ceb0d99c3c646a3480f04cd4937e9ff22300b42d",class:"check__icon",icon:"check12"})),c("span",{key:"33f5de12d8d36a86459c34f77bca475eca8afce1"},"Adheres to web standards")))),c("td",{key:"300022b241c775525b5b454b7dbb98125474bbd0"},c("ul",{key:"8365a6d4d5731e89fe3ba97f6070050fd8486d8f"},c("li",{key:"50ef6e990535b39d207428dd235d54bae13d56bd"},c("span",{key:"9614be4fb47d2270abdb8416fed32edd4c1fc6cb"},c("ifx-icon",{key:"6cd306f59d6163ef4f7e4030619d3efb28d6d97a",class:"check__icon",icon:"check12"})),c("span",{key:"ecf0f422f84491484027731dfbb9154b0388e4f3"},"Extended customization")),c("li",{key:"89455314fee9ef199292672234f520c4e8b3b098"},c("span",{key:"01a362d403f3645e3848f5d777861854e97535f6"},c("ifx-icon",{key:"ee13540e4d97ad3766d94b5b14744437f829f04f",class:"check__icon",icon:"check12"})),c("span",{key:"501538a3a1076c4423b7d310893e61fa288591cd"},"Show percentage option")),c("li",{key:"b758d8566bafe8d68ffc20c46a3362ad503befcd"},c("span",{key:"a53e8d54be35675238fa81d2c59b2ff984985b88"},c("ifx-icon",{key:"a660ed2d09b921891045e845592a5eec1080b0cd",class:"check__icon",icon:"check12"})),c("span",{key:"0bb14e1d105c0c23094973a515181ec8548aa44e"},"Small and With Label variants included")),c("li",{key:"74287264dc099008e2a3625740123a3b364dcad2"},c("span",{key:"5ad4ff35be4f4ecff406b6e7348410ce7471dbcc"},c("ifx-icon",{key:"c447a1517007afa9be9890cba543b439048d5a53",class:"check__icon",icon:"check12"})),c("span",{key:"5f11d9d53c4862c8b426999ee071a7e00519fbfe"},"React, Vue and Angular wrapper integration")))),c("td",{key:"baf46fcfcd3235c0fec1c1e9737f3455247bbad1"})),c("tr",{key:"574b40b8a2a2b5163be811d45c0dad67f026f675"},c("td",{key:"b61d87abfa84e27f5b5dcc1b92c920579eb88fdc",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"27d15d85893cf0d3cb8f6043064f44f02d080bfa",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-radio-button--development",size:"s",variant:"bold"},"Radio Button")),c("td",{key:"197d2b135fa09b9cf9db43c40d4acce67fb4a5ea"},c("ul",{key:"52c8ea6538617c481a670379b628ce522d8e7fe2"},c("li",{key:"6c1cbbd06a52898d8501c4b3cab9f2affd0dfe56"},c("span",{key:"d034f5e391d3709d0730732d6360ddb1537e2c20"},c("ifx-icon",{key:"c0e92a0bdd020fc6c9a11cc0c271cdc6ffd0f89e",class:"check__icon",icon:"check12"})),c("span",{key:"04f4faa2100736366e81286e047df7c9ad2c7022"},"Offers a customizable radio input, allowing users to make a single selection from a predefined list of options, typically used for multiple-choice selection or exclusive input")),c("li",{key:"6bb6ebdce2a0dc26f7040c0cdd1ffe63828e7f21"},c("span",{key:"639588132f3ce7824ca1dc82fea5af0417ade0de"},c("ifx-icon",{key:"59aa5242a5cde2989fc3f3ff889fd38ed4a52ee4",class:"check__icon",icon:"check12"})),c("span",{key:"6b0e6fa3db3ae37157425ca4e275e72444e8d276"},"Adheres to web standards")))),c("td",{key:"176224d8290cf77faf05c16394de126ec6992ebd"},c("ul",{key:"125e5e6ef7ea831a032a022340215049ec38413e"},c("li",{key:"c6bea1bfd05032ce91791ced1a562db712c34d8f"},c("span",{key:"e5dd9ac79795c7500dc8230c32db1f1078fc30b1"},c("ifx-icon",{key:"5254a0bc40e3850de21d8452c36cfdab47c44339",class:"check__icon",icon:"check12"})),c("span",{key:"27e04f9149652e0614bd48967ec6864da2454f46"},"React, Vue and Angular wrapper integration")))),c("td",{key:"7b741421ef04bae45b5c4628166240655a51392b"})),c("tr",{key:"1e17cdd9138be982b268883821c707bbd1d353f3"},c("td",{key:"100f5116c772b3ff8453f647e9db266be86e0497",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"f14c936a7c5a5bddc2177a7b4cac7a932d6f6078",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-radio-button-group--development",size:"s",variant:"bold"},"Radio Button Group")),c("td",{key:"9e655e1d9b3c1534a2349c69df38ee771c304dfd"},c("ul",{key:"753389ee568f6911bf29433d8e537b395f4e5f37"},c("li",{key:"78ba1e261a6d9fe7acbdf4bd8a803628f0342f4b"},c("span",{key:"456cd141e2a59a46fb0804526976474913edce58"},c("ifx-icon",{key:"9514eb2ab0216472ad91a9b9c501b5b63e8a6fdc",class:"check__icon",icon:"check12"})),c("span",{key:"d1fc4446235b93af1ca48c06c1be62918a19ce26"},"Provides a customizable interface for grouping multiple radio-button inputs")),c("li",{key:"3146c99c68b9edc30135f850a994be5728250843"},c("span",{key:"b4294f90b4a7a5c717d0b2c11837fe7393f71a26"},c("ifx-icon",{key:"bf404df56bce6fb2a5f8c65c82d2187194cadf31",class:"check__icon",icon:"check12"})),c("span",{key:"9aa2d972db3969ef6d2744c1f73dea08ea907625"},"Allows users to set and display group label, caption text and caption icon")),c("li",{key:"bb80b4df78df82240354f475eae03bfa67212c33"},c("span",{key:"b642ce8b47d0b8822132da0c0f30d4c6e10029da"},c("ifx-icon",{key:"192910ad8c31a5a7cccbf084e9ebb8c4f4c394a6",class:"check__icon",icon:"check12"})),c("span",{key:"c14eb5b0d148eab871bb39e277b93f5c9833045b"},"Allows to display individual or group error")),c("li",{key:"8b5448a6c76f6f0e35027ad673c80028d867869d"},c("span",{key:"eede3851f60810e1e1c5a58794d29f6878fe8a78"},c("ifx-icon",{key:"ebf4c102a17a921c4c0872323064c38ccf3a606d",class:"check__icon",icon:"check12"})),c("span",{key:"f9fd814a12812724a50f21100e7648c0cf36d140"},"React, Vue and Angular wrapper integration")),c("li",{key:"3e6db2738e2ebc3f7a1307885493f987f28831a6"},c("span",{key:"7f2ce9a1ceb01c188dea3ff152a83d6ea7bf43ab"},c("ifx-icon",{key:"e0769344c9be2276db4c64e04725350112dcc13c",class:"check__icon",icon:"check12"})),c("span",{key:"d2bb86127b6312bac302bef6372a5f8b054df004"},"Adheres to web standards")))),c("td",{key:"845f60098914e5fb08f3b5d6af2282389984dd19"}),c("td",{key:"72e14cc85b1fb69773872b0f8ce4eef06369cd4e"})),c("tr",{key:"7e368e4feca86df0adc34adc09db9d805931f9ec"},c("td",{key:"d4a80bf54afbb0ea7fb085bbaef5c2ae692c610f",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"83504c1dc600499db25036b9f4de7b392297591c",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-bar--development",size:"s",variant:"bold"},"Search Bar")),c("td",{key:"b70e1a03d377ae25df5bb9fc93acb98ac553eacf"},c("ul",{key:"9e6e2bc1931b862c379dd966f06880c68988323d"},c("li",{key:"bcbf9917426a41866fe8babd8c1100b75680e6a3"},c("span",{key:"44f7ea30557aff66579db5334a5895999914e155"},c("ifx-icon",{key:"08e67cc91736655dde5e0b9048fecd2712a50165",class:"check__icon",icon:"check12"})),c("span",{key:"4b0f3a6131ba937fe50f5cf30e397f466f3bfbf8"},"Offers a dynamic and customizable input area that allows users to input search terms and trigger search actions, typically used for querying and filtering content within the application")),c("li",{key:"1c9f7b85f6374e8149bd734fcb54bc4daaecc1a7"},c("span",{key:"8909e89ca3cacedc04bf6dca1aeaade4bbc77700"},c("ifx-icon",{key:"73b065f16958d0e8355bc88005a0ea27e7fdbe26",class:"check__icon",icon:"check12"})),c("span",{key:"2e916ccfcb51769553dcfa11a328a89e22c92d5c"},"Adheres to web standards")))),c("td",{key:"f1ca7eb0078efede11d1ce61affa19fb3e8727d1"},c("ul",{key:"af7ebb23e3a5b10a82c918dc0084d60a94bfbf2a"},c("li",{key:"2ca012087fa2330b16217941fbd0d8114146af8f"},c("span",{key:"94c5e0a1d09676a198fbb74488665a7d00cb4a8b"},c("ifx-icon",{key:"91e0153a711c50fd2c8cac126289a13e0391d473",class:"check__icon",icon:"check12"})),c("span",{key:"026e940c581fef4f2831292bb4cae944c8882570"},"Collapsable option")),c("li",{key:"cc749e82c5d1132e6656721fd4496d1db2c0eef8"},c("span",{key:"8bf4616da5664eaf4d5494517b810b19d58b5e1c"},c("ifx-icon",{key:"4ae5af363cdc3a97b60e1d96d48bb7c9cdaa0341",class:"check__icon",icon:"check12"})),c("span",{key:"5a7e0581e3f1d0be7bb5de23618774107c0936c8"},"React, Vue and Angular wrapper integration")))),c("td",{key:"8e0fff714075d6e53044b350dc3cdf2942d5b0c4"})),c("tr",{key:"0415d77895cd2cf04e2104434c1955e2076e24d8"},c("td",{key:"ccacefbe02c8eb127ae694238ee6704e9c634978",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"5a9f1326d80abbb2a94a5df66dc743114664142d",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-search-field--development",size:"s",variant:"bold"},"Search Field")),c("td",{key:"e250458ebb962faf54554392394a6410dec3e382"},c("ul",{key:"cfc83b12f368c68f388c2325ff0a2a066d8176d7"},c("li",{key:"0560c12b34cd5bf295b9b4a2a450d4d7a4ef31ee"},c("span",{key:"d2c47ec42a69b9dff6aa7b5e22c7ff028cfe8fd2"},c("ifx-icon",{key:"b989b08a8fe5eaee931a34e7e7d88752832a62a7",class:"check__icon",icon:"check12"})),c("span",{key:"6e33487e06c9f2635991d8b4dda19bbd9453417b"},"Offers an interactive and adaptable input area that allows users to enter search terms and trigger search actions, facilitating efficient querying and filtering of content within the application")),c("li",{key:"c975fc0c6cd42ad31118aa9a1a60af591137bf79"},c("span",{key:"44b573f7ec3065ec0aacccbe807cdcefe9a44651"},c("ifx-icon",{key:"8b140dced1ee6ea50c897bd051d146bc4a628bb2",class:"check__icon",icon:"check12"})),c("span",{key:"96753881cc9b30483b9fa4366b34e8c92a4e2b49"},"Adheres to web standards")))),c("td",{key:"7b738ce3e28536826d0193c0b9ea9d41d27337db"},c("ul",{key:"0272eba3d6ffa83db302339ed60e8156ed7e0e73"},c("li",{key:"332351ce063cd24fdf49112390e7c6f91aac8a2c"},c("span",{key:"8089a620892a10a711c68c103a5d4b616d935dec"},c("ifx-icon",{key:"0513580b37b9001e9c7f3b553b7c6c8a52182bf0",class:"check__icon",icon:"check12"})),c("span",{key:"7b49a9797b7c9e8d09009e1c7f4dcb1ed2231391"},"Show Delete Icon option")),c("li",{key:"d6a7f7079cc860619351d2b9c7dc946c46510b7f"},c("span",{key:"ef38a17d8327e205fda02d0fff879f03063a0dfe"},c("ifx-icon",{key:"85d9a943ce259e9629eeb625e3b617924893a28b",class:"check__icon",icon:"check12"})),c("span",{key:"b9934224a887edf0f09617a4718e0c08c981b938"},"React, Vue and Angular wrapper integration")))),c("td",{key:"3014764eb184ca4c18a6522d372312f422f13e05"})),c("tr",{key:"89ea03e0f41af84e80c63cab5a5302fdf9e78481"},c("td",{key:"bce078e00e501e0c4141bfbc2038066499dac052",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"ceab21b777cd9d13028d54092efa3ab04f6de369",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-single-select--development",size:"s",variant:"bold"},"Single Select")),c("td",{key:"6bb96d2360f35aa7689f6dc4142b18133f493e7f"},c("ul",{key:"7d73b120ac48cebc77bb14cd6da898c0ccc06bc5"},c("li",{key:"8c1fa752f0218c92b3e2c80d4f3ba49295b3cc88"},c("span",{key:"1d0b10019cce3f0409e36f56cf2891873f71d440"},c("ifx-icon",{key:"8c0e038ba880058ec4edf037271735a18f629c68",class:"check__icon",icon:"check12"})),c("span",{key:"6ecb8d5eb6c26b252b49a00131b0aac6a7f72f24"},"Provides a user-friendly and interactive dropdown list for selecting a single option from a set of choices within a web application")))),c("td",{key:"eb9a297925bfddfb06ad8987b725be953afd7812"},c("ul",{key:"b3a1cbc2c330d88f241d0a479e9349637070ac4c"},c("li",{key:"95424bbe1119f7d061575a374682ec2c8e5d39e6"},c("span",{key:"338e2c4400c25e742da0b0defa208768c2f89881"},c("ifx-icon",{key:"7f9338b969cf06580d23458b0c0c0568abd227d4",class:"check__icon",icon:"check12"})),c("span",{key:"2582dbee7073089eeb65015fd971153ca8a1dae1"},"Extended customization")),c("li",{key:"898ef0a3edb262d99a7157ddb1c6c01b389478af"},c("span",{key:"ef058962acec0150c9bae85bd7fe9886e892ce36"},c("ifx-icon",{key:"0fcc329c83185e22991f9d0a27bc462c5790719f",class:"check__icon",icon:"check12"})),c("span",{key:"32d696955db696f589373fa69fbf310bd780a984"},"Option to enable and disable the search")),c("li",{key:"440fe0a0f22e9e7fde8081d95c750f5b6089b07f"},c("span",{key:"66d1e0882134b1d46b17bfa12c7503c39179543f"},c("ifx-icon",{key:"8ff05ecb8837d74f65b77f15f54aff5fd037da8b",class:"check__icon",icon:"check12"})),c("span",{key:"350be811060385911992435692d96da02dec369b"},"React, Vue and Angular wrapper integration")))),c("td",{key:"e3fb7ce20edb5c1a5f4b7adfecc4dc45b70c5e20"})),c("tr",{key:"e8f326d69b22fb39263644c601654cb199a92842"},c("td",{key:"2d24b6701f33549c61d44ba021bbb7a8560f24ff",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"837695e74a3cb6567ce8f3639caa0861dc981578",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-select-multi-select--development",size:"s",variant:"bold"},"Multi Select")),c("td",{key:"62e84d8bc840226d51b4bf04c6922d225bd4bad9"},c("ul",{key:"8dffe137b72a359bfe559b9cd79bea29dcefbbea"},c("li",{key:"ebb61b4f617dee4e3725ffa5201419ee0dbbd05a"},c("span",{key:"09ec9268b8a56a9094ff3f8d290aa746e87bbfc4"},c("ifx-icon",{key:"4481d0bde261de45c18d7ae4361a56a8c1da4029",class:"check__icon",icon:"check12"})),c("span",{key:"a163f0d0e8f449a9e5babb72b6906fb49c81e17c"},"Provides a dynamic and customizable dropdown list that allows users to make multiple selections from a list of options")),c("li",{key:"0adca05e70b2b88b23670d910034e0fdae077c4e"},c("span",{key:"6e788e0e3a047d86aa8f8e618d86db91c79dae2c"},c("ifx-icon",{key:"e6e0d9fa13b392ede9ea0a2ce5ae114de191ba18",class:"check__icon",icon:"check12"})),c("span",{key:"9a879d7310eba5a196056d2e5447ebb79ae7a4f3"},"Adheres to web standards")))),c("td",{key:"0ce198e8b85d6d48bcca9a9df836839b22d9938a"},c("ul",{key:"e13f866068134adecb0b8393fbb8bc2ed936a822"},c("li",{key:"998469f3d9480bfbc3a902b0a5e5d58e385b79ec"},c("span",{key:"949162a962105b7f871451be7a2e53c972648904"},c("ifx-icon",{key:"17be2603fbe607180f9ed5b2cbd674574402d966",class:"check__icon",icon:"check12"})),c("span",{key:"a40ff4def7e347df7ca48f8058db35fe38212234"},"Extended customization")),c("li",{key:"f8cd28781f0e32b17a9e3322817ad3f9f132afd4"},c("span",{key:"532a00c379956e54ef0797546ed063f999cb045c"},c("ifx-icon",{key:"00e3f399a9eaadc87112f2dfd244ea666d9c0f7e",class:"check__icon",icon:"check12"})),c("span",{key:"a3291fc7a58299ffd1bb6b430f01b3b649f99806"},"Nestable options")),c("li",{key:"f198acfdb53b5a4d38fa2115bd9c5b569e27bde9"},c("span",{key:"6f159a81df8ac011cd0689632e9f28f2e5b290d8"},c("ifx-icon",{key:"baa7f8282e0018d8cc3599725575142bd735d006",class:"check__icon",icon:"check12"})),c("span",{key:"070dcbe524945a134442413b8d188c4882442579"},"React, Vue and Angular wrapper integration")))),c("td",{key:"afbb0d2ae40a2f13ab32f2049fc3f7467a79b251"},c("ul",{key:"5077023601bf9b000f9651e8f13f3a3038ded5dc"},c("li",{key:"47f461758aa35821221b6dbc7e85c49734110b63"},c("span",{key:"ce38cc3b4e57ba5c542dad038fa18358c81dd8d5"},c("ifx-icon",{key:"ef448bbc40d91f9961fdae754ffa3f73cdee7ca8",class:"check__icon",icon:"check12"})),c("span",{key:"a1506f331b7f5df737d567c5b8c4ec56e7f26817"},"Option to enable and disable the search"))))),c("tr",{key:"79182a143665f222e1c8cb5ead0994a5a8a842ef"},c("td",{key:"befa692bfa0ef0557f01c0d5f6f95bdf55416921",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"b2d9f320712c581cf5f159fdb603ad18413ba67d",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-navigation-sidebar--development",size:"s",variant:"bold"},"Sidebar")),c("td",{key:"b88fc848657321f3704510a2c0422f40fc739e91"},c("ul",{key:"59bb4751ce5a175b145901e049423077743def78"},c("li",{key:"bda2e7cc73f2b0cef9542babda0e5c412851fe34"},c("span",{key:"2d0478858ac1da31cc1c3e448efce85c0baa604c"},c("ifx-icon",{key:"6def14c48500d1bc6bbfa65749166d118e316356",class:"check__icon",icon:"check12"})),c("span",{key:"517c17befde616ff25614dbccffabfa853fffbcf"},"Offers a configurable and collapsible panel that typically occupies the side of the screen, allowing users to access additional sections, or menus while maintaining the main content area")),c("li",{key:"a9827286210988650f35e61256aca574c8b6c023"},c("span",{key:"3710d477822a363e1366435baaec7346e0f961a7"},c("ifx-icon",{key:"c86da3a87fb9475e4ba768af53c6877d36947c40",class:"check__icon",icon:"check12"})),c("span",{key:"6f0b667c8ad74794a54502ed154365f01458febd"},"Adheres to web standards")))),c("td",{key:"4c84769667b546edf49168628ac46951a59b90a0"},c("ul",{key:"0df1d0519c7c798ce5c97bc9f806e061a82f1c9e"},c("li",{key:"e55bff216fe9cf745b27787e6513809aaed65897"},c("span",{key:"ba9ac738be4a3868313180db0c087b85aeaf4870"},c("ifx-icon",{key:"eb07c2a56d3bd84f8bbbc6e17ccfdb439395eb60",class:"check__icon",icon:"check12"})),c("span",{key:"7bbbc704fc739ad4ef11d46c7f6ec790042ca25e"},"Extended customization")),c("li",{key:"c3e112e3b7cac2666f1c6669e7d9fbfbe7134fd6"},c("span",{key:"0f3b735a5c8be49f8157f97fcd03e8e3a5c8ab9f"},c("ifx-icon",{key:"030abb82effc2aa6852a4988f1cb5d22ecba194b",class:"check__icon",icon:"check12"})),c("span",{key:"2171aaf62d66b78bb0a3fb58b6378076dc430899"},"Multi-layer nestable items and menu")),c("li",{key:"ee031aa381cc6472b7432d1f19a3c5c22f7528a2"},c("span",{key:"ca36c24c8da097af0e0ac86a86d6fb99505801c2"},c("ifx-icon",{key:"2ba2718461bd76f578e8d23c86323c2a4d8f0048",class:"check__icon",icon:"check12"})),c("span",{key:"ad650d28e92a62340c9af10a2857ea53b162dcc3"},"Initial collapse option")),c("li",{key:"6f0c9682731ac8594ff98db3a8c58cbfb56dcc8f"},c("span",{key:"2601e1cafb81c2cb763ef6ad95b697d7a234910a"},c("ifx-icon",{key:"0038628f44ee20eb30f2aaa8a606e30ecd4aaa52",class:"check__icon",icon:"check12"})),c("span",{key:"5538fb427bb7dbf1c3da68ea4529e741b84ab3f3"},"Active and action item feature")),c("li",{key:"364f9abb549e738f30c507284e7dd19c1089059d"},c("span",{key:"994539dcb34e1ae00bb1c55baf8cf797ce7ee155"},c("ifx-icon",{key:"25e632f30611944655f142b3fc64b95fc48679ec",class:"check__icon",icon:"check12"})),c("span",{key:"a1004644206dfdad0ea71bc5475e4a15280b5c95"},"Number indicator integration")),c("li",{key:"beafb56f5ecaaa01a5a909fb1deaf3e78932cb9c"},c("span",{key:"7fb822c8385df88b615baa5ba9a4af9c7e07e37e"},c("ifx-icon",{key:"a2cf161b74133827e0931be523364cdafb097b9a",class:"check__icon",icon:"check12"})),c("span",{key:"19784ce0ec0987c8a0eabf73a0b12c037df3bfe8"},"React, Vue and Angular wrapper integration")))),c("td",{key:"8fb00fc69fbb5de37c14eae6ed61995615e2ba6e"},c("ul",{key:"48d914350d109973d5cd860c5649a5d747a725cb"},c("li",{key:"635ff0540719b41311a5f7abbac96b88f277d6c3"},c("span",{key:"75f7e3ad7afa6280bf969555fb9dee8ab11b574a"},c("ifx-icon",{key:"4e75379c0d33688b05e79798c0552aa38e90c35a",class:"check__icon",icon:"check12"})),c("span",{key:"9dedb7bc5585dbd9789bbee7097cf1d94e6a3abd"},"Removable Footer, Header and Logo")),c("li",{key:"a42bc705796273d6e66156b22a702d5e9b2606aa"},c("span",{key:"2fb61a80cd29087f749b775b8254fe8a977073da"},c("ifx-icon",{key:"e1d7d5f133cfca45e56eb08b5015278728cfada4",class:"check__icon",icon:"check12"})),c("span",{key:"417c191796efe8d5494f496808d01504f82e885a"},"Removable and customizable Links"))))),c("tr",{key:"81459b891457645b3bac314d1dc7e34a8be010be"},c("td",{key:"8efde37571acf61510ea14a260540f43300fc416",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"8183e5974e02c22512d78aab0cca625721465717",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-slider--development",size:"s",variant:"bold"},"Slider")),c("td",{key:"999eaccef7bc4a42d5ef372b019684226879f43b"},c("ul",{key:"ea539c29579191df00cee02dcdd5a4a2f9a163e5"},c("li",{key:"39fd413fa57ad26f76dbba8aea5f0fb13a9dbc34"},c("span",{key:"00193bb5c93d9b29a5d223b21153843467a39a57"},c("ifx-icon",{key:"c3d290c5301d05a8d334e6e2505310804a512da4",class:"check__icon",icon:"check12"})),c("span",{key:"4665b5a83585589759f47b071a63b0235bb028af"},"Provides an interactive and customizable input control for selecting a value within a defined range, often used for settings such as volume control, data selection, or numerical input")),c("li",{key:"5b1a8435baf8981be9a559dac77df8c14c89b529"},c("span",{key:"b33ab4d5777924b913ac67342e48dc510a904f28"},c("ifx-icon",{key:"5ebd6cb7e7d39f35d61654c60349a60d29ced23a",class:"check__icon",icon:"check12"})),c("span",{key:"1e7ff3ef1fb4efed2f7bba56f7521435210e5f53"},"Adheres to web standards")))),c("td",{key:"503922ad5886df3e96831b64b9e00405151c08fa"},c("ul",{key:"addbf8d253a8518e83dafc1d0067d170bd17df36"},c("li",{key:"6f756c7aca91f1c52d97c350eff438d075d4f672"},c("span",{key:"c4000b591cfd1eb28302dd3fc46a684fafeeacbf"},c("ifx-icon",{key:"2e09858fdf01780a975fab2e2436d1e017522686",class:"check__icon",icon:"check12"})),c("span",{key:"8fe7026dd79f98339f0c66dfbad82f0db76e170c"},"Icon incorporated")),c("li",{key:"6ecb467c0b0fb883ae331a1043dcba4b3fde4dae"},c("span",{key:"11f690f8cd58f66235205b449ca5c2c5e296ee7b"},c("ifx-icon",{key:"5b2cf8c0def1d6a502a7c3a741154fa6f1423a8f",class:"check__icon",icon:"check12"})),c("span",{key:"8187e8d8c39bcb37df9688b574672b3ff90e083b"},"Percentage variant")),c("li",{key:"fba93e43920d100cac9bb5a0cf44b375daeb44e6"},c("span",{key:"2f85298637df9478d220493322fe96584682b6f8"},c("ifx-icon",{key:"125176b8451f671ebfa79cf432c95a2688695e73",class:"check__icon",icon:"check12"})),c("span",{key:"5dfb4ec467a4553c9f4cd278340bec5f4f40332d"},"Text variant")),c("li",{key:"09805501028451a55d2fc87c570bc61849657610"},c("span",{key:"56a7fab2f27a8881d28b5d4a150f49fa38a14504"},c("ifx-icon",{key:"eea2457fcb14dd2f4e18eaf80dc7dca8f819fb20",class:"check__icon",icon:"check12"})),c("span",{key:"4e834b7efd1468e2aaa034edf5e0ba6f8a852490"},"React, Vue and Angular wrapper integration")))),c("td",{key:"d1de7d705295f92033061a5f46d9459ee9153db6"})),c("tr",{key:"1c33c710155d60a68eac75143cb84ce017018b5f"},c("td",{key:"21a2d43251000ebdc30d5e9bf4e1e08a16350e0d",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"7dcde699e9bc8bb5a7a57748d5fd33c23285dab4",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-spinner--development",size:"s",variant:"bold"},"Spinner")),c("td",{key:"355ce79281c98f4448397c63757fd690ec6cbf43"},c("ul",{key:"ba29e6d693232ab73ceac1716a55759c328ef866"},c("li",{key:"9fb62f2b1e0e080741da2e474d1701af18e43b2b"},c("span",{key:"e6aabb45c453609a5aacbb769fc745bc3a5bff9a"},c("ifx-icon",{key:"69d991b3469b887e7d3b6a6d66f43b7f23c62d3f",class:"check__icon",icon:"check12"})),c("span",{key:"f9d1e871346a4ac52854c2bcd1ffe19d5ed53ace"},"Offers a customizable and animated symbol that conveys to users that a task is in progress, typically used to signify loading content, data retrieval, or pending operations")),c("li",{key:"18e569f82ef4f6a4a597074c1d7c709fc47c5ab8"},c("span",{key:"4f44bc8ff67c0297f164188e6d1287a094b34e8f"},c("ifx-icon",{key:"1e2a0d3efa9f310e60613b04ab73564ce8b63fc4",class:"check__icon",icon:"check12"})),c("span",{key:"c11c9b37840da043253a0e36d3aeb02cee222c47"},"Adheres to web standards")))),c("td",{key:"072a0910727a14eea13c37916a849edb473c1353"},c("ul",{key:"81d3574a46216c9106ded3f14b3536e812ab8a33"},c("li",{key:"a2c96354efe51008f65f5ffa2d220c980e6cc12a"},c("span",{key:"c0f6fb8ea5cc0e8f8e3414bb9c012770dab55125"},c("ifx-icon",{key:"16f4778f24b397a513e4cec9502d61e178ae9c7c",class:"check__icon",icon:"check12"})),c("span",{key:"6c66517529d7c3c3335792a327760ac1bf79cb84"},"Brand variant")),c("li",{key:"3bacc40c263b782f3f689d226a553a415f33622b"},c("span",{key:"a02ed231cfff4d39b23ca636e598230551164c25"},c("ifx-icon",{key:"0883a470705252fd63edc1140e10803d8787a375",class:"check__icon",icon:"check12"})),c("span",{key:"ac760334792a0b4bc10c8441ef3ab99f022d5f80"},"React, Vue and Angular wrapper integration")))),c("td",{key:"b6ffb29aded00a9c608bc728c17d62f2647a98ee"})),c("tr",{key:"ec3f68a90a69566d49b26cedfadbec8ddb01b414"},c("td",{key:"07d3920e857510fe0ba35d0aa0b8fe3bcfd65f74",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"2c0b5187698978d3b8f93cb610241f7960c84d34",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-status--development",size:"s",variant:"bold"},"Status")),c("td",{key:"119de8f1515c007258dc79b0ae05aa5d63a6942c"},c("ul",{key:"46c10b1f963965bcb04788d2edf78d78801e37c0"},c("li",{key:"ea6c53f28a83a570ee2f9f4c4af3d9ce7d98f765"},c("span",{key:"4059dd849f749a90da7936298af72dd3ec209f9f"},c("ifx-icon",{key:"ced8bff238b790abe3fe1fb0a25d47e44bff1245",class:"check__icon",icon:"check12"})),c("span",{key:"fbea000d000a58161d9f734720cdf59aaa2b39d8"},"Provides a visual indicator for conveying the state, status, or condition of an item, process, or entity within a web application")))),c("td",{key:"cb8d9c7a7f9e830f2c4bcf3f409de52aea08afd8"},c("ul",{key:"999aecaf4e4ae3c0ceb1cebf6b253cb8f4d211c8"},c("li",{key:"cd5611a6e42614b44a9e48de0749ebdb6473b4d8"},c("span",{key:"d01ec0d421a06c12315e2788a5f1ba355da625cd"},c("ifx-icon",{key:"6265fb93aaf28723e69d049ddddb025cf7515067",class:"check__icon",icon:"check12"})),c("span",{key:"d87920e3ad8777eb3ff439c6c3740b52251273b0"},"Ocean, Orange, Grey, Light-grey, Red, Green and Berry color variants")),c("li",{key:"b9b68362a7a508af55b07dc107e430ae6a16221f"},c("span",{key:"2e32e89565cf10f459b1a93737c7d21a4548bddf"},c("ifx-icon",{key:"11c04660e16a8cc33c8ebda1eff78c9e54aed509",class:"check__icon",icon:"check12"})),c("span",{key:"505674d44fd3ea77fdfe033bf1c6fa0cd9e51615"},"Removable border")),c("li",{key:"94e991f1687b62acdb5b61e61210ccc8f4f26193"},c("span",{key:"9fea669b506b367b6a0c8c814c8fa791191f2c77"},c("ifx-icon",{key:"317f39d02029520dad6fd7bed0a15941c89d1a3a",class:"check__icon",icon:"check12"})),c("span",{key:"5e39899af00d0e5c51ccce727cbf4363b442ef68"},"React, Vue and Angular wrapper integration")))),c("td",{key:"9a5eaa3802c0e988d68bf72c304415819e5908b2"})),c("tr",{key:"027011eed870cd6c2f934c80710ec4318a20742e"},c("td",{key:"02b06aa4df175b7b4306a008e528da95d42e5d8b",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"db2d4d6e635c700a549170cc7b90e9646c8e9cfa",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-stepper--development",size:"s",variant:"bold"},"Stepper")),c("td",{key:"4fe8fbcb09708918995e6d6ab7e02f61e44669ce"},c("ul",{key:"1185502603bd98244a79b46191b3be7b0d3e4bcb"},c("li",{key:"e997f0f201f05668e8e2a9500de36dabe7663304"},c("span",{key:"f009a0a4972f7855122a6253a5267dd79dbc7ea2"},c("ifx-icon",{key:"8968068d689ffa6c2657266974414a85ff7685db",class:"check__icon",icon:"check12"})),c("span",{key:"2c97a2f73d14db949f491d22f3755e442473867f"},"Offers a customizable and intuitive control that allows users to navigate through sequential steps")),c("li",{key:"7253508126ad078f56e1668222b7ff1fa135079d"},c("span",{key:"5de9eaca7552f549b230f2438ad86623b0fc3ffc"},c("ifx-icon",{key:"e78e2618d4e55cfea00733bcecd5176c21e7b1c5",class:"check__icon",icon:"check12"})),c("span",{key:"c21f4d5b4379bff7e38a4a4d22c76b166f1cc3da"},"Default and Compact variants")),c("li",{key:"188a68d9eee071ecc5760ac2b74b6e705f902c3c"},c("span",{key:"15333002c8a214adea8462e5abc30fff2007a011"},c("ifx-icon",{key:"e4060cd69e4c74d091c1373752f45d120900eea9",class:"check__icon",icon:"check12"})),c("span",{key:"961b2bc93891c26d924b23e631dd51f6db504a31"},"React, Vue and Angular wrapper integration")))),c("td",{key:"514a664b369349e4acc462567bb59fa7abe1034f"},c("ul",{key:"1449851fd05e2c955f94b82f204d4b29627c903d"},c("li",{key:"20f195f364aab6a1eafa29867b9f55839c488a01"},c("span",{key:"fc1e0dafba32f304e653b51906ef042bdd3b7b7a"},c("ifx-icon",{key:"f357d5dd753edc1070bef056dcbe8802611ca18c",class:"check__icon",icon:"check12"})),c("span",{key:"830437621fe2a2def8af8461a4f6f78aac77e378"},"Vertical variant")))),c("td",{key:"9ced2abf69f5c476d778e390e27d460b3c58b667"})),c("tr",{key:"8ecb447135b3d16b63a2960a9bf7ac2e63d31b1d"},c("td",{key:"210eb81f8f79b13aacc9e2c16811ed16e63322ce",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"28da84dcfcf8de0169eaff67be8f4dce6be7ae3e",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-switch--development",size:"s",variant:"bold"},"Switch")),c("td",{key:"bc194f2a870af74b49f0b56cadb760673a8449be"},c("ul",{key:"8335ae6ee7d6bad19acecf67e97516b127aeac74"},c("li",{key:"e41df40a611ceb7be8efb16201394f4aab8ac6eb"},c("span",{key:"0434528ddc07da00f208bd47a1485008b27c38be"},c("ifx-icon",{key:"9243396712cfda346d412cc827b765e3023f9550",class:"check__icon",icon:"check12"})),c("span",{key:"f3290cd83fac9ddc87e42b55e8368f5120fb702b"},"Provides an interactive and customizable interface for toggling between two states, typically representing an on/off or active/inactive status within a web application")),c("li",{key:"66452aed08743167cb7915dc2c83bab9df96a89e"},c("span",{key:"4e5f07b1050496d800d272ff8e22425c8c626fed"},c("ifx-icon",{key:"2a3343657b233f1cb2ab9f13973a2355afb16e63",class:"check__icon",icon:"check12"})),c("span",{key:"a5d8a1a1115b7889ccf569cbc7313e795f1cc6a7"},"Adheres to web standards")))),c("td",{key:"62e679169219d6389695f5bae745aa3024fe32c2"},c("ul",{key:"590966d6096928ef46b173b6dbd58fc9b6972ccb"},c("li",{key:"42b3081435a6b4371ec15eec8a0d7789787ab887"},c("span",{key:"41e06e57e86c0774b5d9873c4686920f294628a6"},c("ifx-icon",{key:"535cfc64877ad7e5a1a05f486a16231598e99cd6",class:"check__icon",icon:"check12"})),c("span",{key:"0dc96693d10bda561f7227ea0a4f7f79190fd0f3"},"Incorporated label feature")),c("li",{key:"c9b92ef312c1350cd3829d9d285af8a836b697ad"},c("span",{key:"10a2ebbaac5da760fdc7aef287d0379d850eb7ab"},c("ifx-icon",{key:"cb7c64cbae1666f392c86aacd604b296f0efa401",class:"check__icon",icon:"check12"})),c("span",{key:"85668d56b07fa0b4d254df59fdceeb81b62d7882"},"React, Vue and Angular wrapper integration")))),c("td",{key:"755ccc5801259e6ff1e15376e1064eee10ec8493"})),c("tr",{key:"6d9beeffbaa37366cb49be7fc27ef921f23b3501"},c("td",{key:"efb4d13e28108893a0603789eae6141255466758",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"689816763551730c892c23ba69e2b67bacf6efba",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-basic--development",size:"s",variant:"bold"},"Basic Table")),c("td",{key:"8d7bb8adfa50dbf0da1e734fc830082dbff4fd21"},c("ul",{key:"7b78956cf570156bfda113c7542de43dd1a6ea10"},c("li",{key:"c62a9b3de9f43166473c67ab69e8fb72987a789e"},c("span",{key:"a17a3505c3512ce36b60ba1717d2d5f6adb8aeb2"},c("ifx-icon",{key:"f34ada77b46e31bcf4bcafe27ca6d8ec37131030",class:"check__icon",icon:"check12"})),c("span",{key:"40fb436bf6a1216042b0d3a697bbd29d6e95a5eb"},"Offers essential functionality for organizing data into rows and columns, allowing users to view, sort, and interact with structured information efficiently")),c("li",{key:"7bec1e0d0e6f392a252c424b3178985985fa09bc"},c("span",{key:"a63b0e254ac69509fec260337c65085453967776"},c("ifx-icon",{key:"60863a12fed0bfe5d27560330b3d579cc39eded5",class:"check__icon",icon:"check12"})),c("span",{key:"193e61f740e17330ac0befb2cda46bbc479d2707"},"Includes basic features such as column sorting")))),c("td",{key:"dd18091fc9a60a23cec0e8c4cdae210f316b6be8"},c("ul",{key:"9b90019df8854404c0851e93192b0f7aab910722"},c("li",{key:"1b3a0f43631621c31a2bfd88ef89455d55303937"},c("span",{key:"4aa1928d7cd7e2c480563f81fd2af68490136b95"},c("ifx-icon",{key:"a3a2a3b3636fd27ccc83edf6e57cdfe8d393a0da",class:"check__icon",icon:"check12"})),c("span",{key:"051a6452f2c87bd4353bec93d9df8402d58515d9"},"Compact and Default variant")),c("li",{key:"cf9a0438c46c73d63ef634e001fef5a48aeffcfb"},c("span",{key:"02f4627073e519dcf9b66f2ff96764a90a0ad55a"},c("ifx-icon",{key:"8295643bf15c21af97d636d4e608c5459adf326d",class:"check__icon",icon:"check12"})),c("span",{key:"5f4fa346787e8a1a9eb58ed3aec1c97039a5bebe"},"React, Vue and Angular wrapper integration")))),c("td",{key:"2ea3258e834520a10dbea0da5a663475b5d1a60f"})),c("tr",{key:"51cf2610118d1a9af29d4c1a2e98477f723805f6"},c("td",{key:"a68c60164b36f21c9afda22a5b67f4c5c3fbd254",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"c0a0acbd0d9e12a83f28260c32c5cae1965ae6ec",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-table-advanced--development",size:"s",variant:"bold"},"Advanced Table")),c("td",{key:"a350acce3cbc36c2400e5f1372967aab8dbe5b1a"},c("ul",{key:"e0d53b8f1b8677513d1068e3b66dec28c2f5da39"},c("li",{key:"c18a54317b8b29d9f04a58b303c2a12590414e95"},c("span",{key:"1d3c5f710f3b405d179b815c12174b5dca8739cd"},c("ifx-icon",{key:"a3741df53e7c82bc8e31aff1ecce616d383206fb",class:"check__icon",icon:"check12"})),c("span",{key:"6931b67d674de6b1ca1d706c9e406d614eb5a69e"},"Pagination")),c("li",{key:"bb321ad2652d946cbcceefee5170860000908c06"},c("span",{key:"4c6712c23791c39a8affee5c543a6fc064ceaaea"},c("ifx-icon",{key:"4d33c9667675e4f15aeea05901cb1edc248d0de6",class:"check__icon",icon:"check12"})),c("span",{key:"66647acda4cd98f7924f32ed680c2f8087e621cc"},"Sidebar filter")),c("li",{key:"6821f2ef6505fbf37106b6587292499047f367aa"},c("span",{key:"2c5487fc163197ae5e4dc91e8fcacb132da0527a"},c("ifx-icon",{key:"7fd11bd6e365954a9c902d8818ff7e8c93b3fb5f",class:"check__icon",icon:"check12"})),c("span",{key:"adae08d8c65a84b15a816914fcace32db0c1d1c8"},"Topbar filter")),c("li",{key:"18feeb641401390c55b50462b6e5b93faf7cade2"},c("span",{key:"a1931721c47a26d246c31baa25ec78a43fc627c6"},c("ifx-icon",{key:"20b2a971a34e412a8ee11d85c842eb007c34083f",class:"check__icon",icon:"check12"})),c("span",{key:"b08c596cc4aeaac6bc9de7a1b2dbd44850ae481f"},"Nestable buttons")))),c("td",{key:"a52b032811f9c47ee39f28b517088e6f9ba72031"}),c("td",{key:"c00d3da1ef9de106b771d356966e9c0f4fca0af3"})),c("tr",{key:"8d6a984f4dc42fb0e2a7a2cda173c180111a4cad"},c("td",{key:"b65dc0653ca257b885eabf433cdf3a366d35a582",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"20436e7687044d9d8d40aa35060f888ff3e739eb",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tabs--development",size:"s",variant:"bold"},"Tabs")),c("td",{key:"3629c8f19157f5ee1209b2d7d3ca87665e892801"},c("ul",{key:"034fda1c760185e8bc79a051934e494a60fe298c"},c("li",{key:"ebe47709320928df0946642c5f9eeda969c25780"},c("span",{key:"5a9af8118b370f6e220da0751add88381aad4003"},c("ifx-icon",{key:"19a11732bcaa52edf29de8864d38d94e46c8665f",class:"check__icon",icon:"check12"})),c("span",{key:"236913a52a348136d30b3ba867ae6c3a2a430ca4"},"Offers a customizable and interactive layout that allows users to switch between different content panels, typically used for organizing related information or functional sections")),c("li",{key:"cd1a96f2813ecdd01ba8565adccd67fce9820845"},c("span",{key:"d4dcfbbf16e28c4a89b391d72a52bb88be4ea960"},c("ifx-icon",{key:"887ceca172f6c5c0f9ddcd8028adf10af2d0aa39",class:"check__icon",icon:"check12"})),c("span",{key:"4d16976a8a91e9b06cebc75deb6bcda4ee21dcb8"},"Adheres to web standards")))),c("td",{key:"f326e8453d11bef044eed82a6dd8cef29224bbd2"},c("ul",{key:"33bebd23ff3d43ad762e92773b37f722ac5055ad"},c("li",{key:"d26a99733b3200cbbbb5aa15dc7c0907204e37f2"},c("span",{key:"7ad7e970e819cda3d471d9e25a2d0ded1a64c7b4"},c("ifx-icon",{key:"df5dfe7acd4bd54f176f88f05fada59061bdfc9b",class:"check__icon",icon:"check12"})),c("span",{key:"16c1a17568ba909da40736ab3fe5bedd2479f9e3"},"Horizontal and Vertical orientation")),c("li",{key:"f5e099ed9a13dded88e7503a8d412dbb1c03de42"},c("span",{key:"a7b5166a8e0823810821fb58b4d8232e32032b3f"},c("ifx-icon",{key:"6fe62fe410a6d4d6c410b49c75275d243a2f7a8b",class:"check__icon",icon:"check12"})),c("span",{key:"30df92fbee5a40df72e0f6cba47646e39c5741c4"},"Extended customization")),c("li",{key:"9aa26e5e7fe85dc22d1087bc6011660ea44f21a5"},c("span",{key:"0977815f61d747457775b16399ec07dadfb9d9fd"},c("ifx-icon",{key:"3116b989c80c8d50af13c1cb9f78d6256de0641a",class:"check__icon",icon:"check12"})),c("span",{key:"4504b56d22660136aae1b8295594b47f10f1a153"},"React, Vue and Angular wrapper integration")))),c("td",{key:"2e342ccbd21b1bdb84eec86a4fea94cd845ffe8f"})),c("tr",{key:"6c22e6b4169ba8f5fdbafc1b3a3f91ffcf59a2d2"},c("td",{key:"96a04f8b51880df0314f47d6ba0fca44e9a1ad8d",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"88b277ed622137d2fdd322dec1b004f6d2ea5c0e",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tag--development",size:"s",variant:"bold"},"Tag")),c("td",{key:"702e0318b522296c1a949c70bb5aa9680452cfdf"},c("ul",{key:"f00dd0af7134cc4aa1303a5ea77586a262c3671e"},c("li",{key:"7ba4209377e94f0164758148d9738db86a038163"},c("span",{key:"66b53e4c1a63c8a391fa972d1210505d4c70062c"},c("ifx-icon",{key:"656c7059c506511c462d0054d258a8e5e3f4338a",class:"check__icon",icon:"check12"})),c("span",{key:"07b9c8b51c835f9184033ca16f620e5c66e3bc51"},"Offers a customizable and stylized marker that allows users to quickly identify and associate specific items or content with descriptive labels or categories")))),c("td",{key:"8f8f6242eb163e13d65f1d09e06febc599cd5c2f"},c("ul",{key:"354645ddd8f0e4e51c6a857242d8924ad1ce0f56"},c("li",{key:"25a40ea45e08ff5a629ffbd9a0de27955e67d64c"},c("span",{key:"83e66f06fc0e731e5ff2e88ccd1f5fd7192152b8"},c("ifx-icon",{key:"cd77bc3a8ec579798a0aac7e864894788fae48c7",class:"check__icon",icon:"check12"})),c("span",{key:"271325a1a41817ca2ab1df49db80c69f606c8a52"},"Icon incorporated")),c("li",{key:"d48f6e86b9c088483e0767ebd2b57a1c49fc194c"},c("span",{key:"9dc4253a6be6f55a551d9392bfdcc9cbc2a6564f"},c("ifx-icon",{key:"abc81ef53b1986ca5f872beb2d241d4dd3b6b968",class:"check__icon",icon:"check12"})),c("span",{key:"f2df5670fa7693293b63de086ee62a31c3b85bea"},"React, Vue and Angular wrapper integration")))),c("td",{key:"f36bcfdb972c3a569bc0e55efb9031d7d7919908"})),c("tr",{key:"174274dd63bd37c1f9d8f96a6ddb5e6a59d80f2c"},c("td",{key:"b7aa5bafd0a48b697c0f33031dc661342ff0a987",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"d7a607401af76e9e81b80ebeb7fe8ecb4dfac378",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-text-field--development",size:"s",variant:"bold"},"Text Field")),c("td",{key:"68d1d4c6d5677f66117fb052fce6c392bc67dedb"},c("ul",{key:"3824a5a98943b299f5f8b1701e83b285fe435e41"},c("li",{key:"4eb08913557f68d63004955b67400b835f2410fe"},c("span",{key:"a046cd9216802c658d8b54ca42a037fda1010bf0"},c("ifx-icon",{key:"dee33c0d150a9e812f60144a6095abf3cdfca5d1",class:"check__icon",icon:"check12"})),c("span",{key:"88341dc62f88562b5c44af160f73d8b2bee88561"},"Offers a customizable and accessible interface that allows users to input and modify text, facilitating various data entry and form submission tasks")),c("li",{key:"341e088c1942d348b772e43a1eca041a62c724ef"},c("span",{key:"a39e252ec00617c5cae9bed3a339cd8cfbbffe92"},c("ifx-icon",{key:"67e65b33b16b9e4e468c3f830f569fef036defad",class:"check__icon",icon:"check12"})),c("span",{key:"e69f5e9d09f4fbdde479cbe97be4635731d087dd"},"Adheres to web standards")))),c("td",{key:"c454edf6c1618b5d04257ed9e2559828a11d49c7"},c("ul",{key:"b1b312ae0302a85dbe7c36d35416a4a7d494d542"},c("li",{key:"f2bfcab605860e21fb9d22545ff7d55e9cd5ec6e"},c("span",{key:"a2b8b22d34bead79d0bfefc1761d1f5e5c30f46a"},c("ifx-icon",{key:"f2e764523588e0e59c959bcc98f59a9094747b76",class:"check__icon",icon:"check12"})),c("span",{key:"59e9bcd1eb0d6be5f6b8f7ae2853da7432722573"},"Extended customization")),c("li",{key:"578418a94bbc4525b3adc47612b339edd50969b9"},c("span",{key:"047127879870dbb6fb549d06a3c6b95992ccf300"},c("ifx-icon",{key:"d9ec8e0db34c9a935f82d4e0e1c52156c42566b9",class:"check__icon",icon:"check12"})),c("span",{key:"57dc835edace08b0217127ba520b238cd926a3c3"},"Possibility for icon configuration")),c("li",{key:"daa7c993e26146742dc11f9c068868b178057e9e"},c("span",{key:"d514ef09483f15cdbc70290d2284620e4052772d"},c("ifx-icon",{key:"6f52814d7a5cab62145d404d693f66a38c70919c",class:"check__icon",icon:"check12"})),c("span",{key:"17e4d3f6a538db33775ee258c649e81041a70372"},"React, Vue and Angular wrapper integration")))),c("td",{key:"904644d643b4ac6a767a075bc6d763ae58f197d1"},c("ul",{key:"152a5f1fb9bf38721e0cf930667b634ab2b4ab91"},c("li",{key:"322c1ef708bb9b47287f4ba3bce37e34dfad6be0"},c("span",{key:"22b2656ecff81f15d1028ce3b02099664df7aaa1"},c("ifx-icon",{key:"3bf1577788209b607f48a0f93290b2e4169297cb",class:"check__icon",icon:"check12"})),c("span",{key:"062e43aa360cf119bc7abdf5acbf75b78ab0365b"},"Form integration"))))),c("tr",{key:"cee44394edc23b0b9d0278b1f7f74a64c5ac9939"},c("td",{key:"7df97ddabfd30090b742735cb16b2bddbecf0663",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"5f59b89e8403dba3028b16a35fa585257626bbe3",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-tooltip--development",size:"s",variant:"bold"},"Tooltip")),c("td",{key:"f50a527fca2f7644bb3bb38826eb6e02020fb1a9"},c("ul",{key:"cb0b728756491996de97c4155b8d3e32e9e00fc4"},c("li",{key:"20814dd84982e12a99fe1c332ac90211362f1f9e"},c("span",{key:"fd958d7988f2c475337991311bddb05d2dc8d847"},c("ifx-icon",{key:"2e8b52ef949854a74cd373b6f35a1267ed3400a7",class:"check__icon",icon:"check12"})),c("span",{key:"f357a3873c49ec33b5e63adb670b8b8599d51ea6"},"Provides a simple and informative interface for displaying supplementary text or contextual information when users interact with specific elements within a web application")),c("li",{key:"1ed3645b1d4fcdba65cf4842c46a4fdd3687c20a"},c("span",{key:"1f4aed34ec86709f90c844df6a97d1be959f0114"},c("ifx-icon",{key:"1247c80da815523d8145dc9afe0162cd7ffd55d4",class:"check__icon",icon:"check12"})),c("span",{key:"d6bb47450438d731741d221e20dce86961792bbf"},"Adheres to web standards")))),c("td",{key:"3d3315b9af07317c3844790c1eb303aad2487772"},c("ul",{key:"bef2dffeb87fb4971319024676d4abe4b16aa49d"},c("li",{key:"1f9b32cb55b90d4755815f45e7053f3138e1e389"},c("span",{key:"8f82d5e11b8f5b472161a17e46c5078aeaac62b8"},c("ifx-icon",{key:"715bd5faf4f36eff8aaca2c1c00378c4cf4c8573",class:"check__icon",icon:"check12"})),c("span",{key:"681e1aeee987fa0c68dabc67417a2a96700bf1b9"},"Compact, dismissible and Extended variants")),c("li",{key:"7bc0bc6e0b913bd94b5c778cf2808ed79abe8b2c"},c("span",{key:"18c0fc5e3a75c80d90ee8382814b0f6feb484f9d"},c("ifx-icon",{key:"1354110c7f6b92d653d92fdd0f2129dbc997117d",class:"check__icon",icon:"check12"})),c("span",{key:"a050d4fcbfb1c0e3188a11ba300c9be60dfcb589"},"Auto-adjusting position")),c("li",{key:"2f0f1edc9481ac2434c1a94c7b0dc9bc649a5e10"},c("span",{key:"e7ae9ae350b3cc130292f7627f96efcc0ac2854a"},c("ifx-icon",{key:"ec495e0df996ca49a98a80bbd8bbd97cfa578706",class:"check__icon",icon:"check12"})),c("span",{key:"079f6d39749e8ba0305028f203f1973a22e4389c"},"Icon incorporated")),c("li",{key:"0a55be1c918f02d7b8a6b7c9eeb6c2df7fc94ea9"},c("span",{key:"c3ba490a419fba0f7355bbe4c191f890f3023b8d"},c("ifx-icon",{key:"2b582c7488c2e74cdc569ef765745bf6b47edd0b",class:"check__icon",icon:"check12"})),c("span",{key:"ae0e9ecfa1efdc8cc0d19d2da62d6e534de7907c"},"React, Vue and Angular wrapper integration")))),c("td",{key:"2ae5a931c46676797bdeb29cf62feaf4ff36e997"})),c("tr",{key:"81af95f73cb1a9250a70806f4187bd24dc7b7b77"},c("td",{key:"6e9ff9040680bd807bad5c3d14c98220ea7d85d9",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"b9ee0ea5ab54b03ac33e8edd5cb054d753d0bcd9",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-notification--development",size:"s",variant:"bold"},"Notification")),c("td",{key:"95b63487e753eea7a07b4f66a9da33a62bb820e8"},c("ul",{key:"bff565097182684a671ea0dbdd1d134a78aebdd0"},c("li",{key:"e2241fce6741334d13347a1062e6b857c7ad5f85"},c("span",{key:"6fc01317bb62c81a47aabc7d6ab1c36801b7d5c5"},c("ifx-icon",{key:"c7901dccba72b8cb270735b20e4bd4d82fd424c1",class:"check__icon",icon:"check12"})),c("span",{key:"6961153d3655a4f60da439e06b5813e0e015d018"},"Offers a flexible and visually distinct container for presenting informative, warning, or error messages to users, enhancing the overall user experience with timely and relevant feedback")),c("li",{key:"e9cb44fd81b191d2dbe98f48d77041a275e933f3"},c("span",{key:"5d305fc9be4e491b67d87faa7e82aa0a40c53242"},c("ifx-icon",{key:"9d8e7d166e03c1b68d1f5c9b566f92a24418c344",class:"check__icon",icon:"check12"})),c("span",{key:"0009a3f08a16fef03bc9dcd421a49a7b380d481c"},"Adheres to web standards")))),c("td",{key:"96b4abd57bf675081915e7bb564931a16ec16269"}),c("td",{key:"21b9d9524a4f37d8d2e7d15e5a66abc24c6e243e"})),c("tr",{key:"030148ae7fbd02956c23a2685a240eef3024929a"},c("td",{key:"812baa427988036823a840991f54acd94401f558",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"8dd976400c9fef153f0e43bd0c706c2626aa642c",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-content-switcher--development",size:"s",variant:"bold"},"Content Switcher")),c("td",{key:"2646b51eb48b2ce67b01cd85a2dd5115e2c67740"},c("ul",{key:"cc7a256da8781d03a9faeef4a25ed4567d65d840"},c("li",{key:"cd43463cc348c45c33793a529bd7408f86d793f3"},c("span",{key:"7601e6006d3179c90a694dc1cb34d2a36123f2a7"},c("ifx-icon",{key:"3b8c8801a8c66068b78e8988937bc2dae15b55fd",class:"check__icon",icon:"check12"})),c("span",{key:"d99b9df18c214d68132d8d5e900dbab5ac0a1104"},"Provides a flexible and intuitive interface for dynamically switching between different content sections or views within a web application")),c("li",{key:"5c7d08a96614ff6fde2bb59f15b8697bddfe5246"},c("span",{key:"b1137d875be6346a59abe2c9a937513ceb38e5d2"},c("ifx-icon",{key:"77f24404c826ee1918957389990cabe8691d25e1",class:"check__icon",icon:"check12"})),c("span",{key:"449f3aae77dbb6a1d5a8667e7e2b78dc014fe1b6"},"Offers a customizable mechanism for users to toggle and display diverse content panels, facilitating seamless navigation and interaction with varying information or functional contexts")),c("li",{key:"fc8233b38ccc992fd477d4b0188043ea462d8496"},c("span",{key:"7376270e2709d8e802838ea936649f9ec250af8d"},c("ifx-icon",{key:"fe5e67f393893b438fbf69bdf9e125bec4856ed6",class:"check__icon",icon:"check12"})),c("span",{key:"3c6fb97240a4d4a3992f8b38feaf1849f8b25bbd"},"Adheres to web standards")))),c("td",{key:"3b6506b4849e761cb44cf1af872ee7de56ca8588"}),c("td",{key:"956e02f0068e82557d110e7a8016846ac863273a"})),c("tr",{key:"2308c28008a202a4bc13d34752b85dc4d303f9f7"},c("td",{key:"82c3a3605ecfe6c5c20e516dbfbfa36713e24baa",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"86643f1908407946cc1f1cc5546c3062ee29bffe",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-control--development",size:"s",variant:"bold"},"Segmented Control")),c("td",{key:"e63b40cebe3cd0f29e997b301753a49bea972a1e"},c("ul",{key:"bc73d42a84db3d35d1d6a458357768cafd415d35"},c("li",{key:"b328c15db364fd597c56e3c51aa4a12dbda2a4a9"},c("span",{key:"675e622b6d33a6eb4b6e95afbf27024e98c8783d"},c("ifx-icon",{key:"11a3560ae834d7e3331782713942d707d826735e",class:"check__icon",icon:"check12"})),c("span",{key:"041f6f32e15deca3dc0f3b035d95ef38010bf914"},"Provides a clear and interactive interface for users to make mutually exclusive selections among multiple options within a web application")),c("li",{key:"0541327a8960eac873905e4a190d566036c812b4"},c("span",{key:"93c905bc4eb971b68dbc0a661cba8469c48096d4"},c("ifx-icon",{key:"86d1373e34c5263bc16c41126a253425aee3004c",class:"check__icon",icon:"check12"})),c("span",{key:"2832d65b2b08f47c588102bf23dfbc1298b22714"},"Offers a customizable set of segmented buttons or tabs, allowing users to toggle between different choices or views, typically used for filtering, categorization, or navigation purposes")),c("li",{key:"17fa23e698ea3b362b012b432af9b6b633f53df8"},c("span",{key:"4cde4bcee1b19a3ef53fb71ba54f9d201d94dd19"},c("ifx-icon",{key:"06b35f2ff5b6ba0f7ccf4fe3503bb3eec10bb946",class:"check__icon",icon:"check12"})),c("span",{key:"62443195114520ce795753bccac367d107962574"},"Adheres to web standards")))),c("td",{key:"3cb54bb8dc873f7325cabe1289ed1fcaabe7d52e"}),c("td",{key:"79cbd2be9e98f34035aac5f85d175ae57da8017a"})),c("tr",{key:"8d1a3ef9823b7d723edaabbfac7b0692ff9f8977"},c("td",{key:"e021dfbefc69cfa8cc59731786db2e3cc4e77dfc",class:"completed__component sticky-col second-col"},c("ifx-link",{key:"8e68f6c77b9d52efe3ee0844f76c392fadbbf94a",target:"_blank",href:"https://infineon.github.io/infineon-design-system-stencil/?path=/docs/components-segmented-controls--development",size:"s",variant:"bold"},"Textarea")),c("td",{key:"3a07fc82cb0f8a3cb044b4bbca2fdec36681acbd"},c("ul",{key:"ef5c83cfc1f00d3787e8926112add744d2433b67"},c("li",{key:"4c437c3dfe03e9262cf1139c8dfbfc703a177b1f"},c("span",{key:"4cc227ce3255e4e2700f6a1580dad9589fa36006"},c("ifx-icon",{key:"db3253b784d9fd9489d0d4bbf7131182169a2b7f",class:"check__icon",icon:"check12"})),c("span",{key:"90735405f1398fd1b24a722dcff64f3004165469"},"Provides a customizable multi-line text input interface, enabling users to input, edit, and view large amounts of text, while adhering to web standards for accessibility and usability.")),c("li",{key:"6f2b1c11a5de6d07a6badf621bf3675974f5103d"},c("span",{key:"0a5fd5bcd88b06af243eed12ea796d8cf512fce3"},c("ifx-icon",{key:"a807362c3794dd20fccf6e27640043e8853e8087",class:"check__icon",icon:"check12"})),c("span",{key:"dce6b7c59381d19d974efff99f0f32a9f7c1e319"},"Form integration")))),c("td",{key:"f426a0bb1f3f477573fb397d60671196aa8ad080"}),c("td",{key:"9fb10e53286d2117dc36cf5369cebddea059851e"})),c("tr",{key:"10e48dfab3a4cd7c5374c83ac860b40c21dd4e47"},c("td",{key:"5deb076e232e6803d2d7dd0a27ae49b48f435faa",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"2c0b9d91dee818eb3588ac4133787cdf5566681c",href:"",size:"s",variant:"bold"},"Card Group")),c("td",{key:"581604a8d970dfb47ab753267f3a5503d536a938"},c("ul",{key:"c1864d4f68efcba5f8f0f748f806dfe93047a2eb"},c("li",{key:"865131cbcd55f6512e276e9aeb767e27752776cb",class:"planned__component-wrapper"},c("span",{key:"ce8f11eb5281ec86fd8989499fedd513c8986c83"},c("ifx-icon",{key:"eb0533d77237500f41fbac537e520ddac0f938d8",class:"planned__icon",icon:"clock24"})),c("span",{key:"211edbddee2597220401e9b1184c3952a9408010"},"On Hold")))),c("td",{key:"9f31d1d4bbd1220bfc04ee30908a6356d20dda0c"}),c("td",{key:"b1db0e5b9ed64b1a144ad2a4b1c6b545596e45f0"})),c("tr",{key:"cf1492598afcedf2f9c1d80ce0893ff07bdaf3a1"},c("td",{key:"d09e3f130fa69258e49c0c78f63f3693b21897a9",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"5d37deaac724176a875d3c4aeb23120b38164f16",href:"",size:"s",variant:"bold"},"Upload")),c("td",{key:"24e738e0b74c4e639a921cee592db9f414cedebc"},c("ul",{key:"9736c88f24404327b60e0b26f62e982a47bb2b39"},c("li",{key:"04efc3adc62bbf678f8aa3db198730a770483f45",class:"planned__component-wrapper"},c("span",{key:"0520f9f0da359ac28b4c16853de212aca05dd4cf"},c("ifx-icon",{key:"d1c52f8b4f281b6593f51a6ac130236ed66903bd",class:"planned__icon",icon:"roboticarm24"})),c("span",{key:"4e7f4400f5fafe8053abe29ff09b235057176eeb"},"In Progress")))),c("td",{key:"e8fe608d367735114f4582343f257aa3626b954d"}),c("td",{key:"6d68c3adc0993608b68451e6f4e1c81b68ded0b2"})),c("tr",{key:"73a5a618f7c02f1aae8bcb39c209513ae5533ce6"},c("td",{key:"76aea19878d19ea981b732588791276d0ca5bf41",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"17e9704b76f022faa6f27fd4c33d5558a8f03e69",href:"",size:"s",variant:"bold"},"Tree View")),c("td",{key:"3ebc0a32fe36719d4f16951496f1596225ab9ed8"},c("ul",{key:"fe201f61e005ca8ddd0c09340404fd88dc92cc44"},c("li",{key:"3cd9a0f3675c785f5c20a33166ed57d5789d3282",class:"planned__component-wrapper"},c("span",{key:"6df248a22862d975d30a3edba1b1da10acce75ef"},c("ifx-icon",{key:"7c60973aaa502ac5f065a44de51a62d23e03e2f0",class:"planned__icon",icon:"roboticarm24"})),c("span",{key:"e232fd953c313fc409eaf68f409015a6d7570232"},"In Progress")))),c("td",{key:"cfc2de54e3513aac00978d01707606314420aa3e"}),c("td",{key:"ac187409a9e192bc54f05353853adf599774d826"})),c("tr",{key:"43e5c1490b48341599df57308bca74ef808a1d92"},c("td",{key:"3cb8a52d7b32729e5e8b4c4116d56dec1e79ccc6",class:"planned__component sticky-col second-col"},c("ifx-link",{key:"dddbd04a0e0dc14a992c1026cdade8b49d21ac19",href:"",size:"s",variant:"bold"},"Popover")),c("td",{key:"8c5cead15c33bad7f0d8441a5f507749f22faffb"},c("ul",{key:"3b8ec6fbe1063e743c479b9ced565646f8035230"},c("li",{key:"c17dbbedb21363d2ec259d6b34c7d89b21f3de08",class:"planned__component-wrapper"},c("span",{key:"378be04f6da7267d5be9d2f0f9532df7cb0d3371"},c("ifx-icon",{key:"eaa5d1e913a4597f8bca218c911163402487b166",class:"planned__icon",icon:"roboticarm24"})),c("span",{key:"a8a2ad449a075a4fb0da371e0405692649fe29db"},"In Progress")))),c("td",{key:"a5da8a01c89b66258ac7cf333f9f59d5ff7ccbbc"}),c("td",{key:"4ff24bb0d108bccc4d38734279a0ed6f6e5d2cb9"})))))))}get el(){return a(this)}};b.style=f;export{b as ifx_overview_table};
-//# sourceMappingURL=p-bc29c491.entry.js.map

package/dist/infineon-design-system-stencil/p-c36cf885.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s}from"./p-c808c7d2.js";const o=":host{display:inline-block}.rotate{transition:transform 0.2s ease-in-out;transform:rotate(-180deg);margin-top:0em}.icon{margin-top:0em;transition:transform 0.2s ease-in-out}";const i=o;const e=class{constructor(s){t(this,s);this.isOpen=false;this.theme="default";this.size="m";this.hideArrow=false}render(){return s("ifx-button",{key:"2a69108d7322dbac1bb237594b2cf8390fa5282f",variant:this.variant,theme:this.theme,size:this.size,disabled:this.disabled,class:"dropdown-trigger-button"},s("slot",{key:"5d970df303ae86f9425ab8e831d1107e283d2d32"}),!this.hideArrow&&s("ifx-icon",{key:"b50ae5d439704bfe3a8c2a6c2fd0be264a91c85c",icon:"chevron-down-12",class:`icon${this.isOpen?" rotate":""}`}))}};e.style=i;export{e as ifx_dropdown_trigger_button};
-//# sourceMappingURL=p-c36cf885.entry.js.map

package/dist/infineon-design-system-stencil/p-e05ec79e.entry.js

@@ -1,2 +0,0 @@
-import{r,h as s}from"./p-c808c7d2.js";const o=":host{display:inline-block;cursor:pointer}";const t=o;const e=class{constructor(s){r(this,s);this.isOpen=false}render(){return s("slot",{key:"89bd5e8f427fea2329e032469132190fd71acd54"})}};e.style=t;export{e as ifx_dropdown_trigger};
-//# sourceMappingURL=p-e05ec79e.entry.js.map

package/dist/infineon-design-system-stencil/p-f6d60cd4.entry.js

@@ -1,2 +0,0 @@
-import{r,h as o}from"./p-c808c7d2.js";const s=".dropdown-separator{height:1px;background-color:#EEEDED;margin:8px 16px}";const a=s;const c=class{constructor(o){r(this,o)}render(){return o("div",{key:"4909b1b593f932f2a9492f06f699731c69d6dc0a",class:"dropdown-separator"})}};c.style=a;export{c as ifx_dropdown_separator};
-//# sourceMappingURL=p-f6d60cd4.entry.js.map

package/dist/types/components/download/download.d.ts

@@ -1,4 +0,0 @@
-export declare class Download {
-    tokens: 'css' | 'scss';
-    render(): any;
-}

package/dist/types/components/download/download.stories.d.ts

@@ -1,7 +0,0 @@
-declare const _default: {
-    title: string;
-    tags: string[];
-    excludeStories: string[];
-};
-export default _default;
-export declare const Default: any;