npm - @infineon/infineon-design-system-stencil - Versions diffs - 33.2.1--canary.1845.491a66dcc03a541697e62d5bb63a47ca939c570b.0 → 33.2.1--canary.1845.de39875295817275c37ebbbe9222be953c888b33.0 - Mend

@infineon/infineon-design-system-stencil 33.2.1--canary.1845.491a66dcc03a541697e62d5bb63a47ca939c570b.0 → 33.2.1--canary.1845.de39875295817275c37ebbbe9222be953c888b33.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 (477) hide show

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

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

package/dist/collection/components/content-switcher/content-switcher-item.css CHANGED Viewed

@@ -5,7 +5,7 @@
   border-radius: 9999px;
   border: 3px solid transparent;
   padding: 7px 20px;
-  font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family);
   font-weight: 600;
   font-size: 14px;
   line-height: 20px;

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

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

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

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

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

@@ -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: "Source Sans 3";
+  font-family: var(--ifx-font-family);
 }
 .dropdown-menu.small {
   max-height: 266px;

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

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

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

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

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

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

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

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

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

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

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

@@ -11,7 +11,7 @@
   flex: none;
   order: 0;
   flex-grow: 0;
-  font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family);
   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: "Source Sans 3";
+  font-family: var(--ifx-font-family);
 }
 .navbar-menu.open:not(.itemInMobileMenu) {
   display: flex;
@@ -230,7 +230,7 @@
   justify-content: space-between;
   padding: 8px 16px;
   gap: 8px;
-  font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family);
 }
 .navbar__item.menuItem.hide {
   display: none;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -16,7 +16,7 @@
   order: 0;
   align-self: stretch;
   flex-grow: 0;
-  font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family);
 }
 .textInput__container.disabled .textInput__top-wrapper label {
   color: #575352;
@@ -94,7 +94,7 @@
   height: 40px;
   background-color: #FFFFFF;
   color: #1D1D1D;
-  font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family);
   font-size: 1rem;
   line-height: 1.5rem;
   border: 1px solid #8D8786;

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-2cc378b8.js';
-const badgeCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, 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:\"Source Sans 3\";font-size:0.875rem;line-height:1.25rem;font-weight:400;color:#1D1D1D}";
+const badgeCss = ":root{--ifx-font-family:\"Source Sans 3\", \"Arial, 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 IfxBadgeStyle0 = badgeCss;
 const Badge = /*@__PURE__*/ proxyCustomElement(class Badge extends H {

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

	@@ -1 +1 @@
1	- {"file":"ifx-badge.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,~~8WAA8W~~,CAAC;~~AAChY~~,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: 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}
1	+ {"file":"ifx-badge.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,mXAAmX,CAAC;AACrY,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\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}