@infineon/infineon-design-system-stencil 32.4.0--canary.1747.df525c53ce5926a0a4f401c77dfc4c9426f11772.0 → 32.4.0--canary.1745.3f2afbb2e7f8c07bd24343750581aca875f0c1d3.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.
- package/dist/cjs/ifx-accordion_2.cjs.entry.js +1 -1
- package/dist/cjs/ifx-alert_2.cjs.entry.js +2 -2
- package/dist/cjs/ifx-badge.cjs.entry.js +1 -1
- package/dist/cjs/ifx-basic-table.cjs.entry.js +2 -2
- package/dist/cjs/ifx-breadcrumb-item-label.cjs.entry.js +1 -1
- package/dist/cjs/ifx-breadcrumb-item.cjs.entry.js +1 -1
- package/dist/cjs/ifx-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ifx-button.cjs.entry.js +1 -1
- package/dist/cjs/ifx-card-headline.cjs.entry.js +1 -1
- package/dist/cjs/ifx-card-image.cjs.entry.js +1 -1
- package/dist/cjs/ifx-card-links.cjs.entry.js +1 -1
- package/dist/cjs/ifx-card-overline.cjs.entry.js +1 -1
- package/dist/cjs/ifx-card-text.cjs.entry.js +1 -1
- package/dist/cjs/ifx-card.cjs.entry.js +1 -1
- package/dist/cjs/ifx-checkbox-group.cjs.entry.js +1 -1
- package/dist/cjs/ifx-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/ifx-chip_3.cjs.entry.js +2 -2
- package/dist/cjs/ifx-content-switcher-item.cjs.entry.js +1 -1
- package/dist/cjs/ifx-content-switcher.cjs.entry.js +1 -1
- package/dist/cjs/ifx-date-picker.cjs.entry.js +1 -1
- package/dist/cjs/ifx-download.cjs.entry.js +24 -0
- package/dist/cjs/ifx-download.cjs.entry.js.map +1 -0
- package/dist/cjs/ifx-dropdown-header.cjs.entry.js +2 -2
- package/dist/cjs/ifx-dropdown-item.cjs.entry.js +2 -2
- package/dist/cjs/ifx-dropdown-menu.cjs.entry.js +3 -3
- package/dist/cjs/ifx-dropdown-separator.cjs.entry.js +2 -2
- package/dist/cjs/ifx-dropdown-trigger-button.cjs.entry.js +3 -3
- package/dist/cjs/ifx-dropdown-trigger.cjs.entry.js +2 -2
- package/dist/cjs/ifx-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/ifx-faq.cjs.entry.js +2 -2
- package/dist/cjs/ifx-filter-accordion.cjs.entry.js +3 -3
- package/dist/cjs/ifx-filter-bar.cjs.entry.js +2 -2
- package/dist/cjs/ifx-filter-search.cjs.entry.js +2 -2
- package/dist/cjs/ifx-filter-type-group.cjs.entry.js +2 -2
- package/dist/cjs/ifx-footer-column.cjs.entry.js +2 -2
- package/dist/cjs/ifx-footer.cjs.entry.js +5 -5
- package/dist/cjs/ifx-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/ifx-icon.cjs.entry.js +2 -2
- package/dist/cjs/ifx-icons-preview.cjs.entry.js +2 -2
- package/dist/cjs/ifx-link.cjs.entry.js +2 -2
- package/dist/cjs/ifx-list-entry.cjs.entry.js +2 -2
- package/dist/cjs/ifx-list.cjs.entry.js +1 -1
- package/dist/cjs/ifx-modal.cjs.entry.js +3 -3
- package/dist/cjs/ifx-multiselect.cjs.entry.js +1 -1
- package/dist/cjs/ifx-navbar-item.cjs.entry.js +3 -3
- package/dist/cjs/ifx-navbar-profile.cjs.entry.js +4 -4
- package/dist/cjs/ifx-navbar.cjs.entry.js +4 -4
- package/dist/cjs/ifx-notification.cjs.entry.js +3 -3
- package/dist/cjs/ifx-number-indicator.cjs.entry.js +2 -2
- package/dist/cjs/ifx-overview-table.cjs.entry.js +2 -2
- package/dist/cjs/ifx-progress-bar.cjs.entry.js +2 -2
- package/dist/cjs/ifx-radio-button-group.cjs.entry.js +2 -2
- package/dist/cjs/ifx-radio-button.cjs.entry.js +3 -3
- package/dist/cjs/ifx-search-bar.cjs.entry.js +2 -2
- package/dist/cjs/ifx-search-field.cjs.entry.js +2 -2
- package/dist/cjs/ifx-segment.cjs.entry.js +2 -2
- package/dist/cjs/ifx-segmented-control.cjs.entry.js +3 -3
- package/dist/cjs/ifx-select.cjs.entry.js +3 -3
- package/dist/cjs/ifx-set-filter.cjs.entry.js +1 -1
- package/dist/cjs/ifx-sidebar-item.cjs.entry.js +6 -6
- package/dist/cjs/ifx-sidebar-title.cjs.entry.js +2 -2
- package/dist/cjs/ifx-sidebar.cjs.entry.js +6 -6
- package/dist/cjs/ifx-slider.cjs.entry.js +3 -3
- package/dist/cjs/ifx-spinner_2.cjs.entry.js +7 -7
- package/dist/cjs/ifx-status.cjs.entry.js +2 -2
- package/dist/cjs/ifx-step.cjs.entry.js +5 -5
- package/dist/cjs/ifx-stepper.cjs.entry.js +3 -3
- package/dist/cjs/ifx-switch.cjs.entry.js +2 -2
- package/dist/cjs/ifx-tab.cjs.entry.js +2 -2
- package/dist/cjs/ifx-table.cjs.entry.js +3 -3
- package/dist/cjs/ifx-tabs.cjs.entry.js +3 -3
- package/dist/cjs/ifx-tag.cjs.entry.js +2 -2
- package/dist/cjs/ifx-templates-ui.cjs.entry.js +2 -2
- package/dist/cjs/ifx-textarea.cjs.entry.js +2 -2
- package/dist/cjs/ifx-tooltip.cjs.entry.js +5 -5
- package/dist/cjs/{index-fd65f27c.js → index-1ce5aae1.js} +147 -216
- package/dist/cjs/index-1ce5aae1.js.map +1 -0
- package/dist/cjs/infineon-design-system-stencil.cjs.js +3 -3
- package/dist/cjs/infineon-design-system-stencil.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/download/download.css +0 -0
- package/dist/collection/components/download/download.js +47 -0
- package/dist/collection/components/download/download.js.map +1 -0
- package/dist/collection/components/download/download.stories.js +8 -0
- package/dist/collection/components/download/download.stories.js.map +1 -0
- package/dist/collection/components/dropdown/dropdown-header/dropdown-header.js +1 -1
- package/dist/collection/components/dropdown/dropdown-item/dropdown-item.js +1 -1
- package/dist/collection/components/dropdown/dropdown-menu/dropdown-menu.js +2 -2
- package/dist/collection/components/dropdown/dropdown-seperator/dropdown-separator.js +1 -1
- package/dist/collection/components/dropdown/dropdown-trigger/dropdown-trigger.js +1 -1
- package/dist/collection/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.js +2 -2
- package/dist/collection/components/dropdown/dropdown.js +1 -1
- package/dist/collection/components/footer/footer-column.js +1 -1
- package/dist/collection/components/footer/footer.js +4 -4
- package/dist/collection/components/icon/infineonIconStencil.js +1 -1
- package/dist/collection/components/icon-button/icon-button.js +1 -1
- package/dist/collection/components/icons-preview/icons-preview.js +1 -1
- package/dist/collection/components/link/link.js +1 -1
- package/dist/collection/components/modal/modal.js +2 -2
- package/dist/collection/components/navigation/navbar/navbar-item.js +2 -2
- package/dist/collection/components/navigation/navbar/navbar-profile.js +3 -3
- package/dist/collection/components/navigation/navbar/navbar.js +3 -3
- package/dist/collection/components/navigation/sidebar/sidebar-item.js +5 -5
- package/dist/collection/components/navigation/sidebar/sidebar-title.js +1 -1
- package/dist/collection/components/navigation/sidebar/sidebar.js +5 -5
- package/dist/collection/components/notification/notification.js +2 -2
- package/dist/collection/components/number-indicator/number-indicator.js +1 -1
- package/dist/collection/components/overview-table/overview-table.js +1 -1
- package/dist/collection/components/pagination/pagination.js +1 -1
- package/dist/collection/components/progress-bar/progress-bar.js +1 -1
- package/dist/collection/components/radio-button/radio-button.js +2 -2
- package/dist/collection/components/radio-button-group/radio-button-group.js +1 -1
- package/dist/collection/components/search-bar/search-bar.js +1 -1
- package/dist/collection/components/search-field/search-field.js +1 -1
- package/dist/collection/components/segmented-control/segment/segment.js +1 -1
- package/dist/collection/components/segmented-control/segmented-control.js +2 -2
- package/dist/collection/components/select/single-select/select.js +2 -2
- package/dist/collection/components/slider/slider.js +2 -2
- package/dist/collection/components/spinner/spinner.js +2 -2
- package/dist/collection/components/status/status.js +1 -1
- package/dist/collection/components/stepper/step/step.js +4 -4
- package/dist/collection/components/stepper/stepper.js +2 -2
- package/dist/collection/components/switch/switch.js +1 -1
- package/dist/collection/components/table-advanced-version/filter-bar/filter-bar.js +1 -1
- package/dist/collection/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js +2 -2
- package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.js +1 -1
- package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.js +1 -1
- package/dist/collection/components/table-advanced-version/list/list-entry/list-entry.js +1 -1
- package/dist/collection/components/table-advanced-version/table.js +2 -2
- package/dist/collection/components/table-basic-version/table.js +1 -1
- package/dist/collection/components/tabs/tab.js +1 -1
- package/dist/collection/components/tabs/tabs.js +2 -2
- package/dist/collection/components/tag/tag.js +1 -1
- package/dist/collection/components/templates/template/template.js +1 -1
- package/dist/collection/components/templates/templates-ui/templates-ui.js +1 -1
- package/dist/collection/components/text-field/text-field.js +4 -4
- package/dist/collection/components/textarea/textarea.js +1 -1
- package/dist/collection/components/tooltip/tooltip.js +4 -4
- package/dist/collection/stories/setup-and-installation/faq/faq.js +1 -1
- package/dist/components/ifx-accordion-item.js +1 -1
- package/dist/components/ifx-accordion.js +1 -1
- package/dist/components/ifx-alert.js +1 -1
- package/dist/components/ifx-badge.js +1 -1
- package/dist/components/ifx-basic-table.js +2 -2
- package/dist/components/ifx-breadcrumb-item-label.js +2 -2
- package/dist/components/ifx-breadcrumb-item.js +1 -1
- package/dist/components/ifx-breadcrumb.js +1 -1
- package/dist/components/ifx-button.js +1 -1
- package/dist/components/ifx-card-headline.js +1 -1
- package/dist/components/ifx-card-image.js +1 -1
- package/dist/components/ifx-card-links.js +1 -1
- package/dist/components/ifx-card-overline.js +1 -1
- package/dist/components/ifx-card-text.js +1 -1
- package/dist/components/ifx-card.js +1 -1
- package/dist/components/ifx-checkbox-group.js +2 -2
- package/dist/components/ifx-checkbox.js +1 -1
- package/dist/components/ifx-chip-item.js +1 -1
- package/dist/components/ifx-chip.js +1 -1
- package/dist/components/ifx-content-switcher-item.js +1 -1
- package/dist/components/ifx-content-switcher.js +1 -1
- package/dist/components/ifx-date-picker.js +2 -2
- package/dist/components/ifx-download.d.ts +11 -0
- package/dist/components/ifx-download.js +40 -0
- package/dist/components/ifx-download.js.map +1 -0
- package/dist/components/ifx-dropdown-header.js +2 -2
- package/dist/components/ifx-dropdown-item.js +3 -3
- package/dist/components/ifx-dropdown-menu.js +3 -3
- package/dist/components/ifx-dropdown-separator.js +1 -1
- package/dist/components/ifx-dropdown-trigger-button.js +5 -5
- package/dist/components/ifx-dropdown-trigger.js +2 -2
- package/dist/components/ifx-dropdown.js +2 -2
- package/dist/components/ifx-faq.js +5 -5
- package/dist/components/ifx-filter-accordion.js +5 -5
- package/dist/components/ifx-filter-bar.js +4 -4
- package/dist/components/ifx-filter-search.js +4 -4
- package/dist/components/ifx-filter-type-group.js +2 -2
- package/dist/components/ifx-footer-column.js +2 -2
- package/dist/components/ifx-footer.js +5 -5
- package/dist/components/ifx-icon-button.js +1 -1
- package/dist/components/ifx-icon.js +1 -1
- package/dist/components/ifx-icons-preview.js +5 -5
- package/dist/components/ifx-link.js +1 -1
- package/dist/components/ifx-list-entry.js +5 -5
- package/dist/components/ifx-list.js +3 -3
- package/dist/components/ifx-modal.js +5 -5
- package/dist/components/ifx-multiselect.js +1 -1
- package/dist/components/ifx-navbar-item.js +4 -4
- package/dist/components/ifx-navbar-profile.js +4 -4
- package/dist/components/ifx-navbar.js +5 -5
- package/dist/components/ifx-notification.js +1 -1
- package/dist/components/ifx-number-indicator.js +1 -1
- package/dist/components/ifx-overview-table.js +5 -5
- package/dist/components/ifx-pagination.js +1 -1
- package/dist/components/ifx-progress-bar.js +2 -2
- package/dist/components/ifx-radio-button-group.js +3 -3
- package/dist/components/ifx-radio-button.js +1 -1
- package/dist/components/ifx-search-bar.js +4 -4
- package/dist/components/ifx-search-field.js +1 -1
- package/dist/components/ifx-segment.js +3 -3
- package/dist/components/ifx-segmented-control.js +4 -4
- package/dist/components/ifx-select.js +1 -1
- package/dist/components/ifx-set-filter.js +7 -7
- package/dist/components/ifx-sidebar-item.js +8 -8
- package/dist/components/ifx-sidebar-title.js +2 -2
- package/dist/components/ifx-sidebar.js +6 -6
- package/dist/components/ifx-slider.js +4 -4
- package/dist/components/ifx-spinner.js +1 -1
- package/dist/components/ifx-status.js +2 -2
- package/dist/components/ifx-step.js +6 -6
- package/dist/components/ifx-stepper.js +3 -3
- package/dist/components/ifx-switch.js +2 -2
- package/dist/components/ifx-tab.js +2 -2
- package/dist/components/ifx-table.js +12 -12
- package/dist/components/ifx-tabs.js +4 -4
- package/dist/components/ifx-tag.js +3 -3
- package/dist/components/ifx-template.js +1 -1
- package/dist/components/ifx-templates-ui.js +10 -10
- package/dist/components/ifx-text-field.js +1 -1
- package/dist/components/ifx-textarea.js +2 -2
- package/dist/components/ifx-tooltip.js +6 -6
- package/dist/components/index.js +1 -1
- package/dist/components/{p-45147714.js → p-007e8e8a.js} +4 -4
- package/dist/components/{p-45147714.js.map → p-007e8e8a.js.map} +1 -1
- package/dist/components/{p-e9224ae6.js → p-0c378d6f.js} +3 -3
- package/dist/components/{p-e9224ae6.js.map → p-0c378d6f.js.map} +1 -1
- package/dist/components/{p-b992ce2a.js → p-11a4b45e.js} +4 -4
- package/dist/components/{p-b992ce2a.js.map → p-11a4b45e.js.map} +1 -1
- package/dist/components/{p-67fba5f0.js → p-160033dc.js} +3 -3
- package/dist/components/{p-67fba5f0.js.map → p-160033dc.js.map} +1 -1
- package/dist/components/{p-71e48da4.js → p-2424d547.js} +3 -3
- package/dist/components/{p-71e48da4.js.map → p-2424d547.js.map} +1 -1
- package/dist/components/{p-999675bd.js → p-29c6073f.js} +8 -8
- package/dist/components/{p-999675bd.js.map → p-29c6073f.js.map} +1 -1
- package/dist/components/{p-e27afc39.js → p-2c4a9546.js} +6 -6
- package/dist/components/{p-e27afc39.js.map → p-2c4a9546.js.map} +1 -1
- package/dist/components/{p-8061889d.js → p-2f29e88e.js} +3 -3
- package/dist/components/{p-8061889d.js.map → p-2f29e88e.js.map} +1 -1
- package/dist/components/{p-e50b886c.js → p-2fc4d89e.js} +3 -3
- package/dist/components/{p-e50b886c.js.map → p-2fc4d89e.js.map} +1 -1
- package/dist/components/{p-5bdfab59.js → p-3319980f.js} +5 -5
- package/dist/components/{p-5bdfab59.js.map → p-3319980f.js.map} +1 -1
- package/dist/components/{p-7457cc7b.js → p-4a121352.js} +2 -2
- package/dist/components/{p-7457cc7b.js.map → p-4a121352.js.map} +1 -1
- package/dist/components/{p-b1236367.js → p-4d53fc19.js} +6 -6
- package/dist/components/{p-b1236367.js.map → p-4d53fc19.js.map} +1 -1
- package/dist/components/{p-5781ef8e.js → p-5c6c8db1.js} +4 -4
- package/dist/components/{p-5781ef8e.js.map → p-5c6c8db1.js.map} +1 -1
- package/dist/components/{p-e7fb49ea.js → p-6ad0aace.js} +4 -4
- package/dist/components/{p-e7fb49ea.js.map → p-6ad0aace.js.map} +1 -1
- package/dist/components/{p-14d53643.js → p-6f140151.js} +7 -7
- package/dist/components/{p-14d53643.js.map → p-6f140151.js.map} +1 -1
- package/dist/components/{p-7d5eaed2.js → p-81b56546.js} +4 -4
- package/dist/components/{p-7d5eaed2.js.map → p-81b56546.js.map} +1 -1
- package/dist/components/{p-31fba939.js → p-aec5b8b0.js} +3 -3
- package/dist/components/{p-31fba939.js.map → p-aec5b8b0.js.map} +1 -1
- package/dist/components/{p-afd3b864.js → p-b6e5ec90.js} +5 -5
- package/dist/components/{p-afd3b864.js.map → p-b6e5ec90.js.map} +1 -1
- package/dist/components/{p-52a921b4.js → p-c7cced92.js} +2 -2
- package/dist/components/{p-52a921b4.js.map → p-c7cced92.js.map} +1 -1
- package/dist/components/{p-721375ff.js → p-cb77fa81.js} +3 -3
- package/dist/components/{p-721375ff.js.map → p-cb77fa81.js.map} +1 -1
- package/dist/components/{p-cc5dab24.js → p-ccbaa65b.js} +4 -4
- package/dist/components/{p-cc5dab24.js.map → p-ccbaa65b.js.map} +1 -1
- package/dist/components/{p-9b78d37b.js → p-e27586b6.js} +149 -206
- package/dist/components/p-e27586b6.js.map +1 -0
- package/dist/esm/ifx-accordion_2.entry.js +1 -1
- package/dist/esm/ifx-alert_2.entry.js +2 -2
- package/dist/esm/ifx-badge.entry.js +1 -1
- package/dist/esm/ifx-basic-table.entry.js +2 -2
- package/dist/esm/ifx-breadcrumb-item-label.entry.js +1 -1
- package/dist/esm/ifx-breadcrumb-item.entry.js +1 -1
- package/dist/esm/ifx-breadcrumb.entry.js +1 -1
- package/dist/esm/ifx-button.entry.js +1 -1
- package/dist/esm/ifx-card-headline.entry.js +1 -1
- package/dist/esm/ifx-card-image.entry.js +1 -1
- package/dist/esm/ifx-card-links.entry.js +1 -1
- package/dist/esm/ifx-card-overline.entry.js +1 -1
- package/dist/esm/ifx-card-text.entry.js +1 -1
- package/dist/esm/ifx-card.entry.js +1 -1
- package/dist/esm/ifx-checkbox-group.entry.js +1 -1
- package/dist/esm/ifx-checkbox.entry.js +1 -1
- package/dist/esm/ifx-chip_3.entry.js +2 -2
- package/dist/esm/ifx-content-switcher-item.entry.js +1 -1
- package/dist/esm/ifx-content-switcher.entry.js +1 -1
- package/dist/esm/ifx-date-picker.entry.js +1 -1
- package/dist/esm/ifx-download.entry.js +20 -0
- package/dist/esm/ifx-download.entry.js.map +1 -0
- package/dist/esm/ifx-dropdown-header.entry.js +2 -2
- package/dist/esm/ifx-dropdown-item.entry.js +2 -2
- package/dist/esm/ifx-dropdown-menu.entry.js +3 -3
- package/dist/esm/ifx-dropdown-separator.entry.js +2 -2
- package/dist/esm/ifx-dropdown-trigger-button.entry.js +3 -3
- package/dist/esm/ifx-dropdown-trigger.entry.js +2 -2
- package/dist/esm/ifx-dropdown.entry.js +2 -2
- package/dist/esm/ifx-faq.entry.js +2 -2
- package/dist/esm/ifx-filter-accordion.entry.js +3 -3
- package/dist/esm/ifx-filter-bar.entry.js +2 -2
- package/dist/esm/ifx-filter-search.entry.js +2 -2
- package/dist/esm/ifx-filter-type-group.entry.js +2 -2
- package/dist/esm/ifx-footer-column.entry.js +2 -2
- package/dist/esm/ifx-footer.entry.js +5 -5
- package/dist/esm/ifx-icon-button.entry.js +2 -2
- package/dist/esm/ifx-icon.entry.js +2 -2
- package/dist/esm/ifx-icons-preview.entry.js +2 -2
- package/dist/esm/ifx-link.entry.js +2 -2
- package/dist/esm/ifx-list-entry.entry.js +2 -2
- package/dist/esm/ifx-list.entry.js +1 -1
- package/dist/esm/ifx-modal.entry.js +3 -3
- package/dist/esm/ifx-multiselect.entry.js +1 -1
- package/dist/esm/ifx-navbar-item.entry.js +3 -3
- package/dist/esm/ifx-navbar-profile.entry.js +4 -4
- package/dist/esm/ifx-navbar.entry.js +4 -4
- package/dist/esm/ifx-notification.entry.js +3 -3
- package/dist/esm/ifx-number-indicator.entry.js +2 -2
- package/dist/esm/ifx-overview-table.entry.js +2 -2
- package/dist/esm/ifx-progress-bar.entry.js +2 -2
- package/dist/esm/ifx-radio-button-group.entry.js +2 -2
- package/dist/esm/ifx-radio-button.entry.js +3 -3
- package/dist/esm/ifx-search-bar.entry.js +2 -2
- package/dist/esm/ifx-search-field.entry.js +2 -2
- package/dist/esm/ifx-segment.entry.js +2 -2
- package/dist/esm/ifx-segmented-control.entry.js +3 -3
- package/dist/esm/ifx-select.entry.js +3 -3
- package/dist/esm/ifx-set-filter.entry.js +1 -1
- package/dist/esm/ifx-sidebar-item.entry.js +6 -6
- package/dist/esm/ifx-sidebar-title.entry.js +2 -2
- package/dist/esm/ifx-sidebar.entry.js +6 -6
- package/dist/esm/ifx-slider.entry.js +3 -3
- package/dist/esm/ifx-spinner_2.entry.js +7 -7
- package/dist/esm/ifx-status.entry.js +2 -2
- package/dist/esm/ifx-step.entry.js +5 -5
- package/dist/esm/ifx-stepper.entry.js +3 -3
- package/dist/esm/ifx-switch.entry.js +2 -2
- package/dist/esm/ifx-tab.entry.js +2 -2
- package/dist/esm/ifx-table.entry.js +3 -3
- package/dist/esm/ifx-tabs.entry.js +3 -3
- package/dist/esm/ifx-tag.entry.js +2 -2
- package/dist/esm/ifx-templates-ui.entry.js +2 -2
- package/dist/esm/ifx-textarea.entry.js +2 -2
- package/dist/esm/ifx-tooltip.entry.js +5 -5
- package/dist/esm/{index-5ee763b8.js → index-b4eaf00e.js} +147 -216
- package/dist/esm/index-b4eaf00e.js.map +1 -0
- package/dist/esm/infineon-design-system-stencil.js +4 -4
- package/dist/esm/infineon-design-system-stencil.js.map +1 -1
- package/dist/esm/loader.js +3 -3
- package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
- package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js.map +1 -1
- package/dist/infineon-design-system-stencil/{p-d4a4baee.entry.js → p-0172d52c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-4d4c4738.entry.js → p-0bb1a6fb.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-0f933cad.entry.js +2 -0
- package/dist/infineon-design-system-stencil/p-0f933cad.entry.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-d0f944c0.entry.js → p-173d334e.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-fde72597.entry.js → p-1d9cde1e.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-58cfac70.entry.js → p-20c6ebbe.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-8fe868fc.entry.js → p-2434844c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-40ce4211.entry.js → p-27f9f57a.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-25b3910b.entry.js → p-2b332395.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-ee378daa.entry.js → p-2c5cf039.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-11a8a815.entry.js → p-2e1122b1.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-4e1d68a4.entry.js → p-3225f423.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-872573a0.entry.js → p-3251543c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-b416880f.entry.js → p-32e42994.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-909f89e5.entry.js → p-36b89598.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-b36a300b.entry.js → p-374f7549.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-e4b65f1c.entry.js → p-381d261c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-c1c566c7.entry.js → p-3a51929e.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-1774ed1a.entry.js → p-3d4e2597.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-a230ffaa.entry.js → p-3f577fe9.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-4df4404e.entry.js → p-400349f4.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-cf9bda68.entry.js → p-41a68087.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-ea8c859e.entry.js → p-43ada584.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-6d0760c8.entry.js → p-46a67cee.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-9a0be941.entry.js → p-4701832b.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-c42c9858.entry.js → p-49735a4a.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-5dbb9339.entry.js → p-4ad9e31e.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-ddd10116.entry.js → p-4b7531d2.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-44469903.entry.js → p-51cc820c.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-58bf8eae.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-568dd768.entry.js → p-5b050055.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-9f17c536.entry.js → p-5b5df125.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-eab27e7a.entry.js → p-5b6b99bd.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-6cf80e81.entry.js → p-5c144c40.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-5e8c7036.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-3929f78b.entry.js → p-69d265c4.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-75d81f7f.entry.js → p-6f917b70.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-b791e385.entry.js → p-709ebcde.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-747cb097.entry.js → p-775ad1fa.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-10a37991.entry.js → p-7b2c1304.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-d7ff4178.entry.js → p-7ceb3a10.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-3797d4d5.entry.js → p-8068fe6a.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-a13e85cb.entry.js → p-863af8d4.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-6062b156.entry.js → p-92244c2f.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-25b30472.entry.js → p-9426653d.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-ffcd918f.entry.js → p-951f9063.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-76ae00e2.entry.js → p-96ccf127.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-9a4c7de1.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-f13fc9ca.entry.js → p-9c0053ac.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-9f1697b5.entry.js → p-9ecd2470.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-73734d4c.entry.js → p-a837717e.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-39098538.entry.js → p-a9c98bbd.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-0fcc2a97.entry.js → p-ad20e38b.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-c7e14864.entry.js → p-ad6e2162.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-9fcdb4b2.entry.js → p-b9a0ef12.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-bc29c491.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-4632b6ca.entry.js → p-bdbf64bd.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-cc66eb04.entry.js → p-be94b72d.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-e72ee57e.entry.js → p-c0cf5750.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-c36cf885.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-37a12af7.entry.js → p-c535f8a6.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-c808c7d2.js +3 -0
- package/dist/infineon-design-system-stencil/p-c808c7d2.js.map +1 -0
- package/dist/infineon-design-system-stencil/{p-19a60319.entry.js → p-cb6b37c9.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-3599cf23.entry.js → p-cc7037cd.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-d6e2d26c.entry.js → p-ced64779.entry.js} +3 -3
- package/dist/infineon-design-system-stencil/{p-56561a96.entry.js → p-de532a77.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-e05ec79e.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-7111da25.entry.js → p-e399449a.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-79f61449.entry.js → p-e87fc26f.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-af6ceb87.entry.js → p-f24935f6.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/p-f6d60cd4.entry.js +2 -0
- package/dist/infineon-design-system-stencil/{p-0c2cd182.entry.js → p-f9d49250.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-c999b7a3.entry.js → p-fa05babc.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-1e817ebe.entry.js → p-fbb87f8f.entry.js} +2 -2
- package/dist/infineon-design-system-stencil/{p-b0f46f34.entry.js → p-fcec715a.entry.js} +2 -2
- package/dist/types/components/download/download.d.ts +4 -0
- package/dist/types/components/download/download.stories.d.ts +7 -0
- package/dist/types/components.d.ts +15 -1064
- package/package.json +2 -2
- package/dist/cjs/index-fd65f27c.js.map +0 -1
- package/dist/components/p-9b78d37b.js.map +0 -1
- package/dist/esm/index-5ee763b8.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-227ac277.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-4ae38784.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-780e8b96.js +0 -3
- package/dist/infineon-design-system-stencil/p-780e8b96.js.map +0 -1
- package/dist/infineon-design-system-stencil/p-9b38e80a.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-a95d97f0.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-c7adadd7.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-e7023727.entry.js +0 -2
- package/dist/infineon-design-system-stencil/p-f69647ab.entry.js +0 -2
- /package/dist/infineon-design-system-stencil/{p-d4a4baee.entry.js.map → p-0172d52c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-4d4c4738.entry.js.map → p-0bb1a6fb.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-d0f944c0.entry.js.map → p-173d334e.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-fde72597.entry.js.map → p-1d9cde1e.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-58cfac70.entry.js.map → p-20c6ebbe.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-8fe868fc.entry.js.map → p-2434844c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-40ce4211.entry.js.map → p-27f9f57a.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-25b3910b.entry.js.map → p-2b332395.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-ee378daa.entry.js.map → p-2c5cf039.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-11a8a815.entry.js.map → p-2e1122b1.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-4e1d68a4.entry.js.map → p-3225f423.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-872573a0.entry.js.map → p-3251543c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-b416880f.entry.js.map → p-32e42994.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-909f89e5.entry.js.map → p-36b89598.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-b36a300b.entry.js.map → p-374f7549.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-e4b65f1c.entry.js.map → p-381d261c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-c1c566c7.entry.js.map → p-3a51929e.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-1774ed1a.entry.js.map → p-3d4e2597.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-a230ffaa.entry.js.map → p-3f577fe9.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-4df4404e.entry.js.map → p-400349f4.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-cf9bda68.entry.js.map → p-41a68087.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-ea8c859e.entry.js.map → p-43ada584.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-6d0760c8.entry.js.map → p-46a67cee.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-9a0be941.entry.js.map → p-4701832b.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-c42c9858.entry.js.map → p-49735a4a.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-5dbb9339.entry.js.map → p-4ad9e31e.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-ddd10116.entry.js.map → p-4b7531d2.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-44469903.entry.js.map → p-51cc820c.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-4ae38784.entry.js.map → p-58bf8eae.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-568dd768.entry.js.map → p-5b050055.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-9f17c536.entry.js.map → p-5b5df125.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-eab27e7a.entry.js.map → p-5b6b99bd.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-6cf80e81.entry.js.map → p-5c144c40.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-a95d97f0.entry.js.map → p-5e8c7036.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-3929f78b.entry.js.map → p-69d265c4.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-75d81f7f.entry.js.map → p-6f917b70.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-b791e385.entry.js.map → p-709ebcde.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-747cb097.entry.js.map → p-775ad1fa.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-10a37991.entry.js.map → p-7b2c1304.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-d7ff4178.entry.js.map → p-7ceb3a10.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-3797d4d5.entry.js.map → p-8068fe6a.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-a13e85cb.entry.js.map → p-863af8d4.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-6062b156.entry.js.map → p-92244c2f.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-25b30472.entry.js.map → p-9426653d.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-ffcd918f.entry.js.map → p-951f9063.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-76ae00e2.entry.js.map → p-96ccf127.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-227ac277.entry.js.map → p-9a4c7de1.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-f13fc9ca.entry.js.map → p-9c0053ac.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-9f1697b5.entry.js.map → p-9ecd2470.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-73734d4c.entry.js.map → p-a837717e.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-39098538.entry.js.map → p-a9c98bbd.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-0fcc2a97.entry.js.map → p-ad20e38b.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-c7e14864.entry.js.map → p-ad6e2162.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-9fcdb4b2.entry.js.map → p-b9a0ef12.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-9b38e80a.entry.js.map → p-bc29c491.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-4632b6ca.entry.js.map → p-bdbf64bd.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-cc66eb04.entry.js.map → p-be94b72d.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-e72ee57e.entry.js.map → p-c0cf5750.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-f69647ab.entry.js.map → p-c36cf885.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-37a12af7.entry.js.map → p-c535f8a6.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-19a60319.entry.js.map → p-cb6b37c9.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-3599cf23.entry.js.map → p-cc7037cd.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-d6e2d26c.entry.js.map → p-ced64779.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-56561a96.entry.js.map → p-de532a77.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-c7adadd7.entry.js.map → p-e05ec79e.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-7111da25.entry.js.map → p-e399449a.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-79f61449.entry.js.map → p-e87fc26f.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-af6ceb87.entry.js.map → p-f24935f6.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-e7023727.entry.js.map → p-f6d60cd4.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-0c2cd182.entry.js.map → p-f9d49250.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-c999b7a3.entry.js.map → p-fa05babc.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-1e817ebe.entry.js.map → p-fbb87f8f.entry.js.map} +0 -0
- /package/dist/infineon-design-system-stencil/{p-b0f46f34.entry.js.map → p-fcec715a.entry.js.map} +0 -0
@@ -1,12 +1,12 @@
|
|
1
|
-
import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-
|
2
|
-
import { d as defineCustomElement$9 } from './p-
|
3
|
-
import { d as defineCustomElement$8 } from './p-
|
4
|
-
import { d as defineCustomElement$7 } from './p-
|
5
|
-
import { d as defineCustomElement$6 } from './p-
|
6
|
-
import { d as defineCustomElement$5 } from './p-
|
7
|
-
import { d as defineCustomElement$4 } from './p-
|
8
|
-
import { d as defineCustomElement$3 } from './p-
|
9
|
-
import { d as defineCustomElement$2 } from './p-
|
1
|
+
import { p as proxyCustomElement, H, g as getAssetPath, h } from './p-e27586b6.js';
|
2
|
+
import { d as defineCustomElement$9 } from './p-aec5b8b0.js';
|
3
|
+
import { d as defineCustomElement$8 } from './p-c7cced92.js';
|
4
|
+
import { d as defineCustomElement$7 } from './p-2424d547.js';
|
5
|
+
import { d as defineCustomElement$6 } from './p-11a4b45e.js';
|
6
|
+
import { d as defineCustomElement$5 } from './p-0c378d6f.js';
|
7
|
+
import { d as defineCustomElement$4 } from './p-007e8e8a.js';
|
8
|
+
import { d as defineCustomElement$3 } from './p-29c6073f.js';
|
9
|
+
import { d as defineCustomElement$2 } from './p-6f140151.js';
|
10
10
|
|
11
11
|
const templatesUiCss = "*{padding:0;margin:0}.templates__container{display:flex;flex-direction:column;align-items:center}.templates__container .back__btn-wrapper{display:none}.templates__container .back__btn-wrapper.show{display:flex;justify-content:space-between;width:100%}.templates__container .back__btn-wrapper .alert__wrapper{display:none}.templates__container .back__btn-wrapper .alert__wrapper.show{display:block}.templates__container .templates__wrapper{display:flex;padding:20px 0px;gap:20px;flex-wrap:wrap}.templates__container .templates__title.hide{display:none}";
|
12
12
|
const IfxTemplatesUiStyle0 = templatesUiCss;
|
@@ -55,7 +55,7 @@ const TemplatesUI = /*@__PURE__*/ proxyCustomElement(class TemplatesUI extends H
|
|
55
55
|
alertWrapper.classList.remove('show');
|
56
56
|
}
|
57
57
|
render() {
|
58
|
-
return (h("div", { key: '
|
58
|
+
return (h("div", { key: '7f313f223e75698fb23569c5f1b638e2be7ed628', class: 'templates__container' }, h("div", { key: '60687101dda3ccc1074377f4ebb15ce17d00cdae', class: "back__btn-wrapper" }, h("ifx-icon-button", { key: '6709aa534550a3df90a5ebd7709e7c339268372d', onClick: () => this.filterTemplates(false), shape: "round", variant: "tertiary", icon: "arrow-left-16", target: "_blank", size: "m" }), h("div", { key: '0046b65d5ec12ca8541dd335fc08547738658017', class: "alert__wrapper" }, h("ifx-alert", { key: '9abff4236fc894cfd62ceaff8c31ede82cf619fd', onClick: () => this.closeAlert(), "aria-live": "assertive", variant: "danger", icon: "c-info-24" }, "All fields are mandatory"))), h("h2", { key: '92dae5ac00d3b350681cd38c1d1ae2b537fc2210', class: "templates__title" }, "Choose your template"), h("div", { key: '8742b6c129cbc0bcd4ce267d7b05520c0eddfda7', class: "templates__wrapper" }, h("ifx-template", { key: 'acdac4204ab3916114534e7941d2477257d03912', name: 'template-01', thumbnail: this.tableTemplate }), h("ifx-template", { key: 'a7e72c71310b5d8207ca1bf9ea27168215b0d5f9', name: 'template-02', thumbnail: this.wizardTemplate }))));
|
59
59
|
}
|
60
60
|
static get assetsDirs() { return ["assets"]; }
|
61
61
|
get el() { return this; }
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
|
1
|
+
import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e27586b6.js';
|
2
2
|
|
3
3
|
const textareaCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:flex;flex-direction:column;width:100%}.wrapper__label{color:#1D1D1D;font:400 1rem/1.5rem \"Source Sans 3\"}:host(.wrapper--disabled) .wrapper__label{color:#575352}.wrapper__textarea{width:100%}.wrapper__textarea.fullWidth{width:100%}.wrapper__textarea.fullWidth textarea{width:100%;box-sizing:border-box}.wrapper__textarea textarea{border:1px solid #8D8786;border-radius:1px;padding:8px 16px;background-color:#FFFFFF;color:#1D1D1D;font:400 1rem/1.5rem \"Source Sans 3\";transition:all 100ms ease;transition-property:border-color}.wrapper__textarea textarea:hover{border:1px solid #575352}.wrapper__textarea textarea:focus-within{outline:none;border:1px solid #0A8276}:host(.wrapper--error) .wrapper__textarea textarea{border:1px solid #CD002F}:host(.wrapper--disabled) .wrapper__textarea textarea{border:1px solid #575352;background-color:#EEEDED}.wrapper__caption{color:#1D1D1D;font:400 0.75rem/1rem \"Source Sans 3\"}:host(.wrapper--error) .wrapper__caption{color:#CD002F}:host(.wrapper--disabled) .wrapper__caption{color:#575352}";
|
4
4
|
const IfxTextareaStyle0 = textareaCss;
|
@@ -53,7 +53,7 @@ const TextArea = /*@__PURE__*/ proxyCustomElement(class TextArea extends H {
|
|
53
53
|
}
|
54
54
|
render() {
|
55
55
|
var _a, _b;
|
56
|
-
return (h(Host, { key: '
|
56
|
+
return (h(Host, { key: '0f5bf5d56ed26002f15ecc9582ee5a23b9f7c4c6', class: `wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled ? 'disabled' : ''}` }, h("label", { key: '560e1678ddd02cb1bf0229ffa17a61ffa0c039b3', class: 'wrapper__label', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), h("div", { key: '4e66c7c6a52428ef33dee14d4346ce9f9076e3c7', class: 'wrapper__textarea' }, h("textarea", { key: '9346dad809f595081723e77d18fd0b26c1653267', "aria-label": 'a textarea', "aria-value": this.value, "aria-disabled": this.disabled, id: this.inputId, style: { resize: this.resize }, name: this.name ? this.name : this.inputId, cols: this.cols, rows: this.rows, maxlength: this.maxlength, wrap: this.wrap, disabled: this.disabled, readonly: this.readOnly, placeholder: this.placeholder, value: this.value, onInput: (e) => this.handleOnInput(e) })), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (h("div", { key: '8946de96db794c98a5e004da191e8ca38921d403', class: 'wrapper__caption' }, this.caption.trim()))));
|
57
57
|
}
|
58
58
|
static get formAssociated() { return true; }
|
59
59
|
get el() { return this; }
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { p as proxyCustomElement, H, h } from './p-
|
2
|
-
import { d as defineCustomElement$2 } from './p-
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-e27586b6.js';
|
2
|
+
import { d as defineCustomElement$2 } from './p-2424d547.js';
|
3
3
|
import { c as createPopper } from './p-e459974a.js';
|
4
4
|
|
5
5
|
const tooltipCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.tooltip__container{display:inline-flex;flex-direction:column;position:relative;font-family:var(--ifx-font-family)}.tooltip-extended,.tooltip-compact,.tooltip-dismissible{background-color:#1D1D1D;border:1px solid black;z-index:1080;display:none;transition:opacity 0.3s;position:absolute;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#FFFFFF;width:max-content;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.visible.tooltip-extended,.visible.tooltip-compact,.visible.tooltip-dismissible{display:flex !important;align-items:start}.tooltip-dismissible .close-button{all:unset;cursor:pointer;position:relative;order:2;margin-top:12px;margin-right:12px;line-height:0px}.tooltip-dismissible .tooltip-dismissible-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-dismissible .tooltip-dismissible-header,.tooltip-dismissible .tooltip-dismissible-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-dismissible .tooltip-dismissible-header{font-weight:600}.tooltip-dismissible .tooltip-dismissible-body{font-weight:400}.tooltip-compact{padding:4px 8px;text-align:center;flex-grow:1}.tooltip-extended{align-items:center;padding:12px;gap:10px}.tooltip-extended .extended_icon{display:flex;align-self:flex-start;align-items:center;cursor:pointer}.tooltip-extended .tooltip-extended-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-extended .tooltip-extended-header,.tooltip-extended .tooltip-extended-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-extended .tooltip-extended-header{font-weight:600}.tooltip-extended .tooltip-extended-body{font-weight:400}.tooltip__container .tooltip-arrow-svg{position:absolute;width:8px;height:8px}[data-placement=top].tooltip-extended>.tooltip-arrow-svg,[data-placement=top].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:50%;transform:rotate(180deg) translateX(-50%)}[data-placement=top-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-start].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:10px;transform:rotate(180deg)}[data-placement=top-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-end].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;right:10px;transform:rotate(180deg)}[data-placement=bottom].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:50%;transform:translateX(-50%)}[data-placement=bottom-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:10px}[data-placement=bottom-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-compact>.tooltip-arrow-svg{top:-7px;right:10px}[data-placement=left].tooltip-extended>.tooltip-arrow-svg,[data-placement=left].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=left].tooltip-compact>.tooltip-arrow-svg{right:-3px;top:50%;transform:rotate(90deg) translateY(-50%) translateX(-50%)}[data-placement=right].tooltip-extended>.tooltip-arrow-svg,[data-placement=right].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=right].tooltip-compact>.tooltip-arrow-svg{left:-3px;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%)}.tooltip-compact{min-width:28px !important;max-width:145px !important}.tooltip-dismissible{min-width:145px !important;max-width:310px !important}.tooltip-extended{min-width:145px !important;max-width:310px !important}";
|
@@ -155,10 +155,10 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
|
|
155
155
|
'tooltip-extended': true,
|
156
156
|
'visible': this.tooltipVisible,
|
157
157
|
};
|
158
|
-
return (h("div", { key: '
|
159
|
-
h("div", { key: '
|
160
|
-
h("div", { key: '
|
161
|
-
h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '
|
158
|
+
return (h("div", { key: '795261177635c90ede6d1995541ce8268f2e5262', "aria-label": "a tooltip showing important information", "aria-value": this.header, class: "tooltip__container" }, h("slot", { key: '29726682709195c97888e62b36d43f6244d22a2c' }), this.variant.toLowerCase() === 'dismissible' && h("div", { key: '54c229be4a0171c4b9e186f7628fce4ab3aeb5b9', class: tooltipDismissible }, h("button", { key: '374d309c74630b3f3e9f80294c0f363562ce65a9', "aria-label": "Close Tooltip", class: "close-button", onClick: this.onDismissClick }, h("ifx-icon", { key: '02efd77155cc94b6ecb367fcb375cbf600e234b0', icon: "cross16" })), h("div", { key: '3b96437efad72d370939ed08d70b84d404380874', class: "tooltip-dismissible-content" }, this.header && h("div", { key: 'fe62bcecd51d532b08568099bf96946b4eb9f611', class: "tooltip-dismissible-header" }, this.header), h("div", { key: '36579a2f1d9dd9c7c90c3dca8315e29dc5211437', class: "tooltip-dismissible-body" }, this.text)), h("svg", { key: '0044d3c563e9626f499b1907952e1815f27ca703', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd21890a5123322e1a7624490911b2a1004d64b8f', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'compact' &&
|
159
|
+
h("div", { key: 'efee60a0cfe549c815acdd34cbfd06f181531c1c', class: tooltipCompact }, this.text, h("svg", { key: '0d992bbf5a4afc6f81769a00b8fcfff07eea54e1', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f029785003cf5b9ab72c9c97fa9288d27e6b1ac6', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" }))), this.variant.toLowerCase() === 'extended' &&
|
160
|
+
h("div", { key: '095a979593f3ea948f92a191b316955d65e79871', class: tooltipExtended }, h("slot", { key: '8cd096bf58bf84f36eade7821029847553e52ab5', name: "icon" }, this.icon ? h("div", { class: "extended_icon" }, h("ifx-icon", { icon: this.icon })) :
|
161
|
+
h("svg", { class: "extended_icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24" }, h("path", { stroke: "#fff", "stroke-linecap": "round", "stroke-linejoin": "round", d: "M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z" }), h("path", { stroke: "#fff", d: "M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z" }), h("path", { fill: "#fff", d: "M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" }))), h("div", { key: '6839331b2b82599e8fffef8e1faab2c071f7eb3d', class: "tooltip-extended-content" }, this.header && h("div", { key: 'ab6e181488ed0f2b382b867d789a0a8824d306f1', class: "tooltip-extended-header" }, this.header), h("div", { key: '74c3fcb2d270f4d20d383434990667aa09f35894', class: "tooltip-extended-body" }, this.text)), h("svg", { key: '94616a0710484992a1289501d3d744ce6dc89020', class: "tooltip-arrow-svg", width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a261fb73ff98c22d389575ec8dd991aebbaaba90', id: "Indicator", d: "M6 0L12 8L0 8L6 0Z", fill: "#1D1D1D" })))));
|
162
162
|
}
|
163
163
|
get el() { return this; }
|
164
164
|
static get watchers() { return {
|
package/dist/components/index.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import { p as proxyCustomElement, H, h } from './p-
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-e27586b6.js';
|
2
2
|
import { c as classNames } from './p-5cdc6210.js';
|
3
3
|
|
4
4
|
const spinnerCss = ":host{display:inline-block}.spinner{position:relative;width:40px;height:40px}.spinner.s{width:24px;height:24px}.border{box-sizing:border-box;position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#0A8276;border-left-color:#0A8276;border-right-color:#0A8276;border-top-left-radius:1px;border-top-right-radius:1px;border-radius:50%;animation:spin 2s linear infinite}.border.inverted{border-top-color:#FFFFFF;border-left-color:#FFFFFF;border-right-color:#FFFFFF}.semiconductor{width:100%;height:100%;animation:spin 2s linear infinite}.semiconductor svg{fill:#0A8276}.semiconductor.inverted svg{fill:#FFFFFF}.semiconductor.s svg{width:24px;height:24px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
|
@@ -12,8 +12,8 @@ const Spinner = /*@__PURE__*/ proxyCustomElement(class Spinner extends H {
|
|
12
12
|
this.inverted = false;
|
13
13
|
}
|
14
14
|
render() {
|
15
|
-
return (h("div", { key: '
|
16
|
-
&& h("div", { key: '
|
15
|
+
return (h("div", { key: '029e1fc94f4abd0fc3f938a29b37c872889ec5d9', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, h("div", { key: 'b648bc1a06b2a92d61a75fd99a4fc0884d10b882', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
|
16
|
+
&& h("div", { key: 'f949d5f4d477d440b2ca44121e72e6d94c49b984', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { key: '76e04a2c9290f71b4628e977087f6cce3a09bdb9', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '3927589002256e8f9e721a009864787cc61410a5', id: "spinner/conductor" }, h("path", { key: '50cfe42b648991f1957ab51dc78d6cb20849048b', id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
|
17
17
|
}
|
18
18
|
getSizeClass() {
|
19
19
|
return `${this.size}` === "s"
|
@@ -45,4 +45,4 @@ function defineCustomElement() {
|
|
45
45
|
|
46
46
|
export { Spinner as S, defineCustomElement as d };
|
47
47
|
|
48
|
-
//# sourceMappingURL=p-
|
48
|
+
//# sourceMappingURL=p-007e8e8a.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"p-
|
1
|
+
{"file":"p-007e8e8a.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,mvBAAmvB,CAAC;AACvwB,yBAAe,UAAU;;MCQZ,OAAO;IALpB;;;;QAQU,aAAQ,GAAY,KAAK,CAAC;KA+BnC;IA5BC,MAAM;QACJ,QACE,0EAAgB,sCAAsC,EAAC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,IAChF,4DAAK,KAAK,EAAE,GAAG,IAAI,CAAC,OAAO,KAAK,OAAO,GAAG,QAAQ,GAAG,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,GAAQ,EACnG,IAAI,CAAC,OAAO,KAAK,OAAO;eACpB,4DAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,EAAE,IACtF,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,0DAAG,EAAE,EAAC,mBAAmB,IACvB,6DAAM,EAAE,EAAC,QAAQ,EAAC,CAAC,EAAC,svCAAsvC,GAAG,CAC3wC,CACA,CACF,CACJ,EACN;KACH;IAED,YAAY;QACV,OAAO,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG;cACzB,GAAG;cACH,EAAE,CAAC;KACR;IAED,aAAa;QACX,OAAO,UAAU,CACf,SAAS,EACT,IAAI,CAAC,IAAI,IAAI,WAAW,IAAI,CAAC,YAAY,EAAE,EAAE,CAC9C,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/spinner/spinner.scss?tag=ifx-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-block;\n\n}\n\n.spinner {\n position: relative;\n width: tokens.$ifxSize500;\n height: tokens.$ifxSize500;\n\n}\n\n.spinner.s {\n width: tokens.$ifxSize300;\n height: tokens.$ifxSize300;\n}\n\n.border {\n box-sizing: border-box;\n position: absolute;\n width: 100%;\n height: 100%;\n border: 4px solid transparent;\n border-top-color: tokens.$ifxColorOcean500;\n border-left-color: tokens.$ifxColorOcean500;\n border-right-color: tokens.$ifxColorOcean500;\n border-top-left-radius: 1px;\n border-top-right-radius: 1px;\n border-radius: 50%;\n animation: spin 2s linear infinite;\n\n &.inverted {\n border-top-color: tokens.$ifxColorBaseWhite;\n border-left-color: tokens.$ifxColorBaseWhite;\n border-right-color: tokens.$ifxColorBaseWhite;\n }\n}\n\n.semiconductor {\n width: 100%;\n height: 100%;\n animation: spin 2s linear infinite;\n\n & svg {\n fill: tokens.$ifxColorOcean500;\n }\n\n &.inverted {\n & svg {\n fill: tokens.$ifxColorBaseWhite;\n }\n }\n\n &.s {\n & svg {\n width: tokens.$ifxSize300;\n height: tokens.$ifxSize300;\n }\n }\n}\n\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}","import { Component, h, Prop } from '@stencil/core';\nimport classNames from 'classnames';\n \n\n@Component({\n tag: 'ifx-spinner',\n styleUrl: 'spinner.scss',\n shadow: true,\n})\nexport class Spinner {\n @Prop() size: string;\n @Prop() variant: string;\n @Prop() inverted: boolean = false;\n\n\n render() {\n return (\n <div aria-label=\"spinner indicating a loading process\" class={this.getClassNames()}>\n <div class={`${this.variant !== 'brand' ? 'border' : \"\"} ${this.inverted ? 'inverted' : \"\"}`}></div>\n {this.variant === 'brand'\n && <div class={`semiconductor ${this.inverted ? 'inverted' : \"\"} ${this.getSizeClass()}`}>\n <svg width='40' height='40' viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g id=\"spinner/conductor\">\n <path id=\"Vector\" d=\"M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z\" />\n </g>\n </svg>\n </div>}\n </div>\n );\n }\n\n getSizeClass() {\n return `${this.size}` === \"s\"\n ? \"s\"\n : \"\";\n }\n\n getClassNames() {\n return classNames(\n 'spinner',\n this.size && `spinner ${this.getSizeClass()}`\n );\n }\n}\n"],"version":3}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { p as proxyCustomElement, H, h } from './p-
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-e27586b6.js';
|
2
2
|
import { c as classNames } from './p-5cdc6210.js';
|
3
3
|
|
4
4
|
const linkCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.link{display:inline-flex;align-items:center;font-weight:400;font-size:1rem;text-decoration:none;color:#0A8276;gap:8px;line-height:1.6;font-family:var(--ifx-font-family)}.link:hover{cursor:pointer}.link:focus{outline-width:2px;outline-style:solid;outline-color:#0A8276;outline-offset:4px;border-radius:3px}.link.bold{font-weight:600}.link.bold:hover{text-decoration:underline}.link.bold:active{color:#08665C;font-style:normal;font-weight:600;text-decoration:underline}.link.underlined{text-decoration:underline;text-decoration-color:#0A8276;color:#1D1D1D;text-underline-offset:8px}.link.underlined:hover{color:#0A8276}.link.underlined:active{color:#0A8276}.link.underlined:disabled,.link.underlined.disabled{text-decoration-color:#BFBBBB}.link.title{text-decoration:none;font-weight:600;color:#1D1D1D}.link.title:hover{color:#0A8276}.link.title:active{color:#08665C}.link.menu{font-weight:400;font-style:normal;line-height:26px;color:#1D1D1D}.link.menu:hover{color:#0A8276}.link.menu:active{color:#08665C}.link.small{font-size:0.875rem}.link.medium{font-size:1rem}.link.large{font-size:1.125rem}.link.extraLarge{font-size:1.25rem}.link.underline{text-decoration:underline}.link:disabled,.link.disabled{color:#BFBBBB;cursor:default;pointer-events:none}";
|
@@ -31,7 +31,7 @@ const Link = /*@__PURE__*/ proxyCustomElement(class Link extends H {
|
|
31
31
|
this.setInternalStates();
|
32
32
|
}
|
33
33
|
render() {
|
34
|
-
return (h("a", { key: '
|
34
|
+
return (h("a", { key: '04893aa3a068872a42cff24d577c8ddd332d6230', "aria-label": 'a navigation link button', href: this.internalHref, download: this.download, target: this.internalTarget, class: this.linkClassNames() }, h("slot", { key: '7dfbe5e88b88cf912da4c40eed427694b291928c' })));
|
35
35
|
}
|
36
36
|
getSizeClass() {
|
37
37
|
const small = this.size === 's' ? 'small' : null;
|
@@ -107,4 +107,4 @@ function defineCustomElement() {
|
|
107
107
|
|
108
108
|
export { Link as L, defineCustomElement as d };
|
109
109
|
|
110
|
-
//# sourceMappingURL=p-
|
110
|
+
//# sourceMappingURL=p-0c378d6f.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"p-
|
1
|
+
{"file":"p-0c378d6f.js","mappings":";;;AAAA,MAAM,OAAO,GAAG,w1CAAw1C,CAAC;AACz2C,sBAAe,OAAO;;MCST,IAAI;IANjB;;;;QAOU,SAAI,GAAW,SAAS,CAAC;QACzB,WAAM,GAAW,OAAO,CAAC;QACzB,YAAO,GAAW,MAAM,CAAC;QAEzB,aAAQ,GAAY,KAAK,CAAC;QAEzB,iBAAY,GAAU,EAAE,CAAC;QACzB,mBAAc,GAAW,EAAE,CAAC;QAC5B,oBAAe,GAAW,EAAE,CAAC;KAsEvC;IApEC,iBAAiB;QACf,IAAG,IAAI,CAAC,IAAI,EAAC;YACX,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;SACtC;aAAI;YACH,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;SAC/B;QACD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;KAC1D;IAED,mBAAmB;QACjB,IAAI,CAAC,iBAAiB,EAAE,CAAC;KAC1B;IAGD,MAAM;QACJ,QACE,wEAAc,0BAA0B,EAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,IAClJ,8DAAa,CACX,EACL;KACF;IAED,YAAY;QACV,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,IAAI,CAAC;QACjD,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC;QACnD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,IAAI,CAAC;QACjD,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,GAAG,YAAY,GAAG,IAAI,CAAC;QAE5D,IAAI,KAAK,EAAE;YACT,OAAO,KAAK,CAAC;SACd;aAAM,IAAI,MAAM,EAAE;YACjB,OAAO,MAAM,CAAC;SACf;aAAM,IAAI,KAAK,EAAE;YAChB,OAAO,KAAK,CAAC;SACd;aAAM,IAAI,UAAU,IAAI,IAAI,CAAC,eAAe,KAAK,YAAY,EAAE;YAC9D,OAAO,OAAO,CAAC;SAChB;aAAM,IAAI,UAAU,IAAI,IAAI,CAAC,eAAe,KAAK,YAAY,EAAE;YAC9D,OAAO,UAAU,CAAC;SACnB;;YAAM,OAAO,EAAE,CAAC;KAClB;IAED,eAAe;QACb,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;QAC7D,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,KAAK,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;QAChE,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,KAAK,YAAY,GAAG,YAAY,GAAG,IAAI,CAAC;QAC/E,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,KAAK,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;QAE7D,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAA;SACZ;aAAM,IAAI,KAAK,EAAE;YAChB,OAAO,KAAK,CAAC;SACd;aAAM,IAAI,UAAU,EAAE;YACrB,OAAO,UAAU,CAAC;SACnB;aAAM,IAAI,IAAI,EAAE;YACf,OAAO,IAAI,CAAC;SACb;;YAAM,OAAO,IAAI,CAAC;KACpB;IAED,cAAc;QACZ,OAAO,UAAU,CACf,MAAM,EACN,SAAS,EACT,IAAI,CAAC,eAAe,EAAE,EACtB,IAAI,CAAC,YAAY,EAAE,EACnB,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAChC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/link/link.scss?tag=ifx-link&encapsulation=shadow","src/components/link/link.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-flex;\n}\n\n.link {\n display: inline-flex;\n align-items: center;\n font-weight: 400;\n font-size: tokens.$ifxFontSizeM;\n text-decoration: none;\n color: tokens.$ifxColorOcean500;\n gap: tokens.$ifxSpace100;\n line-height: 1.6;\n font-family: var(--ifx-font-family);\n\n &:hover { \n cursor: pointer;\n }\n\n &:focus {\n outline-width: 2px;\n outline-style: solid;\n outline-color: #0A8276;\n outline-offset: 4px;\n border-radius: 3px;\n }\n\n &.bold {\n font-weight: tokens.$ifxFontWeightSemibold;\n\n &:hover {\n text-decoration: underline;\n }\n\n &:active {\n color: #08665C;\n font-style: normal;\n font-weight: 600;\n text-decoration: underline;\n }\n\n }\n\n &.underlined {\n text-decoration: underline;\n text-decoration-color: tokens.$ifxColorOcean500;\n color: #1D1D1D;\n text-underline-offset: 8px;\n \n &:hover {\n color: tokens.$ifxColorOcean500;;\n }\n \n &:active {\n color: #0A8276;\n }\n\n &:disabled,\n &.disabled {\n text-decoration-color: tokens.$ifxColorEngineering300;\n }\n }\n\n &.title {\n text-decoration: none;\n font-weight: tokens.$ifxFontWeightSemibold;\n color: #1D1D1D;\n\n &:hover {\n color: tokens.$ifxColorOcean500;\n }\n\n &:active {\n color: #08665C;\n }\n }\n\n &.menu {\n font-weight: 400;\n font-style: normal;\n line-height: 26px;\n color: #1D1D1D;\n\n &:hover {\n color: tokens.$ifxColorOcean500;\n }\n\n &:active {\n color: #08665C;\n }\n }\n\n &.small {\n font-size: tokens.$ifxFontSizeS;\n }\n\n &.medium {\n font-size: tokens.$ifxFontSizeM;\n }\n\n &.large {\n font-size: tokens.$ifxFontSizeL;\n }\n\n &.extraLarge {\n font-size: tokens.$ifxFontSizeXl;\n }\n\n &.underline {\n text-decoration: underline;\n }\n\n &:disabled,\n &.disabled {\n color: tokens.$ifxColorEngineering300;\n cursor: default;\n pointer-events: none;\n }\n\n}","import { Component, Prop, h, State } from \"@stencil/core\";\nimport classNames from 'classnames';\n \n\n@Component({\n tag: 'ifx-link',\n styleUrl: 'link.scss',\n shadow: true\n})\n\nexport class Link {\n @Prop() href: string = undefined;\n @Prop() target: string = '_self';\n @Prop() variant: string = 'bold';\n @Prop() size: string;\n @Prop() disabled: boolean = false;\n @Prop() download: string;\n @State() internalHref: string ='';\n @State() internalTarget: string = '';\n @State() internalVariant: string = '';\n\n setInternalStates() {\n if(this.href){\n this.internalHref = this.href.trim();\n }else{\n this.internalHref = undefined;\n }\n this.internalTarget = this.target.trim();\n this.internalVariant = this.variant.trim().toLowerCase();\n }\n\n componentWillRender(){\n this.setInternalStates();\n }\n\n\n render() {\n return (\n <a aria-label='a navigation link button' href={this.internalHref} download={this.download} target={this.internalTarget} class={this.linkClassNames()}>\n <slot></slot>\n </a>\n )\n }\n\n getSizeClass() {\n const small = this.size === 's' ? 'small' : null;\n const medium = this.size === 'm' ? 'medium' : null;\n const large = this.size === 'l' ? 'large' : null;\n const extraLarge = this.size === 'xl' ? 'extraLarge' : null;\n\n if (small) {\n return small;\n } else if (medium) {\n return medium;\n } else if (large) {\n return large;\n } else if (extraLarge && this.internalVariant === 'underlined') {\n return 'large';\n } else if (extraLarge && this.internalVariant !== 'underlined') {\n return extraLarge;\n } else return \"\";\n }\n\n getVariantClass() {\n const bold = this.internalVariant === 'bold' ? 'bold' : null;\n const title = this.internalVariant === 'title' ? 'title' : null;\n const underlined = this.internalVariant === 'underlined' ? 'underlined' : null;\n const menu = this.internalVariant === 'menu' ? 'menu' : null;\n\n if (bold) {\n return bold\n } else if (title) {\n return title;\n } else if (underlined) {\n return underlined;\n } else if (menu) {\n return menu;\n } else return bold;\n }\n\n linkClassNames() {\n return classNames(\n 'link',\n 'primary',\n this.getVariantClass(),\n this.getSizeClass(),\n this.disabled ? 'disabled' : '',\n );\n }\n}\n\n"],"version":3}
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { p as proxyCustomElement, H, h, d as Host } from './p-
|
1
|
+
import { p as proxyCustomElement, H, h, d as Host } from './p-e27586b6.js';
|
2
2
|
import { c as classNames } from './p-5cdc6210.js';
|
3
|
-
import { d as defineCustomElement$1 } from './p-
|
3
|
+
import { d as defineCustomElement$1 } from './p-2424d547.js';
|
4
4
|
|
5
5
|
const iconButtonCss = ":host{display:inline-flex}.btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px;gap:8px;color:#FFFFFF;flex-direction:row;font-weight:600;border-radius:1px;line-height:1.5rem;outline:none;font-family:var(--ifx-font-family);text-decoration:none;user-select:none;border:1px solid rgba(0, 0, 0, 0);font-size:1rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.btn:not(.disabled){cursor:pointer}.btn-primary{color:#FFFFFF;background-color:#0A8276}.btn-primary:disabled,.btn-primary.disabled{background-color:#BFBBBB;color:#FFFFFF;pointer-events:none}.btn-secondary{color:#0A8276;background-color:#FFFFFF;border-color:#0A8276}.btn-secondary:disabled,.btn-secondary.disabled{background-color:#FFFFFF;border:1px solid #BFBBBB;color:#BFBBBB;pointer-events:none}.btn-tertiary{background-color:transparent;color:#1D1D1D}.btn-tertiary:disabled,.btn-tertiary.disabled{color:#BFBBBB;pointer-events:none}.btn.icon-button{min-width:initial;min-height:initial;width:40px;height:40px;padding:0;justify-content:center}.btn.icon-button.btn-round{border-radius:100px}.btn.icon-button.btn-square{border-radius:1px}.btn.icon-button.btn-s{width:32px;height:32px;padding:8px}.btn.icon-button.btn-l{width:48px;height:48px;padding:8px}.btn.btn-primary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-primary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C}.btn.btn-primary:not(:disabled,.disabled):active,.btn.btn-primary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-secondary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.btn.btn-secondary:not(:disabled,.disabled):hover{background-color:#08665C;border-color:#08665C;color:#FFFFFF}.btn.btn-secondary:not(:disabled,.disabled):active,.btn.btn-secondary:not(:disabled,.disabled).active{background-color:#06534B;border-color:#06534B}.btn.btn-tertiary:not(:disabled,.disabled):focus:not(:active,.active){outline:none;color:#1D1D1D;box-shadow:0 0 0 0px #FFFFFF, 0 0 0 2px #0A8276}.btn.btn-tertiary:not(:disabled,.disabled):hover{color:#0A8276}.btn.btn-tertiary:not(:disabled,.disabled):active,.btn.btn-tertiary:not(:disabled,.disabled).active{color:#08665C}";
|
6
6
|
const IfxIconButtonStyle0 = iconButtonCss;
|
@@ -27,7 +27,7 @@ const IconButton = /*@__PURE__*/ proxyCustomElement(class IconButton extends H {
|
|
27
27
|
}
|
28
28
|
}
|
29
29
|
render() {
|
30
|
-
return (h(Host, { key: '
|
30
|
+
return (h(Host, { key: '3cc21055a0545976f5375b3e43fe8dec7cc3e28c' }, this.href ? (h("a", { "aria-disabled": this.disabled, "aria-label": 'a clickable icon button', ref: (el) => (this.focusableElement = el), class: this.getClassNames(), href: !this.disabled ? this.href : undefined, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined }, h("ifx-icon", { icon: this.icon }))) : (h("button", { class: this.getClassNames(), type: "button" }, h("ifx-icon", { icon: this.icon })))));
|
31
31
|
}
|
32
32
|
getVariantClass() {
|
33
33
|
return `${this.variant}` === "secondary"
|
@@ -85,4 +85,4 @@ function defineCustomElement() {
|
|
85
85
|
|
86
86
|
export { IconButton as I, defineCustomElement as d };
|
87
87
|
|
88
|
-
//# sourceMappingURL=p-
|
88
|
+
//# sourceMappingURL=p-11a4b45e.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"p-
|
1
|
+
{"file":"p-11a4b45e.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,w4EAAw4E,CAAC;AAC/5E,4BAAe,aAAa;;MCSf,UAAU;IANvB;;;;QAYU,WAAM,GAAW,OAAO,CAAC;QACzB,UAAK,GAAW,OAAO,CAAC;KAgFjC;IA1EC,WAAW,CAAC,KAAY;QACtB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,wBAAwB,EAAE,CAAC;SAClC;KACF;IAGD,MAAM,QAAQ;QACZ,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;KAC/B;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE,EAAE;YACrB,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC;SACtB;KACF;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACF,IAAI,CAAC,IAAI,IACR,0BACiB,IAAI,CAAC,QAAQ,gBACjB,yBAAyB,EACpC,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC,EACzC,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAC3B,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,SAAS,EAC5C,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAG,SAAS,IAEjE,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa,CACpC,KAEJ,cACE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,EAC3B,IAAI,EAAC,QAAQ,IAEb,gBAAU,IAAI,EAAE,IAAI,CAAC,IAAI,GAAa,CAC/B,CACV,CACI,EACP;KACH;IAED,eAAe;QACb,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,WAAW;cACpC,WAAW;cACX,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,UAAU;kBAC9B,UAAU;kBACV,SAAS,CAAC;KACjB;IAED,YAAY;QACV,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE;YAC3B,OAAO,IAAI,CAAA;SACZ;aACI,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,EAAE;YAC/B,OAAO,GAAG,CAAA;SACX;aACI,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,EAAE;YAC/B,OAAO,GAAG,CAAA;SACX;;YACI,OAAO,EAAE,CAAC;KAChB;IAED,aAAa;QACX,OAAO,UAAU,CACf,iBAAiB,EACjB,OAAO,IAAI,CAAC,KAAK,EAAE,EACnB,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,YAAY,EAAE,EAAE,EACzC,OAAO,IAAI,CAAC,eAAe,EAAE,EAAE,EAC/B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAChC,CAAC;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/icon-button/icon-button.scss?tag=ifx-icon-button&encapsulation=shadow","src/components/icon-button/icon-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n display: inline-flex;\n}\n\n.btn {\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: tokens.$ifxSize500;\n padding: 8px;\n gap: tokens.$ifxSpace100;\n color: tokens.$ifxColorBaseWhite;\n flex-direction: row;\n font-weight: tokens.$ifxFontWeightSemibold;\n border-radius: tokens.$ifxBorderRadius12;\n line-height: tokens.$ifxLineHeightM;\n outline: none;\n font-family: var(--ifx-font-family);\n text-decoration: none;\n user-select: none;\n border: 1px solid rgba(0, 0, 0, 0);\n font-size: tokens.$ifxFontSizeM;\n transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n}\n\n.btn:not(.disabled) {\n cursor: pointer;\n}\n\n.btn-primary {\n color: tokens.$ifxColorBaseWhite;\n background-color: tokens.$ifxColorOcean500;\n\n &:disabled,\n &.disabled {\n background-color: tokens.$ifxColorEngineering300;\n color: tokens.$ifxColorBaseWhite;\n pointer-events: none;\n\n }\n}\n\n\n.btn-secondary {\n color: tokens.$ifxColorOcean500;\n background-color: tokens.$ifxColorBaseWhite;\n border-color: tokens.$ifxColorOcean500;\n\n &:disabled,\n &.disabled {\n background-color: tokens.$ifxColorBaseWhite;\n border: 1px solid tokens.$ifxColorEngineering300;\n color: tokens.$ifxColorEngineering300;\n pointer-events: none;\n\n }\n}\n\n.btn-tertiary {\n background-color: transparent;\n color: tokens.$ifxColorBaseBlack;\n\n &:disabled,\n &.disabled {\n color: tokens.$ifxColorEngineering300;\n pointer-events: none;\n }\n}\n\n\n.btn {\n\n &.icon-button {\n min-width: initial;\n min-height: initial;\n width: tokens.$ifxSize500;\n height: tokens.$ifxSize500;\n padding: 0;\n justify-content: center;\n\n &.btn-round {\n border-radius: 100px;\n }\n\n &.btn-square {\n border-radius: tokens.$ifxBorderRadius12;\n }\n\n &.btn-s {\n width: tokens.$ifxSize400;\n height: tokens.$ifxSize400;\n padding: 8px;\n }\n\n\n &.btn-l {\n width: tokens.$ifxSize600;\n height: tokens.$ifxSize600;\n padding: 8px;\n }\n }\n\n &.btn-primary:not(:disabled, .disabled) {\n &:focus:not(:active, .active) {\n outline: none;\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\n }\n\n &:hover {\n background-color: tokens.$ifxColorOcean600;\n border-color: tokens.$ifxColorOcean600;\n }\n\n &:active,\n &.active {\n background-color: tokens.$ifxColorOcean700;\n border-color: tokens.$ifxColorOcean700;\n }\n }\n\n\n &.btn-secondary:not(:disabled, .disabled) {\n &:focus:not(:active, .active) {\n outline: none;\n box-shadow: 0 0 0 2px tokens.$ifxColorBaseWhite, 0 0 0 4px tokens.$ifxColorOcean500;\n }\n\n &:hover {\n background-color: tokens.$ifxColorOcean600;\n border-color: tokens.$ifxColorOcean600;\n color: tokens.$ifxColorBaseWhite;\n }\n\n &:active,\n &.active {\n background-color: tokens.$ifxColorOcean700;\n border-color: tokens.$ifxColorOcean700;\n }\n }\n\n &.btn-tertiary:not(:disabled, .disabled) {\n &:focus:not(:active, .active) {\n outline: none;\n color: tokens.$ifxColorBaseBlack;\n box-shadow: 0 0 0 0px tokens.$ifxColorBaseWhite, 0 0 0 2px tokens.$ifxColorOcean500;\n }\n\n &:hover {\n color: tokens.$ifxColorOcean500;\n }\n\n &:active,\n &.active {\n color: tokens.$ifxColorOcean600;\n }\n }\n}","import { Component, Prop, h, Host, Method, Element, Listen } from '@stencil/core';\nimport classNames from 'classnames';\n \n\n@Component({\n tag: 'ifx-icon-button',\n styleUrl: 'icon-button.scss',\n shadow: true,\n})\n\nexport class IconButton {\n @Prop() variant: 'primary' | 'secondary' | 'tertiary';\n @Prop() size: string;\n @Prop() disabled: boolean;\n @Prop() icon: string;\n @Prop() href: string;\n @Prop() target: string = '_self';\n @Prop() shape: string = 'round';\n @Element() el;\n\n private focusableElement: HTMLElement;\n\n @Listen('click', { capture: true })\n handleClick(event: Event) {\n if (this.disabled) {\n event.stopImmediatePropagation();\n }\n }\n\n @Method()\n async setFocus() {\n this.focusableElement.focus();\n }\n\n componentWillLoad() {\n if (this.shape === '') {\n this.shape = 'round';\n }\n }\n\n render() {\n return (\n <Host>\n {this.href ? (\n <a\n aria-disabled={this.disabled}\n aria-label='a clickable icon button'\n ref={(el) => (this.focusableElement = el)}\n class={this.getClassNames()}\n href={!this.disabled ? this.href : undefined}\n target={this.target}\n rel={this.target === '_blank' ? 'noopener noreferrer' : undefined}\n >\n <ifx-icon icon={this.icon}></ifx-icon>\n </a>\n ) : (\n <button\n class={this.getClassNames()}\n type=\"button\"\n >\n <ifx-icon icon={this.icon}></ifx-icon>\n </button>\n )}\n </Host>\n );\n }\n\n getVariantClass() {\n return `${this.variant}` === \"secondary\"\n ? `secondary`\n : `${this.variant}` === 'tertiary'\n ? `tertiary`\n : `primary`;\n }\n\n getSizeClass() {\n if (`${this.size}` === \"xs\") {\n return \"xs\"\n }\n else if (`${this.size}` === \"s\") {\n return \"s\"\n }\n else if (`${this.size}` === \"l\") {\n return \"l\"\n }\n else return \"\";\n }\n\n getClassNames() {\n return classNames(\n 'btn icon-button',\n `btn-${this.shape}`,\n this.size && `btn-${this.getSizeClass()}`,\n `btn-${this.getVariantClass()}`,\n this.disabled ? 'disabled' : ''\n );\n }\n}"],"version":3}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { p as proxyCustomElement, H, h } from './p-
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-e27586b6.js';
|
2
2
|
|
3
3
|
const numberIndicatorCss = ":root{--ifx-font-family:\"Source Sans 3\";font-family:var(--ifx-font-family, sans-serif)}:host{display:inline-flex}.numberIndicator__container{display:inline-flex;padding:0px 4px;max-height:16px;justify-content:center;align-items:center;border-radius:100px;background-color:#0A8276;font-family:var(--ifx-font-family)}.numberIndicator__container span{color:#FFFFFF;text-align:center;font-size:0.875rem;font-style:normal;font-weight:600;line-height:16px}.numberIndicator__container.inverted{background-color:#FFFFFF}.numberIndicator__container.inverted span{color:#0A8276}";
|
4
4
|
const IfxNumberIndicatorStyle0 = numberIndicatorCss;
|
@@ -11,7 +11,7 @@ const NumberIndicator = /*@__PURE__*/ proxyCustomElement(class NumberIndicator e
|
|
11
11
|
this.inverted = false;
|
12
12
|
}
|
13
13
|
render() {
|
14
|
-
return (h("div", { key: '
|
14
|
+
return (h("div", { key: '9242365a87fe6a8cd08e43c411d41d271a031847', "aria-label": 'a number indicator', class: `numberIndicator__container ${this.inverted ? 'inverted' : ""}` }, h("span", { key: 'eee5b9ac92564d64aae37fcfce652e6e38c1df7f' }, h("slot", { key: '6b2d395ec7218f63faa727c90ec6b1b443df5599' }))));
|
15
15
|
}
|
16
16
|
static get style() { return IfxNumberIndicatorStyle0; }
|
17
17
|
}, [1, "ifx-number-indicator", {
|
@@ -33,4 +33,4 @@ function defineCustomElement() {
|
|
33
33
|
|
34
34
|
export { NumberIndicator as N, defineCustomElement as d };
|
35
35
|
|
36
|
-
//# sourceMappingURL=p-
|
36
|
+
//# sourceMappingURL=p-160033dc.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"file":"p-
|
1
|
+
{"file":"p-160033dc.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,4jBAA4jB,CAAC;AACxlB,iCAAe,kBAAkB;;MCOpB,eAAe;IAL5B;;;;QAMU,aAAQ,GAAY,KAAK,CAAC;KAWnC;IATC,MAAM;QACJ,QACE,0EAAgB,oBAAoB,EAAC,KAAK,EAAE,8BAA8B,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,IACzG,+DACE,8DAAQ,CACH,CACH,EACN;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/number-indicator/number-indicator.scss?tag=ifx-number-indicator&encapsulation=shadow","src/components/number-indicator/number-indicator.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n display: inline-flex;\n}\n\n.numberIndicator__container {\n display: inline-flex;\n padding: 0px 4px;\n max-height: 16px;\n justify-content: center;\n align-items: center;\n border-radius: 100px;\n background-color: tokens.$ifxColorOcean500;\n font-family: var(--ifx-font-family);\n\n & span {\n color: tokens.$ifxColorBaseWhite;\n text-align: center;\n font-size: tokens.$ifxFontSizeS;\n font-style: normal;\n font-weight: tokens.$ifxFontWeightSemibold;\n line-height: 16px;\n }\n\n &.inverted {\n background-color: tokens.$ifxColorBaseWhite;\n\n & span {\n color: tokens.$ifxColorOcean500;\n }\n }\n}","import { Component, h, Prop } from '@stencil/core';\n \n\n@Component({\n tag: 'ifx-number-indicator',\n styleUrl: 'number-indicator.scss',\n shadow: true\n})\nexport class NumberIndicator {\n @Prop() inverted: boolean = false;\n\n render() {\n return (\n <div aria-label='a number indicator' class={`numberIndicator__container ${this.inverted ? 'inverted' : \"\"}`}>\n <span>\n <slot />\n </span>\n </div>\n );\n }\n}"],"version":3}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
|
1
|
+
import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e27586b6.js';
|
2
2
|
|
3
3
|
var cartf16 = {
|
4
4
|
name: 'Cart-f-16',
|
@@ -7599,7 +7599,7 @@ const InfineonIconStencil = /*@__PURE__*/ proxyCustomElement(class InfineonIconS
|
|
7599
7599
|
this.ifxIcon = getIcon(removeHyphen(this.icon));
|
7600
7600
|
}
|
7601
7601
|
render() {
|
7602
|
-
return (h(Host, { key: '
|
7602
|
+
return (h(Host, { key: 'b9e7a70969306d21d04013a291d7f1c6c12a2f40' }, this.constructIcon()));
|
7603
7603
|
}
|
7604
7604
|
static get style() { return IfxIconStyle0; }
|
7605
7605
|
}, [0, "ifx-icon", {
|
@@ -7622,4 +7622,4 @@ function defineCustomElement() {
|
|
7622
7622
|
|
7623
7623
|
export { InfineonIconStencil as I, defineCustomElement as d, icons as i };
|
7624
7624
|
|
7625
|
-
//# sourceMappingURL=p-
|
7625
|
+
//# sourceMappingURL=p-2424d547.js.map
|