@infineon/infineon-design-system-stencil 33.1.1--canary.1818.5df5522bb8df3d548089b44d93be80e3f4458726.0 → 33.1.1--canary.1824.75b5030250f4474f2c947b6e8dc7055bdc915c43.0

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

package/dist/collection/components/file-upload/file-upload.css

@@ -0,0 +1,144 @@
+:root {
+  --ifx-font-family: "Source Sans 3";
+  font-family: var(--ifx-font-family, sans-serif);
+}
+
+:host {
+  font-family: var(--ifx-font-family, sans-serif);
+}
+
+.file-upload-wrapper {
+  display: flex;
+  flex-direction: column;
+}
+
+.upload-dropzone {
+  border: 1px dashed #BFBBBB;
+  padding: 40px;
+  text-align: center;
+  cursor: pointer;
+  color: #1D1D1D;
+  transition: border-color 0.3s ease;
+  border-radius: 1px;
+  background: #FFFFFF;
+}
+.upload-dropzone ifx-icon {
+  color: #0A8276;
+}
+.upload-dropzone:hover {
+  border: 1px dashed #8D8786;
+}
+
+.upload-dropzone.drag-over {
+  border: 1px solid #0A8276;
+  background: #F7F7F7;
+}
+
+.upload-dropzone input {
+  display: none;
+}
+
+.file-upload-info {
+  font-style: normal;
+  font-weight: 400;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  letter-spacing: 0em;
+  color: #1D1D1D;
+  margin: 0;
+  margin-top: 4px;
+}
+
+.file-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  margin-top: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.file-item {
+  border: 1px solid #BFBBBB;
+  padding: 16px;
+  display: flex;
+  gap: 16px;
+}
+
+.file-info {
+  width: 100%;
+  min-width: 0;
+}
+
+.file-top-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  margin-top: -8px;
+}
+
+.file-top-row ifx-icon {
+  flex-shrink: 0;
+}
+
+.file-name-wrapper {
+  display: flex;
+  min-width: 0;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  font-weight: 400;
+  font-size: 0.875rem;
+}
+
+.file-name-base {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex-shrink: 1;
+  min-width: 0;
+}
+
+.file-name-ext {
+  flex-shrink: 0;
+  margin-left: 0;
+}
+
+.file-middle-row {
+  display: flex;
+  align-items: center;
+  font-size: 0.75rem;
+  line-height: 1rem;
+  flex-wrap: wrap;
+  color: #575352;
+}
+.file-middle-row .file-status {
+  margin-left: 16px;
+}
+
+.file-progress-row {
+  margin-top: 16px;
+}
+
+.file-progress-row ifx-progress-bar {
+  width: 100%;
+}
+
+.upload-success {
+  border-color: #0A8276;
+}
+.upload-success .file-status ifx-icon {
+  position: relative;
+  top: 2px;
+  color: #4CA460;
+}
+
+.upload-failed {
+  border-color: #CD002F;
+}
+.upload-failed .file-status {
+  color: #CD002F;
+  margin-left: 0;
+}