npm - @infineon/infineon-design-system-stencil - Versions diffs - 39.5.1--canary.2128.32855eaced35e683ae58f61e74597b349ac6110b.0 → 39.5.1--canary.1723.ff8f559ad2723273cd93183465ad335fc28571d7.0 - Mend

@infineon/infineon-design-system-stencil 39.5.1--canary.2128.32855eaced35e683ae58f61e74597b349ac6110b.0 → 39.5.1--canary.1723.ff8f559ad2723273cd93183465ad335fc28571d7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (759) hide show

package/dist/cjs/infineon-design-system-stencil.cjs.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-n_pDKBY2.js');
+var index = require('./index-Dc5gCGlQ.js');
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-n_pDKBY2.js');
+var index = require('./index-Dc5gCGlQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/collection/components/accordion/accordion.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/accordion/accordionItem.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .accordion-item {

package/dist/collection/components/action-list/action-list-item.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .action-list-item {

package/dist/collection/components/action-list/action-list.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .action-list {

package/dist/collection/components/alert/alert.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/breadcrumb/breadcrumb-item-label.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .breadcrumb-item-label-container {

package/dist/collection/components/breadcrumb/breadcrumb-item.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .breadcrumb-parent {

package/dist/collection/components/breadcrumb/breadcrumb.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/button/button.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/card/card-headline/card-headline.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/card/card-links/card-links.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .container {

package/dist/collection/components/card/card-overline/card-overline.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/card/card-text/card-text.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/card/card.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/checkbox-group/checkbox-group.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .checkbox-group-container {

package/dist/collection/components/chip/chip-item/chip-item.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .chip-item {

package/dist/collection/components/chip/chip.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/dropdown/dropdown-header/dropdown-header.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .dropdown-header {

package/dist/collection/components/dropdown/dropdown-item/dropdown-item.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .dropdown-item {

package/dist/collection/components/file-upload/file-upload.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/footer/footer-column.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .col {

package/dist/collection/components/footer/footer.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -107,7 +107,7 @@
   font-weight: 400;
   font-size: 1rem;
   line-height: 1.5rem;
-  color: #575352;
+  color: #1D1D1D;
   flex-grow: 1;
 }
 .footer__container .footer__wrapper .footer__base .footer__info > ::slotted([slot=info]) {

package/dist/collection/components/footer/footer.stories.js CHANGED Viewed

@@ -3,7 +3,7 @@ export default {
     title: 'Components/Footer',
     tags: ['autodocs'],
     args: {
-        copyrightText: '© 1999 - 2026 Infineon Technologies AG',
+        copyrightText: '© 1999 - 2024 Infineon Technologies AG',
         href: 'http://infineon.com',
         icon: 'home-16',
         ariaLabelOfLink: 'Go to Homepage',
@@ -52,6 +52,9 @@ const DefaultTemplate = args => {
     return `
     <ifx-footer copyright-text="${args.copyrightText}">
     <div slot="socials">
+    <ifx-link variant="title" href="${args.href}" aria-label="${args.ariaLabelOfLink}">
+        <ifx-icon icon=${args.icon}></ifx-icon>
+      </ifx-link>
       <ifx-link variant="title" href="http://facebook.com/infineon" aria-label="Follow us on Facebook">
         <ifx-icon icon="facebook"></ifx-icon>
       </ifx-link>
@@ -92,31 +95,31 @@ const LargeTemplate = args => {
   <ifx-footer copyright-text="${args.copyrightText}">
   <ifx-footer-column slot="col">
     <h5 slot="title">Title</h5>
-    <ifx-link href="#" variant="menu" slot="link">Footer Link</ifx-link>
-    <ifx-link href="#" variant="menu" slot="link">Footer Link</ifx-link>
-    <ifx-link href="#" variant="menu" slot="link">Footer Link</ifx-link>
-    <ifx-link href="#" variant="menu" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
   </ifx-footer-column>
   <ifx-footer-column slot="col">
     <h5 slot="title">Title</h5>
-    <ifx-link href="#" variant="menu" slot="link">Footer Link</ifx-link>
-    <ifx-link href="#" variant="menu" slot="link">Footer Link</ifx-link>
-    <ifx-link href="#" variant="menu" slot="link">Footer Link</ifx-link>
-    <ifx-link href="#" variant="menu" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
   </ifx-footer-column>
   <ifx-footer-column slot="col">
     <h5 slot="title">Title</h5>
-    <ifx-link href="#" variant="menu" slot="link">Footer Link</ifx-link>
-    <ifx-link href="#" variant="menu" slot="link">Footer Link</ifx-link>
-    <ifx-link href="#" variant="menu" slot="link">Footer Link</ifx-link>
-    <ifx-link href="#" variant="menu" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link href="#" variant="underlined" slot="link">Footer Link</ifx-link>
   </ifx-footer-column>
   <ifx-footer-column slot="col">
     <h5 slot="title">Title</h5>
-    <ifx-link variant="menu" slot="link">Footer Link</ifx-link>
-    <ifx-link variant="menu" slot="link">Footer Link</ifx-link>
-    <ifx-link variant="menu" slot="link">Footer Link</ifx-link>
-    <ifx-link variant="menu" slot="link">Footer Link</ifx-link>
+    <ifx-link variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link variant="underlined" slot="link">Footer Link</ifx-link>
+    <ifx-link variant="underlined" slot="link">Footer Link</ifx-link>
   </ifx-footer-column>
   <div slot="socials">
     <ifx-link variant="title" href="http://facebook.com/infineon">

package/dist/collection/components/footer/footer.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"footer.stories.js","sourceRoot":"","sources":["../../../src/components/footer/footer.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,aAAa,EAAE,wCAAwC;QACvD,IAAI,EAAE,qBAAqB;QAC3B,IAAI,EAAE,SAAS;QACf,eAAe,EAAE,gBAAgB;KAClC;IACD,QAAQ,EAAE;QACR,aAAa,EAAE;YACb,WAAW,EAAE,kCAAkC;YAC/C,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,kBAAkB;aAC7B;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,+BAA+B;YAC5C,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;YAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,QAAQ,EAAE,gBAAgB;gBAC1B,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;aACF;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,+BAA+B;YAC5C,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,gBAAgB;aAC3B;SACF;QACD,eAAe,EAAE;YACf,IAAI,EAAE,WAAW;YACjB,WAAW,EAAE,2DAA2D;YACxE,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,gBAAgB;gBAC1B,IAAI,EAAC;oBACH,OAAO,EAAE,SAAS;oBAClB,MAAM,EAAE,iBAAiB;iBAC1B;aACF;SACF;KAEF;CACF,CAAC;AAEF,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE;IAC7B,OAAO;kCACyB,IAAI,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;~~gBAwBpC~~,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE;IAC3B,OAAO;8BACqB,IAAI,CAAC,aAAa;;6CAEH,IAAI,CAAC,eAAe,WAAW,IAAI,CAAC,IAAI;;;;;gBAKrE,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE;IAC3B,OAAO;gCACuB,IAAI,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAoDpC,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { icons } from '@infineon/infineon-icons';\nexport default {\n title: 'Components/Footer',\n tags: ['autodocs'],\n args: {\n copyrightText: '© 1999 - ~~2026~~ Infineon Technologies AG',\n href: 'http://infineon.com',\n icon: 'home-16',\n ariaLabelOfLink: 'Go to Homepage',\n },\n argTypes: {\n copyrightText: {\n description: 'Sets the text for the copyright.',\n control: 'text',\n table: {\n category: 'ifx-footer props',\n }\n },\n icon: {\n description: 'Sets the icon for the footer.',\n options: Object.keys(icons),\n control: { type: 'select' },\n table: {\n category: 'ifx-icon props',\n type: {\n summary: 'string'\n }\n }\n },\n href: {\n description: 'Sets the link for the footer.',\n control: 'text',\n table: {\n category: 'ifx-link props',\n },\n },\n ariaLabelOfLink: {\n name: 'ariaLabel',\n description: 'Sets the aria-label for the link. Enhances accessibility.',\n control: 'text',\n table: {\n category: 'ifx-link props',\n type:{\n summary: 'Options',\n detail: 'Follow us on...'\n }\n },\n },\n \n },\n};\n\nconst DefaultTemplate = args => {\n return `\n <ifx-footer copyright-text=\"${args.copyrightText}\">\n <div slot=\"socials\">\n <ifx-link variant=\"title\" href=\"http://facebook.com/infineon\" aria-label=\"Follow us on Facebook\">\n <ifx-icon icon=\"facebook\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://youtube.com/infineon\" aria-label=\"Follow us on Youtube\">\n <ifx-icon icon=\"youtube\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://instagram.com/infineon\" aria-label=\"Follow us on Instagram\">\n <ifx-icon icon=\"instagram\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://linkedin.com/infineon\" aria-label=\"Follow us on LinkedIn\">\n <ifx-icon icon=\"linkedin\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://xing.com/infineon\" aria-label=\"Follow us on Xing\">\n <ifx-icon icon=\"xing\"></ifx-icon>\n </ifx-link>\n </div>\n <div slot=\"info\">\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/terms\" target=\"_blank\">Terms</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/imprint\" target=\"_blank\">Imprint</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/privacy-policy\" target=\"_blank\">Privacy policy</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/glossary\" target=\"_blank\">Glossary</ifx-link>\n </div>\n </ifx-footer>`;\n};\n\nconst SmallTemplate = args => {\n return `\n<ifx-footer copyright-text=\"${args.copyrightText}\">\n <div slot=\"info\">\n <ifx-link variant=\"menu\" aria-label=\"${args.ariaLabelOfLink}\" href=\"${args.href}\" target=\"_blank\">Terms</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/imprint\" target=\"_blank\">Imprint</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/privacy-policy\" target=\"_blank\">Privacy policy</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/glossary\" target=\"_blank\">Glossary</ifx-link>\n </div>\n </ifx-footer>`;\n};\n\nconst LargeTemplate = args => {\n return `\n <ifx-footer copyright-text=\"${args.copyrightText}\">\n <ifx-footer-column slot=\"col\">\n <h5 slot=\"title\">Title</h5>\n <ifx-link href=\"#\" variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n </ifx-footer-column>\n <ifx-footer-column slot=\"col\">\n <h5 slot=\"title\">Title</h5>\n <ifx-link href=\"#\" variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n </ifx-footer-column>\n <ifx-footer-column slot=\"col\">\n <h5 slot=\"title\">Title</h5>\n <ifx-link href=\"#\" variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n </ifx-footer-column>\n <ifx-footer-column slot=\"col\">\n <h5 slot=\"title\">Title</h5>\n <ifx-link variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link variant=\"~~menu~~\" slot=\"link\">Footer Link</ifx-link>\n </ifx-footer-column>\n <div slot=\"socials\">\n <ifx-link variant=\"title\" href=\"http://facebook.com/infineon\">\n <ifx-icon icon=\"facebook\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://youtube.com/infineon\">\n <ifx-icon icon=\"youtube\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://instagram.com/infineon\">\n <ifx-icon icon=\"instagram\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://linkedin.com/infineon\">\n <ifx-icon icon=\"linkedin\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://xing.com/infineon\">\n <ifx-icon icon=\"xing\"></ifx-icon>\n </ifx-link>\n </div>\n <div slot=\"info\">\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/terms\" target=\"_blank\">Terms</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/imprint\" target=\"_blank\">Imprint</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/privacy-policy\" target=\"_blank\">Privacy policy</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/glossary\" target=\"_blank\">Glossary</ifx-link>\n </div>\n</ifx-footer>`;\n};\n\nexport const Small = SmallTemplate.bind({});\nexport const Medium = DefaultTemplate.bind({});\nexport const Large = LargeTemplate.bind({});\n"]}
1	+ {"version":3,"file":"footer.stories.js","sourceRoot":"","sources":["../../../src/components/footer/footer.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,IAAI,EAAE;QACJ,aAAa,EAAE,wCAAwC;QACvD,IAAI,EAAE,qBAAqB;QAC3B,IAAI,EAAE,SAAS;QACf,eAAe,EAAE,gBAAgB;KAClC;IACD,QAAQ,EAAE;QACR,aAAa,EAAE;YACb,WAAW,EAAE,kCAAkC;YAC/C,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,kBAAkB;aAC7B;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,+BAA+B;YAC5C,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;YAC3B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,KAAK,EAAE;gBACL,QAAQ,EAAE,gBAAgB;gBAC1B,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;aACF;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,+BAA+B;YAC5C,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,gBAAgB;aAC3B;SACF;QACD,eAAe,EAAE;YACf,IAAI,EAAE,WAAW;YACjB,WAAW,EAAE,2DAA2D;YACxE,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,gBAAgB;gBAC1B,IAAI,EAAC;oBACH,OAAO,EAAE,SAAS;oBAClB,MAAM,EAAE,iBAAiB;iBAC1B;aACF;SACF;KAEF;CACF,CAAC;AAEF,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE;IAC7B,OAAO;kCACyB,IAAI,CAAC,aAAa;;sCAEd,IAAI,CAAC,IAAI,iBAAiB,IAAI,CAAC,eAAe;yBAC3D,IAAI,CAAC,IAAI;;;;;;;;;;;;;;;;;;;;;;;;gBAwBlB,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE;IAC3B,OAAO;8BACqB,IAAI,CAAC,aAAa;;6CAEH,IAAI,CAAC,eAAe,WAAW,IAAI,CAAC,IAAI;;;;;gBAKrE,CAAC;AACjB,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE;IAC3B,OAAO;gCACuB,IAAI,CAAC,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAoDpC,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,MAAM,CAAC,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { icons } from '@infineon/infineon-icons';\nexport default {\n title: 'Components/Footer',\n tags: ['autodocs'],\n args: {\n copyrightText: '© 1999 - 2024 Infineon Technologies AG',\n href: 'http://infineon.com',\n icon: 'home-16',\n ariaLabelOfLink: 'Go to Homepage',\n },\n argTypes: {\n copyrightText: {\n description: 'Sets the text for the copyright.',\n control: 'text',\n table: {\n category: 'ifx-footer props',\n }\n },\n icon: {\n description: 'Sets the icon for the footer.',\n options: Object.keys(icons),\n control: { type: 'select' },\n table: {\n category: 'ifx-icon props',\n type: {\n summary: 'string'\n }\n }\n },\n href: {\n description: 'Sets the link for the footer.',\n control: 'text',\n table: {\n category: 'ifx-link props',\n },\n },\n ariaLabelOfLink: {\n name: 'ariaLabel',\n description: 'Sets the aria-label for the link. Enhances accessibility.',\n control: 'text',\n table: {\n category: 'ifx-link props',\n type:{\n summary: 'Options',\n detail: 'Follow us on...'\n }\n },\n },\n \n },\n};\n\nconst DefaultTemplate = args => {\n return `\n <ifx-footer copyright-text=\"${args.copyrightText}\">\n <div slot=\"socials\">\n <ifx-link variant=\"title\" href=\"${args.href}\" aria-label=\"${args.ariaLabelOfLink}\">\n <ifx-icon icon=${args.icon}></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://facebook.com/infineon\" aria-label=\"Follow us on Facebook\">\n <ifx-icon icon=\"facebook\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://youtube.com/infineon\" aria-label=\"Follow us on Youtube\">\n <ifx-icon icon=\"youtube\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://instagram.com/infineon\" aria-label=\"Follow us on Instagram\">\n <ifx-icon icon=\"instagram\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://linkedin.com/infineon\" aria-label=\"Follow us on LinkedIn\">\n <ifx-icon icon=\"linkedin\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://xing.com/infineon\" aria-label=\"Follow us on Xing\">\n <ifx-icon icon=\"xing\"></ifx-icon>\n </ifx-link>\n </div>\n <div slot=\"info\">\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/terms\" target=\"_blank\">Terms</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/imprint\" target=\"_blank\">Imprint</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/privacy-policy\" target=\"_blank\">Privacy policy</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/glossary\" target=\"_blank\">Glossary</ifx-link>\n </div>\n </ifx-footer>`;\n};\n\nconst SmallTemplate = args => {\n return `\n<ifx-footer copyright-text=\"${args.copyrightText}\">\n <div slot=\"info\">\n <ifx-link variant=\"menu\" aria-label=\"${args.ariaLabelOfLink}\" href=\"${args.href}\" target=\"_blank\">Terms</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/imprint\" target=\"_blank\">Imprint</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/privacy-policy\" target=\"_blank\">Privacy policy</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/glossary\" target=\"_blank\">Glossary</ifx-link>\n </div>\n </ifx-footer>`;\n};\n\nconst LargeTemplate = args => {\n return `\n <ifx-footer copyright-text=\"${args.copyrightText}\">\n <ifx-footer-column slot=\"col\">\n <h5 slot=\"title\">Title</h5>\n <ifx-link href=\"#\" variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n </ifx-footer-column>\n <ifx-footer-column slot=\"col\">\n <h5 slot=\"title\">Title</h5>\n <ifx-link href=\"#\" variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n </ifx-footer-column>\n <ifx-footer-column slot=\"col\">\n <h5 slot=\"title\">Title</h5>\n <ifx-link href=\"#\" variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link href=\"#\" variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n </ifx-footer-column>\n <ifx-footer-column slot=\"col\">\n <h5 slot=\"title\">Title</h5>\n <ifx-link variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n <ifx-link variant=\"underlined\" slot=\"link\">Footer Link</ifx-link>\n </ifx-footer-column>\n <div slot=\"socials\">\n <ifx-link variant=\"title\" href=\"http://facebook.com/infineon\">\n <ifx-icon icon=\"facebook\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://youtube.com/infineon\">\n <ifx-icon icon=\"youtube\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://instagram.com/infineon\">\n <ifx-icon icon=\"instagram\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://linkedin.com/infineon\">\n <ifx-icon icon=\"linkedin\"></ifx-icon>\n </ifx-link>\n <ifx-link variant=\"title\" href=\"http://xing.com/infineon\">\n <ifx-icon icon=\"xing\"></ifx-icon>\n </ifx-link>\n </div>\n <div slot=\"info\">\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/terms\" target=\"_blank\">Terms</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/imprint\" target=\"_blank\">Imprint</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/privacy-policy\" target=\"_blank\">Privacy policy</ifx-link>\n <ifx-link variant=\"menu\" href=\"https://yourwebsite.com/glossary\" target=\"_blank\">Glossary</ifx-link>\n </div>\n</ifx-footer>`;\n};\n\nexport const Small = SmallTemplate.bind({});\nexport const Medium = DefaultTemplate.bind({});\nexport const Large = LargeTemplate.bind({});\n"]}

package/dist/collection/components/indicator/indicator.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/link/link.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/modal/modal.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/navigation/navbar/navbar.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/navigation/sidebar/sidebar-item.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/navigation/sidebar/sidebar-title.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/navigation/sidebar/sidebar.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/notification/notification.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .ifx-notification__wrapper {

package/dist/collection/components/pagination/pagination.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/progress-bar/progress-bar.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/radio-button/radio-button.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/radio-button-group/radio-button-group.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .radio-button-group-container {

package/dist/collection/components/search-bar/search-bar.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/search-field/search-field.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/segmented-control/segment/segment.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .segment {

package/dist/collection/components/segmented-control/segmented-control.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .group {

package/dist/collection/components/select/multi-select/multiselect.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .ifx-multiselect-container {

package/dist/collection/components/select/single-select/select.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 /*===============================

package/dist/collection/components/slider/slider.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/status/status.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/stepper/step/step.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .step-wrapper {

package/dist/collection/components/stepper/stepper.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .stepper {

package/dist/collection/components/switch/switch.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 /* switch.css */

package/dist/collection/components/table-advanced-version/table.css CHANGED Viewed

@@ -8644,7 +8644,7 @@ input[class^=ag-][type=range]:disabled {
 }
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .zebra .ag-row-odd {

package/dist/collection/components/table-basic-version/table.css CHANGED Viewed

@@ -8644,7 +8644,7 @@ input[class^=ag-][type=range]:disabled {
 }
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .zebra .ag-row-odd {

package/dist/collection/components/tabs/tabs.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/text-field/text-field.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/textarea/textarea.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/collection/components/tooltip/tooltip.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3", 'Arial, sans-serif';
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

package/dist/components/ifx-accordion-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { A as AccordionItem, d as defineCustomElement$1 } from './p-DfEokGrI.js';
+import { A as AccordionItem, d as defineCustomElement$1 } from './p-CLqzdlSR.js';
 const IfxAccordionItem = AccordionItem;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-accordion.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { A as Accordion, d as defineCustomElement$1 } from './p-D9skJwQF.js';
+import { A as Accordion, d as defineCustomElement$1 } from './p-RF9z92mE.js';
 const IfxAccordion = Accordion;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-action-list-item.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './index.js';
 import { c as classNames } from './p-DMLRPGid.js';
-const actionListItemCss = ":root{--ifx-font-family:\"Source Sans 3\", 'Arial, sans-serif'}.action-list-item{display:flex;align-items:center;padding:8px 16px;background:#FFFFFF;transition:background-color 0.2s ease;cursor:default}.action-list-item--clickable{cursor:pointer}.action-list-item--clickable:hover:not(.action-list-item--disabled){background:#F7F7F7}.action-list-item--clickable:focus:not(.action-list-item--disabled){outline:none;background:#F7F7F7}.action-list-item--clickable:active:not(.action-list-item--disabled){background:#EEEDED}.action-list-item--disabled ::slotted(ifx-icon){color:#BFBBBB}.action-list-item--disabled ::slotted(*) ifx-icon{color:#BFBBBB}.action-list-item__leading{display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.action-list-item__content{flex:1;min-width:0}.action-list-item__title{font-weight:600;font-size:1rem;line-height:1.5rem;color:#1D1D1D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-list-item--disabled .action-list-item__title{color:#BFBBBB}.action-list-item__description{font-size:0.875rem;line-height:1.25rem;color:#575352;margin-top:2px}.action-list-item--disabled .action-list-item__description{color:#BFBBBB}.action-list-item__trailing{display:flex;align-items:center;justify-content:center;margin-left:16px;flex-shrink:0;gap:16px}";
+const actionListItemCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, sans-serif\"}.action-list-item{display:flex;align-items:center;padding:8px 16px;background:#FFFFFF;transition:background-color 0.2s ease;cursor:default}.action-list-item--clickable{cursor:pointer}.action-list-item--clickable:hover:not(.action-list-item--disabled){background:#F7F7F7}.action-list-item--clickable:focus:not(.action-list-item--disabled){outline:none;background:#F7F7F7}.action-list-item--clickable:active:not(.action-list-item--disabled){background:#EEEDED}.action-list-item--disabled ::slotted(ifx-icon){color:#BFBBBB}.action-list-item--disabled ::slotted(*) ifx-icon{color:#BFBBBB}.action-list-item__leading{display:flex;align-items:center;justify-content:center;margin-right:16px;flex-shrink:0}.action-list-item__content{flex:1;min-width:0}.action-list-item__title{font-weight:600;font-size:1rem;line-height:1.5rem;color:#1D1D1D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-list-item--disabled .action-list-item__title{color:#BFBBBB}.action-list-item__description{font-size:0.875rem;line-height:1.25rem;color:#575352;margin-top:2px}.action-list-item--disabled .action-list-item__description{color:#BFBBBB}.action-list-item__trailing{display:flex;align-items:center;justify-content:center;margin-left:16px;flex-shrink:0;gap:16px}";
 const ActionListItem = /*@__PURE__*/ proxyCustomElement(class ActionListItem extends H {
     constructor() {