@infineon/infineon-design-system-stencil 33.1.1--canary.1818.9d0a456ff7511e284942d424fe3fbe95edc8d85e.0 → 33.1.1--canary.1827.0eabedc97f4e514129bb536649b389971d5464b1.0

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

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

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

@@ -1,5 +1,6 @@
 :root {
-  font-family: "Source Sans 3", sans-serif;
+  --ifx-font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family, sans-serif);
 }
 
 :host {
@@ -10,7 +11,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/collection/index.js

@@ -1,3 +1,2 @@
-import "./global/font-import"; // CSS gets loaded
 export * from './components';
 //# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC,CAAC,kBAAkB;AACjD,cAAc,cAAc,CAAC","sourcesContent":["import './global/font-import'; // CSS gets loaded\nexport * from './components';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './components';\n"]}

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

@@ -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-94e019a6.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-5b5399c2.js';
+import { A as Accordion, d as defineCustomElement$1 } from './p-905fb988.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-f36effad.js';
+import { A as Alert, d as defineCustomElement$1 } from './p-493b7a31.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{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\";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 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,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}
+{"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}