@ukic/canary-web-components 2.0.0-canary.4 → 2.0.0-canary.41
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/README.md +7 -2
- package/dist/cjs/core.cjs.js +1 -1
- package/dist/cjs/date-helpers-c9551119.js +150 -0
- package/dist/cjs/date-helpers-c9551119.js.map +1 -0
- package/dist/cjs/helpers-951fb33a.js +433 -0
- package/dist/cjs/helpers-951fb33a.js.map +1 -0
- package/dist/cjs/{helpers-bbe55215.js → helpers-eabe59b6.js} +147 -100
- package/dist/cjs/helpers-eabe59b6.js.map +1 -0
- package/dist/cjs/ic-accordion-group.cjs.entry.js +31 -4
- package/dist/cjs/ic-accordion-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-accordion.cjs.entry.js +11 -4
- package/dist/cjs/ic-accordion.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-alert.cjs.entry.js +20 -6
- package/dist/cjs/ic-alert.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-back-to-top.cjs.entry.js +26 -17
- package/dist/cjs/ic-back-to-top.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-badge.cjs.entry.js +86 -83
- package/dist/cjs/ic-badge.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js +62 -25
- package/dist/cjs/ic-breadcrumb-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-breadcrumb.cjs.entry.js +2 -2
- package/dist/cjs/ic-breadcrumb.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-button_3.cjs.entry.js +145 -103
- package/dist/cjs/ic-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-card-horizontal.cjs.entry.js +130 -0
- package/dist/cjs/ic-card-horizontal.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-card.cjs.entry.js +30 -7
- package/dist/cjs/ic-card.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox-group.cjs.entry.js +28 -17
- package/dist/cjs/ic-checkbox-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-checkbox.cjs.entry.js +50 -31
- package/dist/cjs/ic-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-chip.cjs.entry.js +45 -21
- package/dist/cjs/ic-chip.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-classification-banner.cjs.entry.js +14 -5
- package/dist/cjs/ic-classification-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-entity.cjs.entry.js +3 -6
- package/dist/cjs/ic-data-entity.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-row.cjs.entry.js +21 -35
- package/dist/cjs/ic-data-row.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-data-table-title-bar.cjs.entry.js +57 -0
- package/dist/cjs/ic-data-table-title-bar.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-data-table.cjs.entry.js +1079 -84
- package/dist/cjs/ic-data-table.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-date-input.cjs.entry.js +1123 -0
- package/dist/cjs/ic-date-input.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-date-picker.cjs.entry.js +1129 -0
- package/dist/cjs/ic-date-picker.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-dialog.cjs.entry.js +54 -12
- package/dist/cjs/ic-dialog.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-divider.cjs.entry.js +1 -1
- package/dist/cjs/ic-empty-state_2.cjs.entry.js +388 -0
- package/dist/cjs/ic-empty-state_2.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-footer-link-group.cjs.entry.js +4 -4
- package/dist/cjs/ic-footer-link-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer-link.cjs.entry.js +3 -3
- package/dist/cjs/ic-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-footer.cjs.entry.js +18 -7
- package/dist/cjs/ic-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-hero.cjs.entry.js +12 -2
- package/dist/cjs/ic-hero.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js +5 -5
- package/dist/cjs/ic-horizontal-scroll.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-input-component-container_4.cjs.entry.js +164 -0
- package/dist/cjs/ic-input-component-container_4.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-link.cjs.entry.js +34 -16
- package/dist/cjs/ic-link.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-group.cjs.entry.js +2 -2
- package/dist/cjs/ic-menu-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-item.cjs.entry.js +21 -20
- package/dist/cjs/ic-menu-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-menu-with-multi.cjs.entry.js +2740 -0
- package/dist/cjs/ic-menu-with-multi.cjs.entry.js.map +1 -0
- package/dist/cjs/{ic-input-component-container_3.cjs.entry.js → ic-menu.cjs.entry.js} +17 -80
- package/dist/cjs/ic-menu.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-navigation-button.cjs.entry.js +28 -7
- package/dist/cjs/ic-navigation-button.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-group.cjs.entry.js +32 -22
- package/dist/cjs/ic-navigation-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-item.cjs.entry.js +82 -36
- package/dist/cjs/ic-navigation-item.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-navigation-menu.cjs.entry.js +1 -1
- package/dist/cjs/ic-page-header.cjs.entry.js +10 -10
- package/dist/cjs/ic-page-header.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-pagination_4.cjs.entry.js +231 -116
- package/dist/cjs/ic-pagination_4.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-popover-menu.cjs.entry.js +40 -36
- package/dist/cjs/ic-popover-menu.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-group.cjs.entry.js +100 -59
- package/dist/cjs/ic-radio-group.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-radio-option.cjs.entry.js +59 -42
- package/dist/cjs/ic-radio-option.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-search-bar.cjs.entry.js +22 -30
- package/dist/cjs/ic-search-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-section-container.cjs.entry.js +1 -1
- package/dist/cjs/ic-section-container.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-select-with-multi.cjs.entry.js +796 -0
- package/dist/cjs/ic-select-with-multi.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-side-navigation.cjs.entry.js +53 -73
- package/dist/cjs/ic-side-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-skeleton.cjs.entry.js +16 -35
- package/dist/cjs/ic-skeleton.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-status-tag.cjs.entry.js +4 -2
- package/dist/cjs/ic-status-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-step.cjs.entry.js +5 -2
- package/dist/cjs/ic-step.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-stepper.cjs.entry.js +31 -9
- package/dist/cjs/ic-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-switch.cjs.entry.js +7 -3
- package/dist/cjs/ic-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-context.cjs.entry.js +78 -130
- package/dist/cjs/ic-tab-context.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab-group.cjs.entry.js +1 -1
- package/dist/cjs/ic-tab-panel.cjs.entry.js +5 -13
- package/dist/cjs/ic-tab-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tab.cjs.entry.js +16 -14
- package/dist/cjs/ic-tab.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-theme.cjs.entry.js +13 -22
- package/dist/cjs/ic-theme.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast-region.cjs.entry.js +6 -0
- package/dist/cjs/ic-toast-region.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toast.cjs.entry.js +21 -18
- package/dist/cjs/ic-toast.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js +201 -0
- package/dist/cjs/ic-toggle-button-group.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-toggle-button.cjs.entry.js +97 -0
- package/dist/cjs/ic-toggle-button.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-top-navigation.cjs.entry.js +60 -82
- package/dist/cjs/ic-top-navigation.cjs.entry.js.map +1 -1
- package/dist/cjs/ic-tree-item.cjs.entry.js +253 -0
- package/dist/cjs/ic-tree-item.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-tree-view.cjs.entry.js +215 -0
- package/dist/cjs/ic-tree-view.cjs.entry.js.map +1 -0
- package/dist/cjs/ic-typography.cjs.entry.js +51 -14
- package/dist/cjs/ic-typography.cjs.entry.js.map +1 -1
- package/dist/cjs/index-4cf27b16.js +48 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/assets/arrow-dropdown.svg +3 -0
- package/dist/collection/assets/calendar.svg +3 -0
- package/dist/collection/collection-manifest.json +11 -1
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.css +658 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js +375 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.js.map +1 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js +605 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.stories.js.map +1 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.types.js +2 -0
- package/dist/collection/components/ic-card-horizontal/ic-card-horizontal.types.js.map +1 -0
- package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js +140 -0
- package/dist/collection/components/ic-card-horizontal/test/basic/ic-card-horizontal.spec.js.map +1 -0
- package/dist/collection/components/ic-data-table/ic-data-table.css +286 -10
- package/dist/collection/components/ic-data-table/ic-data-table.js +1533 -123
- package/dist/collection/components/ic-data-table/ic-data-table.js.map +1 -1
- package/dist/collection/components/ic-data-table/ic-data-table.stories.js +414 -0
- package/dist/collection/components/ic-data-table/ic-data-table.stories.js.map +1 -0
- package/dist/collection/components/ic-data-table/ic-data-table.types.js.map +1 -1
- package/dist/collection/components/ic-data-table/story-data.js +1326 -43
- package/dist/collection/components/ic-data-table/story-data.js.map +1 -1
- package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js +460 -3
- package/dist/collection/components/ic-data-table/test/basic/ic-data-table.spec.js.map +1 -1
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.css +91 -0
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js +160 -0
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.js.map +1 -0
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.js +98 -0
- package/dist/collection/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.js.map +1 -0
- package/dist/collection/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.js +11 -0
- package/dist/collection/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.js.map +1 -0
- package/dist/collection/components/ic-data-table-title-bar/test/basic/ic-data-table-title-bar.spec.js +70 -0
- package/dist/collection/components/ic-data-table-title-bar/test/basic/ic-data-table-title-bar.spec.js.map +1 -0
- package/dist/collection/components/ic-date-input/ic-date-input.css +564 -0
- package/dist/collection/components/ic-date-input/ic-date-input.js +1808 -0
- package/dist/collection/components/ic-date-input/ic-date-input.js.map +1 -0
- package/dist/collection/components/ic-date-input/ic-date-input.stories.js +341 -0
- package/dist/collection/components/ic-date-input/ic-date-input.stories.js.map +1 -0
- package/dist/collection/components/ic-date-input/story-data.js +28 -0
- package/dist/collection/components/ic-date-input/story-data.js.map +1 -0
- package/dist/collection/components/ic-date-input/test/basic/ic-date-input.spec.js +1158 -0
- package/dist/collection/components/ic-date-input/test/basic/ic-date-input.spec.js.map +1 -0
- package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js +42 -0
- package/dist/collection/components/ic-date-input/test/helpers/ic-date-input.js.map +1 -0
- package/dist/collection/components/ic-date-picker/ic-date-picker.css +885 -0
- package/dist/collection/components/ic-date-picker/ic-date-picker.js +1688 -0
- package/dist/collection/components/ic-date-picker/ic-date-picker.js.map +1 -0
- package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js +167 -0
- package/dist/collection/components/ic-date-picker/ic-date-picker.stories.js.map +1 -0
- package/dist/collection/components/ic-date-picker/ic-day-button.js +36 -0
- package/dist/collection/components/ic-date-picker/ic-day-button.js.map +1 -0
- package/dist/collection/components/ic-date-picker/ic-month-picker.js +29 -0
- package/dist/collection/components/ic-date-picker/ic-month-picker.js.map +1 -0
- package/dist/collection/components/ic-date-picker/ic-year-picker.js +39 -0
- package/dist/collection/components/ic-date-picker/ic-year-picker.js.map +1 -0
- package/dist/collection/components/ic-date-picker/story-data.js +179 -0
- package/dist/collection/components/ic-date-picker/story-data.js.map +1 -0
- package/dist/collection/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.js +13 -0
- package/dist/collection/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.js.map +1 -0
- package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker-utils.spec.js +207 -0
- package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker-utils.spec.js.map +1 -0
- package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker.spec.js +1030 -0
- package/dist/collection/components/ic-date-picker/test/basic/ic-date-picker.spec.js.map +1 -0
- package/dist/collection/components/ic-menu-with-multi/ic-menu.css +701 -0
- package/dist/collection/components/ic-menu-with-multi/ic-menu.js +1599 -0
- package/dist/collection/components/ic-menu-with-multi/ic-menu.js.map +1 -0
- package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js +1057 -0
- package/dist/collection/components/ic-menu-with-multi/test/basic/ic-menu.spec.js.map +1 -0
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js +346 -166
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.js.map +1 -1
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.stories.js +260 -0
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.stories.js.map +1 -0
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js +2 -0
- package/dist/collection/components/ic-pagination-bar/ic-pagination-bar.types.js.map +1 -0
- package/dist/collection/components/ic-pagination-bar/test/a11y/ic-pagination-bar.test.a11y.js +8 -1
- package/dist/collection/components/ic-pagination-bar/test/a11y/ic-pagination-bar.test.a11y.js.map +1 -1
- package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js +75 -12
- package/dist/collection/components/ic-pagination-bar/test/basic/ic-pagination-bar.spec.js.map +1 -1
- package/dist/collection/components/ic-select-with-multi/assets/Check.svg +3 -0
- package/dist/collection/components/ic-select-with-multi/assets/Clear.svg +3 -0
- package/dist/collection/components/ic-select-with-multi/assets/Expand.svg +3 -0
- package/dist/collection/components/ic-select-with-multi/ic-select-multi.stories.js +144 -0
- package/dist/collection/components/ic-select-with-multi/ic-select-multi.stories.js.map +1 -0
- package/dist/collection/components/ic-select-with-multi/ic-select.css +693 -0
- package/dist/collection/components/ic-select-with-multi/ic-select.js +1649 -0
- package/dist/collection/components/ic-select-with-multi/ic-select.js.map +1 -0
- package/dist/collection/components/ic-select-with-multi/story-data.js +216 -0
- package/dist/collection/components/ic-select-with-multi/story-data.js.map +1 -0
- package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js +1518 -0
- package/dist/collection/components/ic-select-with-multi/test/basic/ic-select.spec.js.map +1 -0
- package/dist/collection/components/ic-tree-item/ic-tree-item.css +186 -0
- package/dist/collection/components/ic-tree-item/ic-tree-item.js +620 -0
- package/dist/collection/components/ic-tree-item/ic-tree-item.js.map +1 -0
- package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js +117 -0
- package/dist/collection/components/ic-tree-item/test/basic/ic-tree-item.spec.js.map +1 -0
- package/dist/collection/components/ic-tree-view/ic-tree-view.css +74 -0
- package/dist/collection/components/ic-tree-view/ic-tree-view.js +346 -0
- package/dist/collection/components/ic-tree-view/ic-tree-view.js.map +1 -0
- package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js +456 -0
- package/dist/collection/components/ic-tree-view/ic-tree-view.stories.js.map +1 -0
- package/dist/collection/components/ic-tree-view/test/basic/ic-tree-view.spec.js +85 -0
- package/dist/collection/components/ic-tree-view/test/basic/ic-tree-view.spec.js.map +1 -0
- package/dist/collection/utils/constants.js +83 -0
- package/dist/collection/utils/constants.js.map +1 -0
- package/dist/collection/utils/date-helpers.js +133 -0
- package/dist/collection/utils/date-helpers.js.map +1 -0
- package/dist/collection/utils/helpers.js +473 -5
- package/dist/collection/utils/helpers.js.map +1 -1
- package/dist/collection/utils/types.js +58 -0
- package/dist/collection/utils/types.js.map +1 -0
- package/dist/components/helpers.js +141 -98
- package/dist/components/helpers.js.map +1 -1
- package/dist/components/helpers2.js +403 -0
- package/dist/components/helpers2.js.map +1 -0
- package/dist/components/ic-accordion-group.js +38 -7
- package/dist/components/ic-accordion-group.js.map +1 -1
- package/dist/components/ic-accordion.js +12 -4
- package/dist/components/ic-accordion.js.map +1 -1
- package/dist/components/ic-alert2.js +21 -6
- package/dist/components/ic-alert2.js.map +1 -1
- package/dist/components/ic-back-to-top.js +34 -18
- package/dist/components/ic-back-to-top.js.map +1 -1
- package/dist/components/ic-badge.js +91 -84
- package/dist/components/ic-badge.js.map +1 -1
- package/dist/components/ic-breadcrumb-group.js +66 -25
- package/dist/components/ic-breadcrumb-group.js.map +1 -1
- package/dist/components/ic-breadcrumb2.js +2 -2
- package/dist/components/ic-breadcrumb2.js.map +1 -1
- package/dist/components/ic-button2.js +104 -74
- package/dist/components/ic-button2.js.map +1 -1
- package/dist/components/ic-card-horizontal.d.ts +11 -0
- package/dist/components/ic-card-horizontal.js +168 -0
- package/dist/components/ic-card-horizontal.js.map +1 -0
- package/dist/components/ic-card.js +34 -21
- package/dist/components/ic-card.js.map +1 -1
- package/dist/components/ic-checkbox-group.js +33 -18
- package/dist/components/ic-checkbox-group.js.map +1 -1
- package/dist/components/ic-checkbox.js +58 -33
- package/dist/components/ic-checkbox.js.map +1 -1
- package/dist/components/ic-chip.js +52 -23
- package/dist/components/ic-chip.js.map +1 -1
- package/dist/components/ic-classification-banner.js +14 -5
- package/dist/components/ic-classification-banner.js.map +1 -1
- package/dist/components/ic-data-entity.js +3 -6
- package/dist/components/ic-data-entity.js.map +1 -1
- package/dist/components/ic-data-row.js +21 -35
- package/dist/components/ic-data-row.js.map +1 -1
- package/dist/components/ic-data-table-title-bar.d.ts +11 -0
- package/dist/components/ic-data-table-title-bar.js +136 -0
- package/dist/components/ic-data-table-title-bar.js.map +1 -0
- package/dist/components/ic-data-table.js +1119 -91
- package/dist/components/ic-data-table.js.map +1 -1
- package/dist/components/ic-date-input.d.ts +11 -0
- package/dist/components/ic-date-input.js +8 -0
- package/dist/components/ic-date-input.js.map +1 -0
- package/dist/components/ic-date-input2.js +1359 -0
- package/dist/components/ic-date-input2.js.map +1 -0
- package/dist/components/ic-date-picker.d.ts +11 -0
- package/dist/components/ic-date-picker.js +1258 -0
- package/dist/components/ic-date-picker.js.map +1 -0
- package/dist/components/ic-dialog.js +55 -12
- package/dist/components/ic-dialog.js.map +1 -1
- package/dist/components/ic-divider2.js +1 -1
- package/dist/components/ic-empty-state.js +1 -57
- package/dist/components/ic-empty-state.js.map +1 -1
- package/dist/{esm/ic-empty-state.entry.js → components/ic-empty-state2.js} +47 -11
- package/dist/components/ic-empty-state2.js.map +1 -0
- package/dist/components/ic-footer-link-group.js +4 -4
- package/dist/components/ic-footer-link-group.js.map +1 -1
- package/dist/components/ic-footer-link.js +3 -3
- package/dist/components/ic-footer-link.js.map +1 -1
- package/dist/components/ic-footer.js +18 -7
- package/dist/components/ic-footer.js.map +1 -1
- package/dist/components/ic-hero.js +12 -2
- package/dist/components/ic-hero.js.map +1 -1
- package/dist/components/ic-horizontal-scroll2.js +5 -5
- package/dist/components/ic-horizontal-scroll2.js.map +1 -1
- package/dist/components/ic-input-component-container2.js +24 -8
- package/dist/components/ic-input-component-container2.js.map +1 -1
- package/dist/components/ic-input-label2.js +7 -5
- package/dist/components/ic-input-label2.js.map +1 -1
- package/dist/components/ic-input-validation2.js +1 -1
- package/dist/components/ic-link2.js +35 -17
- package/dist/components/ic-link2.js.map +1 -1
- package/dist/components/ic-loading-indicator2.js +2 -2
- package/dist/components/ic-loading-indicator2.js.map +1 -1
- package/dist/components/ic-menu-group.js +2 -2
- package/dist/components/ic-menu-group.js.map +1 -1
- package/dist/components/ic-menu-item2.js +26 -23
- package/dist/components/ic-menu-item2.js.map +1 -1
- package/dist/components/ic-menu-with-multi.d.ts +11 -0
- package/dist/components/ic-menu-with-multi.js +8 -0
- package/dist/components/ic-menu-with-multi.js.map +1 -0
- package/dist/components/ic-menu2.js +14 -14
- package/dist/components/ic-menu2.js.map +1 -1
- package/dist/components/ic-menu3.js +2806 -0
- package/dist/components/ic-menu3.js.map +1 -0
- package/dist/components/ic-navigation-button.js +29 -8
- package/dist/components/ic-navigation-button.js.map +1 -1
- package/dist/components/ic-navigation-group.js +34 -24
- package/dist/components/ic-navigation-group.js.map +1 -1
- package/dist/components/ic-navigation-item.js +84 -37
- package/dist/components/ic-navigation-item.js.map +1 -1
- package/dist/components/ic-navigation-menu2.js +1 -1
- package/dist/components/ic-page-header.js +10 -10
- package/dist/components/ic-page-header.js.map +1 -1
- package/dist/components/ic-pagination-bar2.js +244 -161
- package/dist/components/ic-pagination-bar2.js.map +1 -1
- package/dist/components/ic-pagination-item2.js +27 -12
- package/dist/components/ic-pagination-item2.js.map +1 -1
- package/dist/components/ic-pagination2.js +30 -10
- package/dist/components/ic-pagination2.js.map +1 -1
- package/dist/components/ic-popover-menu.js +43 -38
- package/dist/components/ic-popover-menu.js.map +1 -1
- package/dist/components/ic-radio-group.js +101 -59
- package/dist/components/ic-radio-group.js.map +1 -1
- package/dist/components/ic-radio-option.js +63 -44
- package/dist/components/ic-radio-option.js.map +1 -1
- package/dist/components/ic-search-bar.js +23 -30
- package/dist/components/ic-search-bar.js.map +1 -1
- package/dist/components/ic-section-container2.js +1 -1
- package/dist/components/ic-section-container2.js.map +1 -1
- package/dist/components/ic-select-with-multi.d.ts +11 -0
- package/dist/components/ic-select-with-multi.js +921 -0
- package/dist/components/ic-select-with-multi.js.map +1 -0
- package/dist/components/ic-select2.js +77 -30
- package/dist/components/ic-select2.js.map +1 -1
- package/dist/components/ic-side-navigation.js +56 -74
- package/dist/components/ic-side-navigation.js.map +1 -1
- package/dist/components/ic-skeleton.js +17 -40
- package/dist/components/ic-skeleton.js.map +1 -1
- package/dist/components/ic-status-tag.js +3 -1
- package/dist/components/ic-status-tag.js.map +1 -1
- package/dist/components/ic-step.js +5 -2
- package/dist/components/ic-step.js.map +1 -1
- package/dist/components/ic-stepper.js +35 -9
- package/dist/components/ic-stepper.js.map +1 -1
- package/dist/components/ic-switch.js +9 -4
- package/dist/components/ic-switch.js.map +1 -1
- package/dist/components/ic-tab-context.js +79 -130
- package/dist/components/ic-tab-context.js.map +1 -1
- package/dist/components/ic-tab-panel.js +6 -17
- package/dist/components/ic-tab-panel.js.map +1 -1
- package/dist/components/ic-tab.js +16 -14
- package/dist/components/ic-tab.js.map +1 -1
- package/dist/components/ic-text-field2.js +120 -72
- package/dist/components/ic-text-field2.js.map +1 -1
- package/dist/components/ic-theme.js +13 -22
- package/dist/components/ic-theme.js.map +1 -1
- package/dist/components/ic-toast-region.js +6 -0
- package/dist/components/ic-toast-region.js.map +1 -1
- package/dist/components/ic-toast.js +24 -19
- package/dist/components/ic-toast.js.map +1 -1
- package/dist/components/ic-toggle-button-group.js +230 -0
- package/dist/components/ic-toggle-button-group.js.map +1 -0
- package/dist/components/ic-toggle-button.js +148 -0
- package/dist/components/ic-toggle-button.js.map +1 -0
- package/dist/components/ic-tooltip2.js +52 -30
- package/dist/components/ic-tooltip2.js.map +1 -1
- package/dist/components/ic-top-navigation.js +61 -83
- package/dist/components/ic-top-navigation.js.map +1 -1
- package/dist/components/ic-tree-item.d.ts +11 -0
- package/dist/components/ic-tree-item.js +300 -0
- package/dist/components/ic-tree-item.js.map +1 -0
- package/dist/components/ic-tree-view.d.ts +11 -0
- package/dist/components/ic-tree-view.js +252 -0
- package/dist/components/ic-tree-view.js.map +1 -0
- package/dist/components/ic-typography2.js +57 -17
- package/dist/components/ic-typography2.js.map +1 -1
- package/dist/core/core.css +8 -5
- package/dist/core/core.esm.js +1 -1
- package/dist/core/core.esm.js.map +1 -1
- package/dist/core/p-0229eb46.entry.js +2 -0
- package/dist/core/p-0229eb46.entry.js.map +1 -0
- package/dist/core/p-04fe848d.entry.js +2 -0
- package/dist/core/p-04fe848d.entry.js.map +1 -0
- package/dist/core/p-05ae9a59.entry.js +2 -0
- package/dist/core/p-05ae9a59.entry.js.map +1 -0
- package/dist/core/p-074e64d0.entry.js +2 -0
- package/dist/core/p-074e64d0.entry.js.map +1 -0
- package/dist/core/p-0f1706e8.entry.js +2 -0
- package/dist/core/p-0f1706e8.entry.js.map +1 -0
- package/dist/core/p-11877d23.entry.js +2 -0
- package/dist/core/p-11877d23.entry.js.map +1 -0
- package/dist/core/p-1e450833.entry.js +2 -0
- package/dist/core/p-1e450833.entry.js.map +1 -0
- package/dist/core/{p-4409f656.entry.js → p-23408776.entry.js} +2 -2
- package/dist/core/p-23408776.entry.js.map +1 -0
- package/dist/core/p-26fa17fb.entry.js +2 -0
- package/dist/core/p-26fa17fb.entry.js.map +1 -0
- package/dist/core/p-2b15ea77.entry.js +2 -0
- package/dist/core/p-2b15ea77.entry.js.map +1 -0
- package/dist/core/p-2d44b81a.entry.js +2 -0
- package/dist/core/p-2d44b81a.entry.js.map +1 -0
- package/dist/core/p-2ea7af8b.entry.js +2 -0
- package/dist/core/p-2ea7af8b.entry.js.map +1 -0
- package/dist/core/p-33dd24eb.js +2 -0
- package/dist/core/p-33dd24eb.js.map +1 -0
- package/dist/core/p-38f329ab.entry.js +2 -0
- package/dist/core/p-38f329ab.entry.js.map +1 -0
- package/dist/core/p-3cd2056f.entry.js +2 -0
- package/dist/core/p-3cd2056f.entry.js.map +1 -0
- package/dist/core/p-3d00ad9e.entry.js +2 -0
- package/dist/core/p-3d00ad9e.entry.js.map +1 -0
- package/dist/core/p-3ebd4703.entry.js +2 -0
- package/dist/core/p-3ebd4703.entry.js.map +1 -0
- package/dist/core/p-44036532.entry.js +2 -0
- package/dist/core/p-44036532.entry.js.map +1 -0
- package/dist/core/p-44680720.entry.js +2 -0
- package/dist/core/p-44680720.entry.js.map +1 -0
- package/dist/core/{p-24945ee5.entry.js → p-452985d9.entry.js} +2 -2
- package/dist/core/p-452985d9.entry.js.map +1 -0
- package/dist/core/{p-b97dc365.entry.js → p-487fd924.entry.js} +2 -2
- package/dist/core/p-56db5123.entry.js +2 -0
- package/dist/core/p-56db5123.entry.js.map +1 -0
- package/dist/core/p-5a90eaa8.entry.js +2 -0
- package/dist/core/p-5a90eaa8.entry.js.map +1 -0
- package/dist/core/p-5dd6381a.entry.js +2 -0
- package/dist/core/p-5dd6381a.entry.js.map +1 -0
- package/dist/core/p-5f149106.entry.js +2 -0
- package/dist/core/p-5f149106.entry.js.map +1 -0
- package/dist/core/p-61848e6b.entry.js +2 -0
- package/dist/core/p-61848e6b.entry.js.map +1 -0
- package/dist/core/{p-d77960f6.entry.js → p-656378ba.entry.js} +2 -2
- package/dist/core/p-6a920114.entry.js +2 -0
- package/dist/core/p-6a920114.entry.js.map +1 -0
- package/dist/core/p-6cdf5de2.entry.js +2 -0
- package/dist/core/p-6cdf5de2.entry.js.map +1 -0
- package/dist/core/p-70ad364c.entry.js +2 -0
- package/dist/core/p-70ad364c.entry.js.map +1 -0
- package/dist/core/p-70c659ec.entry.js +2 -0
- package/dist/core/p-70c659ec.entry.js.map +1 -0
- package/dist/core/p-74b42302.entry.js +2 -0
- package/dist/core/p-74b42302.entry.js.map +1 -0
- package/dist/core/p-75bd12f8.entry.js +2 -0
- package/dist/core/p-75bd12f8.entry.js.map +1 -0
- package/dist/core/p-780294b8.entry.js +2 -0
- package/dist/core/p-780294b8.entry.js.map +1 -0
- package/dist/core/{p-baf81f30.entry.js → p-787ffd96.entry.js} +2 -2
- package/dist/core/p-787ffd96.entry.js.map +1 -0
- package/dist/core/p-7edc19be.entry.js +2 -0
- package/dist/core/p-7edc19be.entry.js.map +1 -0
- package/dist/core/p-8ab58daa.js +2 -0
- package/dist/core/p-8ab58daa.js.map +1 -0
- package/dist/core/p-8ced1495.entry.js +2 -0
- package/dist/core/p-8ced1495.entry.js.map +1 -0
- package/dist/core/{p-939baa93.entry.js → p-95545b4c.entry.js} +2 -2
- package/dist/core/p-95545b4c.entry.js.map +1 -0
- package/dist/core/p-95d057b8.entry.js +2 -0
- package/dist/core/p-95d057b8.entry.js.map +1 -0
- package/dist/core/p-987cd821.entry.js +2 -0
- package/dist/core/p-987cd821.entry.js.map +1 -0
- package/dist/core/{p-41aa0ed3.entry.js → p-9b386822.entry.js} +2 -2
- package/dist/core/p-9b386822.entry.js.map +1 -0
- package/dist/core/{p-39e20b87.entry.js → p-9bbe221f.entry.js} +2 -2
- package/dist/core/{p-39e20b87.entry.js.map → p-9bbe221f.entry.js.map} +1 -1
- package/dist/core/p-9f157649.entry.js +2 -0
- package/dist/core/p-9f157649.entry.js.map +1 -0
- package/dist/core/{p-356b8a4c.entry.js → p-9f3cf053.entry.js} +2 -2
- package/dist/core/{p-356b8a4c.entry.js.map → p-9f3cf053.entry.js.map} +1 -1
- package/dist/core/p-9f58998d.entry.js +2 -0
- package/dist/core/p-9f58998d.entry.js.map +1 -0
- package/dist/core/p-a4f28ef1.entry.js +2 -0
- package/dist/core/p-a4f28ef1.entry.js.map +1 -0
- package/dist/core/p-ac8090a5.entry.js +2 -0
- package/dist/core/p-ac8090a5.entry.js.map +1 -0
- package/dist/core/p-b1f89f44.entry.js +2 -0
- package/dist/core/p-b1f89f44.entry.js.map +1 -0
- package/dist/core/p-bc350ec5.entry.js +2 -0
- package/dist/core/p-bc350ec5.entry.js.map +1 -0
- package/dist/core/p-bd0328f3.entry.js +2 -0
- package/dist/core/p-bd0328f3.entry.js.map +1 -0
- package/dist/core/p-bf06977d.js +2 -0
- package/dist/core/p-bf06977d.js.map +1 -0
- package/dist/core/p-c0a2a040.entry.js +2 -0
- package/dist/core/p-c0a2a040.entry.js.map +1 -0
- package/dist/core/p-cc0e0b46.entry.js +2 -0
- package/dist/core/p-cc0e0b46.entry.js.map +1 -0
- package/dist/core/p-d0020f6f.entry.js +2 -0
- package/dist/core/p-d0020f6f.entry.js.map +1 -0
- package/dist/core/{p-3d618bc2.entry.js → p-d1045cd5.entry.js} +2 -2
- package/dist/core/p-d56248df.entry.js +2 -0
- package/dist/core/p-d56248df.entry.js.map +1 -0
- package/dist/core/p-d921dc2c.entry.js +2 -0
- package/dist/core/p-d921dc2c.entry.js.map +1 -0
- package/dist/core/p-da398a5d.entry.js +2 -0
- package/dist/core/p-da398a5d.entry.js.map +1 -0
- package/dist/core/{p-2e9e8e7c.entry.js → p-db5af9f7.entry.js} +2 -2
- package/dist/core/p-db5af9f7.entry.js.map +1 -0
- package/dist/core/p-dd4c83ad.entry.js +2 -0
- package/dist/core/p-dd4c83ad.entry.js.map +1 -0
- package/dist/core/p-e362b5f3.entry.js +2 -0
- package/dist/core/p-e362b5f3.entry.js.map +1 -0
- package/dist/core/p-e89c2feb.entry.js +2 -0
- package/dist/core/p-e89c2feb.entry.js.map +1 -0
- package/dist/core/p-eaeaa096.entry.js +2 -0
- package/dist/core/p-eaeaa096.entry.js.map +1 -0
- package/dist/core/{p-c2b5e7b1.entry.js → p-eb87b43b.entry.js} +2 -2
- package/dist/core/{p-c2b5e7b1.entry.js.map → p-eb87b43b.entry.js.map} +1 -1
- package/dist/core/p-f5dfcf4f.entry.js +2 -0
- package/dist/core/p-f5dfcf4f.entry.js.map +1 -0
- package/dist/core/p-f5fbfbc9.entry.js +2 -0
- package/dist/core/p-f5fbfbc9.entry.js.map +1 -0
- package/dist/core/p-fac387e8.entry.js +2 -0
- package/dist/core/p-fac387e8.entry.js.map +1 -0
- package/dist/esm/core.js +1 -1
- package/dist/esm/date-helpers-0e5e32a7.js +136 -0
- package/dist/esm/date-helpers-0e5e32a7.js.map +1 -0
- package/dist/esm/helpers-948df101.js +403 -0
- package/dist/esm/helpers-948df101.js.map +1 -0
- package/dist/esm/{helpers-268c2b7f.js → helpers-cd64688a.js} +142 -99
- package/dist/esm/helpers-cd64688a.js.map +1 -0
- package/dist/esm/ic-accordion-group.entry.js +31 -4
- package/dist/esm/ic-accordion-group.entry.js.map +1 -1
- package/dist/esm/ic-accordion.entry.js +11 -4
- package/dist/esm/ic-accordion.entry.js.map +1 -1
- package/dist/esm/ic-alert.entry.js +20 -6
- package/dist/esm/ic-alert.entry.js.map +1 -1
- package/dist/esm/ic-back-to-top.entry.js +26 -17
- package/dist/esm/ic-back-to-top.entry.js.map +1 -1
- package/dist/esm/ic-badge.entry.js +86 -83
- package/dist/esm/ic-badge.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb-group.entry.js +62 -25
- package/dist/esm/ic-breadcrumb-group.entry.js.map +1 -1
- package/dist/esm/ic-breadcrumb.entry.js +2 -2
- package/dist/esm/ic-breadcrumb.entry.js.map +1 -1
- package/dist/esm/ic-button_3.entry.js +145 -103
- package/dist/esm/ic-button_3.entry.js.map +1 -1
- package/dist/esm/ic-card-horizontal.entry.js +126 -0
- package/dist/esm/ic-card-horizontal.entry.js.map +1 -0
- package/dist/esm/ic-card.entry.js +30 -7
- package/dist/esm/ic-card.entry.js.map +1 -1
- package/dist/esm/ic-checkbox-group.entry.js +28 -17
- package/dist/esm/ic-checkbox-group.entry.js.map +1 -1
- package/dist/esm/ic-checkbox.entry.js +50 -31
- package/dist/esm/ic-checkbox.entry.js.map +1 -1
- package/dist/esm/ic-chip.entry.js +45 -21
- package/dist/esm/ic-chip.entry.js.map +1 -1
- package/dist/esm/ic-classification-banner.entry.js +14 -5
- package/dist/esm/ic-classification-banner.entry.js.map +1 -1
- package/dist/esm/ic-data-entity.entry.js +3 -6
- package/dist/esm/ic-data-entity.entry.js.map +1 -1
- package/dist/esm/ic-data-row.entry.js +21 -35
- package/dist/esm/ic-data-row.entry.js.map +1 -1
- package/dist/esm/ic-data-table-title-bar.entry.js +53 -0
- package/dist/esm/ic-data-table-title-bar.entry.js.map +1 -0
- package/dist/esm/ic-data-table.entry.js +1080 -85
- package/dist/esm/ic-data-table.entry.js.map +1 -1
- package/dist/esm/ic-date-input.entry.js +1119 -0
- package/dist/esm/ic-date-input.entry.js.map +1 -0
- package/dist/esm/ic-date-picker.entry.js +1125 -0
- package/dist/esm/ic-date-picker.entry.js.map +1 -0
- package/dist/esm/ic-dialog.entry.js +54 -12
- package/dist/esm/ic-dialog.entry.js.map +1 -1
- package/dist/esm/ic-divider.entry.js +1 -1
- package/dist/esm/ic-empty-state_2.entry.js +383 -0
- package/dist/esm/ic-empty-state_2.entry.js.map +1 -0
- package/dist/esm/ic-footer-link-group.entry.js +4 -4
- package/dist/esm/ic-footer-link-group.entry.js.map +1 -1
- package/dist/esm/ic-footer-link.entry.js +3 -3
- package/dist/esm/ic-footer-link.entry.js.map +1 -1
- package/dist/esm/ic-footer.entry.js +18 -7
- package/dist/esm/ic-footer.entry.js.map +1 -1
- package/dist/esm/ic-hero.entry.js +12 -2
- package/dist/esm/ic-hero.entry.js.map +1 -1
- package/dist/esm/ic-horizontal-scroll.entry.js +5 -5
- package/dist/esm/ic-horizontal-scroll.entry.js.map +1 -1
- package/dist/esm/ic-input-component-container_4.entry.js +157 -0
- package/dist/esm/ic-input-component-container_4.entry.js.map +1 -0
- package/dist/esm/ic-link.entry.js +35 -17
- package/dist/esm/ic-link.entry.js.map +1 -1
- package/dist/esm/ic-menu-group.entry.js +2 -2
- package/dist/esm/ic-menu-group.entry.js.map +1 -1
- package/dist/esm/ic-menu-item.entry.js +21 -20
- package/dist/esm/ic-menu-item.entry.js.map +1 -1
- package/dist/esm/ic-menu-with-multi.entry.js +2736 -0
- package/dist/esm/ic-menu-with-multi.entry.js.map +1 -0
- package/dist/esm/{ic-input-component-container_3.entry.js → ic-menu.entry.js} +19 -80
- package/dist/esm/ic-menu.entry.js.map +1 -0
- package/dist/esm/ic-navigation-button.entry.js +29 -8
- package/dist/esm/ic-navigation-button.entry.js.map +1 -1
- package/dist/esm/ic-navigation-group.entry.js +33 -23
- package/dist/esm/ic-navigation-group.entry.js.map +1 -1
- package/dist/esm/ic-navigation-item.entry.js +83 -37
- package/dist/esm/ic-navigation-item.entry.js.map +1 -1
- package/dist/esm/ic-navigation-menu.entry.js +1 -1
- package/dist/esm/ic-page-header.entry.js +10 -10
- package/dist/esm/ic-page-header.entry.js.map +1 -1
- package/dist/esm/ic-pagination_4.entry.js +232 -117
- package/dist/esm/ic-pagination_4.entry.js.map +1 -1
- package/dist/esm/ic-popover-menu.entry.js +40 -36
- package/dist/esm/ic-popover-menu.entry.js.map +1 -1
- package/dist/esm/ic-radio-group.entry.js +100 -59
- package/dist/esm/ic-radio-group.entry.js.map +1 -1
- package/dist/esm/ic-radio-option.entry.js +59 -42
- package/dist/esm/ic-radio-option.entry.js.map +1 -1
- package/dist/esm/ic-search-bar.entry.js +22 -30
- package/dist/esm/ic-search-bar.entry.js.map +1 -1
- package/dist/esm/ic-section-container.entry.js +1 -1
- package/dist/esm/ic-section-container.entry.js.map +1 -1
- package/dist/esm/ic-select-with-multi.entry.js +792 -0
- package/dist/esm/ic-select-with-multi.entry.js.map +1 -0
- package/dist/esm/ic-side-navigation.entry.js +53 -73
- package/dist/esm/ic-side-navigation.entry.js.map +1 -1
- package/dist/esm/ic-skeleton.entry.js +16 -35
- package/dist/esm/ic-skeleton.entry.js.map +1 -1
- package/dist/esm/ic-status-tag.entry.js +4 -2
- package/dist/esm/ic-status-tag.entry.js.map +1 -1
- package/dist/esm/ic-step.entry.js +5 -2
- package/dist/esm/ic-step.entry.js.map +1 -1
- package/dist/esm/ic-stepper.entry.js +31 -9
- package/dist/esm/ic-stepper.entry.js.map +1 -1
- package/dist/esm/ic-switch.entry.js +7 -3
- package/dist/esm/ic-switch.entry.js.map +1 -1
- package/dist/esm/ic-tab-context.entry.js +78 -130
- package/dist/esm/ic-tab-context.entry.js.map +1 -1
- package/dist/esm/ic-tab-group.entry.js +1 -1
- package/dist/esm/ic-tab-panel.entry.js +5 -13
- package/dist/esm/ic-tab-panel.entry.js.map +1 -1
- package/dist/esm/ic-tab.entry.js +16 -14
- package/dist/esm/ic-tab.entry.js.map +1 -1
- package/dist/esm/ic-theme.entry.js +13 -22
- package/dist/esm/ic-theme.entry.js.map +1 -1
- package/dist/esm/ic-toast-region.entry.js +6 -0
- package/dist/esm/ic-toast-region.entry.js.map +1 -1
- package/dist/esm/ic-toast.entry.js +21 -18
- package/dist/esm/ic-toast.entry.js.map +1 -1
- package/dist/esm/ic-toggle-button-group.entry.js +197 -0
- package/dist/esm/ic-toggle-button-group.entry.js.map +1 -0
- package/dist/esm/ic-toggle-button.entry.js +93 -0
- package/dist/esm/ic-toggle-button.entry.js.map +1 -0
- package/dist/esm/ic-top-navigation.entry.js +60 -82
- package/dist/esm/ic-top-navigation.entry.js.map +1 -1
- package/dist/esm/ic-tree-item.entry.js +249 -0
- package/dist/esm/ic-tree-item.entry.js.map +1 -0
- package/dist/esm/ic-tree-view.entry.js +211 -0
- package/dist/esm/ic-tree-view.entry.js.map +1 -0
- package/dist/esm/ic-typography.entry.js +52 -15
- package/dist/esm/ic-typography.entry.js.map +1 -1
- package/dist/esm/index-93509377.js +48 -12
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.d.ts +71 -0
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.stories.d.ts +82 -0
- package/dist/types/components/ic-card-horizontal/ic-card-horizontal.types.d.ts +1 -0
- package/dist/types/components/ic-data-table/ic-data-table.d.ts +218 -19
- package/dist/types/components/ic-data-table/ic-data-table.stories.d.ts +239 -0
- package/dist/types/components/ic-data-table/ic-data-table.types.d.ts +43 -0
- package/dist/types/components/ic-data-table/story-data.d.ts +492 -2
- package/dist/types/components/ic-data-table-title-bar/ic-data-table-title-bar.d.ts +36 -0
- package/dist/types/components/ic-data-table-title-bar/ic-data-table-title-bar.stories.d.ts +47 -0
- package/dist/types/components/ic-data-table-title-bar/test/a11y/ic-data-table-title-bar.test.a11y.d.ts +1 -0
- package/dist/types/components/ic-date-input/ic-date-input.d.ts +264 -0
- package/dist/types/components/ic-date-input/ic-date-input.stories.d.ts +124 -0
- package/dist/types/components/ic-date-input/story-data.d.ts +1 -0
- package/dist/types/components/ic-date-input/test/helpers/ic-date-input.d.ts +23 -0
- package/dist/types/components/ic-date-picker/ic-date-picker.d.ts +262 -0
- package/dist/types/components/ic-date-picker/ic-date-picker.stories.d.ts +153 -0
- package/dist/types/components/ic-date-picker/ic-day-button.d.ts +16 -0
- package/dist/types/components/ic-date-picker/ic-month-picker.d.ts +14 -0
- package/dist/types/components/ic-date-picker/ic-year-picker.d.ts +16 -0
- package/dist/types/components/ic-date-picker/story-data.d.ts +24 -0
- package/dist/types/components/ic-date-picker/test/a11y/ic-date-picker.test.a11y.d.ts +1 -0
- package/dist/types/components/ic-menu-with-multi/ic-menu.d.ts +218 -0
- package/dist/types/components/ic-pagination-bar/ic-pagination-bar.d.ts +65 -23
- package/dist/types/components/ic-pagination-bar/ic-pagination-bar.stories.d.ts +106 -0
- package/dist/types/components/ic-pagination-bar/ic-pagination-bar.types.d.ts +4 -0
- package/dist/types/components/ic-select-with-multi/ic-select-multi.stories.d.ts +106 -0
- package/dist/types/components/ic-select-with-multi/ic-select.d.ts +289 -0
- package/dist/types/components/ic-select-with-multi/story-data.d.ts +32 -0
- package/dist/types/components/ic-tree-item/ic-tree-item.d.ts +101 -0
- package/dist/types/components/ic-tree-view/ic-tree-view.d.ts +51 -0
- package/dist/types/components/ic-tree-view/ic-tree-view.stories.d.ts +99 -0
- package/dist/types/components.d.ts +1711 -127
- package/dist/types/interface.d.ts +1 -0
- package/dist/types/utils/constants.d.ts +38 -0
- package/dist/types/utils/date-helpers.d.ts +22 -0
- package/dist/types/utils/helpers.d.ts +144 -2
- package/dist/types/utils/types.d.ts +126 -0
- package/hydrate/index.js +18298 -9132
- package/package.json +27 -17
- package/dist/cjs/helpers-bbe55215.js.map +0 -1
- package/dist/cjs/ic-empty-state.cjs.entry.js +0 -38
- package/dist/cjs/ic-empty-state.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-input-component-container_3.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-input-label_2.cjs.entry.js +0 -86
- package/dist/cjs/ic-input-label_2.cjs.entry.js.map +0 -1
- package/dist/cjs/ic-pagination-bar.cjs.entry.js +0 -285
- package/dist/cjs/ic-pagination-bar.cjs.entry.js.map +0 -1
- package/dist/collection/components/ic-pagination/ic-pagination.types.js +0 -2
- package/dist/collection/components/ic-pagination/ic-pagination.types.js.map +0 -1
- package/dist/core/p-0083465b.entry.js +0 -2
- package/dist/core/p-0083465b.entry.js.map +0 -1
- package/dist/core/p-03487f12.entry.js +0 -2
- package/dist/core/p-03487f12.entry.js.map +0 -1
- package/dist/core/p-03f8fa1a.entry.js +0 -2
- package/dist/core/p-03f8fa1a.entry.js.map +0 -1
- package/dist/core/p-0c18b6a0.entry.js +0 -2
- package/dist/core/p-0c18b6a0.entry.js.map +0 -1
- package/dist/core/p-1bc034aa.entry.js +0 -2
- package/dist/core/p-1bc034aa.entry.js.map +0 -1
- package/dist/core/p-20a76d1d.entry.js +0 -2
- package/dist/core/p-20a76d1d.entry.js.map +0 -1
- package/dist/core/p-24945ee5.entry.js.map +0 -1
- package/dist/core/p-2dc35696.entry.js +0 -2
- package/dist/core/p-2dc35696.entry.js.map +0 -1
- package/dist/core/p-2e9e8e7c.entry.js.map +0 -1
- package/dist/core/p-3ee25a6d.entry.js +0 -2
- package/dist/core/p-3ee25a6d.entry.js.map +0 -1
- package/dist/core/p-41aa0ed3.entry.js.map +0 -1
- package/dist/core/p-4314aa0e.entry.js +0 -2
- package/dist/core/p-4314aa0e.entry.js.map +0 -1
- package/dist/core/p-4409f656.entry.js.map +0 -1
- package/dist/core/p-47abbd06.entry.js +0 -2
- package/dist/core/p-47abbd06.entry.js.map +0 -1
- package/dist/core/p-485823b6.entry.js +0 -2
- package/dist/core/p-485823b6.entry.js.map +0 -1
- package/dist/core/p-4ee59448.entry.js +0 -2
- package/dist/core/p-4ee59448.entry.js.map +0 -1
- package/dist/core/p-5157cfab.entry.js +0 -2
- package/dist/core/p-5157cfab.entry.js.map +0 -1
- package/dist/core/p-53083575.entry.js +0 -2
- package/dist/core/p-53083575.entry.js.map +0 -1
- package/dist/core/p-55d5541f.entry.js +0 -2
- package/dist/core/p-55d5541f.entry.js.map +0 -1
- package/dist/core/p-5bb32ee6.entry.js +0 -2
- package/dist/core/p-5bb32ee6.entry.js.map +0 -1
- package/dist/core/p-67eea079.entry.js +0 -2
- package/dist/core/p-67eea079.entry.js.map +0 -1
- package/dist/core/p-6bd0e984.entry.js +0 -2
- package/dist/core/p-6bd0e984.entry.js.map +0 -1
- package/dist/core/p-75bf6162.entry.js +0 -2
- package/dist/core/p-75bf6162.entry.js.map +0 -1
- package/dist/core/p-76959313.entry.js +0 -2
- package/dist/core/p-76959313.entry.js.map +0 -1
- package/dist/core/p-7de813a3.entry.js +0 -2
- package/dist/core/p-7de813a3.entry.js.map +0 -1
- package/dist/core/p-7eae5f70.entry.js +0 -2
- package/dist/core/p-7eae5f70.entry.js.map +0 -1
- package/dist/core/p-85508347.entry.js +0 -2
- package/dist/core/p-85508347.entry.js.map +0 -1
- package/dist/core/p-8da152c4.entry.js +0 -2
- package/dist/core/p-8da152c4.entry.js.map +0 -1
- package/dist/core/p-8fd4ca0a.js +0 -2
- package/dist/core/p-8fd4ca0a.js.map +0 -1
- package/dist/core/p-939baa93.entry.js.map +0 -1
- package/dist/core/p-9777ebb1.entry.js +0 -2
- package/dist/core/p-9777ebb1.entry.js.map +0 -1
- package/dist/core/p-9c27b73e.entry.js +0 -2
- package/dist/core/p-9c27b73e.entry.js.map +0 -1
- package/dist/core/p-9fa6844f.entry.js +0 -2
- package/dist/core/p-9fa6844f.entry.js.map +0 -1
- package/dist/core/p-9fdd7d73.entry.js +0 -2
- package/dist/core/p-9fdd7d73.entry.js.map +0 -1
- package/dist/core/p-a3ab9f4c.entry.js +0 -2
- package/dist/core/p-a3ab9f4c.entry.js.map +0 -1
- package/dist/core/p-a51e5c7c.entry.js +0 -2
- package/dist/core/p-a51e5c7c.entry.js.map +0 -1
- package/dist/core/p-a7481232.entry.js +0 -2
- package/dist/core/p-a7481232.entry.js.map +0 -1
- package/dist/core/p-ab9f8a3f.entry.js +0 -2
- package/dist/core/p-ab9f8a3f.entry.js.map +0 -1
- package/dist/core/p-b2aa3d7c.entry.js +0 -2
- package/dist/core/p-b2aa3d7c.entry.js.map +0 -1
- package/dist/core/p-b5cf6d65.entry.js +0 -2
- package/dist/core/p-b5cf6d65.entry.js.map +0 -1
- package/dist/core/p-baf81f30.entry.js.map +0 -1
- package/dist/core/p-bc187bb5.entry.js +0 -2
- package/dist/core/p-bc187bb5.entry.js.map +0 -1
- package/dist/core/p-bd9cecce.entry.js +0 -2
- package/dist/core/p-bd9cecce.entry.js.map +0 -1
- package/dist/core/p-be980606.entry.js +0 -2
- package/dist/core/p-be980606.entry.js.map +0 -1
- package/dist/core/p-c1256810.entry.js +0 -2
- package/dist/core/p-c1256810.entry.js.map +0 -1
- package/dist/core/p-d76cfa5a.entry.js +0 -2
- package/dist/core/p-d76cfa5a.entry.js.map +0 -1
- package/dist/core/p-e189f1d0.entry.js +0 -2
- package/dist/core/p-e189f1d0.entry.js.map +0 -1
- package/dist/core/p-e9e145aa.entry.js +0 -2
- package/dist/core/p-e9e145aa.entry.js.map +0 -1
- package/dist/core/p-f0e9a83f.entry.js +0 -2
- package/dist/core/p-f0e9a83f.entry.js.map +0 -1
- package/dist/core/p-f23d2102.entry.js +0 -2
- package/dist/core/p-f23d2102.entry.js.map +0 -1
- package/dist/core/p-f87e8411.entry.js +0 -2
- package/dist/core/p-f87e8411.entry.js.map +0 -1
- package/dist/esm/helpers-268c2b7f.js.map +0 -1
- package/dist/esm/ic-empty-state.entry.js.map +0 -1
- package/dist/esm/ic-input-component-container_3.entry.js.map +0 -1
- package/dist/esm/ic-input-label_2.entry.js +0 -81
- package/dist/esm/ic-input-label_2.entry.js.map +0 -1
- package/dist/esm/ic-pagination-bar.entry.js +0 -281
- package/dist/esm/ic-pagination-bar.entry.js.map +0 -1
- package/dist/types/components/ic-pagination/ic-pagination.types.d.ts +0 -6
- /package/dist/core/{p-b97dc365.entry.js.map → p-487fd924.entry.js.map} +0 -0
- /package/dist/core/{p-d77960f6.entry.js.map → p-656378ba.entry.js.map} +0 -0
- /package/dist/core/{p-3d618bc2.entry.js.map → p-d1045cd5.entry.js.map} +0 -0
@@ -0,0 +1,605 @@
|
|
1
|
+
/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
|
2
|
+
import { html } from "lit-html";
|
3
|
+
import readme from "./readme.md";
|
4
|
+
export default {
|
5
|
+
title: "Web Components/Horizontal Card",
|
6
|
+
component: "Horizontal Card",
|
7
|
+
parameters: {
|
8
|
+
componentAPI: {
|
9
|
+
data: readme,
|
10
|
+
},
|
11
|
+
},
|
12
|
+
};
|
13
|
+
/**
|
14
|
+
* Use a horizontal card to display a message or content in a horizontal layout.
|
15
|
+
* There is one required prop for a horizontal card:
|
16
|
+
* - heading: `string`
|
17
|
+
*
|
18
|
+
* Click the 'Component API' tab to view all the available props and events for horizontal card.
|
19
|
+
*
|
20
|
+
* To use the horizontal card component, import `@ukic/canary-web-components` into your application.
|
21
|
+
*/
|
22
|
+
export const Default = {
|
23
|
+
render: () => html `<ic-card-horizontal heading="Card heading"></ic-card-horizontal>`,
|
24
|
+
name: "Default",
|
25
|
+
};
|
26
|
+
/**
|
27
|
+
* Add more information to the horizontal card by including a message.
|
28
|
+
*/
|
29
|
+
export const Message = {
|
30
|
+
render: () => html `<ic-card-horizontal
|
31
|
+
heading="Card heading"
|
32
|
+
message="Card message"
|
33
|
+
></ic-card-horizontal>`,
|
34
|
+
name: "Message",
|
35
|
+
};
|
36
|
+
/**
|
37
|
+
* Add an icon to the horizontal card.
|
38
|
+
*/
|
39
|
+
export const Icon = {
|
40
|
+
render: () => html `<ic-card-horizontal heading="Card heading" message="Card message">
|
41
|
+
<svg
|
42
|
+
slot="icon"
|
43
|
+
xmlns="http://www.w3.org/2000/svg"
|
44
|
+
height="24px"
|
45
|
+
viewBox="0 0 24 24"
|
46
|
+
width="24px"
|
47
|
+
fill="#000000"
|
48
|
+
>
|
49
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
50
|
+
<path
|
51
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
52
|
+
/>
|
53
|
+
</svg>
|
54
|
+
</ic-card-horizontal>`,
|
55
|
+
name: "Icon",
|
56
|
+
};
|
57
|
+
/**
|
58
|
+
* Direct users to another page by making the horizontal card clickable.
|
59
|
+
*/
|
60
|
+
export const Clickable = {
|
61
|
+
render: () => html `<ic-card-horizontal
|
62
|
+
heading="Card heading"
|
63
|
+
message="Card message"
|
64
|
+
clickable="true"
|
65
|
+
>
|
66
|
+
<svg
|
67
|
+
slot="icon"
|
68
|
+
xmlns="http://www.w3.org/2000/svg"
|
69
|
+
height="24px"
|
70
|
+
viewBox="0 0 24 24"
|
71
|
+
width="24px"
|
72
|
+
fill="#000000"
|
73
|
+
>
|
74
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
75
|
+
<path
|
76
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
77
|
+
/>
|
78
|
+
</svg>
|
79
|
+
</ic-card-horizontal>`,
|
80
|
+
name: "Clickable",
|
81
|
+
};
|
82
|
+
/**
|
83
|
+
* Direct users to another page by making the horizontal card clickable with an href.
|
84
|
+
*/
|
85
|
+
export const ClickableHref = {
|
86
|
+
render: () => html `<ic-card-horizontal
|
87
|
+
heading="Card heading"
|
88
|
+
message="Card message"
|
89
|
+
clickable="true"
|
90
|
+
href="https://www.google.com"
|
91
|
+
>
|
92
|
+
<svg
|
93
|
+
slot="icon"
|
94
|
+
xmlns="http://www.w3.org/2000/svg"
|
95
|
+
height="24px"
|
96
|
+
viewBox="0 0 24 24"
|
97
|
+
width="24px"
|
98
|
+
fill="#000000"
|
99
|
+
>
|
100
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
101
|
+
<path
|
102
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
103
|
+
/>
|
104
|
+
</svg>
|
105
|
+
</ic-card-horizontal>`,
|
106
|
+
name: "Clickable - href",
|
107
|
+
};
|
108
|
+
/**
|
109
|
+
* Another method of making horizontal card clickable is wrapping it in a link.
|
110
|
+
*/
|
111
|
+
export const WrappedByLink = {
|
112
|
+
render: () => html `<a href="/">
|
113
|
+
<ic-card-horizontal heading="Card heading" message="Card message">
|
114
|
+
<svg
|
115
|
+
slot="icon"
|
116
|
+
xmlns="http://www.w3.org/2000/svg"
|
117
|
+
height="24px"
|
118
|
+
viewBox="0 0 24 24"
|
119
|
+
width="24px"
|
120
|
+
fill="#000000"
|
121
|
+
>
|
122
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
123
|
+
<path
|
124
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
125
|
+
/>
|
126
|
+
</svg> </ic-card-horizontal
|
127
|
+
></a>`,
|
128
|
+
name: "Wrapped by link",
|
129
|
+
};
|
130
|
+
/**
|
131
|
+
* Add an image to the horizontal card.
|
132
|
+
*/
|
133
|
+
export const Image = {
|
134
|
+
render: () => html `<ic-card-horizontal heading="Card heading" message="Card message">
|
135
|
+
<svg
|
136
|
+
slot="icon"
|
137
|
+
xmlns="http://www.w3.org/2000/svg"
|
138
|
+
height="24px"
|
139
|
+
viewBox="0 0 24 24"
|
140
|
+
width="24px"
|
141
|
+
fill="#000000"
|
142
|
+
>
|
143
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
144
|
+
<path
|
145
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
146
|
+
/>
|
147
|
+
</svg>
|
148
|
+
<svg
|
149
|
+
slot="image"
|
150
|
+
xmlns="http://www.w3.org/2000/svg"
|
151
|
+
viewBox="0 0 1600 900"
|
152
|
+
>
|
153
|
+
<rect fill="#ff7700" width="1600" height="1600" y="-350" />
|
154
|
+
<polygon fill="#cc0000" points="957 450 539 900 1396 900" />
|
155
|
+
<polygon fill="#aa0000" points="957 450 872.9 900 1396 900" />
|
156
|
+
<polygon fill="#c50022" points="-60 900 398 662 816 900" />
|
157
|
+
<polygon fill="#a3001b" points="337 900 398 662 816 900" />
|
158
|
+
<polygon fill="#be0044" points="1203 546 1552 900 876 900" />
|
159
|
+
<polygon fill="#9c0036" points="1203 546 1552 900 1162 900" />
|
160
|
+
<polygon fill="#b80066" points="641 695 886 900 367 900" />
|
161
|
+
<polygon fill="#960052" points="587 900 641 695 886 900" />
|
162
|
+
<polygon fill="#b10088" points="1710 900 1401 632 1096 900" />
|
163
|
+
<polygon fill="#8f006d" points="1710 900 1401 632 1365 900" />
|
164
|
+
<polygon fill="#aa00aa" points="1210 900 971 687 725 900" />
|
165
|
+
<polygon fill="#880088" points="943 900 1210 900 971 687" />
|
166
|
+
</svg>
|
167
|
+
</ic-card-horizontal>`,
|
168
|
+
name: "Image",
|
169
|
+
};
|
170
|
+
/**
|
171
|
+
* The horizontal card can be displayed in different sizes.
|
172
|
+
*/
|
173
|
+
export const Sizes = {
|
174
|
+
render: () => html `<div>
|
175
|
+
<ic-card-horizontal
|
176
|
+
heading="Card heading"
|
177
|
+
message="This card is used for small bits of text."
|
178
|
+
size="small"
|
179
|
+
>
|
180
|
+
<svg
|
181
|
+
slot="icon"
|
182
|
+
xmlns="http://www.w3.org/2000/svg"
|
183
|
+
height="24px"
|
184
|
+
viewBox="0 0 24 24"
|
185
|
+
width="24px"
|
186
|
+
fill="#000000"
|
187
|
+
>
|
188
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
189
|
+
<path
|
190
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
191
|
+
/>
|
192
|
+
</svg>
|
193
|
+
<svg
|
194
|
+
slot="image"
|
195
|
+
xmlns="http://www.w3.org/2000/svg"
|
196
|
+
viewBox="0 0 1600 900"
|
197
|
+
>
|
198
|
+
<rect fill="#ff7700" width="1600" height="1600" y="-350" />
|
199
|
+
<polygon fill="#cc0000" points="957 450 539 900 1396 900" />
|
200
|
+
<polygon fill="#aa0000" points="957 450 872.9 900 1396 900" />
|
201
|
+
<polygon fill="#c50022" points="-60 900 398 662 816 900" />
|
202
|
+
<polygon fill="#a3001b" points="337 900 398 662 816 900" />
|
203
|
+
<polygon fill="#be0044" points="1203 546 1552 900 876 900" />
|
204
|
+
<polygon fill="#9c0036" points="1203 546 1552 900 1162 900" />
|
205
|
+
<polygon fill="#b80066" points="641 695 886 900 367 900" />
|
206
|
+
<polygon fill="#960052" points="587 900 641 695 886 900" />
|
207
|
+
<polygon fill="#b10088" points="1710 900 1401 632 1096 900" />
|
208
|
+
<polygon fill="#8f006d" points="1710 900 1401 632 1365 900" />
|
209
|
+
<polygon fill="#aa00aa" points="1210 900 971 687 725 900" />
|
210
|
+
<polygon fill="#880088" points="943 900 1210 900 971 687" />
|
211
|
+
</svg>
|
212
|
+
</ic-card-horizontal>
|
213
|
+
<br />
|
214
|
+
<ic-card-horizontal
|
215
|
+
heading="Card heading"
|
216
|
+
message="This card is used for small to medium bits of text. It's slightly bigger."
|
217
|
+
size="default"
|
218
|
+
>
|
219
|
+
<svg
|
220
|
+
slot="icon"
|
221
|
+
xmlns="http://www.w3.org/2000/svg"
|
222
|
+
height="24px"
|
223
|
+
viewBox="0 0 24 24"
|
224
|
+
width="24px"
|
225
|
+
fill="#000000"
|
226
|
+
>
|
227
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
228
|
+
<path
|
229
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
230
|
+
/>
|
231
|
+
</svg>
|
232
|
+
<svg
|
233
|
+
slot="image"
|
234
|
+
xmlns="http://www.w3.org/2000/svg"
|
235
|
+
viewBox="0 0 1600 900"
|
236
|
+
>
|
237
|
+
<rect fill="#ff7700" width="1600" height="1600" y="-350" />
|
238
|
+
<polygon fill="#cc0000" points="957 450 539 900 1396 900" />
|
239
|
+
<polygon fill="#aa0000" points="957 450 872.9 900 1396 900" />
|
240
|
+
<polygon fill="#c50022" points="-60 900 398 662 816 900" />
|
241
|
+
<polygon fill="#a3001b" points="337 900 398 662 816 900" />
|
242
|
+
<polygon fill="#be0044" points="1203 546 1552 900 876 900" />
|
243
|
+
<polygon fill="#9c0036" points="1203 546 1552 900 1162 900" />
|
244
|
+
<polygon fill="#b80066" points="641 695 886 900 367 900" />
|
245
|
+
<polygon fill="#960052" points="587 900 641 695 886 900" />
|
246
|
+
<polygon fill="#b10088" points="1710 900 1401 632 1096 900" />
|
247
|
+
<polygon fill="#8f006d" points="1710 900 1401 632 1365 900" />
|
248
|
+
<polygon fill="#aa00aa" points="1210 900 971 687 725 900" />
|
249
|
+
<polygon fill="#880088" points="943 900 1210 900 971 687" />
|
250
|
+
</svg>
|
251
|
+
</ic-card-horizontal>
|
252
|
+
<br />
|
253
|
+
<ic-card-horizontal
|
254
|
+
heading="Card heading"
|
255
|
+
message="This card is used for medium to large bits of text. This will take up more space on the page."
|
256
|
+
size="large"
|
257
|
+
>
|
258
|
+
<svg
|
259
|
+
slot="icon"
|
260
|
+
xmlns="http://www.w3.org/2000/svg"
|
261
|
+
height="24px"
|
262
|
+
viewBox="0 0 24 24"
|
263
|
+
width="24px"
|
264
|
+
fill="#000000"
|
265
|
+
>
|
266
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
267
|
+
<path
|
268
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
269
|
+
/>
|
270
|
+
</svg>
|
271
|
+
<svg
|
272
|
+
slot="image"
|
273
|
+
xmlns="http://www.w3.org/2000/svg"
|
274
|
+
viewBox="0 0 1600 900"
|
275
|
+
>
|
276
|
+
<rect fill="#ff7700" width="1600" height="1600" y="-350" />
|
277
|
+
<polygon fill="#cc0000" points="957 450 539 900 1396 900" />
|
278
|
+
<polygon fill="#aa0000" points="957 450 872.9 900 1396 900" />
|
279
|
+
<polygon fill="#c50022" points="-60 900 398 662 816 900" />
|
280
|
+
<polygon fill="#a3001b" points="337 900 398 662 816 900" />
|
281
|
+
<polygon fill="#be0044" points="1203 546 1552 900 876 900" />
|
282
|
+
<polygon fill="#9c0036" points="1203 546 1552 900 1162 900" />
|
283
|
+
<polygon fill="#b80066" points="641 695 886 900 367 900" />
|
284
|
+
<polygon fill="#960052" points="587 900 641 695 886 900" />
|
285
|
+
<polygon fill="#b10088" points="1710 900 1401 632 1096 900" />
|
286
|
+
<polygon fill="#8f006d" points="1710 900 1401 632 1365 900" />
|
287
|
+
<polygon fill="#aa00aa" points="1210 900 971 687 725 900" />
|
288
|
+
<polygon fill="#880088" points="943 900 1210 900 971 687" />
|
289
|
+
</svg>
|
290
|
+
</ic-card-horizontal>
|
291
|
+
<br />
|
292
|
+
<ic-card-horizontal
|
293
|
+
heading="Card heading"
|
294
|
+
message="This card is used for large bits of text. It's the biggest card size option so will take up the most space on the application's page."
|
295
|
+
size="extra-large"
|
296
|
+
>
|
297
|
+
<svg
|
298
|
+
slot="icon"
|
299
|
+
xmlns="http://www.w3.org/2000/svg"
|
300
|
+
height="24px"
|
301
|
+
viewBox="0 0 24 24"
|
302
|
+
width="24px"
|
303
|
+
fill="#000000"
|
304
|
+
>
|
305
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
306
|
+
<path
|
307
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
308
|
+
/>
|
309
|
+
</svg>
|
310
|
+
<svg
|
311
|
+
slot="image"
|
312
|
+
xmlns="http://www.w3.org/2000/svg"
|
313
|
+
viewBox="0 0 1600 900"
|
314
|
+
>
|
315
|
+
<rect fill="#ff7700" width="1600" height="1600" y="-350" />
|
316
|
+
<polygon fill="#cc0000" points="957 450 539 900 1396 900" />
|
317
|
+
<polygon fill="#aa0000" points="957 450 872.9 900 1396 900" />
|
318
|
+
<polygon fill="#c50022" points="-60 900 398 662 816 900" />
|
319
|
+
<polygon fill="#a3001b" points="337 900 398 662 816 900" />
|
320
|
+
<polygon fill="#be0044" points="1203 546 1552 900 876 900" />
|
321
|
+
<polygon fill="#9c0036" points="1203 546 1552 900 1162 900" />
|
322
|
+
<polygon fill="#b80066" points="641 695 886 900 367 900" />
|
323
|
+
<polygon fill="#960052" points="587 900 641 695 886 900" />
|
324
|
+
<polygon fill="#b10088" points="1710 900 1401 632 1096 900" />
|
325
|
+
<polygon fill="#8f006d" points="1710 900 1401 632 1365 900" />
|
326
|
+
<polygon fill="#aa00aa" points="1210 900 971 687 725 900" />
|
327
|
+
<polygon fill="#880088" points="943 900 1210 900 971 687" />
|
328
|
+
</svg>
|
329
|
+
</ic-card-horizontal>
|
330
|
+
</div>`,
|
331
|
+
name: "Sizes",
|
332
|
+
};
|
333
|
+
/**
|
334
|
+
* When there is too much text content for the horizontal card, the heading and message with truncate.
|
335
|
+
*/
|
336
|
+
export const Truncation = {
|
337
|
+
render: () => html `<div>
|
338
|
+
<ic-card-horizontal
|
339
|
+
heading="Really long card heading to show truncation"
|
340
|
+
message="This card is used for small bits of text. More text has been added to show truncation."
|
341
|
+
size="small"
|
342
|
+
>
|
343
|
+
<svg
|
344
|
+
slot="icon"
|
345
|
+
xmlns="http://www.w3.org/2000/svg"
|
346
|
+
height="24px"
|
347
|
+
viewBox="0 0 24 24"
|
348
|
+
width="24px"
|
349
|
+
fill="#000000"
|
350
|
+
>
|
351
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
352
|
+
<path
|
353
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
354
|
+
/>
|
355
|
+
</svg>
|
356
|
+
<svg
|
357
|
+
slot="image"
|
358
|
+
xmlns="http://www.w3.org/2000/svg"
|
359
|
+
viewBox="0 0 1600 900"
|
360
|
+
>
|
361
|
+
<rect fill="#ff7700" width="1600" height="1600" y="-350" />
|
362
|
+
<polygon fill="#cc0000" points="957 450 539 900 1396 900" />
|
363
|
+
<polygon fill="#aa0000" points="957 450 872.9 900 1396 900" />
|
364
|
+
<polygon fill="#c50022" points="-60 900 398 662 816 900" />
|
365
|
+
<polygon fill="#a3001b" points="337 900 398 662 816 900" />
|
366
|
+
<polygon fill="#be0044" points="1203 546 1552 900 876 900" />
|
367
|
+
<polygon fill="#9c0036" points="1203 546 1552 900 1162 900" />
|
368
|
+
<polygon fill="#b80066" points="641 695 886 900 367 900" />
|
369
|
+
<polygon fill="#960052" points="587 900 641 695 886 900" />
|
370
|
+
<polygon fill="#b10088" points="1710 900 1401 632 1096 900" />
|
371
|
+
<polygon fill="#8f006d" points="1710 900 1401 632 1365 900" />
|
372
|
+
<polygon fill="#aa00aa" points="1210 900 971 687 725 900" />
|
373
|
+
<polygon fill="#880088" points="943 900 1210 900 971 687" />
|
374
|
+
</svg>
|
375
|
+
</ic-card-horizontal>
|
376
|
+
<br />
|
377
|
+
<ic-card-horizontal
|
378
|
+
heading="Really long card heading to show truncation"
|
379
|
+
message="This card is used for small to medium bits of text. It's slightly bigger. More text has been added to show truncation."
|
380
|
+
size="default"
|
381
|
+
>
|
382
|
+
<svg
|
383
|
+
slot="icon"
|
384
|
+
xmlns="http://www.w3.org/2000/svg"
|
385
|
+
height="24px"
|
386
|
+
viewBox="0 0 24 24"
|
387
|
+
width="24px"
|
388
|
+
fill="#000000"
|
389
|
+
>
|
390
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
391
|
+
<path
|
392
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
393
|
+
/>
|
394
|
+
</svg>
|
395
|
+
<svg
|
396
|
+
slot="image"
|
397
|
+
xmlns="http://www.w3.org/2000/svg"
|
398
|
+
viewBox="0 0 1600 900"
|
399
|
+
>
|
400
|
+
<rect fill="#ff7700" width="1600" height="1600" y="-350" />
|
401
|
+
<polygon fill="#cc0000" points="957 450 539 900 1396 900" />
|
402
|
+
<polygon fill="#aa0000" points="957 450 872.9 900 1396 900" />
|
403
|
+
<polygon fill="#c50022" points="-60 900 398 662 816 900" />
|
404
|
+
<polygon fill="#a3001b" points="337 900 398 662 816 900" />
|
405
|
+
<polygon fill="#be0044" points="1203 546 1552 900 876 900" />
|
406
|
+
<polygon fill="#9c0036" points="1203 546 1552 900 1162 900" />
|
407
|
+
<polygon fill="#b80066" points="641 695 886 900 367 900" />
|
408
|
+
<polygon fill="#960052" points="587 900 641 695 886 900" />
|
409
|
+
<polygon fill="#b10088" points="1710 900 1401 632 1096 900" />
|
410
|
+
<polygon fill="#8f006d" points="1710 900 1401 632 1365 900" />
|
411
|
+
<polygon fill="#aa00aa" points="1210 900 971 687 725 900" />
|
412
|
+
<polygon fill="#880088" points="943 900 1210 900 971 687" />
|
413
|
+
</svg>
|
414
|
+
</ic-card-horizontal>
|
415
|
+
<br />
|
416
|
+
<ic-card-horizontal
|
417
|
+
heading="Really long card heading to show truncation in the large size variant"
|
418
|
+
message="This card is used for medium to large bits of text. This will take up more space on the page. More text has been added to show truncation. The large card can hold 3 lines of text before it gets cut off, displaying an ellipsis instead of all the text."
|
419
|
+
size="large"
|
420
|
+
>
|
421
|
+
<svg
|
422
|
+
slot="icon"
|
423
|
+
xmlns="http://www.w3.org/2000/svg"
|
424
|
+
height="24px"
|
425
|
+
viewBox="0 0 24 24"
|
426
|
+
width="24px"
|
427
|
+
fill="#000000"
|
428
|
+
>
|
429
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
430
|
+
<path
|
431
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
432
|
+
/>
|
433
|
+
</svg>
|
434
|
+
<svg
|
435
|
+
slot="image"
|
436
|
+
xmlns="http://www.w3.org/2000/svg"
|
437
|
+
viewBox="0 0 1600 900"
|
438
|
+
>
|
439
|
+
<rect fill="#ff7700" width="1600" height="1600" y="-350" />
|
440
|
+
<polygon fill="#cc0000" points="957 450 539 900 1396 900" />
|
441
|
+
<polygon fill="#aa0000" points="957 450 872.9 900 1396 900" />
|
442
|
+
<polygon fill="#c50022" points="-60 900 398 662 816 900" />
|
443
|
+
<polygon fill="#a3001b" points="337 900 398 662 816 900" />
|
444
|
+
<polygon fill="#be0044" points="1203 546 1552 900 876 900" />
|
445
|
+
<polygon fill="#9c0036" points="1203 546 1552 900 1162 900" />
|
446
|
+
<polygon fill="#b80066" points="641 695 886 900 367 900" />
|
447
|
+
<polygon fill="#960052" points="587 900 641 695 886 900" />
|
448
|
+
<polygon fill="#b10088" points="1710 900 1401 632 1096 900" />
|
449
|
+
<polygon fill="#8f006d" points="1710 900 1401 632 1365 900" />
|
450
|
+
<polygon fill="#aa00aa" points="1210 900 971 687 725 900" />
|
451
|
+
<polygon fill="#880088" points="943 900 1210 900 971 687" />
|
452
|
+
</svg>
|
453
|
+
</ic-card-horizontal>
|
454
|
+
<br />
|
455
|
+
<ic-card-horizontal
|
456
|
+
heading="Really long card heading to show truncation in the extra large size variant of horizontal cards"
|
457
|
+
message="This card is used for large bits of text. It's the biggest card size option so will take up the most space on the application's page. More text has been added to show truncation. The extra large card can hold 5 lines of text before it gets cut off, displaying an ellipsis instead of all the text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum pharetra scelerisque arcu, vitae semper nisl rhoncusut. Vestibulum molestie enim at sollicitudin pellentesque. Proin sit amet augue sit amet dui suscipit lobortis. Nullam at consectetur ante. Suspendisse mollis ultricies porttitor. Nunc laoreet leo tortor, ut tristique odio finibus a."
|
458
|
+
size="extra-large"
|
459
|
+
>
|
460
|
+
<svg
|
461
|
+
slot="icon"
|
462
|
+
xmlns="http://www.w3.org/2000/svg"
|
463
|
+
height="24px"
|
464
|
+
viewBox="0 0 24 24"
|
465
|
+
width="24px"
|
466
|
+
fill="#000000"
|
467
|
+
>
|
468
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
469
|
+
<path
|
470
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
471
|
+
/>
|
472
|
+
</svg>
|
473
|
+
<svg
|
474
|
+
slot="image"
|
475
|
+
xmlns="http://www.w3.org/2000/svg"
|
476
|
+
viewBox="0 0 1600 900"
|
477
|
+
>
|
478
|
+
<rect fill="#ff7700" width="1600" height="1600" y="-350" />
|
479
|
+
<polygon fill="#cc0000" points="957 450 539 900 1396 900" />
|
480
|
+
<polygon fill="#aa0000" points="957 450 872.9 900 1396 900" />
|
481
|
+
<polygon fill="#c50022" points="-60 900 398 662 816 900" />
|
482
|
+
<polygon fill="#a3001b" points="337 900 398 662 816 900" />
|
483
|
+
<polygon fill="#be0044" points="1203 546 1552 900 876 900" />
|
484
|
+
<polygon fill="#9c0036" points="1203 546 1552 900 1162 900" />
|
485
|
+
<polygon fill="#b80066" points="641 695 886 900 367 900" />
|
486
|
+
<polygon fill="#960052" points="587 900 641 695 886 900" />
|
487
|
+
<polygon fill="#b10088" points="1710 900 1401 632 1096 900" />
|
488
|
+
<polygon fill="#8f006d" points="1710 900 1401 632 1365 900" />
|
489
|
+
<polygon fill="#aa00aa" points="1210 900 971 687 725 900" />
|
490
|
+
<polygon fill="#880088" points="943 900 1210 900 971 687" />
|
491
|
+
</svg>
|
492
|
+
</ic-card-horizontal>
|
493
|
+
</div>`,
|
494
|
+
name: "Truncation",
|
495
|
+
};
|
496
|
+
/**
|
497
|
+
* Disable the horizontal card to prevent users from interacting with it.
|
498
|
+
*/
|
499
|
+
export const Disabled = {
|
500
|
+
render: () => html `<ic-card-horizontal
|
501
|
+
heading="Card heading"
|
502
|
+
message="Card message"
|
503
|
+
clickable="true"
|
504
|
+
disabled="true"
|
505
|
+
>
|
506
|
+
<svg
|
507
|
+
slot="icon"
|
508
|
+
xmlns="http://www.w3.org/2000/svg"
|
509
|
+
height="24px"
|
510
|
+
viewBox="0 0 24 24"
|
511
|
+
width="24px"
|
512
|
+
fill="#000000"
|
513
|
+
>
|
514
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
515
|
+
<path
|
516
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
517
|
+
/>
|
518
|
+
</svg>
|
519
|
+
<svg
|
520
|
+
slot="image"
|
521
|
+
xmlns="http://www.w3.org/2000/svg"
|
522
|
+
viewBox="0 0 1600 900"
|
523
|
+
>
|
524
|
+
<rect fill="#ff7700" width="1600" height="1600" y="-350" />
|
525
|
+
<polygon fill="#cc0000" points="957 450 539 900 1396 900" />
|
526
|
+
<polygon fill="#aa0000" points="957 450 872.9 900 1396 900" />
|
527
|
+
<polygon fill="#c50022" points="-60 900 398 662 816 900" />
|
528
|
+
<polygon fill="#a3001b" points="337 900 398 662 816 900" />
|
529
|
+
<polygon fill="#be0044" points="1203 546 1552 900 876 900" />
|
530
|
+
<polygon fill="#9c0036" points="1203 546 1552 900 1162 900" />
|
531
|
+
<polygon fill="#b80066" points="641 695 886 900 367 900" />
|
532
|
+
<polygon fill="#960052" points="587 900 641 695 886 900" />
|
533
|
+
<polygon fill="#b10088" points="1710 900 1401 632 1096 900" />
|
534
|
+
<polygon fill="#8f006d" points="1710 900 1401 632 1365 900" />
|
535
|
+
<polygon fill="#aa00aa" points="1210 900 971 687 725 900" />
|
536
|
+
<polygon fill="#880088" points="943 900 1210 900 971 687" />
|
537
|
+
</svg>
|
538
|
+
</ic-card-horizontal>`,
|
539
|
+
name: "Disabled",
|
540
|
+
};
|
541
|
+
export const SlottedHeadingAndMessage = {
|
542
|
+
render: () => html `<ic-card-horizontal>
|
543
|
+
<h4 slot="heading">Card heading</h4>
|
544
|
+
<p slot="message">Card message</p>
|
545
|
+
<svg
|
546
|
+
slot="icon"
|
547
|
+
xmlns="http://www.w3.org/2000/svg"
|
548
|
+
height="24px"
|
549
|
+
viewBox="0 0 24 24"
|
550
|
+
width="24px"
|
551
|
+
fill="#000000"
|
552
|
+
>
|
553
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
554
|
+
<path
|
555
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
556
|
+
/>
|
557
|
+
</svg>
|
558
|
+
</ic-card-horizontal>`,
|
559
|
+
name: "Slotted heading and message",
|
560
|
+
};
|
561
|
+
/**
|
562
|
+
* Set the width of the horizontal card by using the `--card-horizontal-width` CSS custom property. The horizontal card will grow, but not exceed its maximum supported width.
|
563
|
+
*/
|
564
|
+
export const CustomWidth = {
|
565
|
+
render: () => html `<ic-card-horizontal
|
566
|
+
heading="Card heading"
|
567
|
+
message="Card message"
|
568
|
+
style="--card-horizontal-width: 400px"
|
569
|
+
>
|
570
|
+
<svg
|
571
|
+
slot="icon"
|
572
|
+
xmlns="http://www.w3.org/2000/svg"
|
573
|
+
height="24px"
|
574
|
+
viewBox="0 0 24 24"
|
575
|
+
width="24px"
|
576
|
+
fill="#000000"
|
577
|
+
>
|
578
|
+
<path d="M0 0h24v24H0V0z" fill="none" />
|
579
|
+
<path
|
580
|
+
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"
|
581
|
+
/>
|
582
|
+
</svg>
|
583
|
+
<svg
|
584
|
+
slot="image"
|
585
|
+
xmlns="http://www.w3.org/2000/svg"
|
586
|
+
viewBox="0 0 1600 900"
|
587
|
+
>
|
588
|
+
<rect fill="#ff7700" width="1600" height="1600" y="-350" />
|
589
|
+
<polygon fill="#cc0000" points="957 450 539 900 1396 900" />
|
590
|
+
<polygon fill="#aa0000" points="957 450 872.9 900 1396 900" />
|
591
|
+
<polygon fill="#c50022" points="-60 900 398 662 816 900" />
|
592
|
+
<polygon fill="#a3001b" points="337 900 398 662 816 900" />
|
593
|
+
<polygon fill="#be0044" points="1203 546 1552 900 876 900" />
|
594
|
+
<polygon fill="#9c0036" points="1203 546 1552 900 1162 900" />
|
595
|
+
<polygon fill="#b80066" points="641 695 886 900 367 900" />
|
596
|
+
<polygon fill="#960052" points="587 900 641 695 886 900" />
|
597
|
+
<polygon fill="#b10088" points="1710 900 1401 632 1096 900" />
|
598
|
+
<polygon fill="#8f006d" points="1710 900 1401 632 1365 900" />
|
599
|
+
<polygon fill="#aa00aa" points="1210 900 971 687 725 900" />
|
600
|
+
<polygon fill="#880088" points="943 900 1210 900 971 687" />
|
601
|
+
</svg>
|
602
|
+
</ic-card-horizontal>`,
|
603
|
+
name: "Custom width",
|
604
|
+
};
|
605
|
+
//# sourceMappingURL=ic-card-horizontal.stories.js.map
|