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/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

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

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

@@ -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 @@
 .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

@@ -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 @@
   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

@@ -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 @@
   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/textarea/textarea.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/tooltip/tooltip.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 @@
   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-accordion-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { I as IfxAccordionItem$1, d as defineCustomElement$1 } from './p-7c7a5393.js';
+import { I as IfxAccordionItem$1, d as defineCustomElement$1 } from './p-f309fc91.js';
 const IfxAccordionItem = IfxAccordionItem$1;
 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-5b5399c2.js';
+import { A as Accordion, d as defineCustomElement$1 } from './p-9346ec80.js';
 const IfxAccordion = Accordion;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { A as Alert, d as defineCustomElement$1 } from './p-f36effad.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{font-family:\"Source Sans 3\", 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,~~6VAA6V~~,CAAC;~~AAC/W~~,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}