@scania/tegel 0.0.51 → 0.0.52
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/index-5ad19933.js +4 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/sdds-accordion-item.cjs.entry.js +18 -18
- package/dist/cjs/sdds-accordion.cjs.entry.js +9 -9
- package/dist/cjs/sdds-badges.cjs.entry.js +43 -43
- package/dist/cjs/sdds-banner.cjs.entry.js +69 -69
- package/dist/cjs/sdds-banner.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-block.cjs.entry.js +21 -21
- package/dist/cjs/sdds-body-cell_2.cjs.entry.js +158 -158
- package/dist/cjs/sdds-body-cell_2.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-breadcrumb-link.cjs.entry.js +14 -14
- package/dist/cjs/sdds-breadcrumb-link.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-breadcrumb.cjs.entry.js +12 -12
- package/dist/cjs/sdds-button.cjs.entry.js +23 -23
- package/dist/cjs/sdds-button.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-card.cjs.entry.js +37 -37
- package/dist/cjs/sdds-checkbox.cjs.entry.js +45 -45
- package/dist/cjs/sdds-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-datetime.cjs.entry.js +84 -84
- package/dist/cjs/sdds-divider.cjs.entry.js +9 -9
- package/dist/cjs/sdds-dropdown-filter.cjs.entry.js +83 -83
- package/dist/cjs/sdds-dropdown-filter.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-dropdown_2.cjs.entry.js +317 -317
- package/dist/cjs/sdds-dropdown_2.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-folder-tabs-button.cjs.entry.js +15 -15
- package/dist/cjs/sdds-folder-tabs-link.cjs.entry.js +18 -18
- package/dist/cjs/sdds-folder-tabs.cjs.entry.js +167 -167
- package/dist/cjs/sdds-footer-link-group.cjs.entry.js +19 -19
- package/dist/cjs/sdds-footer-link.cjs.entry.js +16 -16
- package/dist/cjs/sdds-footer-link.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-footer.cjs.entry.js +15 -15
- package/dist/cjs/sdds-header-cell.cjs.entry.js +124 -124
- package/dist/cjs/sdds-icon.cjs.entry.js +31 -30
- package/dist/cjs/sdds-icon.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-inline-tabs-button.cjs.entry.js +11 -11
- package/dist/cjs/sdds-inline-tabs-button.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-inline-tabs-link.cjs.entry.js +14 -14
- package/dist/cjs/sdds-inline-tabs-link.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-inline-tabs.cjs.entry.js +175 -175
- package/dist/cjs/sdds-link.cjs.entry.js +13 -13
- package/dist/cjs/sdds-message.cjs.entry.js +27 -27
- package/dist/cjs/sdds-modal.cjs.entry.js +85 -85
- package/dist/cjs/sdds-navigation-tabs-button.cjs.entry.js +10 -10
- package/dist/cjs/sdds-navigation-tabs-link.cjs.entry.js +13 -13
- package/dist/cjs/sdds-navigation-tabs.cjs.entry.js +132 -132
- package/dist/cjs/sdds-popover-canvas.cjs.entry.js +99 -99
- package/dist/cjs/sdds-popover-menu.cjs.entry.js +73 -73
- package/dist/cjs/sdds-radio-button.cjs.entry.js +25 -25
- package/dist/cjs/sdds-radio-button.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-slider.cjs.entry.js +347 -347
- package/dist/cjs/sdds-slider.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-spinner.cjs.entry.js +10 -10
- package/dist/cjs/sdds-stepper-item.cjs.entry.js +27 -27
- package/dist/cjs/sdds-stepper.cjs.entry.js +32 -32
- package/dist/cjs/sdds-table-body-row-expandable.cjs.entry.js +71 -71
- package/dist/cjs/sdds-table-body.cjs.entry.js +233 -233
- package/dist/cjs/sdds-table-footer.cjs.entry.js +153 -153
- package/dist/cjs/sdds-table-header.cjs.entry.js +89 -89
- package/dist/cjs/sdds-table-header.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-table-toolbar.cjs.entry.js +54 -54
- package/dist/cjs/sdds-table.cjs.entry.js +57 -57
- package/dist/cjs/sdds-textarea.cjs.entry.js +55 -55
- package/dist/cjs/sdds-textfield.cjs.entry.js +59 -59
- package/dist/cjs/sdds-textfield.cjs.entry.js.map +1 -1
- package/dist/cjs/sdds-toast.cjs.entry.js +70 -70
- package/dist/cjs/sdds-toggle.cjs.entry.js +32 -32
- package/dist/cjs/sdds-tooltip.cjs.entry.js +92 -92
- package/dist/cjs/tegel.cjs.js +1 -1
- package/dist/collection/components/accordion/accordion-item/accordion-item.js +142 -142
- package/dist/collection/components/accordion/accordion.js +44 -44
- package/dist/collection/components/accordion/accordion.stories.js +80 -80
- package/dist/collection/components/badge/badge.stories.js +65 -65
- package/dist/collection/components/badge/badges.js +148 -148
- package/dist/collection/components/banner/banner.stories.js +79 -79
- package/dist/collection/components/banner/sdds-banner.css +7 -2
- package/dist/collection/components/banner/sdds-banner.js +250 -331
- package/dist/collection/components/banner/sdds-banner.js.map +1 -1
- package/dist/collection/components/banner/sdds-banner.stories.js +90 -113
- package/dist/collection/components/banner/sdds-banner.stories.js.map +1 -1
- package/dist/collection/components/block/block-native.stories.js +40 -40
- package/dist/collection/components/block/sdds-block.js +56 -56
- package/dist/collection/components/block/sdds-block.stories.js +40 -40
- package/dist/collection/components/breadcrumb/breadcrumb.stories.js +21 -21
- package/dist/collection/components/breadcrumb/sdds-breadcrumb-link/sdds-breadcrumb-link.css +2 -2
- package/dist/collection/components/breadcrumb/sdds-breadcrumb-link/sdds-breadcrumb-link.js +119 -119
- package/dist/collection/components/breadcrumb/sdds-breadcrumb-link/sdds-breadcrumb-link.js.map +1 -1
- package/dist/collection/components/breadcrumb/sdds-breadcrumb.js +23 -23
- package/dist/collection/components/breadcrumb/sdds-breadcrumb.stories.js +33 -27
- package/dist/collection/components/breadcrumb/sdds-breadcrumb.stories.js.map +1 -1
- package/dist/collection/components/button/button-component.js +152 -152
- package/dist/collection/components/button/button-native.stories.js +175 -175
- package/dist/collection/components/button/button-webcomponent.stories.js +172 -172
- package/dist/collection/components/button/button.css +28 -59
- package/dist/collection/components/card/card.stories.js +137 -137
- package/dist/collection/components/card/sdds-card.js +269 -269
- package/dist/collection/components/card/sdds-card.stories.js +129 -129
- package/dist/collection/components/checkbox/checkbox.stories.js +58 -58
- package/dist/collection/components/checkbox/sdds-checkbox.css +5 -4
- package/dist/collection/components/checkbox/sdds-checkbox.js +240 -240
- package/dist/collection/components/checkbox/sdds-checkbox.stories.js +58 -58
- package/dist/collection/components/chips/chips.stories.js +110 -110
- package/dist/collection/components/data-table/native-table.stories.js +102 -102
- package/dist/collection/components/data-table/table/table.js +257 -257
- package/dist/collection/components/data-table/table-body/table-body.js +435 -435
- package/dist/collection/components/data-table/table-body-cell/table-body-cell.js +169 -169
- package/dist/collection/components/data-table/table-body-row/table-body-row.css +10 -5
- package/dist/collection/components/data-table/table-body-row/table-body-row.js +172 -172
- package/dist/collection/components/data-table/table-body-row-expandable/table-body-row-expandable.js +163 -163
- package/dist/collection/components/data-table/table-component-basic.stories.js +133 -133
- package/dist/collection/components/data-table/table-component-batch-actions.stories.js +130 -130
- package/dist/collection/components/data-table/table-component-bodydata.stories.js +44 -44
- package/dist/collection/components/data-table/table-component-custom-width.stories.js +122 -122
- package/dist/collection/components/data-table/table-component-event-listeners.stories.js +122 -122
- package/dist/collection/components/data-table/table-component-expandable-rows.stories.js +122 -122
- package/dist/collection/components/data-table/table-component-filtering.stories.js +137 -137
- package/dist/collection/components/data-table/table-component-multiselect.stories.js +133 -133
- package/dist/collection/components/data-table/table-component-pagination.stories.js +133 -133
- package/dist/collection/components/data-table/table-component-sorting.stories.js +166 -166
- package/dist/collection/components/data-table/table-footer/table-footer.js +358 -358
- package/dist/collection/components/data-table/table-header/table-header.css +10 -5
- package/dist/collection/components/data-table/table-header/table-header.js +156 -156
- package/dist/collection/components/data-table/table-header-cell/table-header-cell.js +314 -314
- package/dist/collection/components/data-table/table-toolbar/table-toolbar.js +142 -142
- package/dist/collection/components/datetime/datetime.js +389 -389
- package/dist/collection/components/datetime/datetime.stories.js +170 -170
- package/dist/collection/components/divider/divider-webcomponent.stories.js +58 -58
- package/dist/collection/components/divider/divider.js +44 -44
- package/dist/collection/components/divider/divider.stories.js +92 -92
- package/dist/collection/components/divider/divider.stories.js.map +1 -1
- package/dist/collection/components/dropdown/dropdown-filter/dropdown-filter.js +360 -360
- package/dist/collection/components/dropdown/dropdown-filter/dropdown-filter.stories.js +144 -144
- package/dist/collection/components/dropdown/dropdown-native.stories.js +82 -82
- package/dist/collection/components/dropdown/dropdown-option/dropdown-option.js +191 -191
- package/dist/collection/components/dropdown/dropdown-wc-default.stories.js +146 -146
- package/dist/collection/components/dropdown/dropdown-wc-multiselect.stories.js +141 -141
- package/dist/collection/components/dropdown/dropdown.css +12 -10
- package/dist/collection/components/dropdown/dropdown.js +573 -573
- package/dist/collection/components/footer/footer.stories.js +53 -53
- package/dist/collection/components/footer/webcomponent/sdds-footer-link/sdds-footer-link.js +86 -86
- package/dist/collection/components/footer/webcomponent/sdds-footer-link/sdds-footer-link.js.map +1 -1
- package/dist/collection/components/footer/webcomponent/sdds-footer-link-group/sdds-footer-link-group.js +58 -58
- package/dist/collection/components/footer/webcomponent/sdds-footer.js +56 -56
- package/dist/collection/components/footer/webcomponent/sdds-footer.stories.js +73 -73
- package/dist/collection/components/footer/webcomponent/sdds-footer.stories.js.map +1 -1
- package/dist/collection/components/header/header-all.stories.js +41 -41
- package/dist/collection/components/header/header-default.stories.js +41 -41
- package/dist/collection/components/header/header-inline.stories.js +41 -41
- package/dist/collection/components/header/header-search.stories.js +41 -41
- package/dist/collection/components/header/header-toolbar.stories.js +41 -41
- package/dist/collection/components/icon/icon-font.stories.js +50 -50
- package/dist/collection/components/icon/icon-web-component.stories.js +50 -50
- package/dist/collection/components/icon/icon.js +90 -90
- package/dist/collection/components/icon/iconsArray.js +111 -2
- package/dist/collection/components/link/link.stories.js +48 -48
- package/dist/collection/components/link/sdds-link.js +118 -118
- package/dist/collection/components/link/sdds-link.stories.js +62 -62
- package/dist/collection/components/message/message.stories.js +109 -107
- package/dist/collection/components/message/message.stories.js.map +1 -1
- package/dist/collection/components/message/sdds-message.js +133 -133
- package/dist/collection/components/message/sdds-message.stories.js +90 -90
- package/dist/collection/components/modal/modal-native.stories.js +83 -83
- package/dist/collection/components/modal/modal-webcomponent.stories.js +82 -82
- package/dist/collection/components/modal/modal.js +267 -267
- package/dist/collection/components/popover-canvas/popover-canvas.js +273 -273
- package/dist/collection/components/popover-canvas/popover-canvas.stories.js +59 -59
- package/dist/collection/components/popover-menu/popover-menu-icons.stories.js +71 -71
- package/dist/collection/components/popover-menu/popover-menu.js +221 -221
- package/dist/collection/components/popover-menu/popover-menu.stories.js +71 -71
- package/dist/collection/components/radio-button/radio-button-component.stories.js +53 -49
- package/dist/collection/components/radio-button/radio-button-component.stories.js.map +1 -1
- package/dist/collection/components/radio-button/radio-button.js +165 -165
- package/dist/collection/components/radio-button/radio-button.js.map +1 -1
- package/dist/collection/components/radio-button/radio-button.stories.js +45 -45
- package/dist/collection/components/side-menu/side-menu.stories.js +51 -51
- package/dist/collection/components/slider/slider.css +25 -14
- package/dist/collection/components/slider/slider.js +722 -722
- package/dist/collection/components/slider/slider.js.map +1 -1
- package/dist/collection/components/slider/slider.stories.js +205 -205
- package/dist/collection/components/spinner/spinner.js +62 -62
- package/dist/collection/components/spinner/spinner.stories.js +61 -61
- package/dist/collection/components/stepper/sdds-stepper.js +126 -126
- package/dist/collection/components/stepper/stepper-item/sdds-stepper-item.js +112 -112
- package/dist/collection/components/stepper/stepper.stories.js +88 -88
- package/dist/collection/components/tabs/folder-tabs/folder-tabs-button/sdds-folder-tabs-button.js +99 -99
- package/dist/collection/components/tabs/folder-tabs/folder-tabs-link/sdds-folder-tabs-link.js +155 -155
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.js +256 -256
- package/dist/collection/components/tabs/folder-tabs/folder-tabs.stories.js +64 -64
- package/dist/collection/components/tabs/inline-tabs/inline-tabs-button/sdds-inline-tabs-button.css +1 -1
- package/dist/collection/components/tabs/inline-tabs/inline-tabs-button/sdds-inline-tabs-button.js +63 -63
- package/dist/collection/components/tabs/inline-tabs/inline-tabs-link/sdds-inline-tabs-link.css +1 -1
- package/dist/collection/components/tabs/inline-tabs/inline-tabs-link/sdds-inline-tabs-link.js +119 -119
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.js +261 -261
- package/dist/collection/components/tabs/inline-tabs/inline-tabs.stories.js +58 -58
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs-button/sdds-navigation-tabs-button.js +63 -63
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs-link/sdds-navigation-tabs-link.js +119 -119
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.js +217 -217
- package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.stories.js +59 -59
- package/dist/collection/components/textarea/textarea.js +414 -414
- package/dist/collection/components/textarea/textarea.stories.js +148 -148
- package/dist/collection/components/textfield/textfield.css +12 -67
- package/dist/collection/components/textfield/textfield.js +419 -419
- package/dist/collection/components/textfield/textfield.js.map +1 -1
- package/dist/collection/components/textfield/textfield.stories.js +209 -208
- package/dist/collection/components/textfield/textfield.stories.js.map +1 -1
- package/dist/collection/components/toast/sdds-toast.js +252 -252
- package/dist/collection/components/toast/sdds-toast.stories.js +70 -70
- package/dist/collection/components/toast/toast.stories.js +103 -103
- package/dist/collection/components/toggle/sdds-toggle.js +210 -210
- package/dist/collection/components/toggle/sdds-toggle.stories.js +78 -78
- package/dist/collection/components/toggle/toggle.stories.js +71 -71
- package/dist/collection/components/tooltip/tooltip.js +230 -230
- package/dist/collection/components/tooltip/tooltip.stories.js +103 -103
- package/dist/collection/components/utility/colour/background-color.stories.js +84 -84
- package/dist/collection/components/utility/colour/text-color.stories.js +84 -84
- package/dist/collection/foundations-stories/colour/colour-brand.stories.js +15 -15
- package/dist/collection/foundations-stories/colour/colour-scales.stories.js +54 -54
- package/dist/collection/foundations-stories/colour/colour-semantic.stories.js +15 -15
- package/dist/collection/foundations-stories/grid/grid.stories.js +53 -53
- package/dist/collection/foundations-stories/spacing/spacing-element.stories.js +11 -11
- package/dist/collection/foundations-stories/spacing/spacing-layout.stories.js +11 -11
- package/dist/collection/foundations-stories/typography/typography-body.stories.js +10 -10
- package/dist/collection/foundations-stories/typography/typography-detail.stories.js +10 -10
- package/dist/collection/foundations-stories/typography/typography-headline.stories.js +23 -23
- package/dist/collection/foundations-stories/typography/typography-paragraph.stories.js +10 -10
- package/dist/collection/index.js +2 -2
- package/dist/collection/utils/utils.js +13 -13
- package/dist/components/dropdown-option.js +92 -92
- package/dist/components/dropdown-option.js.map +1 -1
- package/dist/components/dropdown.js +290 -290
- package/dist/components/dropdown.js.map +1 -1
- package/dist/components/icon.js +51 -50
- package/dist/components/icon.js.map +1 -1
- package/dist/components/sdds-accordion-item.js +44 -44
- package/dist/components/sdds-accordion.js +26 -26
- package/dist/components/sdds-badges.js +65 -65
- package/dist/components/sdds-banner.js +101 -110
- package/dist/components/sdds-banner.js.map +1 -1
- package/dist/components/sdds-block.js +38 -38
- package/dist/components/sdds-breadcrumb-link.js +35 -35
- package/dist/components/sdds-breadcrumb-link.js.map +1 -1
- package/dist/components/sdds-breadcrumb.js +27 -27
- package/dist/components/sdds-button.js +46 -46
- package/dist/components/sdds-button.js.map +1 -1
- package/dist/components/sdds-card.js +66 -66
- package/dist/components/sdds-checkbox.js +67 -67
- package/dist/components/sdds-checkbox.js.map +1 -1
- package/dist/components/sdds-datetime.js +118 -118
- package/dist/components/sdds-divider.js +26 -26
- package/dist/components/sdds-dropdown-filter.js +129 -129
- package/dist/components/sdds-dropdown-filter.js.map +1 -1
- package/dist/components/sdds-folder-tabs-button.js +35 -35
- package/dist/components/sdds-folder-tabs-link.js +41 -41
- package/dist/components/sdds-folder-tabs.js +195 -195
- package/dist/components/sdds-footer-link-group.js +41 -41
- package/dist/components/sdds-footer-link.js +34 -34
- package/dist/components/sdds-footer-link.js.map +1 -1
- package/dist/components/sdds-footer.js +33 -33
- package/dist/components/sdds-header-cell.js +156 -156
- package/dist/components/sdds-inline-tabs-button.js +29 -29
- package/dist/components/sdds-inline-tabs-button.js.map +1 -1
- package/dist/components/sdds-inline-tabs-link.js +35 -35
- package/dist/components/sdds-inline-tabs-link.js.map +1 -1
- package/dist/components/sdds-inline-tabs.js +202 -202
- package/dist/components/sdds-link.js +42 -1
- package/dist/components/sdds-link.js.map +1 -1
- package/dist/components/sdds-message.js +53 -53
- package/dist/components/sdds-modal.js +115 -115
- package/dist/components/sdds-navigation-tabs-button.js +28 -28
- package/dist/components/sdds-navigation-tabs-link.js +34 -34
- package/dist/components/sdds-navigation-tabs.js +158 -158
- package/dist/components/sdds-popover-canvas.js +126 -126
- package/dist/components/sdds-popover-menu.js +98 -98
- package/dist/components/sdds-radio-button.js +46 -46
- package/dist/components/sdds-radio-button.js.map +1 -1
- package/dist/components/sdds-slider.js +384 -384
- package/dist/components/sdds-slider.js.map +1 -1
- package/dist/components/sdds-spinner.js +27 -27
- package/dist/components/sdds-stepper-item.js +56 -56
- package/dist/components/sdds-stepper.js +53 -53
- package/dist/components/sdds-table-body-row-expandable.js +95 -95
- package/dist/components/sdds-table-body.js +280 -280
- package/dist/components/sdds-table-footer.js +185 -185
- package/dist/components/sdds-table-header.js +115 -115
- package/dist/components/sdds-table-header.js.map +1 -1
- package/dist/components/sdds-table-toolbar.js +77 -77
- package/dist/components/sdds-table.js +81 -81
- package/dist/components/sdds-textarea.js +91 -91
- package/dist/components/sdds-textfield.js +95 -95
- package/dist/components/sdds-textfield.js.map +1 -1
- package/dist/components/sdds-toast.js +101 -101
- package/dist/components/sdds-toggle.js +55 -55
- package/dist/components/sdds-tooltip.js +116 -116
- package/dist/components/table-body-cell.js +94 -94
- package/dist/components/table-body-row.js +114 -114
- package/dist/components/table-body-row.js.map +1 -1
- package/dist/esm/index-fdfb114c.js +4 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/sdds-accordion-item.entry.js +18 -18
- package/dist/esm/sdds-accordion.entry.js +9 -9
- package/dist/esm/sdds-badges.entry.js +43 -43
- package/dist/esm/sdds-banner.entry.js +69 -69
- package/dist/esm/sdds-banner.entry.js.map +1 -1
- package/dist/esm/sdds-block.entry.js +21 -21
- package/dist/esm/sdds-body-cell_2.entry.js +158 -158
- package/dist/esm/sdds-body-cell_2.entry.js.map +1 -1
- package/dist/esm/sdds-breadcrumb-link.entry.js +14 -14
- package/dist/esm/sdds-breadcrumb-link.entry.js.map +1 -1
- package/dist/esm/sdds-breadcrumb.entry.js +12 -12
- package/dist/esm/sdds-button.entry.js +23 -23
- package/dist/esm/sdds-button.entry.js.map +1 -1
- package/dist/esm/sdds-card.entry.js +37 -37
- package/dist/esm/sdds-checkbox.entry.js +45 -45
- package/dist/esm/sdds-checkbox.entry.js.map +1 -1
- package/dist/esm/sdds-datetime.entry.js +84 -84
- package/dist/esm/sdds-divider.entry.js +9 -9
- package/dist/esm/sdds-dropdown-filter.entry.js +83 -83
- package/dist/esm/sdds-dropdown-filter.entry.js.map +1 -1
- package/dist/esm/sdds-dropdown_2.entry.js +317 -317
- package/dist/esm/sdds-dropdown_2.entry.js.map +1 -1
- package/dist/esm/sdds-folder-tabs-button.entry.js +15 -15
- package/dist/esm/sdds-folder-tabs-link.entry.js +18 -18
- package/dist/esm/sdds-folder-tabs.entry.js +167 -167
- package/dist/esm/sdds-footer-link-group.entry.js +19 -19
- package/dist/esm/sdds-footer-link.entry.js +16 -16
- package/dist/esm/sdds-footer-link.entry.js.map +1 -1
- package/dist/esm/sdds-footer.entry.js +15 -15
- package/dist/esm/sdds-header-cell.entry.js +124 -124
- package/dist/esm/sdds-icon.entry.js +31 -30
- package/dist/esm/sdds-icon.entry.js.map +1 -1
- package/dist/esm/sdds-inline-tabs-button.entry.js +11 -11
- package/dist/esm/sdds-inline-tabs-button.entry.js.map +1 -1
- package/dist/esm/sdds-inline-tabs-link.entry.js +14 -14
- package/dist/esm/sdds-inline-tabs-link.entry.js.map +1 -1
- package/dist/esm/sdds-inline-tabs.entry.js +175 -175
- package/dist/esm/sdds-link.entry.js +13 -13
- package/dist/esm/sdds-message.entry.js +27 -27
- package/dist/esm/sdds-modal.entry.js +85 -85
- package/dist/esm/sdds-navigation-tabs-button.entry.js +10 -10
- package/dist/esm/sdds-navigation-tabs-link.entry.js +13 -13
- package/dist/esm/sdds-navigation-tabs.entry.js +132 -132
- package/dist/esm/sdds-popover-canvas.entry.js +99 -99
- package/dist/esm/sdds-popover-menu.entry.js +73 -73
- package/dist/esm/sdds-radio-button.entry.js +25 -25
- package/dist/esm/sdds-radio-button.entry.js.map +1 -1
- package/dist/esm/sdds-slider.entry.js +347 -347
- package/dist/esm/sdds-slider.entry.js.map +1 -1
- package/dist/esm/sdds-spinner.entry.js +10 -10
- package/dist/esm/sdds-stepper-item.entry.js +27 -27
- package/dist/esm/sdds-stepper.entry.js +32 -32
- package/dist/esm/sdds-table-body-row-expandable.entry.js +71 -71
- package/dist/esm/sdds-table-body.entry.js +233 -233
- package/dist/esm/sdds-table-footer.entry.js +153 -153
- package/dist/esm/sdds-table-header.entry.js +89 -89
- package/dist/esm/sdds-table-header.entry.js.map +1 -1
- package/dist/esm/sdds-table-toolbar.entry.js +54 -54
- package/dist/esm/sdds-table.entry.js +57 -57
- package/dist/esm/sdds-textarea.entry.js +55 -55
- package/dist/esm/sdds-textfield.entry.js +59 -59
- package/dist/esm/sdds-textfield.entry.js.map +1 -1
- package/dist/esm/sdds-toast.entry.js +70 -70
- package/dist/esm/sdds-toggle.entry.js +32 -32
- package/dist/esm/sdds-tooltip.entry.js +92 -92
- package/dist/esm/tegel.js +1 -1
- package/dist/tegel/p-1df2e987.entry.js +2 -0
- package/dist/tegel/p-1df2e987.entry.js.map +1 -0
- package/dist/tegel/p-1e196fff.entry.js +2 -0
- package/dist/tegel/p-1e196fff.entry.js.map +1 -0
- package/dist/tegel/p-23998948.entry.js +2 -0
- package/dist/tegel/{p-cfacd8e6.entry.js.map → p-23998948.entry.js.map} +1 -1
- package/dist/tegel/p-29bcd369.entry.js +2 -0
- package/dist/tegel/p-29bcd369.entry.js.map +1 -0
- package/dist/tegel/p-3a93619e.entry.js +2 -0
- package/dist/tegel/p-3a93619e.entry.js.map +1 -0
- package/dist/tegel/p-5812ec42.entry.js +2 -0
- package/dist/tegel/p-5812ec42.entry.js.map +1 -0
- package/dist/tegel/{p-792e8c5d.entry.js → p-5ca26ce8.entry.js} +2 -2
- package/dist/tegel/p-5ca26ce8.entry.js.map +1 -0
- package/dist/tegel/p-5cc6d070.entry.js +2 -0
- package/dist/tegel/{p-90af19c6.entry.js.map → p-5cc6d070.entry.js.map} +1 -1
- package/dist/tegel/p-626434af.entry.js +2 -0
- package/dist/tegel/{p-1baafb40.entry.js.map → p-626434af.entry.js.map} +1 -1
- package/dist/tegel/p-68e4c190.entry.js +2 -0
- package/dist/tegel/{p-872bef70.entry.js.map → p-68e4c190.entry.js.map} +1 -1
- package/dist/tegel/{p-d87ce5e9.entry.js → p-88ba44a7.entry.js} +2 -2
- package/dist/tegel/p-88ba44a7.entry.js.map +1 -0
- package/dist/tegel/p-8b807df5.entry.js +2 -0
- package/dist/tegel/p-8b807df5.entry.js.map +1 -0
- package/dist/tegel/{p-8ee9e2f5.entry.js → p-ad3439b8.entry.js} +2 -2
- package/dist/tegel/{p-8ee9e2f5.entry.js.map → p-ad3439b8.entry.js.map} +1 -1
- package/dist/tegel/p-b8d838d1.entry.js +2 -0
- package/dist/tegel/p-b8d838d1.entry.js.map +1 -0
- package/dist/tegel/p-f23cb0ae.entry.js +2 -0
- package/dist/tegel/p-f23cb0ae.entry.js.map +1 -0
- package/dist/tegel/tegel.css +4 -4
- package/dist/tegel/tegel.esm.js +1 -1
- package/dist/tegel/tegel.esm.js.map +1 -1
- package/dist/types/components/accordion/accordion-item/accordion-item.d.ts +17 -17
- package/dist/types/components/accordion/accordion.d.ts +5 -5
- package/dist/types/components/accordion/accordion.stories.d.ts +77 -77
- package/dist/types/components/badge/badge.stories.d.ts +61 -61
- package/dist/types/components/badge/badges.d.ts +16 -16
- package/dist/types/components/banner/banner.stories.d.ts +68 -68
- package/dist/types/components/banner/sdds-banner.d.ts +40 -48
- package/dist/types/components/banner/sdds-banner.stories.d.ts +82 -104
- package/dist/types/components/block/block-native.stories.d.ts +31 -31
- package/dist/types/components/block/sdds-block.d.ts +9 -9
- package/dist/types/components/block/sdds-block.stories.d.ts +32 -32
- package/dist/types/components/breadcrumb/breadcrumb.stories.d.ts +12 -12
- package/dist/types/components/breadcrumb/sdds-breadcrumb-link/sdds-breadcrumb-link.d.ts +13 -13
- package/dist/types/components/breadcrumb/sdds-breadcrumb.d.ts +5 -5
- package/dist/types/components/breadcrumb/sdds-breadcrumb.stories.d.ts +16 -16
- package/dist/types/components/button/button-component.d.ts +18 -18
- package/dist/types/components/button/button-native.stories.d.ts +159 -159
- package/dist/types/components/button/button-webcomponent.stories.d.ts +151 -151
- package/dist/types/components/card/card.stories.d.ts +137 -137
- package/dist/types/components/card/sdds-card.d.ts +39 -39
- package/dist/types/components/card/sdds-card.stories.d.ts +128 -128
- package/dist/types/components/checkbox/checkbox.stories.d.ts +51 -51
- package/dist/types/components/checkbox/sdds-checkbox.d.ts +38 -38
- package/dist/types/components/checkbox/sdds-checkbox.stories.d.ts +52 -52
- package/dist/types/components/chips/chips.stories.d.ts +101 -101
- package/dist/types/components/data-table/native-table.stories.d.ts +119 -119
- package/dist/types/components/data-table/table/table.d.ts +48 -48
- package/dist/types/components/data-table/table-body/table-body.d.ts +54 -54
- package/dist/types/components/data-table/table-body-cell/table-body-cell.d.ts +24 -24
- package/dist/types/components/data-table/table-body-row/table-body-row.d.ts +27 -27
- package/dist/types/components/data-table/table-body-row-expandable/table-body-row-expandable.d.ts +27 -27
- package/dist/types/components/data-table/table-component-basic.stories.d.ts +144 -144
- package/dist/types/components/data-table/table-component-batch-actions.stories.d.ts +139 -139
- package/dist/types/components/data-table/table-component-bodydata.stories.d.ts +33 -33
- package/dist/types/components/data-table/table-component-custom-width.stories.d.ts +131 -131
- package/dist/types/components/data-table/table-component-event-listeners.stories.d.ts +131 -131
- package/dist/types/components/data-table/table-component-expandable-rows.stories.d.ts +131 -131
- package/dist/types/components/data-table/table-component-filtering.stories.d.ts +139 -139
- package/dist/types/components/data-table/table-component-multiselect.stories.d.ts +144 -144
- package/dist/types/components/data-table/table-component-pagination.stories.d.ts +144 -144
- package/dist/types/components/data-table/table-component-sorting.stories.d.ts +183 -183
- package/dist/types/components/data-table/table-footer/table-footer.d.ts +50 -50
- package/dist/types/components/data-table/table-header/table-header.d.ts +27 -27
- package/dist/types/components/data-table/table-header-cell/table-header-cell.d.ts +43 -43
- package/dist/types/components/data-table/table-toolbar/table-toolbar.d.ts +22 -22
- package/dist/types/components/datetime/datetime.d.ts +48 -48
- package/dist/types/components/datetime/datetime.stories.d.ts +128 -128
- package/dist/types/components/divider/divider-webcomponent.stories.d.ts +58 -58
- package/dist/types/components/divider/divider.d.ts +5 -5
- package/dist/types/components/divider/divider.stories.d.ts +60 -60
- package/dist/types/components/dropdown/dropdown-filter/dropdown-filter.d.ts +44 -44
- package/dist/types/components/dropdown/dropdown-filter/dropdown-filter.stories.d.ts +137 -137
- package/dist/types/components/dropdown/dropdown-native.stories.d.ts +72 -72
- package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts +24 -24
- package/dist/types/components/dropdown/dropdown-wc-default.stories.d.ts +144 -144
- package/dist/types/components/dropdown/dropdown-wc-multiselect.stories.d.ts +144 -144
- package/dist/types/components/dropdown/dropdown.d.ts +59 -59
- package/dist/types/components/footer/footer.stories.d.ts +45 -45
- package/dist/types/components/footer/webcomponent/sdds-footer-link/sdds-footer-link.d.ts +13 -13
- package/dist/types/components/footer/webcomponent/sdds-footer-link-group/sdds-footer-link-group.d.ts +11 -11
- package/dist/types/components/footer/webcomponent/sdds-footer.d.ts +9 -9
- package/dist/types/components/footer/webcomponent/sdds-footer.stories.d.ts +44 -44
- package/dist/types/components/header/header-all.stories.d.ts +31 -31
- package/dist/types/components/header/header-default.stories.d.ts +31 -31
- package/dist/types/components/header/header-inline.stories.d.ts +31 -31
- package/dist/types/components/header/header-search.stories.d.ts +31 -31
- package/dist/types/components/header/header-toolbar.stories.d.ts +31 -31
- package/dist/types/components/icon/icon-font.stories.d.ts +38 -38
- package/dist/types/components/icon/icon-web-component.stories.d.ts +38 -38
- package/dist/types/components/icon/icon.d.ts +12 -12
- package/dist/types/components/link/link.stories.d.ts +43 -43
- package/dist/types/components/link/sdds-link.d.ts +13 -13
- package/dist/types/components/link/sdds-link.stories.d.ts +58 -58
- package/dist/types/components/message/message.stories.d.ts +89 -89
- package/dist/types/components/message/sdds-message.d.ts +14 -14
- package/dist/types/components/message/sdds-message.stories.d.ts +88 -88
- package/dist/types/components/modal/modal-native.stories.d.ts +74 -74
- package/dist/types/components/modal/modal-webcomponent.stories.d.ts +70 -70
- package/dist/types/components/modal/modal.d.ts +37 -37
- package/dist/types/components/popover-canvas/popover-canvas.d.ts +33 -33
- package/dist/types/components/popover-canvas/popover-canvas.stories.d.ts +27 -27
- package/dist/types/components/popover-menu/popover-menu-icons.stories.d.ts +32 -32
- package/dist/types/components/popover-menu/popover-menu.d.ts +24 -24
- package/dist/types/components/popover-menu/popover-menu.stories.d.ts +32 -32
- package/dist/types/components/radio-button/radio-button-component.stories.d.ts +39 -39
- package/dist/types/components/radio-button/radio-button.d.ts +26 -26
- package/dist/types/components/radio-button/radio-button.stories.d.ts +38 -38
- package/dist/types/components/side-menu/side-menu.stories.d.ts +42 -42
- package/dist/types/components/slider/slider.d.ts +86 -86
- package/dist/types/components/slider/slider.stories.d.ts +235 -235
- package/dist/types/components/spinner/spinner.d.ts +7 -7
- package/dist/types/components/spinner/spinner.stories.d.ts +47 -47
- package/dist/types/components/stepper/sdds-stepper.d.ts +17 -17
- package/dist/types/components/stepper/stepper-item/sdds-stepper-item.d.ts +17 -17
- package/dist/types/components/stepper/stepper.stories.d.ts +72 -72
- package/dist/types/components/tabs/folder-tabs/folder-tabs-button/sdds-folder-tabs-button.d.ts +10 -10
- package/dist/types/components/tabs/folder-tabs/folder-tabs-link/sdds-folder-tabs-link.d.ts +16 -16
- package/dist/types/components/tabs/folder-tabs/folder-tabs.d.ts +38 -38
- package/dist/types/components/tabs/folder-tabs/folder-tabs.stories.d.ts +52 -52
- package/dist/types/components/tabs/inline-tabs/inline-tabs-button/sdds-inline-tabs-button.d.ts +7 -7
- package/dist/types/components/tabs/inline-tabs/inline-tabs-link/sdds-inline-tabs-link.d.ts +13 -13
- package/dist/types/components/tabs/inline-tabs/inline-tabs.d.ts +40 -40
- package/dist/types/components/tabs/inline-tabs/inline-tabs.stories.d.ts +44 -44
- package/dist/types/components/tabs/navigation-tabs/navigation-tabs-button/sdds-navigation-tabs-button.d.ts +7 -7
- package/dist/types/components/tabs/navigation-tabs/navigation-tabs-link/sdds-navigation-tabs-link.d.ts +13 -13
- package/dist/types/components/tabs/navigation-tabs/navigation-tabs.d.ts +35 -35
- package/dist/types/components/tabs/navigation-tabs/navigation-tabs.stories.d.ts +44 -44
- package/dist/types/components/textarea/textarea.d.ts +50 -50
- package/dist/types/components/textarea/textarea.stories.d.ts +139 -139
- package/dist/types/components/textfield/textfield.d.ts +52 -52
- package/dist/types/components/textfield/textfield.stories.d.ts +201 -201
- package/dist/types/components/toast/sdds-toast.d.ts +36 -36
- package/dist/types/components/toast/sdds-toast.stories.d.ts +56 -56
- package/dist/types/components/toast/toast.stories.d.ts +68 -68
- package/dist/types/components/toggle/sdds-toggle.d.ts +31 -31
- package/dist/types/components/toggle/sdds-toggle.stories.d.ts +74 -74
- package/dist/types/components/toggle/toggle.stories.d.ts +58 -58
- package/dist/types/components/tooltip/tooltip.d.ts +24 -24
- package/dist/types/components/tooltip/tooltip.stories.d.ts +66 -66
- package/dist/types/components/utility/colour/background-color.stories.d.ts +58 -58
- package/dist/types/components/utility/colour/text-color.stories.d.ts +58 -58
- package/dist/types/components.d.ts +2 -42
- package/dist/types/foundations-stories/colour/colour-brand.stories.d.ts +13 -13
- package/dist/types/foundations-stories/colour/colour-scales.stories.d.ts +13 -13
- package/dist/types/foundations-stories/colour/colour-semantic.stories.d.ts +13 -13
- package/dist/types/foundations-stories/grid/grid.stories.d.ts +35 -35
- package/dist/types/foundations-stories/spacing/spacing-element.stories.d.ts +8 -8
- package/dist/types/foundations-stories/spacing/spacing-layout.stories.d.ts +8 -8
- package/dist/types/foundations-stories/typography/typography-body.stories.d.ts +8 -8
- package/dist/types/foundations-stories/typography/typography-detail.stories.d.ts +8 -8
- package/dist/types/foundations-stories/typography/typography-headline.stories.d.ts +21 -21
- package/dist/types/foundations-stories/typography/typography-paragraph.stories.d.ts +8 -8
- package/dist/types/index.d.ts +1 -1
- package/dist/types/utils/utils.d.ts +2 -2
- package/package.json +1 -1
- package/dist/components/sdds-link2.js +0 -46
- package/dist/components/sdds-link2.js.map +0 -1
- package/dist/tegel/p-1adb9259.entry.js +0 -2
- package/dist/tegel/p-1adb9259.entry.js.map +0 -1
- package/dist/tegel/p-1baafb40.entry.js +0 -2
- package/dist/tegel/p-2837b06c.entry.js +0 -2
- package/dist/tegel/p-2837b06c.entry.js.map +0 -1
- package/dist/tegel/p-58bc7a27.entry.js +0 -2
- package/dist/tegel/p-58bc7a27.entry.js.map +0 -1
- package/dist/tegel/p-70ccf3f7.entry.js +0 -2
- package/dist/tegel/p-70ccf3f7.entry.js.map +0 -1
- package/dist/tegel/p-792e8c5d.entry.js.map +0 -1
- package/dist/tegel/p-81c597fd.entry.js +0 -2
- package/dist/tegel/p-81c597fd.entry.js.map +0 -1
- package/dist/tegel/p-872bef70.entry.js +0 -2
- package/dist/tegel/p-90af19c6.entry.js +0 -2
- package/dist/tegel/p-b2269b6b.entry.js +0 -2
- package/dist/tegel/p-b2269b6b.entry.js.map +0 -1
- package/dist/tegel/p-b6fc0de7.entry.js +0 -2
- package/dist/tegel/p-b6fc0de7.entry.js.map +0 -1
- package/dist/tegel/p-bd09c184.entry.js +0 -2
- package/dist/tegel/p-bd09c184.entry.js.map +0 -1
- package/dist/tegel/p-cfacd8e6.entry.js +0 -2
- package/dist/tegel/p-d87ce5e9.entry.js.map +0 -1
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
import { formatHtmlPreview } from '../../../utils/utils';
|
|
2
|
-
import readme from './readme.md';
|
|
3
|
-
import readmeLink from './sdds-footer-link/readme.md';
|
|
4
|
-
import readmeLinkGroup from './sdds-footer-link-group/readme.md';
|
|
5
|
-
export default {
|
|
6
|
-
title: 'Components/Footer',
|
|
7
|
-
parameters: {
|
|
8
|
-
notes: { 'Footer': readme, 'Footer link group': readmeLinkGroup, 'Footer link': readmeLink },
|
|
9
|
-
layout: 'fullscreen',
|
|
10
|
-
design: [
|
|
11
|
-
{
|
|
12
|
-
name: 'Figma',
|
|
13
|
-
type: 'figma',
|
|
14
|
-
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=7568%3A298118&t=Ne6myqwca5m00de7-1',
|
|
15
|
-
},
|
|
16
|
-
{
|
|
17
|
-
name: 'Link',
|
|
18
|
-
type: 'link',
|
|
19
|
-
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=7568%3A298118&t=Ne6myqwca5m00de7-1',
|
|
20
|
-
},
|
|
21
|
-
],
|
|
22
|
-
},
|
|
23
|
-
argTypes: {
|
|
24
|
-
modeVariant: {
|
|
25
|
-
name: 'Mode variant',
|
|
26
|
-
description: 'Mode variant adjusts component colors to have better visibility depending on global mode and background.',
|
|
27
|
-
control: {
|
|
28
|
-
type: 'radio',
|
|
29
|
-
},
|
|
30
|
-
options: ['Inherit from parent', 'Primary', 'Secondary'],
|
|
31
|
-
table: {
|
|
32
|
-
defaultValue: { summary: 'Inherit from parent' },
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
topPart: {
|
|
36
|
-
name: 'Top part',
|
|
37
|
-
description: 'Adds the top part of the footer with more links.',
|
|
38
|
-
control: {
|
|
39
|
-
type: 'boolean',
|
|
40
|
-
},
|
|
41
|
-
},
|
|
42
|
-
},
|
|
43
|
-
args: {
|
|
44
|
-
modeVariant: 'Inherit from parent',
|
|
45
|
-
topPart: false,
|
|
46
|
-
},
|
|
47
|
-
};
|
|
1
|
+
import { formatHtmlPreview } from '../../../utils/utils';
|
|
2
|
+
import readme from './readme.md';
|
|
3
|
+
import readmeLink from './sdds-footer-link/readme.md';
|
|
4
|
+
import readmeLinkGroup from './sdds-footer-link-group/readme.md';
|
|
5
|
+
export default {
|
|
6
|
+
title: 'Components/Footer',
|
|
7
|
+
parameters: {
|
|
8
|
+
notes: { 'Footer': readme, 'Footer link group': readmeLinkGroup, 'Footer link': readmeLink },
|
|
9
|
+
layout: 'fullscreen',
|
|
10
|
+
design: [
|
|
11
|
+
{
|
|
12
|
+
name: 'Figma',
|
|
13
|
+
type: 'figma',
|
|
14
|
+
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=7568%3A298118&t=Ne6myqwca5m00de7-1',
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
name: 'Link',
|
|
18
|
+
type: 'link',
|
|
19
|
+
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=7568%3A298118&t=Ne6myqwca5m00de7-1',
|
|
20
|
+
},
|
|
21
|
+
],
|
|
22
|
+
},
|
|
23
|
+
argTypes: {
|
|
24
|
+
modeVariant: {
|
|
25
|
+
name: 'Mode variant',
|
|
26
|
+
description: 'Mode variant adjusts component colors to have better visibility depending on global mode and background.',
|
|
27
|
+
control: {
|
|
28
|
+
type: 'radio',
|
|
29
|
+
},
|
|
30
|
+
options: ['Inherit from parent', 'Primary', 'Secondary'],
|
|
31
|
+
table: {
|
|
32
|
+
defaultValue: { summary: 'Inherit from parent' },
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
topPart: {
|
|
36
|
+
name: 'Top part',
|
|
37
|
+
description: 'Adds the top part of the footer with more links.',
|
|
38
|
+
control: {
|
|
39
|
+
type: 'boolean',
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
args: {
|
|
44
|
+
modeVariant: 'Inherit from parent',
|
|
45
|
+
topPart: false,
|
|
46
|
+
},
|
|
47
|
+
};
|
|
48
48
|
const Template = ({ topPart, modeVariant }) => formatHtmlPreview(`
|
|
49
49
|
<main>
|
|
50
50
|
<div class="sdds-u-p3 ">
|
|
@@ -56,63 +56,63 @@ const Template = ({ topPart, modeVariant }) => formatHtmlPreview(`
|
|
|
56
56
|
<sdds-footer
|
|
57
57
|
${modeVariant !== 'Inherit from parent' ? `mode-variant="${modeVariant.toLowerCase()}"` : ''}
|
|
58
58
|
>
|
|
59
|
-
${topPart
|
|
59
|
+
${topPart
|
|
60
60
|
? `
|
|
61
61
|
<div slot="top">
|
|
62
62
|
<sdds-footer-link-group title-text="Title">
|
|
63
|
-
<sdds-footer-link
|
|
64
|
-
<sdds-footer-link
|
|
65
|
-
<sdds-footer-link
|
|
63
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
64
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
65
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
66
66
|
</sdds-footer-link-group>
|
|
67
67
|
|
|
68
68
|
<sdds-footer-link-group title-text="Title">
|
|
69
|
-
<sdds-footer-link
|
|
70
|
-
<sdds-footer-link
|
|
71
|
-
<sdds-footer-link
|
|
69
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
70
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
71
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
72
72
|
</sdds-footer-link-group>
|
|
73
73
|
|
|
74
74
|
<sdds-footer-link-group title-text="Title">
|
|
75
|
-
<sdds-footer-link
|
|
76
|
-
<sdds-footer-link
|
|
77
|
-
<sdds-footer-link
|
|
75
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
76
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
77
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
78
78
|
</sdds-footer-link-group>
|
|
79
79
|
|
|
80
80
|
<sdds-footer-link-group title-text="Title">
|
|
81
|
-
<sdds-footer-link
|
|
82
|
-
<sdds-footer-link
|
|
83
|
-
<sdds-footer-link
|
|
81
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
82
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
83
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
84
84
|
</sdds-footer-link-group>
|
|
85
85
|
|
|
86
86
|
<sdds-footer-link-group title-text="Title">
|
|
87
|
-
<sdds-footer-link
|
|
88
|
-
<sdds-footer-link
|
|
89
|
-
<sdds-footer-link
|
|
87
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
88
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
89
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
90
90
|
</sdds-footer-link-group>
|
|
91
91
|
</div>
|
|
92
|
-
`
|
|
92
|
+
`
|
|
93
93
|
: ''}
|
|
94
94
|
<div slot="main-left">
|
|
95
95
|
<sdds-footer-link-group>
|
|
96
|
-
<sdds-footer-link
|
|
97
|
-
<sdds-footer-link
|
|
98
|
-
<sdds-footer-link
|
|
96
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
97
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
98
|
+
<sdds-footer-link href="#">Link text</sdds-footer-link>
|
|
99
99
|
</sdds-footer-link-group>
|
|
100
100
|
</div>
|
|
101
101
|
<div slot="main-right">
|
|
102
102
|
<sdds-footer-link-group>
|
|
103
|
-
<sdds-footer-link
|
|
103
|
+
<sdds-footer-link href="#">
|
|
104
104
|
<sdds-icon name="truck"></sdds-icon>
|
|
105
105
|
</sdds-footer-link>
|
|
106
|
-
<sdds-footer-link
|
|
106
|
+
<sdds-footer-link href="#">
|
|
107
107
|
<sdds-icon name="truck"></sdds-icon>
|
|
108
108
|
</sdds-footer-link>
|
|
109
|
-
<sdds-footer-link
|
|
109
|
+
<sdds-footer-link href="#">
|
|
110
110
|
<sdds-icon name="truck"></sdds-icon>
|
|
111
111
|
</sdds-footer-link>
|
|
112
112
|
</sdds-footer-link-group>
|
|
113
113
|
</div>
|
|
114
114
|
</sdds-footer>
|
|
115
115
|
|
|
116
|
-
`);
|
|
117
|
-
export const WebComponent = Template.bind({});
|
|
118
|
-
//# sourceMappingURL=sdds-footer.stories.js.map
|
|
116
|
+
`);
|
|
117
|
+
export const WebComponent = Template.bind({});
|
|
118
|
+
//# sourceMappingURL=sdds-footer.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sdds-footer.stories.js","sourceRoot":"","sources":["../../../../src/components/footer/webcomponent/sdds-footer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,eAAe,MAAM,oCAAoC,CAAC;AAEjE,eAAe;EACb,KAAK,EAAE,mBAAmB;EAC1B,UAAU,EAAE;IACV,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,mBAAmB,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE;IAC5F,MAAM,EAAE,YAAY;IACpB,MAAM,EAAE;MACN;QACE,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,+GAA+G;OACrH;MACD;QACE,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,+GAA+G;OACrH;KACF;GACF;EACD,QAAQ,EAAE;IACR,WAAW,EAAE;MACX,IAAI,EAAE,cAAc;MACpB,WAAW,
|
|
1
|
+
{"version":3,"file":"sdds-footer.stories.js","sourceRoot":"","sources":["../../../../src/components/footer/webcomponent/sdds-footer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,eAAe,MAAM,oCAAoC,CAAC;AAEjE,eAAe;EACb,KAAK,EAAE,mBAAmB;EAC1B,UAAU,EAAE;IACV,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,mBAAmB,EAAE,eAAe,EAAE,aAAa,EAAE,UAAU,EAAE;IAC5F,MAAM,EAAE,YAAY;IACpB,MAAM,EAAE;MACN;QACE,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,+GAA+G;OACrH;MACD;QACE,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,+GAA+G;OACrH;KACF;GACF;EACD,QAAQ,EAAE;IACR,WAAW,EAAE;MACX,IAAI,EAAE,cAAc;MACpB,WAAW,EACT,0GAA0G;MAC5G,OAAO,EAAE;QACP,IAAI,EAAE,OAAO;OACd;MACD,OAAO,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE,WAAW,CAAC;MACxD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE;OACjD;KACF;IACD,OAAO,EAAE;MACP,IAAI,EAAE,UAAU;MAChB,WAAW,EAAE,kDAAkD;MAC/D,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;OAChB;KACF;GACF;EACD,IAAI,EAAE;IACJ,WAAW,EAAE,qBAAqB;IAClC,OAAO,EAAE,KAAK;GACf;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAC5C,iBAAiB,CACf;;;;;;;;;MASE,WAAW,KAAK,qBAAqB,CAAC,CAAC,CAAC,iBAAiB,WAAW,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE;;QAGxF,OAAO;EACL,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAgCL;EACG,CAAC,CAAC,EACN;;;;;;;;;;;;;;;;;;;;;;;GAuBH,CACA,CAAC;AAEJ,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC","sourcesContent":["import { formatHtmlPreview } from '../../../utils/utils';\nimport readme from './readme.md';\nimport readmeLink from './sdds-footer-link/readme.md';\nimport readmeLinkGroup from './sdds-footer-link-group/readme.md';\n\nexport default {\n title: 'Components/Footer',\n parameters: {\n notes: { 'Footer': readme, 'Footer link group': readmeLinkGroup, 'Footer link': readmeLink },\n layout: 'fullscreen',\n design: [\n {\n name: 'Figma',\n type: 'figma',\n url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=7568%3A298118&t=Ne6myqwca5m00de7-1',\n },\n {\n name: 'Link',\n type: 'link',\n url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=7568%3A298118&t=Ne6myqwca5m00de7-1',\n },\n ],\n },\n argTypes: {\n modeVariant: {\n name: 'Mode variant',\n description:\n 'Mode variant adjusts component colors to have better visibility depending on global mode and background.',\n control: {\n type: 'radio',\n },\n options: ['Inherit from parent', 'Primary', 'Secondary'],\n table: {\n defaultValue: { summary: 'Inherit from parent' },\n },\n },\n topPart: {\n name: 'Top part',\n description: 'Adds the top part of the footer with more links.',\n control: {\n type: 'boolean',\n },\n },\n },\n args: {\n modeVariant: 'Inherit from parent',\n topPart: false,\n },\n};\n\nconst Template = ({ topPart, modeVariant }) =>\n formatHtmlPreview(\n `\n <main>\n <div class=\"sdds-u-p3 \">\n <div class=\"sdds-body-01\">\n Resize the window to see how the footer behaves on smaller/bigger screens.\n </div>\n </div>\n </main>\n <sdds-footer\n ${modeVariant !== 'Inherit from parent' ? `mode-variant=\"${modeVariant.toLowerCase()}\"` : ''}\n >\n ${\n topPart\n ? `\n <div slot=\"top\">\n <sdds-footer-link-group title-text=\"Title\">\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n </sdds-footer-link-group>\n\n <sdds-footer-link-group title-text=\"Title\">\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n </sdds-footer-link-group>\n\n <sdds-footer-link-group title-text=\"Title\">\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n </sdds-footer-link-group>\n\n <sdds-footer-link-group title-text=\"Title\">\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n </sdds-footer-link-group>\n\n <sdds-footer-link-group title-text=\"Title\">\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n </sdds-footer-link-group>\n </div>\n `\n : ''\n }\n <div slot=\"main-left\">\n <sdds-footer-link-group>\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n <sdds-footer-link href=\"#\">Link text</sdds-footer-link>\n </sdds-footer-link-group>\n </div>\n <div slot=\"main-right\">\n <sdds-footer-link-group>\n <sdds-footer-link href=\"#\">\n <sdds-icon name=\"truck\"></sdds-icon>\n </sdds-footer-link>\n <sdds-footer-link href=\"#\">\n <sdds-icon name=\"truck\"></sdds-icon>\n </sdds-footer-link>\n <sdds-footer-link href=\"#\">\n <sdds-icon name=\"truck\"></sdds-icon>\n </sdds-footer-link>\n </sdds-footer-link-group>\n </div>\n </sdds-footer>\n \n `,\n );\n\nexport const WebComponent = Template.bind({});\n"]}
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import readme from './readme.md';
|
|
2
|
-
import { formatHtmlPreview } from '../../utils/utils';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Components/Header',
|
|
5
|
-
parameters: {
|
|
6
|
-
notes: readme,
|
|
7
|
-
layout: 'fullscreen',
|
|
8
|
-
docs: {
|
|
9
|
-
source: {
|
|
10
|
-
state: 'closed',
|
|
11
|
-
},
|
|
12
|
-
},
|
|
13
|
-
design: [
|
|
14
|
-
{
|
|
15
|
-
name: 'Figma',
|
|
16
|
-
type: 'figma',
|
|
17
|
-
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
name: 'Link',
|
|
21
|
-
type: 'link',
|
|
22
|
-
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
23
|
-
},
|
|
24
|
-
],
|
|
25
|
-
},
|
|
26
|
-
argTypes: {
|
|
27
|
-
siteName: {
|
|
28
|
-
name: 'Site name',
|
|
29
|
-
description: 'Sets a custom title for the header.',
|
|
30
|
-
control: {
|
|
31
|
-
type: 'text',
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
args: {
|
|
36
|
-
siteName: 'Application',
|
|
37
|
-
},
|
|
38
|
-
};
|
|
1
|
+
import readme from './readme.md';
|
|
2
|
+
import { formatHtmlPreview } from '../../utils/utils';
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Components/Header',
|
|
5
|
+
parameters: {
|
|
6
|
+
notes: readme,
|
|
7
|
+
layout: 'fullscreen',
|
|
8
|
+
docs: {
|
|
9
|
+
source: {
|
|
10
|
+
state: 'closed',
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
design: [
|
|
14
|
+
{
|
|
15
|
+
name: 'Figma',
|
|
16
|
+
type: 'figma',
|
|
17
|
+
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
name: 'Link',
|
|
21
|
+
type: 'link',
|
|
22
|
+
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
23
|
+
},
|
|
24
|
+
],
|
|
25
|
+
},
|
|
26
|
+
argTypes: {
|
|
27
|
+
siteName: {
|
|
28
|
+
name: 'Site name',
|
|
29
|
+
description: 'Sets a custom title for the header.',
|
|
30
|
+
control: {
|
|
31
|
+
type: 'text',
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
args: {
|
|
36
|
+
siteName: 'Application',
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
39
|
const AllMenusTemplate = ({ siteName }) => formatHtmlPreview(`
|
|
40
40
|
<nav class='sdds-nav'>
|
|
41
41
|
<div class='sdds-nav__left'>
|
|
@@ -215,6 +215,6 @@ const AllMenusTemplate = ({ siteName }) => formatHtmlPreview(`
|
|
|
215
215
|
|
|
216
216
|
}
|
|
217
217
|
</script>
|
|
218
|
-
`);
|
|
219
|
-
export const AllMenus = AllMenusTemplate.bind({});
|
|
220
|
-
//# sourceMappingURL=header-all.stories.js.map
|
|
218
|
+
`);
|
|
219
|
+
export const AllMenus = AllMenusTemplate.bind({});
|
|
220
|
+
//# sourceMappingURL=header-all.stories.js.map
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import readme from './readme.md';
|
|
2
|
-
import { formatHtmlPreview } from '../../utils/utils';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Components/Header',
|
|
5
|
-
parameters: {
|
|
6
|
-
notes: readme,
|
|
7
|
-
layout: 'fullscreen',
|
|
8
|
-
docs: {
|
|
9
|
-
source: {
|
|
10
|
-
state: 'closed',
|
|
11
|
-
},
|
|
12
|
-
},
|
|
13
|
-
design: [
|
|
14
|
-
{
|
|
15
|
-
name: 'Figma',
|
|
16
|
-
type: 'figma',
|
|
17
|
-
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
name: 'Link',
|
|
21
|
-
type: 'link',
|
|
22
|
-
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
23
|
-
},
|
|
24
|
-
],
|
|
25
|
-
},
|
|
26
|
-
argTypes: {
|
|
27
|
-
siteName: {
|
|
28
|
-
name: 'Site name',
|
|
29
|
-
description: 'Sets a custom title for the header.',
|
|
30
|
-
control: {
|
|
31
|
-
type: 'text',
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
args: {
|
|
36
|
-
siteName: 'Application',
|
|
37
|
-
},
|
|
38
|
-
};
|
|
1
|
+
import readme from './readme.md';
|
|
2
|
+
import { formatHtmlPreview } from '../../utils/utils';
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Components/Header',
|
|
5
|
+
parameters: {
|
|
6
|
+
notes: readme,
|
|
7
|
+
layout: 'fullscreen',
|
|
8
|
+
docs: {
|
|
9
|
+
source: {
|
|
10
|
+
state: 'closed',
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
design: [
|
|
14
|
+
{
|
|
15
|
+
name: 'Figma',
|
|
16
|
+
type: 'figma',
|
|
17
|
+
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
name: 'Link',
|
|
21
|
+
type: 'link',
|
|
22
|
+
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
23
|
+
},
|
|
24
|
+
],
|
|
25
|
+
},
|
|
26
|
+
argTypes: {
|
|
27
|
+
siteName: {
|
|
28
|
+
name: 'Site name',
|
|
29
|
+
description: 'Sets a custom title for the header.',
|
|
30
|
+
control: {
|
|
31
|
+
type: 'text',
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
args: {
|
|
36
|
+
siteName: 'Application',
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
39
|
const Template = ({ siteName }) => formatHtmlPreview(`
|
|
40
40
|
<nav class='sdds-nav'>
|
|
41
41
|
<div class='sdds-nav__left'>
|
|
@@ -45,6 +45,6 @@ const Template = ({ siteName }) => formatHtmlPreview(`
|
|
|
45
45
|
<a class='sdds-nav__item sdds-nav__app-logo' href='#'></a>
|
|
46
46
|
</div>
|
|
47
47
|
</nav>
|
|
48
|
-
`);
|
|
49
|
-
export const Default = Template.bind({});
|
|
50
|
-
//# sourceMappingURL=header-default.stories.js.map
|
|
48
|
+
`);
|
|
49
|
+
export const Default = Template.bind({});
|
|
50
|
+
//# sourceMappingURL=header-default.stories.js.map
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import readme from './readme.md';
|
|
2
|
-
import { formatHtmlPreview } from '../../utils/utils';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Components/Header',
|
|
5
|
-
parameters: {
|
|
6
|
-
notes: readme,
|
|
7
|
-
layout: 'fullscreen',
|
|
8
|
-
docs: {
|
|
9
|
-
source: {
|
|
10
|
-
state: 'closed',
|
|
11
|
-
},
|
|
12
|
-
},
|
|
13
|
-
design: [
|
|
14
|
-
{
|
|
15
|
-
name: 'Figma',
|
|
16
|
-
type: 'figma',
|
|
17
|
-
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
name: 'Link',
|
|
21
|
-
type: 'link',
|
|
22
|
-
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
23
|
-
},
|
|
24
|
-
],
|
|
25
|
-
},
|
|
26
|
-
argTypes: {
|
|
27
|
-
siteName: {
|
|
28
|
-
name: 'Site name',
|
|
29
|
-
description: 'Sets a custom title for the header.',
|
|
30
|
-
control: {
|
|
31
|
-
type: 'text',
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
args: {
|
|
36
|
-
siteName: 'Application',
|
|
37
|
-
},
|
|
38
|
-
};
|
|
1
|
+
import readme from './readme.md';
|
|
2
|
+
import { formatHtmlPreview } from '../../utils/utils';
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Components/Header',
|
|
5
|
+
parameters: {
|
|
6
|
+
notes: readme,
|
|
7
|
+
layout: 'fullscreen',
|
|
8
|
+
docs: {
|
|
9
|
+
source: {
|
|
10
|
+
state: 'closed',
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
design: [
|
|
14
|
+
{
|
|
15
|
+
name: 'Figma',
|
|
16
|
+
type: 'figma',
|
|
17
|
+
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
name: 'Link',
|
|
21
|
+
type: 'link',
|
|
22
|
+
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
23
|
+
},
|
|
24
|
+
],
|
|
25
|
+
},
|
|
26
|
+
argTypes: {
|
|
27
|
+
siteName: {
|
|
28
|
+
name: 'Site name',
|
|
29
|
+
description: 'Sets a custom title for the header.',
|
|
30
|
+
control: {
|
|
31
|
+
type: 'text',
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
args: {
|
|
36
|
+
siteName: 'Application',
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
39
|
const InlineMenuTemplate = ({ siteName }) => formatHtmlPreview(`
|
|
40
40
|
<nav class='sdds-nav'>
|
|
41
41
|
<div class='sdds-nav__left'>
|
|
@@ -111,6 +111,6 @@ const InlineMenuTemplate = ({ siteName }) => formatHtmlPreview(`
|
|
|
111
111
|
|
|
112
112
|
}
|
|
113
113
|
</script>
|
|
114
|
-
`);
|
|
115
|
-
export const InlineMenu = InlineMenuTemplate.bind({});
|
|
116
|
-
//# sourceMappingURL=header-inline.stories.js.map
|
|
114
|
+
`);
|
|
115
|
+
export const InlineMenu = InlineMenuTemplate.bind({});
|
|
116
|
+
//# sourceMappingURL=header-inline.stories.js.map
|
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import readme from './readme.md';
|
|
2
|
-
import { formatHtmlPreview } from '../../utils/utils';
|
|
3
|
-
export default {
|
|
4
|
-
title: 'Components/Header',
|
|
5
|
-
parameters: {
|
|
6
|
-
notes: readme,
|
|
7
|
-
layout: 'fullscreen',
|
|
8
|
-
docs: {
|
|
9
|
-
source: {
|
|
10
|
-
state: 'closed',
|
|
11
|
-
},
|
|
12
|
-
},
|
|
13
|
-
design: [
|
|
14
|
-
{
|
|
15
|
-
name: 'Figma',
|
|
16
|
-
type: 'figma',
|
|
17
|
-
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
18
|
-
},
|
|
19
|
-
{
|
|
20
|
-
name: 'Link',
|
|
21
|
-
type: 'link',
|
|
22
|
-
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
23
|
-
},
|
|
24
|
-
],
|
|
25
|
-
},
|
|
26
|
-
argTypes: {
|
|
27
|
-
siteName: {
|
|
28
|
-
name: 'Site name',
|
|
29
|
-
description: 'Sets a custom title for the header.',
|
|
30
|
-
control: {
|
|
31
|
-
type: 'text',
|
|
32
|
-
},
|
|
33
|
-
},
|
|
34
|
-
},
|
|
35
|
-
args: {
|
|
36
|
-
siteName: 'Application',
|
|
37
|
-
},
|
|
38
|
-
};
|
|
1
|
+
import readme from './readme.md';
|
|
2
|
+
import { formatHtmlPreview } from '../../utils/utils';
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Components/Header',
|
|
5
|
+
parameters: {
|
|
6
|
+
notes: readme,
|
|
7
|
+
layout: 'fullscreen',
|
|
8
|
+
docs: {
|
|
9
|
+
source: {
|
|
10
|
+
state: 'closed',
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
design: [
|
|
14
|
+
{
|
|
15
|
+
name: 'Figma',
|
|
16
|
+
type: 'figma',
|
|
17
|
+
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
name: 'Link',
|
|
21
|
+
type: 'link',
|
|
22
|
+
url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
|
|
23
|
+
},
|
|
24
|
+
],
|
|
25
|
+
},
|
|
26
|
+
argTypes: {
|
|
27
|
+
siteName: {
|
|
28
|
+
name: 'Site name',
|
|
29
|
+
description: 'Sets a custom title for the header.',
|
|
30
|
+
control: {
|
|
31
|
+
type: 'text',
|
|
32
|
+
},
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
args: {
|
|
36
|
+
siteName: 'Application',
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
39
|
const SearchbarMenuTemplate = ({ siteName }) => formatHtmlPreview(`
|
|
40
40
|
<nav class='sdds-nav'>
|
|
41
41
|
<div class='sdds-nav__left'>
|
|
@@ -261,6 +261,6 @@ const SearchbarMenuTemplate = ({ siteName }) => formatHtmlPreview(`
|
|
|
261
261
|
document.getElementsByClassName("sdds-nav")[0].classList.remove("sdds-nav__app-launcher--opened");
|
|
262
262
|
}
|
|
263
263
|
</script>
|
|
264
|
-
`);
|
|
265
|
-
export const SearchbarMenu = SearchbarMenuTemplate.bind({});
|
|
266
|
-
//# sourceMappingURL=header-search.stories.js.map
|
|
264
|
+
`);
|
|
265
|
+
export const SearchbarMenu = SearchbarMenuTemplate.bind({});
|
|
266
|
+
//# sourceMappingURL=header-search.stories.js.map
|