@infineon/infineon-design-system-stencil 33.1.1--canary.1804.4db5a203a5155eeaa530f6fcf69f064532731762.0 → 33.1.1--canary.1818.5df5522bb8df3d548089b44d93be80e3f4458726.0

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

@@ -18,7 +18,7 @@
   border-radius: 1px;
   width: 350px;
   height: auto;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .card:has(.card-href:focus), .card:has(.card-href:hover) {
   outline: none;

package/dist/collection/components/checkbox/checkbox.css

@@ -10,7 +10,7 @@
   align-items: top;
   padding: 0px;
   gap: 8px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .checkbox__container .checkbox__wrapper {
   box-sizing: border-box;

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

@@ -10,7 +10,7 @@
 
 .checkbox-group {
   display: flex;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
   gap: 8px;
 }
 .checkbox-group.horizontal {

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

@@ -10,11 +10,11 @@
   gap: 8px;
   align-self: stretch;
   border-bottom: 1px solid #EEEDED;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .dropdown-header span {
   color: #575352;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
   font-size: 14px;
   font-style: normal;
   font-weight: 400;

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

@@ -10,7 +10,7 @@
   align-items: center;
   padding: 8px 16px;
   gap: 8px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .dropdown-item.hide {
   display: none;

package/dist/collection/components/dropdown/dropdown-menu/dropdown-menu.css

@@ -15,7 +15,7 @@
   box-shadow: 0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);
   border: 1px solid #EEEDED;
   padding: 8px 0px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .dropdown-menu.small {
   max-height: 266px;

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

@@ -9,7 +9,7 @@
   gap: 12px;
   padding-right: 8px;
   color: #1D1D1D;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .col ::slotted([slot=title]) {
   box-sizing: border-box;

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

@@ -15,7 +15,7 @@
   justify-content: center;
   align-items: center;
   background-color: #FFFFFF;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .footer__container .footer__wrapper {
   display: flex;

package/dist/collection/components/icon-button/icon-button.css

@@ -16,7 +16,7 @@
   border-radius: 1px;
   line-height: 1.5rem;
   outline: none;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
   text-decoration: none;
   user-select: none;
   border: 1px solid rgba(0, 0, 0, 0);

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

@@ -16,7 +16,7 @@
   color: #0A8276;
   gap: 8px;
   line-height: 1.6;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .link:hover {
   cursor: pointer;

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

@@ -18,7 +18,7 @@
   height: 100%;
   z-index: 1060;
   overflow-y: auto;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 
 .modal-container.open {

package/dist/collection/components/navigation/navbar/navbar-item.css

@@ -11,7 +11,7 @@
   flex: none;
   order: 0;
   flex-grow: 0;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
   text-decoration: none;
   font-weight: 400;
   font-size: 16px;
@@ -184,7 +184,7 @@
   box-shadow: 0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);
   border: 1px solid #EEEDED;
   padding: 8px 0px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .navbar-menu.open:not(.itemInMobileMenu) {
   display: flex;
@@ -230,7 +230,7 @@
   justify-content: space-between;
   padding: 8px 16px;
   gap: 8px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .navbar__item.menuItem.hide {
   display: none;

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

@@ -9,7 +9,7 @@
 }
 
 .navbar__wrapper {
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
   height: 63px;
   position: sticky;
   z-index: 1030;
@@ -223,7 +223,7 @@
   padding: 8px 40px;
   gap: 16px;
   background-color: #FFFFFF;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .navbar__container.expanded {
   justify-content: initial;

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

@@ -55,7 +55,7 @@
   text-decoration: none;
   color: #1D1D1D;
   cursor: pointer;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .sidebar__nav-item.extra-padding__bottom {
   padding: 8px 0px 16px 0px;

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

@@ -18,7 +18,7 @@
   border-right: 1px solid #EEEDED;
   width: 264px;
   height: 100%;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .sidebar__container .sidebar__top-container {
   display: flex;

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

@@ -9,7 +9,7 @@
   align-items: center;
   padding: 8px 16px;
   background-color: #FFFFFF;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
   color: #1D1D1D;
   border: 1px solid #EEEDED;
 }

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

@@ -13,7 +13,7 @@
   justify-content: center;
   align-items: center;
   gap: 32px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .container .items__per-page-wrapper {
   display: flex;

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

@@ -20,7 +20,7 @@
   width: 100%;
   overflow: hidden;
   background-color: #EEEDED;
-  font-family: var(--ifx-font-family, sans-serif);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .progress-bar.s {
   height: 4px;

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

@@ -28,7 +28,7 @@
   padding: 0px;
   gap: 8px;
   cursor: pointer;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .radioButton__container.m .radioButton__wrapper {
   width: 24px;

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

@@ -10,7 +10,7 @@
 
 .radio-button-group {
   display: flex;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
   gap: 8px;
 }
 .radio-button-group.horizontal {

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

@@ -16,7 +16,7 @@
   flex-direction: row;
   align-items: center;
   width: 100%;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .search-bar.closed {
   display: flex;

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

@@ -11,7 +11,7 @@
   box-sizing: border-box;
   background-color: #FFFFFF;
   width: 100%;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .search-field .search-field__wrapper {
   box-sizing: border-box;

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

@@ -6,7 +6,7 @@
 .ifx-multiselect-container {
   position: relative;
   box-sizing: border-box;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .ifx-multiselect-container.small-select {
   height: 36px;

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

@@ -8,7 +8,7 @@
 ===============================*/
 .ifx-select-container {
   box-sizing: border-box;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
   /*
   START Select options: item alignment
   */

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

@@ -13,7 +13,7 @@
   align-items: center;
   padding: 0 8px;
   border-radius: 9999px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .container.no-border {
   padding: 0;

package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.css

@@ -5,7 +5,7 @@
   align-items: flex-start;
   align-self: stretch;
   gap: 4px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
   background: #EEEDED;
 }
 
@@ -15,7 +15,7 @@
   align-items: flex-start;
   align-self: stretch;
   gap: 4px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 
 .topbar-filter-search-wrapper ifx-search-field {

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

@@ -8794,7 +8794,7 @@ input[class^=ag-][type=range]:disabled {
   font-weight: 600;
   line-height: 20px;
   color: #1D1D1D;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 
 .ag-row-focus {

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

@@ -8734,7 +8734,7 @@ input[class^=ag-][type=range]:disabled {
   font-weight: 600;
   line-height: 20px;
   color: #1D1D1D;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 
 .ag-row-focus {

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

@@ -9,7 +9,7 @@
 
 .tabs {
   display: flex;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
   width: 100%;
 }
 

package/dist/collection/components/tag/tag.css

@@ -15,7 +15,7 @@
   border-radius: 9999px;
   background-color: #FFFFFF;
   gap: 8px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .container:hover {
   cursor: pointer;

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

@@ -17,7 +17,7 @@
   order: 0;
   align-self: stretch;
   flex-grow: 0;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .textInput__container.disabled .textInput__top-wrapper label {
   color: #575352;

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

@@ -11,7 +11,7 @@
   display: inline-flex;
   flex-direction: column;
   position: relative;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 
 .tooltip-extended, .tooltip-compact, .tooltip-dismissible {

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

@@ -1,4 +1,4 @@
-import { I as IfxAccordionItem$1, d as defineCustomElement$1 } from './p-94e019a6.js';
+import { I as IfxAccordionItem$1, d as defineCustomElement$1 } from './p-0bdd8c1f.js';
 
 const IfxAccordionItem = IfxAccordionItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-accordion.js

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

package/dist/components/ifx-alert.js

@@ -1,4 +1,4 @@
-import { A as Alert, d as defineCustomElement$1 } from './p-493b7a31.js';
+import { A as Alert, d as defineCustomElement$1 } from './p-f9e92fd3.js';
 
 const IfxAlert = Alert;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/ifx-badge.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-2cc378b8.js';
 
-const badgeCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.badge__container{display:inline-flex;justify-content:center;align-items:center;padding:4px 8px;gap:8px;border:1px solid #EEEDED;background-color:#EEEDED;border-radius:100px;font-family:var(--ifx-font-family);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:#1D1D1D}";
+const badgeCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.badge__container{display:inline-flex;justify-content:center;align-items:center;padding:4px 8px;gap:8px;border:1px solid #EEEDED;background-color:#EEEDED;border-radius:100px;font-family:var(--ifx-font-family, Source Sans 3);font-size:0.875rem;line-height:1.25rem;font-weight:400;color:#1D1D1D}";
 const IfxBadgeStyle0 = badgeCss;
 
 const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends H {

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

@@ -1 +1 @@
-{"file":"ifx-badge.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,2YAA2Y,CAAC;AAC7Z,uBAAe,QAAQ;;MCMV,KAAK;;;;;;IAIhB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,8DAAQ,CACJ,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/badge/badge.scss?tag=ifx-badge&encapsulation=shadow","src/components/badge/badge.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: inline-flex;\n}\n\n.badge__container {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 4px 8px;\n  gap: tokens.$ifxSpace100;\n  border: 1px solid tokens.$ifxColorEngineering200;\n  background-color: tokens.$ifxColorEngineering200;\n  border-radius: 100px;\n  font-family: var(--ifx-font-family);\n  font-size: tokens.$ifxFontSizeS;\n  line-height: tokens.$ifxLineHeightS;\n  font-weight: 400;\n  color: tokens.$ifxColorBaseBlack;\n}","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-badge',\n  styleUrl: 'badge.scss',\n  shadow: true\n})\nexport class Badge {\n\n\n\n  render() {\n    return (\n      <div class=\"badge__container\">\n        <slot />\n      </div>\n    );\n  }\n}"],"version":3}
+{"file":"ifx-badge.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,0ZAA0Z,CAAC;AAC5a,uBAAe,QAAQ;;MCMV,KAAK;;;;;;IAIhB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,kBAAkB,IAC3B,8DAAQ,CACJ,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/badge/badge.scss?tag=ifx-badge&encapsulation=shadow","src/components/badge/badge.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: inline-flex;\n}\n\n.badge__container {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 4px 8px;\n  gap: tokens.$ifxSpace100;\n  border: 1px solid tokens.$ifxColorEngineering200;\n  background-color: tokens.$ifxColorEngineering200;\n  border-radius: 100px;\n  font-family: var(--ifx-font-family, #{tokens.$ifxFontFamilyBody});\n  font-size: tokens.$ifxFontSizeS;\n  line-height: tokens.$ifxLineHeightS;\n  font-weight: 400;\n  color: tokens.$ifxColorBaseBlack;\n}","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-badge',\n  styleUrl: 'badge.scss',\n  shadow: true\n})\nexport class Badge {\n\n\n\n  render() {\n    return (\n      <div class=\"badge__container\">\n        <slot />\n      </div>\n    );\n  }\n}"],"version":3}