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

@infineon/infineon-design-system-stencil 33.2.1--canary.1723.b0e0253c13cf7166d5e9a69d5006845c2776873e.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 (632) hide show

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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -9,7 +9,7 @@
 .alert__info-wrapper {
   display: flex;
   padding: 16px 24px;
-  font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family);
   box-shadow: 0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);
 }
 .alert__info-wrapper .info__text-wrapper {
@@ -69,7 +69,7 @@
   border-radius: 1px;
   color: #1D1D1D;
   background-color: #FFFFFF;
-  font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family);
   box-shadow: 0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);
 }
 .alert .close-icon-wrapper {

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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -15,7 +15,7 @@
   border: 1px solid #EEEDED;
   background-color: #EEEDED;
   border-radius: 100px;
-  font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family);
   font-size: 0.875rem;
   line-height: 1.25rem;
   font-weight: 400;

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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", 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 {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .breadcrumb-parent {
@@ -33,7 +33,7 @@
 .breadcrumb-parent .breadcrumb-wrapper a {
   text-decoration: none;
   color: #1D1D1D;
-  font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family);
   font-style: normal;
   font-weight: 400;
   font-size: 0.875rem;

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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -12,7 +12,7 @@
   margin: 0px;
   display: flex;
   flex-direction: row;
-  font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family);
   font-size: 0.875rem;
   align-items: flex-start;
 }

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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -20,7 +20,7 @@
   font-weight: 600;
   border-radius: 1px;
   line-height: 1.5rem;
-  font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family);
   font-style: normal;
   text-decoration: none;
   user-select: none;

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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -16,7 +16,7 @@
 .card-headline {
   margin-top: 0;
   padding-top: 0;
-  font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family);
   font-weight: 600;
   font-size: 1.5rem;
   line-height: 2rem;

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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", 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 {
-  font-family: "Source Sans 3", 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 {
-  font-family: "Source Sans 3", 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 {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -17,7 +17,7 @@
   border-radius: 1px;
   width: 350px;
   height: auto;
-  font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family);
 }
 .card:has(.card-href:focus), .card:has(.card-href:hover) {
   outline: none;

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

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

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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .checkbox-group-container {
@@ -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/chip/chip-item/chip-item.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", 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 {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {

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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .dropdown-header {
@@ -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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .dropdown-item {
@@ -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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .col {
@@ -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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -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-title.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", 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 {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .ifx-notification__wrapper {
@@ -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/number-indicator/number-indicator.css CHANGED Viewed

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

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

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .radio-button-group-container {
@@ -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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -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/segmented-control/segment/segment.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", 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 {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .group {

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

@@ -1,11 +1,11 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 .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

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 /*===============================
@@ -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/slider/slider.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", 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 {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 :host {
@@ -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/stepper/step/step.css CHANGED Viewed

@@ -1,5 +1,5 @@
 :root {
-  font-family: "Source Sans 3", 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 {
-  font-family: "Source Sans 3", 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 {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3", "Arial, sans-serif";
 }
 /* switch.css */