@ebay/skin 18.1.0 → 18.2.1
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/bundles/skin-default.css +67 -4
- package/dist/bundles/skin-full.css +69 -5
- package/dist/bundles/skin-headless.css +65 -3
- package/dist/button/button.css +17 -0
- package/dist/menu-button/menu-button.css +4 -4
- package/dist/table/table.css +62 -0
- package/dist/tokens/evo-dark.css +2 -1
- package/dist/tokens/evo-light.css +2 -1
- package/gulpfile.js +34 -0
- package/index.browser.json +1 -0
- package/index.css +1 -0
- package/index.js +1 -0
- package/index.mjs +1 -0
- package/package.json +73 -77
- package/table.browser.json +1 -0
- package/table.css +1 -0
- package/table.js +1 -0
- package/table.mjs +1 -0
- package/.changeset/README.md +0 -8
- package/.changeset/config.json +0 -11
- package/.github/ISSUE_TEMPLATE/BUG-REPORT.yml +0 -74
- package/.github/ISSUE_TEMPLATE/NEW-FEATURE-REQUEST.yml +0 -40
- package/.github/PULL_REQUEST_TEMPLATE.md +0 -29
- package/.github/workflows/jekyll-gh-pages.yml +0 -105
- package/.github/workflows/pages-html-proofer.yml +0 -36
- package/.github/workflows/storybook-percy.yml +0 -21
- package/.husky/commit-msg +0 -4
- package/.husky/pre-commit +0 -4
- package/.percy.yml +0 -7
- package/.prettierignore +0 -16
- package/.prettierrc.json +0 -1
- package/.storybook/main.js +0 -32
- package/.storybook/manager.js +0 -6
- package/.storybook/preview.js +0 -1
- package/.storybook/theme.js +0 -18
- package/.stylelintrc +0 -72
- package/CHANGELOG.md +0 -297
- package/CONTRIBUTING.md +0 -493
- package/ICON-CREATION.md +0 -51
- package/lint.log +0 -10
- package/scripts/README.md +0 -77
- package/scripts/add-y-comments.js +0 -33
- package/scripts/develop-module +0 -4
- package/scripts/develop-module_proper/code-generators/base-generator.js +0 -16
- package/scripts/develop-module_proper/code-generators/doc-generator.js +0 -132
- package/scripts/develop-module_proper/code-generators/style-generator.js +0 -249
- package/scripts/develop-module_proper/code-generators/test-generator.js +0 -59
- package/scripts/develop-module_proper/errors/base-error.js +0 -8
- package/scripts/develop-module_proper/errors/illegal-input.js +0 -9
- package/scripts/develop-module_proper/index.js +0 -20
- package/scripts/develop-module_proper/input/module-name.js +0 -51
- package/scripts/develop-module_proper/input/parse-input.js +0 -19
- package/scripts/develop-module_proper/util/line-writer.js +0 -83
- package/scripts/develop-module_proper/util/title-case.js +0 -12
- package/scripts/generate-bundle.js +0 -288
- package/scripts/generate-flags.js +0 -196
- package/scripts/generate-images.js +0 -270
- package/scripts/generate-imports/README.md +0 -128
- package/scripts/generate-imports/config.json +0 -42
- package/scripts/generate-imports/index.js +0 -132
- package/scripts/generate-imports/module-builder.js +0 -231
- package/scripts/import-svgs.js +0 -56
- package/scripts/index.js +0 -189
- package/scripts/jekyll-config.js +0 -19
- package/scripts/log.js +0 -14
- package/scripts/split-icon.js +0 -36
- package/scripts/storybook/copy.js +0 -62
- package/scripts/svgo.config.js +0 -50
- package/scripts/util.js +0 -52
- package/scripts/verify-build.js +0 -54
- package/src/fonts/marketsans/MarketSans-Regular-WebS.css +0 -17
- package/src/fonts/marketsans/MarketSans-Regular-WebS.eot +0 -0
- package/src/fonts/marketsans/MarketSans-Regular-WebS.svg +0 -3619
- package/src/fonts/marketsans/MarketSans-Regular-WebS.ttf +0 -0
- package/src/fonts/marketsans/MarketSans-Regular-WebS.woff +0 -0
- package/src/fonts/marketsans/MarketSans-Regular-WebS.woff2 +0 -0
- package/src/fonts/marketsans/MarketSans-SemiBold-WebS.css +0 -17
- package/src/fonts/marketsans/MarketSans-SemiBold-WebS.eot +0 -0
- package/src/fonts/marketsans/MarketSans-SemiBold-WebS.svg +0 -3557
- package/src/fonts/marketsans/MarketSans-SemiBold-WebS.ttf +0 -0
- package/src/fonts/marketsans/MarketSans-SemiBold-WebS.woff +0 -0
- package/src/fonts/marketsans/MarketSans-SemiBold-WebS.woff2 +0 -0
- package/src/sass/alert-dialog/alert-dialog.scss +0 -99
- package/src/sass/alert-dialog/stories/alert-dialog.stories.js +0 -49
- package/src/sass/avatar/avatar.scss +0 -134
- package/src/sass/avatar/stories/avatar.stories.js +0 -342
- package/src/sass/badge/badge.scss +0 -21
- package/src/sass/badge/stories/badge.stories.js +0 -23
- package/src/sass/breadcrumbs/breadcrumbs.scss +0 -136
- package/src/sass/breadcrumbs/stories/button-cascade.stories.js +0 -119
- package/src/sass/breadcrumbs/stories/button-overflow.stories.js +0 -186
- package/src/sass/breadcrumbs/stories/buttons.stories.js +0 -53
- package/src/sass/breadcrumbs/stories/link-cascade.stories.js +0 -119
- package/src/sass/breadcrumbs/stories/link-overflow.stories.js +0 -196
- package/src/sass/breadcrumbs/stories/links.stories.js +0 -53
- package/src/sass/bundles/skin-default.scss +0 -9
- package/src/sass/bundles/skin-full.scss +0 -10
- package/src/sass/bundles/skin-headless.scss +0 -72
- package/src/sass/button/button.scss +0 -630
- package/src/sass/button/stories/button/base.stories.js +0 -66
- package/src/sass/button/stories/button/borderless.stories.js +0 -38
- package/src/sass/button/stories/button/cascade.stories.js +0 -32
- package/src/sass/button/stories/button/dimensions.stories.js +0 -45
- package/src/sass/button/stories/button/primary.stories.js +0 -43
- package/src/sass/button/stories/button/secondary.stories.js +0 -43
- package/src/sass/button/stories/button/tertiary.stories.js +0 -44
- package/src/sass/button/stories/button/text-spacing.stories.js +0 -16
- package/src/sass/button/stories/destructive-button/borderless.stories.js +0 -4
- package/src/sass/button/stories/destructive-button/primary.stories.js +0 -36
- package/src/sass/button/stories/destructive-button/secondary.stories.js +0 -36
- package/src/sass/button/stories/destructive-button/tertiary.stories.js +0 -36
- package/src/sass/button/stories/fake-button/base.stories.js +0 -22
- package/src/sass/button/stories/fake-button/cascade.stories.js +0 -34
- package/src/sass/button/stories/fake-button/dimensions.stories.js +0 -31
- package/src/sass/button/stories/fake-button/primary.stories.js +0 -39
- package/src/sass/button/stories/fake-button/secondary.stories.js +0 -39
- package/src/sass/button/stories/fake-button/text-spacing.stories.js +0 -13
- package/src/sass/calendar/calendar.scss +0 -226
- package/src/sass/calendar/stories/calendar.stories.js +0 -1296
- package/src/sass/carousel/carousel.scss +0 -342
- package/src/sass/carousel/stories/carousel.stories.js +0 -344
- package/src/sass/chart-legend/chart-legend.scss +0 -74
- package/src/sass/chart-legend/stories/chart-legend.stories.js +0 -65
- package/src/sass/checkbox/checkbox.scss +0 -113
- package/src/sass/checkbox/stories/checked.stories.js +0 -140
- package/src/sass/checkbox/stories/mixed.stories.js +0 -15
- package/src/sass/checkbox/stories/unchecked.stories.js +0 -57
- package/src/sass/chip/chip.scss +0 -52
- package/src/sass/chip/stories/interactive-chip.stories.js +0 -170
- package/src/sass/chip/stories/static-chip.stories.js +0 -155
- package/src/sass/chips-combobox/chips-combobox.scss +0 -127
- package/src/sass/chips-combobox/stories/chips-combobox.stories.js +0 -523
- package/src/sass/chips-combobox/stories/rtl-chips-combobox.stories.js +0 -479
- package/src/sass/combobox/combobox.scss +0 -268
- package/src/sass/combobox/stories/combobox.stories.js +0 -250
- package/src/sass/confirm-dialog/confirm-dialog.scss +0 -104
- package/src/sass/confirm-dialog/stories/confirm-dialog.stories.js +0 -52
- package/src/sass/cta-button/cta-button.scss +0 -105
- package/src/sass/cta-button/stories/cascade.stories.js +0 -36
- package/src/sass/cta-button/stories/cta-button.stories.js +0 -23
- package/src/sass/cta-button/stories/dimensions.stories.js +0 -23
- package/src/sass/date-textbox/date-textbox.scss +0 -37
- package/src/sass/date-textbox/stories/date-textbox.stories.js +0 -56
- package/src/sass/details/details.scss +0 -73
- package/src/sass/details/stories/cascade.stories.js +0 -49
- package/src/sass/details/stories/details.stories.js +0 -101
- package/src/sass/donut-chart/donut-chart.scss +0 -98
- package/src/sass/donut-chart/stories/donut-chart.stories.js +0 -39
- package/src/sass/drawer-dialog/drawer-dialog.scss +0 -167
- package/src/sass/drawer-dialog/stories/drawer-dialog.stories.js +0 -285
- package/src/sass/education-notice/education-notice.scss +0 -92
- package/src/sass/education-notice/stories/base.stories.js +0 -152
- package/src/sass/eek/eek.scss +0 -154
- package/src/sass/field/field.scss +0 -187
- package/src/sass/field/stories/helper-texts-stacked.stories.js +0 -131
- package/src/sass/field/stories/stacked.stories.js +0 -193
- package/src/sass/field/stories/unstacked.stories.js +0 -143
- package/src/sass/filter-button/filter-button.scss +0 -112
- package/src/sass/filter-button/stories/button.stories.js +0 -35
- package/src/sass/filter-button/stories/group.stories.js +0 -28
- package/src/sass/filter-button/stories/link.stories.js +0 -25
- package/src/sass/filter-menu/filter-menu.scss +0 -131
- package/src/sass/filter-menu/stories/filter-menu.stories.js +0 -269
- package/src/sass/filter-menu-button/filter-menu-button.scss +0 -325
- package/src/sass/filter-menu-button/stories/filter-menu-button.stories.js +0 -784
- package/src/sass/flag/flag.scss +0 -785
- package/src/sass/flag/stories/flag.stories.js +0 -57
- package/src/sass/floating-label/floating-label.scss +0 -143
- package/src/sass/floating-label/stories/floating-label.stories.js +0 -289
- package/src/sass/fullscreen-dialog/fullscreen-dialog.scss +0 -127
- package/src/sass/fullscreen-dialog/stories/fullscreen-dialog.stories.js +0 -168
- package/src/sass/gh/_gh-mixins.scss +0 -197
- package/src/sass/gh/gh-mixins.less +0 -195
- package/src/sass/global/global.scss +0 -50
- package/src/sass/global/stories/global.stories.js +0 -205
- package/src/sass/icon/icon.scss +0 -104
- package/src/sass/icon/stories/icon.stories.js +0 -48
- package/src/sass/icon-button/icon-button.scss +0 -334
- package/src/sass/icon-button/stories/alignment.stories.js +0 -28
- package/src/sass/icon-button/stories/buttons.stories.js +0 -241
- package/src/sass/icon-button/stories/links.stories.js +0 -241
- package/src/sass/image-placeholder/image-placeholder.scss +0 -10
- package/src/sass/image-placeholder/stories/image-placeholder.stories.js +0 -35
- package/src/sass/infotip/infotip.scss +0 -136
- package/src/sass/infotip/stories/infotip.stories.js +0 -158
- package/src/sass/inline-notice/inline-notice.scss +0 -29
- package/src/sass/inline-notice/stories/inline.stories.js +0 -161
- package/src/sass/lightbox-dialog/lightbox-dialog.scss +0 -279
- package/src/sass/lightbox-dialog/stories/lightbox-dialog.stories.js +0 -549
- package/src/sass/link/link.scss +0 -61
- package/src/sass/link/stories/link.stories.js +0 -33
- package/src/sass/listbox/listbox.scss +0 -81
- package/src/sass/listbox/stories/cascade.stories.js +0 -76
- package/src/sass/listbox/stories/listbox.stories.js +0 -187
- package/src/sass/listbox-button/listbox-button.scss +0 -233
- package/src/sass/listbox-button/stories/base.stories.js +0 -409
- package/src/sass/listbox-button/stories/cascade.stories.js +0 -133
- package/src/sass/listbox-button/stories/dimensions.stories.js +0 -43
- package/src/sass/listbox-button/stories/error/error.base.stories.js +0 -325
- package/src/sass/listbox-button/stories/error/error.cascade.stories.js +0 -133
- package/src/sass/listbox-button/stories/error/error.dimensions.stories.js +0 -43
- package/src/sass/listbox-button/stories/error/error.form.stories.js +0 -97
- package/src/sass/listbox-button/stories/form.stories.js +0 -145
- package/src/sass/listbox-button/stories/subtitle.stories.js +0 -441
- package/src/sass/marketsans/marketsans.scss +0 -46
- package/src/sass/menu/menu.scss +0 -147
- package/src/sass/menu/stories/fake-menu.stories.js +0 -109
- package/src/sass/menu/stories/misc.stories.js +0 -42
- package/src/sass/menu/stories/multiSelect.stories.js +0 -76
- package/src/sass/menu-button/menu-button.scss +0 -215
- package/src/sass/menu-button/stories/base.stories.js +0 -443
- package/src/sass/menu-button/stories/cascade.stories.js +0 -94
- package/src/sass/menu-button/stories/dimensions.stories.js +0 -27
- package/src/sass/menu-button/stories/fake-menu-button.stories.js +0 -127
- package/src/sass/mixins/private/_bubble-mixins.scss +0 -168
- package/src/sass/mixins/private/_button-mixins.scss +0 -95
- package/src/sass/mixins/private/_dialog-mixins.scss +0 -131
- package/src/sass/mixins/private/_dropdown-mixins.scss +0 -60
- package/src/sass/mixins/private/_filter-button-mixins.scss +0 -29
- package/src/sass/mixins/private/_filter-menu-mixins.scss +0 -45
- package/src/sass/mixins/private/_generated-icon-mixins.scss +0 -517
- package/src/sass/mixins/private/_icon-mixins.scss +0 -12
- package/src/sass/mixins/private/_listbox-mixins.scss +0 -48
- package/src/sass/mixins/private/_menu-mixins.scss +0 -30
- package/src/sass/mixins/private/_selection-list-mixins.scss +0 -29
- package/src/sass/mixins/private/_token-mixins.scss +0 -124
- package/src/sass/mixins/private/icon-mixins.less +0 -17
- package/src/sass/mixins/public/_typography-mixins.scss +0 -136
- package/src/sass/mixins/public/_utility-mixins.scss +0 -62
- package/src/sass/mixins/public/typography-mixins.less +0 -136
- package/src/sass/mixins/public/utility-mixins.less +0 -62
- package/src/sass/page-grid/page-grid.scss +0 -94
- package/src/sass/page-notice/page-notice.scss +0 -219
- package/src/sass/page-notice/stories/page-notice.stories.js +0 -222
- package/src/sass/page-notice/stories/test.stories.js +0 -114
- package/src/sass/pagination/pagination.scss +0 -166
- package/src/sass/pagination/stories/button-cascade.stories.js +0 -126
- package/src/sass/pagination/stories/buttons.stories.js +0 -83
- package/src/sass/pagination/stories/link-cascade.stories.js +0 -126
- package/src/sass/pagination/stories/links.stories.js +0 -83
- package/src/sass/pagination/stories/overflow.stories.js +0 -331
- package/src/sass/panel-dialog/panel-dialog.scss +0 -140
- package/src/sass/panel-dialog/stories/panel-dialog.stories.js +0 -272
- package/src/sass/phone-input/phone-input.scss +0 -166
- package/src/sass/phone-input/stories/phone-input.stories.js +0 -771
- package/src/sass/progress-bar/progress-bar.scss +0 -51
- package/src/sass/progress-bar/stories/progress-bar.stories.js +0 -16
- package/src/sass/progress-bar-expressive/progress-bar-expressive.scss +0 -455
- package/src/sass/progress-bar-expressive/stories/progress-bar-expressive.stories.js +0 -148
- package/src/sass/progress-spinner/progress-spinner.scss +0 -41
- package/src/sass/progress-spinner/stories/progress-spinner.stories.js +0 -29
- package/src/sass/progress-stepper/progress-stepper.scss +0 -291
- package/src/sass/progress-stepper/stories/progress-stepper.stories.js +0 -723
- package/src/sass/radio/radio.scss +0 -109
- package/src/sass/radio/stories/checked.stories.js +0 -167
- package/src/sass/radio/stories/unchecked.stories.js +0 -57
- package/src/sass/section-notice/section-notice.scss +0 -184
- package/src/sass/section-notice/stories/icon-16.stories.js +0 -180
- package/src/sass/section-notice/stories/iconless.stories.js +0 -116
- package/src/sass/section-notice/stories/test.stories.js +0 -44
- package/src/sass/section-title/section-title.scss +0 -107
- package/src/sass/section-title/stories/rtl.stories.js +0 -108
- package/src/sass/section-title/stories/section-title.stories.js +0 -111
- package/src/sass/segmented-buttons/segmented-buttons.scss +0 -70
- package/src/sass/segmented-buttons/stories/segmented-buttons.stories.js +0 -120
- package/src/sass/select/select.scss +0 -156
- package/src/sass/select/stories/cascade.stories.js +0 -42
- package/src/sass/select/stories/default.stories.js +0 -120
- package/src/sass/select/stories/floating-label.stories.js +0 -66
- package/src/sass/signal/signal.scss +0 -36
- package/src/sass/signal/stories/signal.stories.js +0 -31
- package/src/sass/skeleton/skeleton.scss +0 -222
- package/src/sass/skeleton/stories/base.stories.js +0 -56
- package/src/sass/skeleton/stories/composite.stories.js +0 -36
- package/src/sass/skeleton/stories/rtl.stories.js +0 -7
- package/src/sass/snackbar-dialog/snackbar-dialog.scss +0 -113
- package/src/sass/snackbar-dialog/stories/base.stories.js +0 -66
- package/src/sass/snackbar-dialog/stories/font-size.stories.js +0 -60
- package/src/sass/snackbar-dialog/stories/rtl.stories.js +0 -60
- package/src/sass/split-button/split-button.scss +0 -5
- package/src/sass/split-button/stories/base.stories.js +0 -378
- package/src/sass/split-button/stories/rtl.stories.js +0 -193
- package/src/sass/split-button/stories/size.stories.js +0 -60
- package/src/sass/star-rating/star-rating.scss +0 -68
- package/src/sass/star-rating/stories/star-rating.stories.js +0 -73
- package/src/sass/star-rating-select/star-rating-select.scss +0 -88
- package/src/sass/star-rating-select/stories/star-rating-select.stories.js +0 -99
- package/src/sass/switch/stories/form.stories.js +0 -36
- package/src/sass/switch/stories/script.stories.js +0 -29
- package/src/sass/switch/switch.scss +0 -171
- package/src/sass/tabs/stories/fake-tabs/block.stories.js +0 -60
- package/src/sass/tabs/stories/fake-tabs/inlineBlock.stories.js +0 -62
- package/src/sass/tabs/stories/tabs/block.stories.js +0 -132
- package/src/sass/tabs/stories/tabs/inlineBlock.stories.js +0 -117
- package/src/sass/tabs/tabs.scss +0 -108
- package/src/sass/textbox/stories/icon.stories.js +0 -97
- package/src/sass/textbox/stories/rtl/icon.stories.js +0 -84
- package/src/sass/textbox/stories/rtl/textbox.stories.js +0 -45
- package/src/sass/textbox/stories/textbox.stories.js +0 -93
- package/src/sass/textbox/textbox.scss +0 -248
- package/src/sass/toast-dialog/stories/toast-dialog.stories.js +0 -116
- package/src/sass/toast-dialog/toast-dialog.scss +0 -208
- package/src/sass/toggle-button/stories/gallery-layout-responsive.stories.js +0 -121
- package/src/sass/toggle-button/stories/gallery-layout.stories.js +0 -165
- package/src/sass/toggle-button/stories/list-layout.stories.js +0 -156
- package/src/sass/toggle-button/stories/minimal-layout.stories.js +0 -57
- package/src/sass/toggle-button/toggle-button.scss +0 -224
- package/src/sass/toggle-button-group/stories/gallery-layout-exceptions.stories.js +0 -588
- package/src/sass/toggle-button-group/stories/gallery-layout.stories.js +0 -681
- package/src/sass/toggle-button-group/stories/list-layout-exceptions.stories.js +0 -556
- package/src/sass/toggle-button-group/stories/list-layout.stories.js +0 -764
- package/src/sass/toggle-button-group/stories/minimal-layout-exceptions.stories.js +0 -363
- package/src/sass/toggle-button-group/stories/minimal-layout.stories.js +0 -362
- package/src/sass/toggle-button-group/toggle-button-group.scss +0 -382
- package/src/sass/tooltip/stories/pointer.stories.js +0 -356
- package/src/sass/tooltip/stories/tooltip.stories.js +0 -58
- package/src/sass/tooltip/tooltip.scss +0 -118
- package/src/sass/tourtip/stories/tourtip.stories.js +0 -115
- package/src/sass/tourtip/tourtip.scss +0 -166
- package/src/sass/typography/typography.scss +0 -111
- package/src/sass/utility/utility.scss +0 -82
- package/src/sass/variables/_variables.scss +0 -64
- package/src/sass/variables/variables.less +0 -70
- package/src/sass/video/video.scss +0 -69
- package/src/selectors-api/selectors-api.json +0 -86
- package/src/svg/flag/flag-ac.svg +0 -333
- package/src/svg/flag/flag-ad.svg +0 -674
- package/src/svg/flag/flag-ae.svg +0 -13
- package/src/svg/flag/flag-af.svg +0 -871
- package/src/svg/flag/flag-ag.svg +0 -52
- package/src/svg/flag/flag-ai.svg +0 -80
- package/src/svg/flag/flag-al.svg +0 -18
- package/src/svg/flag/flag-am.svg +0 -12
- package/src/svg/flag/flag-ao.svg +0 -62
- package/src/svg/flag/flag-aq.svg +0 -20
- package/src/svg/flag/flag-ar.svg +0 -281
- package/src/svg/flag/flag-as.svg +0 -280
- package/src/svg/flag/flag-at.svg +0 -21
- package/src/svg/flag/flag-au.svg +0 -27
- package/src/svg/flag/flag-aw.svg +0 -157
- package/src/svg/flag/flag-ax.svg +0 -36
- package/src/svg/flag/flag-az.svg +0 -24
- package/src/svg/flag/flag-ba.svg +0 -40
- package/src/svg/flag/flag-bb.svg +0 -19
- package/src/svg/flag/flag-bd.svg +0 -14
- package/src/svg/flag/flag-be.svg +0 -27
- package/src/svg/flag/flag-bf.svg +0 -27
- package/src/svg/flag/flag-bg.svg +0 -27
- package/src/svg/flag/flag-bh.svg +0 -14
- package/src/svg/flag/flag-bi.svg +0 -60
- package/src/svg/flag/flag-bj.svg +0 -43
- package/src/svg/flag/flag-bl.svg +0 -27
- package/src/svg/flag/flag-bm.svg +0 -529
- package/src/svg/flag/flag-bn.svg +0 -136
- package/src/svg/flag/flag-bo.svg +0 -3938
- package/src/svg/flag/flag-bq.svg +0 -12
- package/src/svg/flag/flag-br.svg +0 -123
- package/src/svg/flag/flag-bs.svg +0 -46
- package/src/svg/flag/flag-bt.svg +0 -477
- package/src/svg/flag/flag-bv.svg +0 -46
- package/src/svg/flag/flag-bw.svg +0 -27
- package/src/svg/flag/flag-by.svg +0 -76
- package/src/svg/flag/flag-bz.svg +0 -605
- package/src/svg/flag/flag-ca.svg +0 -14
- package/src/svg/flag/flag-cc.svg +0 -52
- package/src/svg/flag/flag-cd.svg +0 -15
- package/src/svg/flag/flag-cefta.svg +0 -52
- package/src/svg/flag/flag-cf.svg +0 -58
- package/src/svg/flag/flag-cg.svg +0 -40
- package/src/svg/flag/flag-ch.svg +0 -27
- package/src/svg/flag/flag-ci.svg +0 -27
- package/src/svg/flag/flag-ck.svg +0 -30
- package/src/svg/flag/flag-cl.svg +0 -46
- package/src/svg/flag/flag-cm.svg +0 -52
- package/src/svg/flag/flag-cn.svg +0 -30
- package/src/svg/flag/flag-co.svg +0 -27
- package/src/svg/flag/flag-cp.svg +0 -27
- package/src/svg/flag/flag-cr.svg +0 -27
- package/src/svg/flag/flag-cu.svg +0 -46
- package/src/svg/flag/flag-cv.svg +0 -46
- package/src/svg/flag/flag-cw.svg +0 -32
- package/src/svg/flag/flag-cx.svg +0 -47
- package/src/svg/flag/flag-cy.svg +0 -22
- package/src/svg/flag/flag-cz.svg +0 -12
- package/src/svg/flag/flag-de.svg +0 -12
- package/src/svg/flag/flag-dg.svg +0 -809
- package/src/svg/flag/flag-dj.svg +0 -46
- package/src/svg/flag/flag-dk.svg +0 -12
- package/src/svg/flag/flag-dm.svg +0 -701
- package/src/svg/flag/flag-do.svg +0 -557
- package/src/svg/flag/flag-dz.svg +0 -15
- package/src/svg/flag/flag-ea.svg +0 -2497
- package/src/svg/flag/flag-ec.svg +0 -904
- package/src/svg/flag/flag-ee.svg +0 -17
- package/src/svg/flag/flag-eg.svg +0 -166
- package/src/svg/flag/flag-eh.svg +0 -60
- package/src/svg/flag/flag-er.svg +0 -33
- package/src/svg/flag/flag-es-ct.svg +0 -19
- package/src/svg/flag/flag-es-ga.svg +0 -849
- package/src/svg/flag/flag-es-pv.svg +0 -18
- package/src/svg/flag/flag-es.svg +0 -2497
- package/src/svg/flag/flag-et.svg +0 -50
- package/src/svg/flag/flag-eu.svg +0 -490
- package/src/svg/flag/flag-fi.svg +0 -12
- package/src/svg/flag/flag-fj.svg +0 -571
- package/src/svg/flag/flag-fk.svg +0 -553
- package/src/svg/flag/flag-fm.svg +0 -34
- package/src/svg/flag/flag-fo.svg +0 -40
- package/src/svg/flag/flag-fr.svg +0 -27
- package/src/svg/flag/flag-ga.svg +0 -27
- package/src/svg/flag/flag-gb-eng.svg +0 -12
- package/src/svg/flag/flag-gb-nir.svg +0 -730
- package/src/svg/flag/flag-gb-sct.svg +0 -12
- package/src/svg/flag/flag-gb-wls.svg +0 -33
- package/src/svg/flag/flag-gb.svg +0 -20
- package/src/svg/flag/flag-gd.svg +0 -97
- package/src/svg/flag/flag-ge.svg +0 -18
- package/src/svg/flag/flag-gf.svg +0 -27
- package/src/svg/flag/flag-gg.svg +0 -28
- package/src/svg/flag/flag-gh.svg +0 -13
- package/src/svg/flag/flag-gi.svg +0 -137
- package/src/svg/flag/flag-gl.svg +0 -14
- package/src/svg/flag/flag-gm.svg +0 -52
- package/src/svg/flag/flag-gn.svg +0 -27
- package/src/svg/flag/flag-gp.svg +0 -27
- package/src/svg/flag/flag-gq.svg +0 -90
- package/src/svg/flag/flag-gr.svg +0 -71
- package/src/svg/flag/flag-gs.svg +0 -709
- package/src/svg/flag/flag-gt.svg +0 -889
- package/src/svg/flag/flag-gu.svg +0 -135
- package/src/svg/flag/flag-gw.svg +0 -22
- package/src/svg/flag/flag-gy.svg +0 -39
- package/src/svg/flag/flag-hk.svg +0 -160
- package/src/svg/flag/flag-hm.svg +0 -27
- package/src/svg/flag/flag-hn.svg +0 -211
- package/src/svg/flag/flag-hr.svg +0 -241
- package/src/svg/flag/flag-ht.svg +0 -992
- package/src/svg/flag/flag-hu.svg +0 -27
- package/src/svg/flag/flag-ic.svg +0 -27
- package/src/svg/flag/flag-id.svg +0 -11
- package/src/svg/flag/flag-ie.svg +0 -27
- package/src/svg/flag/flag-il.svg +0 -52
- package/src/svg/flag/flag-im.svg +0 -191
- package/src/svg/flag/flag-in.svg +0 -216
- package/src/svg/flag/flag-io.svg +0 -809
- package/src/svg/flag/flag-iq.svg +0 -24
- package/src/svg/flag/flag-ir.svg +0 -838
- package/src/svg/flag/flag-is.svg +0 -40
- package/src/svg/flag/flag-it.svg +0 -27
- package/src/svg/flag/flag-je.svg +0 -137
- package/src/svg/flag/flag-jm.svg +0 -33
- package/src/svg/flag/flag-jo.svg +0 -52
- package/src/svg/flag/flag-jp.svg +0 -32
- package/src/svg/flag/flag-ke.svg +0 -64
- package/src/svg/flag/flag-kg.svg +0 -58
- package/src/svg/flag/flag-kh.svg +0 -416
- package/src/svg/flag/flag-ki.svg +0 -229
- package/src/svg/flag/flag-km.svg +0 -64
- package/src/svg/flag/flag-kn.svg +0 -52
- package/src/svg/flag/flag-kp.svg +0 -63
- package/src/svg/flag/flag-kr.svg +0 -88
- package/src/svg/flag/flag-kw.svg +0 -46
- package/src/svg/flag/flag-ky.svg +0 -600
- package/src/svg/flag/flag-kz.svg +0 -204
- package/src/svg/flag/flag-la.svg +0 -40
- package/src/svg/flag/flag-lb.svg +0 -48
- package/src/svg/flag/flag-lc.svg +0 -33
- package/src/svg/flag/flag-li.svg +0 -375
- package/src/svg/flag/flag-lk.svg +0 -110
- package/src/svg/flag/flag-lr.svg +0 -52
- package/src/svg/flag/flag-ls.svg +0 -27
- package/src/svg/flag/flag-lt.svg +0 -17
- package/src/svg/flag/flag-lu.svg +0 -12
- package/src/svg/flag/flag-lv.svg +0 -21
- package/src/svg/flag/flag-ly.svg +0 -29
- package/src/svg/flag/flag-ma.svg +0 -15
- package/src/svg/flag/flag-mc.svg +0 -21
- package/src/svg/flag/flag-md.svg +0 -380
- package/src/svg/flag/flag-me.svg +0 -459
- package/src/svg/flag/flag-mf.svg +0 -27
- package/src/svg/flag/flag-mg.svg +0 -27
- package/src/svg/flag/flag-mh.svg +0 -27
- package/src/svg/flag/flag-mk.svg +0 -20
- package/src/svg/flag/flag-ml.svg +0 -27
- package/src/svg/flag/flag-mm.svg +0 -29
- package/src/svg/flag/flag-mn.svg +0 -43
- package/src/svg/flag/flag-mo.svg +0 -30
- package/src/svg/flag/flag-mp.svg +0 -562
- package/src/svg/flag/flag-mq.svg +0 -27
- package/src/svg/flag/flag-mr.svg +0 -19
- package/src/svg/flag/flag-ms.svg +0 -118
- package/src/svg/flag/flag-mt.svg +0 -223
- package/src/svg/flag/flag-mu.svg +0 -33
- package/src/svg/flag/flag-mv.svg +0 -19
- package/src/svg/flag/flag-mw.svg +0 -45
- package/src/svg/flag/flag-mx.svg +0 -1686
- package/src/svg/flag/flag-my.svg +0 -42
- package/src/svg/flag/flag-mz.svg +0 -103
- package/src/svg/flag/flag-na.svg +0 -64
- package/src/svg/flag/flag-nc.svg +0 -51
- package/src/svg/flag/flag-ne.svg +0 -16
- package/src/svg/flag/flag-nf.svg +0 -50
- package/src/svg/flag/flag-ng.svg +0 -21
- package/src/svg/flag/flag-ni.svg +0 -1136
- package/src/svg/flag/flag-nl.svg +0 -12
- package/src/svg/flag/flag-no.svg +0 -14
- package/src/svg/flag/flag-np.svg +0 -29
- package/src/svg/flag/flag-nr.svg +0 -40
- package/src/svg/flag/flag-nu.svg +0 -32
- package/src/svg/flag/flag-nz.svg +0 -331
- package/src/svg/flag/flag-om.svg +0 -675
- package/src/svg/flag/flag-pa.svg +0 -47
- package/src/svg/flag/flag-pe.svg +0 -2197
- package/src/svg/flag/flag-pf.svg +0 -88
- package/src/svg/flag/flag-pg.svg +0 -41
- package/src/svg/flag/flag-ph.svg +0 -16
- package/src/svg/flag/flag-pk.svg +0 -46
- package/src/svg/flag/flag-pl.svg +0 -21
- package/src/svg/flag/flag-pm.svg +0 -27
- package/src/svg/flag/flag-pn.svg +0 -288
- package/src/svg/flag/flag-pr.svg +0 -46
- package/src/svg/flag/flag-ps.svg +0 -46
- package/src/svg/flag/flag-pt.svg +0 -710
- package/src/svg/flag/flag-pw.svg +0 -34
- package/src/svg/flag/flag-py.svg +0 -1027
- package/src/svg/flag/flag-qa.svg +0 -14
- package/src/svg/flag/flag-re.svg +0 -27
- package/src/svg/flag/flag-ro.svg +0 -27
- package/src/svg/flag/flag-rs.svg +0 -1943
- package/src/svg/flag/flag-ru.svg +0 -27
- package/src/svg/flag/flag-rw.svg +0 -34
- package/src/svg/flag/flag-sa.svg +0 -124
- package/src/svg/flag/flag-sb.svg +0 -46
- package/src/svg/flag/flag-sc.svg +0 -14
- package/src/svg/flag/flag-sd.svg +0 -46
- package/src/svg/flag/flag-se.svg +0 -14
- package/src/svg/flag/flag-sg.svg +0 -46
- package/src/svg/flag/flag-sh.svg +0 -333
- package/src/svg/flag/flag-si.svg +0 -76
- package/src/svg/flag/flag-sj.svg +0 -14
- package/src/svg/flag/flag-sk.svg +0 -28
- package/src/svg/flag/flag-sl.svg +0 -27
- package/src/svg/flag/flag-sm.svg +0 -419
- package/src/svg/flag/flag-sn.svg +0 -31
- package/src/svg/flag/flag-so.svg +0 -34
- package/src/svg/flag/flag-sr.svg +0 -19
- package/src/svg/flag/flag-ss.svg +0 -18
- package/src/svg/flag/flag-st.svg +0 -32
- package/src/svg/flag/flag-sv.svg +0 -5519
- package/src/svg/flag/flag-sx.svg +0 -234
- package/src/svg/flag/flag-sy.svg +0 -16
- package/src/svg/flag/flag-sz.svg +0 -172
- package/src/svg/flag/flag-ta.svg +0 -337
- package/src/svg/flag/flag-tc.svg +0 -285
- package/src/svg/flag/flag-td.svg +0 -27
- package/src/svg/flag/flag-tf.svg +0 -37
- package/src/svg/flag/flag-tg.svg +0 -52
- package/src/svg/flag/flag-th.svg +0 -27
- package/src/svg/flag/flag-tj.svg +0 -73
- package/src/svg/flag/flag-tk.svg +0 -18
- package/src/svg/flag/flag-tl.svg +0 -46
- package/src/svg/flag/flag-tm.svg +0 -1073
- package/src/svg/flag/flag-tn.svg +0 -46
- package/src/svg/flag/flag-to.svg +0 -33
- package/src/svg/flag/flag-tr.svg +0 -33
- package/src/svg/flag/flag-tt.svg +0 -22
- package/src/svg/flag/flag-tv.svg +0 -30
- package/src/svg/flag/flag-tw.svg +0 -110
- package/src/svg/flag/flag-tz.svg +0 -46
- package/src/svg/flag/flag-ua.svg +0 -21
- package/src/svg/flag/flag-ug.svg +0 -185
- package/src/svg/flag/flag-um.svg +0 -46
- package/src/svg/flag/flag-un.svg +0 -59
- package/src/svg/flag/flag-us.svg +0 -33
- package/src/svg/flag/flag-uy.svg +0 -265
- package/src/svg/flag/flag-uz.svg +0 -141
- package/src/svg/flag/flag-va.svg +0 -3551
- package/src/svg/flag/flag-vc.svg +0 -33
- package/src/svg/flag/flag-ve.svg +0 -332
- package/src/svg/flag/flag-vg.svg +0 -747
- package/src/svg/flag/flag-vi.svg +0 -182
- package/src/svg/flag/flag-vn.svg +0 -34
- package/src/svg/flag/flag-vu.svg +0 -65
- package/src/svg/flag/flag-wf.svg +0 -27
- package/src/svg/flag/flag-ws.svg +0 -27
- package/src/svg/flag/flag-xk.svg +0 -22
- package/src/svg/flag/flag-xx.svg +0 -22
- package/src/svg/flag/flag-ye.svg +0 -27
- package/src/svg/flag/flag-yt.svg +0 -27
- package/src/svg/flag/flag-za.svg +0 -58
- package/src/svg/flag/flag-zm.svg +0 -176
- package/src/svg/flag/flag-zw.svg +0 -75
- package/src/svg/flags.svg +0 -60135
- package/src/svg/icon/icon-add-16.svg +0 -5
- package/src/svg/icon/icon-add-24.svg +0 -5
- package/src/svg/icon/icon-add-image-24.svg +0 -13
- package/src/svg/icon/icon-afterpay-12-colored.svg +0 -16
- package/src/svg/icon/icon-afterpay-18-colored.svg +0 -16
- package/src/svg/icon/icon-afterpay-24-colored.svg +0 -16
- package/src/svg/icon/icon-afterpay-32-colored.svg +0 -16
- package/src/svg/icon/icon-ai-16.svg +0 -7
- package/src/svg/icon/icon-ai-20.svg +0 -7
- package/src/svg/icon/icon-ai-24.svg +0 -7
- package/src/svg/icon/icon-ai-filled-16.svg +0 -5
- package/src/svg/icon/icon-ai-filled-20.svg +0 -5
- package/src/svg/icon/icon-ai-filled-24.svg +0 -5
- package/src/svg/icon/icon-ai-spectrum-16-colored.svg +0 -24
- package/src/svg/icon/icon-ai-spectrum-20-colored.svg +0 -24
- package/src/svg/icon/icon-ai-spectrum-24-colored.svg +0 -24
- package/src/svg/icon/icon-ai-spectrum-filled-16-colored.svg +0 -22
- package/src/svg/icon/icon-ai-spectrum-filled-20-colored.svg +0 -22
- package/src/svg/icon/icon-ai-spectrum-filled-24-colored.svg +0 -22
- package/src/svg/icon/icon-ai-spectrum-thin-16-colored.svg +0 -24
- package/src/svg/icon/icon-ai-thin-16.svg +0 -7
- package/src/svg/icon/icon-alipay-cn-12-colored.svg +0 -44
- package/src/svg/icon/icon-alipay-cn-18-colored.svg +0 -44
- package/src/svg/icon/icon-alipay-cn-24-colored.svg +0 -44
- package/src/svg/icon/icon-alipay-cn-32-colored.svg +0 -44
- package/src/svg/icon/icon-amex-12-colored.svg +0 -10
- package/src/svg/icon/icon-amex-18-colored.svg +0 -10
- package/src/svg/icon/icon-amex-24-colored.svg +0 -10
- package/src/svg/icon/icon-amex-32-colored.svg +0 -10
- package/src/svg/icon/icon-apple-pay-12-colored.svg +0 -16
- package/src/svg/icon/icon-apple-pay-18-colored.svg +0 -16
- package/src/svg/icon/icon-apple-pay-24-colored.svg +0 -16
- package/src/svg/icon/icon-apple-pay-32-colored.svg +0 -16
- package/src/svg/icon/icon-archive-16.svg +0 -7
- package/src/svg/icon/icon-archive-24.svg +0 -8
- package/src/svg/icon/icon-arrow-left-12.svg +0 -5
- package/src/svg/icon/icon-arrow-left-16.svg +0 -5
- package/src/svg/icon/icon-arrow-left-20.svg +0 -5
- package/src/svg/icon/icon-arrow-left-24.svg +0 -5
- package/src/svg/icon/icon-arrow-right-12.svg +0 -5
- package/src/svg/icon/icon-arrow-right-16.svg +0 -5
- package/src/svg/icon/icon-arrow-right-20.svg +0 -5
- package/src/svg/icon/icon-arrow-right-24.svg +0 -5
- package/src/svg/icon/icon-arrows-3d-16.svg +0 -7
- package/src/svg/icon/icon-arrows-3d-24.svg +0 -5
- package/src/svg/icon/icon-arrows-3d-filled-64-colored.svg +0 -9
- package/src/svg/icon/icon-arrows-expand-16.svg +0 -7
- package/src/svg/icon/icon-arrows-expand-24.svg +0 -7
- package/src/svg/icon/icon-article-16.svg +0 -10
- package/src/svg/icon/icon-article-24.svg +0 -10
- package/src/svg/icon/icon-attention-16.svg +0 -8
- package/src/svg/icon/icon-attention-24.svg +0 -5
- package/src/svg/icon/icon-attention-64.svg +0 -10
- package/src/svg/icon/icon-attention-filled-16.svg +0 -5
- package/src/svg/icon/icon-attention-filled-24.svg +0 -5
- package/src/svg/icon/icon-atv-16.svg +0 -8
- package/src/svg/icon/icon-atv-24.svg +0 -8
- package/src/svg/icon/icon-audio-high-16.svg +0 -13
- package/src/svg/icon/icon-audio-low-16.svg +0 -10
- package/src/svg/icon/icon-audio-off-16.svg +0 -5
- package/src/svg/icon/icon-authenticity-guarantee-16.svg +0 -10
- package/src/svg/icon/icon-authenticity-guarantee-24.svg +0 -7
- package/src/svg/icon/icon-authenticity-guarantee-filled-16-colored.svg +0 -12
- package/src/svg/icon/icon-authenticity-guarantee-filled-24-colored.svg +0 -12
- package/src/svg/icon/icon-auto-adjust-24.svg +0 -5
- package/src/svg/icon/icon-avatar-signed-out.svg +0 -18
- package/src/svg/icon/icon-background-removal-24.svg +0 -7
- package/src/svg/icon/icon-bank-16.svg +0 -7
- package/src/svg/icon/icon-bank-24.svg +0 -7
- package/src/svg/icon/icon-bank-64.svg +0 -7
- package/src/svg/icon/icon-bank-account-12-colored.svg +0 -16
- package/src/svg/icon/icon-bank-account-18-colored.svg +0 -16
- package/src/svg/icon/icon-bank-account-24-colored.svg +0 -16
- package/src/svg/icon/icon-bank-account-32-colored.svg +0 -16
- package/src/svg/icon/icon-bids-24.svg +0 -7
- package/src/svg/icon/icon-bids-64.svg +0 -7
- package/src/svg/icon/icon-boat-16.svg +0 -7
- package/src/svg/icon/icon-boat-24.svg +0 -7
- package/src/svg/icon/icon-book-16.svg +0 -7
- package/src/svg/icon/icon-book-24.svg +0 -7
- package/src/svg/icon/icon-bookmark-16.svg +0 -7
- package/src/svg/icon/icon-bookmark-24.svg +0 -7
- package/src/svg/icon/icon-bookmark-filled-16.svg +0 -7
- package/src/svg/icon/icon-bookmark-filled-24.svg +0 -7
- package/src/svg/icon/icon-brand-authorized-seller-16.svg +0 -10
- package/src/svg/icon/icon-brand-authorized-seller-24.svg +0 -7
- package/src/svg/icon/icon-brightness-16.svg +0 -7
- package/src/svg/icon/icon-brightness-20.svg +0 -7
- package/src/svg/icon/icon-brightness-24.svg +0 -5
- package/src/svg/icon/icon-calendar-16.svg +0 -7
- package/src/svg/icon/icon-calendar-24.svg +0 -7
- package/src/svg/icon/icon-calendar-64.svg +0 -7
- package/src/svg/icon/icon-camera-16.svg +0 -12
- package/src/svg/icon/icon-camera-24.svg +0 -12
- package/src/svg/icon/icon-camera-64.svg +0 -12
- package/src/svg/icon/icon-car-16.svg +0 -10
- package/src/svg/icon/icon-car-24.svg +0 -10
- package/src/svg/icon/icon-car-brake-16.svg +0 -7
- package/src/svg/icon/icon-car-brake-24.svg +0 -7
- package/src/svg/icon/icon-carryon-24.svg +0 -7
- package/src/svg/icon/icon-cart-16.svg +0 -10
- package/src/svg/icon/icon-cart-20.svg +0 -10
- package/src/svg/icon/icon-cart-24.svg +0 -10
- package/src/svg/icon/icon-cart-64.svg +0 -10
- package/src/svg/icon/icon-categories-16.svg +0 -7
- package/src/svg/icon/icon-categories-24.svg +0 -5
- package/src/svg/icon/icon-cb-12-colored.svg +0 -27
- package/src/svg/icon/icon-cb-18-colored.svg +0 -27
- package/src/svg/icon/icon-cb-24-colored.svg +0 -27
- package/src/svg/icon/icon-cb-32-colored.svg +0 -27
- package/src/svg/icon/icon-certified-recycled-16.svg +0 -5
- package/src/svg/icon/icon-certified-recycled-24.svg +0 -7
- package/src/svg/icon/icon-chair-16.svg +0 -7
- package/src/svg/icon/icon-chair-24.svg +0 -7
- package/src/svg/icon/icon-chat-16.svg +0 -10
- package/src/svg/icon/icon-chat-24.svg +0 -8
- package/src/svg/icon/icon-chat-64.svg +0 -8
- package/src/svg/icon/icon-check-in-24.svg +0 -7
- package/src/svg/icon/icon-checkbox-checked-18.svg +0 -5
- package/src/svg/icon/icon-checkbox-checked-24.svg +0 -7
- package/src/svg/icon/icon-checkbox-mixed-18.svg +0 -7
- package/src/svg/icon/icon-checkbox-mixed-24.svg +0 -7
- package/src/svg/icon/icon-checkbox-unchecked-18.svg +0 -5
- package/src/svg/icon/icon-checkbox-unchecked-24.svg +0 -5
- package/src/svg/icon/icon-checkmark-24.svg +0 -7
- package/src/svg/icon/icon-chevron-down-12.svg +0 -7
- package/src/svg/icon/icon-chevron-down-16.svg +0 -5
- package/src/svg/icon/icon-chevron-down-20.svg +0 -5
- package/src/svg/icon/icon-chevron-down-24.svg +0 -5
- package/src/svg/icon/icon-chevron-left-12.svg +0 -7
- package/src/svg/icon/icon-chevron-left-16.svg +0 -5
- package/src/svg/icon/icon-chevron-left-20.svg +0 -5
- package/src/svg/icon/icon-chevron-left-24.svg +0 -5
- package/src/svg/icon/icon-chevron-right-12.svg +0 -7
- package/src/svg/icon/icon-chevron-right-16.svg +0 -5
- package/src/svg/icon/icon-chevron-right-20.svg +0 -5
- package/src/svg/icon/icon-chevron-right-24.svg +0 -5
- package/src/svg/icon/icon-chevron-up-12.svg +0 -7
- package/src/svg/icon/icon-chevron-up-16.svg +0 -5
- package/src/svg/icon/icon-chevron-up-20.svg +0 -5
- package/src/svg/icon/icon-chevron-up-24.svg +0 -5
- package/src/svg/icon/icon-chinese-coin-16.svg +0 -7
- package/src/svg/icon/icon-chinese-coin-24.svg +0 -7
- package/src/svg/icon/icon-clear-16.svg +0 -5
- package/src/svg/icon/icon-clear-20.svg +0 -7
- package/src/svg/icon/icon-clear-24.svg +0 -5
- package/src/svg/icon/icon-click-to-call-16.svg +0 -5
- package/src/svg/icon/icon-click-to-call-24.svg +0 -7
- package/src/svg/icon/icon-clock-16.svg +0 -8
- package/src/svg/icon/icon-clock-24.svg +0 -5
- package/src/svg/icon/icon-clock-64.svg +0 -7
- package/src/svg/icon/icon-close-12.svg +0 -5
- package/src/svg/icon/icon-close-16.svg +0 -5
- package/src/svg/icon/icon-close-20.svg +0 -7
- package/src/svg/icon/icon-close-24.svg +0 -5
- package/src/svg/icon/icon-closed-caption-16.svg +0 -10
- package/src/svg/icon/icon-closed-caption-filled-16.svg +0 -7
- package/src/svg/icon/icon-coin-24.svg +0 -7
- package/src/svg/icon/icon-collections-16.svg +0 -5
- package/src/svg/icon/icon-collections-24.svg +0 -7
- package/src/svg/icon/icon-condensed-grid-24.svg +0 -5
- package/src/svg/icon/icon-condensed-grid-filled-24.svg +0 -5
- package/src/svg/icon/icon-confirmation-16.svg +0 -7
- package/src/svg/icon/icon-confirmation-24.svg +0 -7
- package/src/svg/icon/icon-confirmation-64.svg +0 -7
- package/src/svg/icon/icon-confirmation-filled-16.svg +0 -7
- package/src/svg/icon/icon-confirmation-filled-24.svg +0 -7
- package/src/svg/icon/icon-contract-16.svg +0 -5
- package/src/svg/icon/icon-contrast-24.svg +0 -5
- package/src/svg/icon/icon-copy-16.svg +0 -7
- package/src/svg/icon/icon-copy-24.svg +0 -7
- package/src/svg/icon/icon-credit-card-16.svg +0 -7
- package/src/svg/icon/icon-credit-card-24.svg +0 -7
- package/src/svg/icon/icon-credit-card-64.svg +0 -7
- package/src/svg/icon/icon-crop-24.svg +0 -5
- package/src/svg/icon/icon-customize-16.svg +0 -7
- package/src/svg/icon/icon-customize-24.svg +0 -7
- package/src/svg/icon/icon-delete-16.svg +0 -7
- package/src/svg/icon/icon-delete-20.svg +0 -10
- package/src/svg/icon/icon-delete-24.svg +0 -10
- package/src/svg/icon/icon-density-compact-16.svg +0 -7
- package/src/svg/icon/icon-density-compact-24.svg +0 -7
- package/src/svg/icon/icon-density-default-16.svg +0 -7
- package/src/svg/icon/icon-density-default-24.svg +0 -7
- package/src/svg/icon/icon-density-relaxed-16.svg +0 -7
- package/src/svg/icon/icon-density-relaxed-24.svg +0 -7
- package/src/svg/icon/icon-diamond-16.svg +0 -7
- package/src/svg/icon/icon-diamond-24.svg +0 -7
- package/src/svg/icon/icon-diners-12-colored.svg +0 -16
- package/src/svg/icon/icon-diners-18-colored.svg +0 -16
- package/src/svg/icon/icon-diners-24-colored.svg +0 -16
- package/src/svg/icon/icon-diners-32-colored.svg +0 -16
- package/src/svg/icon/icon-direct-debit-12-colored.svg +0 -24
- package/src/svg/icon/icon-direct-debit-18-colored.svg +0 -24
- package/src/svg/icon/icon-direct-debit-24-colored.svg +0 -24
- package/src/svg/icon/icon-direct-debit-32-colored.svg +0 -24
- package/src/svg/icon/icon-direct-from-brand-16.svg +0 -10
- package/src/svg/icon/icon-direct-from-brand-24.svg +0 -7
- package/src/svg/icon/icon-discord-24.svg +0 -5
- package/src/svg/icon/icon-discount-16.svg +0 -7
- package/src/svg/icon/icon-discount-24.svg +0 -7
- package/src/svg/icon/icon-discover-12-colored.svg +0 -124
- package/src/svg/icon/icon-discover-18-colored.svg +0 -124
- package/src/svg/icon/icon-discover-24-colored.svg +0 -124
- package/src/svg/icon/icon-discover-32-colored.svg +0 -124
- package/src/svg/icon/icon-dollar-16.svg +0 -5
- package/src/svg/icon/icon-dollar-24.svg +0 -5
- package/src/svg/icon/icon-download-16.svg +0 -10
- package/src/svg/icon/icon-download-20.svg +0 -7
- package/src/svg/icon/icon-download-24.svg +0 -7
- package/src/svg/icon/icon-ebay-balance-12-colored.svg +0 -31
- package/src/svg/icon/icon-ebay-balance-18-colored.svg +0 -31
- package/src/svg/icon/icon-ebay-balance-24-colored.svg +0 -34
- package/src/svg/icon/icon-ebay-balance-32-colored.svg +0 -31
- package/src/svg/icon/icon-ebay-bucks-logo-16-colored.svg +0 -10
- package/src/svg/icon/icon-ebay-for-charity-16.svg +0 -7
- package/src/svg/icon/icon-ebay-for-charity-24.svg +0 -7
- package/src/svg/icon/icon-ebay-international-shipping-16.svg +0 -7
- package/src/svg/icon/icon-ebay-international-shipping-24.svg +0 -7
- package/src/svg/icon/icon-ebay-international-shipping-64.svg +0 -7
- package/src/svg/icon/icon-ebay-live-16.svg +0 -11
- package/src/svg/icon/icon-ebay-live-24.svg +0 -11
- package/src/svg/icon/icon-ebay-mastercard-12-colored.svg +0 -55
- package/src/svg/icon/icon-ebay-mastercard-18-colored.svg +0 -56
- package/src/svg/icon/icon-ebay-mastercard-24-colored.svg +0 -56
- package/src/svg/icon/icon-ebay-mastercard-32-colored.svg +0 -59
- package/src/svg/icon/icon-ebay-money-back-guarantee-logo-16-colored.svg +0 -25
- package/src/svg/icon/icon-ebay-plus-16.svg +0 -7
- package/src/svg/icon/icon-ebay-plus-24.svg +0 -7
- package/src/svg/icon/icon-ebay-plus-logo-16-colored.svg +0 -10
- package/src/svg/icon/icon-ebay-preloved-16.svg +0 -7
- package/src/svg/icon/icon-ebay-preloved-24.svg +0 -5
- package/src/svg/icon/icon-ebay-refurbished-16.svg +0 -10
- package/src/svg/icon/icon-ebay-refurbished-24.svg +0 -7
- package/src/svg/icon/icon-eek-arrow.svg +0 -7
- package/src/svg/icon/icon-eek-range-arrow.svg +0 -8
- package/src/svg/icon/icon-escrow-16.svg +0 -8
- package/src/svg/icon/icon-escrow-24.svg +0 -8
- package/src/svg/icon/icon-escrow-card-12-colored.svg +0 -20
- package/src/svg/icon/icon-escrow-card-18-colored.svg +0 -20
- package/src/svg/icon/icon-escrow-card-24-colored.svg +0 -20
- package/src/svg/icon/icon-escrow-card-32-colored.svg +0 -20
- package/src/svg/icon/icon-euro-16.svg +0 -5
- package/src/svg/icon/icon-euro-24.svg +0 -5
- package/src/svg/icon/icon-exclude-16.svg +0 -7
- package/src/svg/icon/icon-exclude-24.svg +0 -7
- package/src/svg/icon/icon-expand-16.svg +0 -5
- package/src/svg/icon/icon-external-link-16.svg +0 -7
- package/src/svg/icon/icon-external-link-20.svg +0 -7
- package/src/svg/icon/icon-external-link-24.svg +0 -7
- package/src/svg/icon/icon-face-happiest-24.svg +0 -11
- package/src/svg/icon/icon-face-happy-16.svg +0 -7
- package/src/svg/icon/icon-face-happy-24.svg +0 -9
- package/src/svg/icon/icon-face-neutral-24.svg +0 -9
- package/src/svg/icon/icon-face-sad-24.svg +0 -9
- package/src/svg/icon/icon-face-saddest-24.svg +0 -13
- package/src/svg/icon/icon-facebook-24.svg +0 -5
- package/src/svg/icon/icon-facebook-messenger-24.svg +0 -5
- package/src/svg/icon/icon-fast-and-free-16.svg +0 -7
- package/src/svg/icon/icon-fast-and-free-24.svg +0 -7
- package/src/svg/icon/icon-fast-and-free-64.svg +0 -7
- package/src/svg/icon/icon-feedback-16.svg +0 -7
- package/src/svg/icon/icon-feedback-20.svg +0 -7
- package/src/svg/icon/icon-feedback-24.svg +0 -7
- package/src/svg/icon/icon-feedback-received-16.svg +0 -7
- package/src/svg/icon/icon-feedback-received-24.svg +0 -7
- package/src/svg/icon/icon-file-16.svg +0 -7
- package/src/svg/icon/icon-file-24.svg +0 -7
- package/src/svg/icon/icon-filter-16.svg +0 -7
- package/src/svg/icon/icon-filter-24.svg +0 -5
- package/src/svg/icon/icon-fingerprint-24.svg +0 -7
- package/src/svg/icon/icon-fingerprint-64.svg +0 -11
- package/src/svg/icon/icon-flag-16.svg +0 -7
- package/src/svg/icon/icon-flag-24.svg +0 -7
- package/src/svg/icon/icon-flag-filled-16.svg +0 -7
- package/src/svg/icon/icon-flag-filled-24.svg +0 -5
- package/src/svg/icon/icon-flash-24.svg +0 -5
- package/src/svg/icon/icon-flash-auto-24.svg +0 -7
- package/src/svg/icon/icon-flash-off-24.svg +0 -5
- package/src/svg/icon/icon-folder-16.svg +0 -7
- package/src/svg/icon/icon-folder-24.svg +0 -7
- package/src/svg/icon/icon-franc-16.svg +0 -5
- package/src/svg/icon/icon-franc-24.svg +0 -5
- package/src/svg/icon/icon-free-warranty-16.svg +0 -12
- package/src/svg/icon/icon-free-warranty-24.svg +0 -13
- package/src/svg/icon/icon-full-view-16.svg +0 -5
- package/src/svg/icon/icon-full-view-24.svg +0 -5
- package/src/svg/icon/icon-full-view-filled-16.svg +0 -5
- package/src/svg/icon/icon-full-view-filled-24.svg +0 -5
- package/src/svg/icon/icon-gallery-16.svg +0 -11
- package/src/svg/icon/icon-gallery-24.svg +0 -11
- package/src/svg/icon/icon-general-card-12-colored.svg +0 -62
- package/src/svg/icon/icon-general-card-18-colored.svg +0 -61
- package/src/svg/icon/icon-general-card-24-colored.svg +0 -62
- package/src/svg/icon/icon-general-card-32-colored.svg +0 -58
- package/src/svg/icon/icon-generic-card-12-colored.svg +0 -24
- package/src/svg/icon/icon-generic-card-18-colored.svg +0 -28
- package/src/svg/icon/icon-generic-card-24-colored.svg +0 -24
- package/src/svg/icon/icon-generic-card-32-colored.svg +0 -24
- package/src/svg/icon/icon-gift-16.svg +0 -7
- package/src/svg/icon/icon-gift-24.svg +0 -7
- package/src/svg/icon/icon-gift-64.svg +0 -7
- package/src/svg/icon/icon-gift-card-12-colored.svg +0 -16
- package/src/svg/icon/icon-gift-card-18-colored.svg +0 -16
- package/src/svg/icon/icon-gift-card-24-colored.svg +0 -16
- package/src/svg/icon/icon-gift-card-32-colored.svg +0 -16
- package/src/svg/icon/icon-girocard-12-colored.svg +0 -24
- package/src/svg/icon/icon-girocard-18-colored.svg +0 -24
- package/src/svg/icon/icon-girocard-24-colored.svg +0 -24
- package/src/svg/icon/icon-girocard-32-colored.svg +0 -24
- package/src/svg/icon/icon-glasses-24.svg +0 -5
- package/src/svg/icon/icon-glasses-64.svg +0 -5
- package/src/svg/icon/icon-google-pay-12-colored.svg +0 -32
- package/src/svg/icon/icon-google-pay-18-colored.svg +0 -32
- package/src/svg/icon/icon-google-pay-24-colored.svg +0 -32
- package/src/svg/icon/icon-google-pay-32-colored.svg +0 -32
- package/src/svg/icon/icon-graph-16.svg +0 -7
- package/src/svg/icon/icon-graph-24.svg +0 -7
- package/src/svg/icon/icon-graph-dynamic-16.svg +0 -7
- package/src/svg/icon/icon-graph-dynamic-24.svg +0 -7
- package/src/svg/icon/icon-grid-view-16.svg +0 -5
- package/src/svg/icon/icon-grid-view-24.svg +0 -5
- package/src/svg/icon/icon-grid-view-filled-16.svg +0 -5
- package/src/svg/icon/icon-grid-view-filled-24.svg +0 -5
- package/src/svg/icon/icon-handbag-16.svg +0 -7
- package/src/svg/icon/icon-handbag-24.svg +0 -7
- package/src/svg/icon/icon-hanger-16.svg +0 -7
- package/src/svg/icon/icon-hanger-24.svg +0 -7
- package/src/svg/icon/icon-headlight-16.svg +0 -7
- package/src/svg/icon/icon-headlight-24.svg +0 -7
- package/src/svg/icon/icon-headphone-16.svg +0 -7
- package/src/svg/icon/icon-headphone-24.svg +0 -7
- package/src/svg/icon/icon-help-16.svg +0 -8
- package/src/svg/icon/icon-help-20.svg +0 -5
- package/src/svg/icon/icon-help-24.svg +0 -8
- package/src/svg/icon/icon-help-outline-16.svg +0 -18
- package/src/svg/icon/icon-help-outline-20.svg +0 -7
- package/src/svg/icon/icon-help-outline-24.svg +0 -13
- package/src/svg/icon/icon-hide-16.svg +0 -7
- package/src/svg/icon/icon-hide-24.svg +0 -7
- package/src/svg/icon/icon-history-24.svg +0 -8
- package/src/svg/icon/icon-history-64.svg +0 -8
- package/src/svg/icon/icon-home-24.svg +0 -7
- package/src/svg/icon/icon-home-filled-24.svg +0 -7
- package/src/svg/icon/icon-image-16.svg +0 -8
- package/src/svg/icon/icon-image-24.svg +0 -8
- package/src/svg/icon/icon-image-64.svg +0 -8
- package/src/svg/icon/icon-inbox-16.svg +0 -7
- package/src/svg/icon/icon-inbox-24.svg +0 -7
- package/src/svg/icon/icon-information-16.svg +0 -8
- package/src/svg/icon/icon-information-24.svg +0 -5
- package/src/svg/icon/icon-information-filled-16.svg +0 -5
- package/src/svg/icon/icon-information-filled-24.svg +0 -5
- package/src/svg/icon/icon-inspect-16.svg +0 -13
- package/src/svg/icon/icon-inspect-24.svg +0 -13
- package/src/svg/icon/icon-inspect-64.svg +0 -7
- package/src/svg/icon/icon-instagram-24.svg +0 -5
- package/src/svg/icon/icon-jcb-12-colored.svg +0 -128
- package/src/svg/icon/icon-jcb-18-colored.svg +0 -128
- package/src/svg/icon/icon-jcb-24-colored.svg +0 -128
- package/src/svg/icon/icon-jcb-32-colored.svg +0 -128
- package/src/svg/icon/icon-jet-ski-16.svg +0 -8
- package/src/svg/icon/icon-jet-ski-24.svg +0 -8
- package/src/svg/icon/icon-key-16.svg +0 -8
- package/src/svg/icon/icon-key-24.svg +0 -12
- package/src/svg/icon/icon-keyboard-16.svg +0 -11
- package/src/svg/icon/icon-keyboard-24.svg +0 -16
- package/src/svg/icon/icon-klarna-black-12-colored.svg +0 -7
- package/src/svg/icon/icon-klarna-black-18-colored.svg +0 -7
- package/src/svg/icon/icon-klarna-black-24-colored.svg +0 -7
- package/src/svg/icon/icon-klarna-black-32-colored.svg +0 -7
- package/src/svg/icon/icon-klarna-pink-12-colored.svg +0 -7
- package/src/svg/icon/icon-klarna-pink-18-colored.svg +0 -7
- package/src/svg/icon/icon-klarna-pink-24-colored.svg +0 -7
- package/src/svg/icon/icon-klarna-pink-32-colored.svg +0 -7
- package/src/svg/icon/icon-klarna-white-12-colored.svg +0 -16
- package/src/svg/icon/icon-klarna-white-18-colored.svg +0 -16
- package/src/svg/icon/icon-klarna-white-24-colored.svg +0 -16
- package/src/svg/icon/icon-klarna-white-32-colored.svg +0 -16
- package/src/svg/icon/icon-krona-16.svg +0 -5
- package/src/svg/icon/icon-krona-24.svg +0 -5
- package/src/svg/icon/icon-lamp-16.svg +0 -7
- package/src/svg/icon/icon-lamp-24.svg +0 -7
- package/src/svg/icon/icon-large-box-16.svg +0 -7
- package/src/svg/icon/icon-large-box-24.svg +0 -7
- package/src/svg/icon/icon-legacy-authenticity-guarantee-48-colored.svg +0 -12
- package/src/svg/icon/icon-legacy-click-to-call-48-colored.svg +0 -9
- package/src/svg/icon/icon-legacy-escrow-48-colored.svg +0 -16
- package/src/svg/icon/icon-legacy-free-warranty-48-colored.svg +0 -12
- package/src/svg/icon/icon-legacy-money-back-guarantee-chf-48-colored.svg +0 -16
- package/src/svg/icon/icon-legacy-money-back-guarantee-eu-48-colored.svg +0 -10
- package/src/svg/icon/icon-legacy-money-back-guarantee-uk-48-colored.svg +0 -10
- package/src/svg/icon/icon-legacy-money-back-guarantee-us-48-colored.svg +0 -10
- package/src/svg/icon/icon-legacy-money-back-guarantee-zl-48-colored.svg +0 -14
- package/src/svg/icon/icon-legacy-top-rated-seller-48-colored.svg +0 -12
- package/src/svg/icon/icon-lightbulb-16.svg +0 -7
- package/src/svg/icon/icon-lightbulb-24.svg +0 -7
- package/src/svg/icon/icon-lightning-bolt-16.svg +0 -7
- package/src/svg/icon/icon-lightning-bolt-24.svg +0 -6
- package/src/svg/icon/icon-link-24.svg +0 -11
- package/src/svg/icon/icon-linkedin-24.svg +0 -5
- package/src/svg/icon/icon-list-view-16.svg +0 -10
- package/src/svg/icon/icon-list-view-24.svg +0 -5
- package/src/svg/icon/icon-list-view-filled-16.svg +0 -10
- package/src/svg/icon/icon-list-view-filled-24.svg +0 -10
- package/src/svg/icon/icon-live-eye-16.svg +0 -7
- package/src/svg/icon/icon-live-eye-24.svg +0 -7
- package/src/svg/icon/icon-location-16.svg +0 -8
- package/src/svg/icon/icon-location-24.svg +0 -12
- package/src/svg/icon/icon-location-64.svg +0 -12
- package/src/svg/icon/icon-locked-16.svg +0 -7
- package/src/svg/icon/icon-locked-20.svg +0 -7
- package/src/svg/icon/icon-locked-24.svg +0 -7
- package/src/svg/icon/icon-maestro-12-colored.svg +0 -44
- package/src/svg/icon/icon-maestro-18-colored.svg +0 -44
- package/src/svg/icon/icon-maestro-24-colored.svg +0 -44
- package/src/svg/icon/icon-maestro-32-colored.svg +0 -44
- package/src/svg/icon/icon-mail-16.svg +0 -7
- package/src/svg/icon/icon-mail-20.svg +0 -7
- package/src/svg/icon/icon-mail-24.svg +0 -7
- package/src/svg/icon/icon-mail-64.svg +0 -7
- package/src/svg/icon/icon-mail-move-16.svg +0 -10
- package/src/svg/icon/icon-mail-move-24.svg +0 -10
- package/src/svg/icon/icon-mail-open-16.svg +0 -7
- package/src/svg/icon/icon-mail-open-24.svg +0 -7
- package/src/svg/icon/icon-mail-unread-16.svg +0 -7
- package/src/svg/icon/icon-mail-unread-24.svg +0 -8
- package/src/svg/icon/icon-map-16.svg +0 -7
- package/src/svg/icon/icon-map-20.svg +0 -7
- package/src/svg/icon/icon-map-24.svg +0 -7
- package/src/svg/icon/icon-masonry-view-16.svg +0 -7
- package/src/svg/icon/icon-masonry-view-24.svg +0 -6
- package/src/svg/icon/icon-masonry-view-filled-16.svg +0 -7
- package/src/svg/icon/icon-masonry-view-filled-24.svg +0 -7
- package/src/svg/icon/icon-mastercard-12-colored.svg +0 -25
- package/src/svg/icon/icon-mastercard-18-colored.svg +0 -25
- package/src/svg/icon/icon-mastercard-24-colored.svg +0 -25
- package/src/svg/icon/icon-mastercard-32-colored.svg +0 -25
- package/src/svg/icon/icon-medium-box-16.svg +0 -7
- package/src/svg/icon/icon-medium-box-24.svg +0 -7
- package/src/svg/icon/icon-menu-20.svg +0 -7
- package/src/svg/icon/icon-menu-24.svg +0 -5
- package/src/svg/icon/icon-microphone-16.svg +0 -8
- package/src/svg/icon/icon-microphone-24.svg +0 -5
- package/src/svg/icon/icon-mobile-24.svg +0 -6
- package/src/svg/icon/icon-mobile-signal-24.svg +0 -9
- package/src/svg/icon/icon-money-back-guarantee-16.svg +0 -7
- package/src/svg/icon/icon-money-back-guarantee-24.svg +0 -7
- package/src/svg/icon/icon-money-back-guarantee-filled-16-colored.svg +0 -12
- package/src/svg/icon/icon-money-back-guarantee-filled-24-colored.svg +0 -14
- package/src/svg/icon/icon-monthly-invoice-12-colored.svg +0 -18
- package/src/svg/icon/icon-monthly-invoice-18-colored.svg +0 -18
- package/src/svg/icon/icon-monthly-invoice-24-colored.svg +0 -18
- package/src/svg/icon/icon-monthly-invoice-32-colored.svg +0 -18
- package/src/svg/icon/icon-moon-16.svg +0 -7
- package/src/svg/icon/icon-moon-20.svg +0 -7
- package/src/svg/icon/icon-moon-24.svg +0 -7
- package/src/svg/icon/icon-motorcycle-16.svg +0 -8
- package/src/svg/icon/icon-motorcycle-24.svg +0 -12
- package/src/svg/icon/icon-move-16.svg +0 -5
- package/src/svg/icon/icon-move-24.svg +0 -5
- package/src/svg/icon/icon-nectar-logo-24-colored.svg +0 -24
- package/src/svg/icon/icon-negative-filled-16.svg +0 -7
- package/src/svg/icon/icon-negative-filled-24.svg +0 -6
- package/src/svg/icon/icon-neutral-16.svg +0 -7
- package/src/svg/icon/icon-neutral-24.svg +0 -7
- package/src/svg/icon/icon-notification-16.svg +0 -7
- package/src/svg/icon/icon-notification-20.svg +0 -7
- package/src/svg/icon/icon-notification-24.svg +0 -7
- package/src/svg/icon/icon-notification-64.svg +0 -7
- package/src/svg/icon/icon-notification-filled-24.svg +0 -7
- package/src/svg/icon/icon-on-the-way-16.svg +0 -7
- package/src/svg/icon/icon-on-the-way-24.svg +0 -7
- package/src/svg/icon/icon-overflow-horizontal-16.svg +0 -5
- package/src/svg/icon/icon-overflow-horizontal-20.svg +0 -5
- package/src/svg/icon/icon-overflow-horizontal-24.svg +0 -5
- package/src/svg/icon/icon-overflow-vertical-16.svg +0 -5
- package/src/svg/icon/icon-overflow-vertical-20.svg +0 -5
- package/src/svg/icon/icon-overflow-vertical-24.svg +0 -5
- package/src/svg/icon/icon-package-16.svg +0 -7
- package/src/svg/icon/icon-package-24.svg +0 -7
- package/src/svg/icon/icon-package-64.svg +0 -7
- package/src/svg/icon/icon-passkey-16.svg +0 -7
- package/src/svg/icon/icon-passkey-24.svg +0 -7
- package/src/svg/icon/icon-passkey-64.svg +0 -7
- package/src/svg/icon/icon-pause-16.svg +0 -5
- package/src/svg/icon/icon-pause-24.svg +0 -5
- package/src/svg/icon/icon-pause-filled-64-colored.svg +0 -9
- package/src/svg/icon/icon-payoneer-12-colored.svg +0 -132
- package/src/svg/icon/icon-payoneer-18-colored.svg +0 -132
- package/src/svg/icon/icon-payoneer-24-colored.svg +0 -132
- package/src/svg/icon/icon-payoneer-32-colored.svg +0 -132
- package/src/svg/icon/icon-paypal-12-colored.svg +0 -32
- package/src/svg/icon/icon-paypal-18-colored.svg +0 -32
- package/src/svg/icon/icon-paypal-24-colored.svg +0 -32
- package/src/svg/icon/icon-paypal-32-colored.svg +0 -32
- package/src/svg/icon/icon-paypal-credit-12-colored.svg +0 -43
- package/src/svg/icon/icon-paypal-credit-18-colored.svg +0 -43
- package/src/svg/icon/icon-paypal-credit-24-colored.svg +0 -43
- package/src/svg/icon/icon-paypal-credit-32-colored.svg +0 -43
- package/src/svg/icon/icon-paypal-disabled-12-colored.svg +0 -32
- package/src/svg/icon/icon-paypal-disabled-18-colored.svg +0 -32
- package/src/svg/icon/icon-paypal-disabled-24-colored.svg +0 -32
- package/src/svg/icon/icon-paypal-disabled-32-colored.svg +0 -32
- package/src/svg/icon/icon-pencil-16.svg +0 -5
- package/src/svg/icon/icon-pencil-20.svg +0 -7
- package/src/svg/icon/icon-pencil-24.svg +0 -5
- package/src/svg/icon/icon-peso-16.svg +0 -7
- package/src/svg/icon/icon-peso-24.svg +0 -7
- package/src/svg/icon/icon-phone-16.svg +0 -5
- package/src/svg/icon/icon-phone-24.svg +0 -7
- package/src/svg/icon/icon-pin-24.svg +0 -7
- package/src/svg/icon/icon-pin-filled-24.svg +0 -5
- package/src/svg/icon/icon-pinterest-24.svg +0 -5
- package/src/svg/icon/icon-play-16.svg +0 -5
- package/src/svg/icon/icon-play-24.svg +0 -5
- package/src/svg/icon/icon-play-filled-16-colored.svg +0 -13
- package/src/svg/icon/icon-play-filled-24-colored.svg +0 -11
- package/src/svg/icon/icon-play-filled-64-colored.svg +0 -7
- package/src/svg/icon/icon-postepay-12-colored.svg +0 -16
- package/src/svg/icon/icon-postepay-18-colored.svg +0 -16
- package/src/svg/icon/icon-postepay-24-colored.svg +0 -16
- package/src/svg/icon/icon-postepay-32-colored.svg +0 -16
- package/src/svg/icon/icon-potted-plant-16.svg +0 -7
- package/src/svg/icon/icon-potted-plant-24.svg +0 -7
- package/src/svg/icon/icon-pound-16.svg +0 -5
- package/src/svg/icon/icon-pound-24.svg +0 -5
- package/src/svg/icon/icon-print-16.svg +0 -7
- package/src/svg/icon/icon-print-24.svg +0 -6
- package/src/svg/icon/icon-profile-20.svg +0 -12
- package/src/svg/icon/icon-profile-24.svg +0 -12
- package/src/svg/icon/icon-profile-filled-24.svg +0 -8
- package/src/svg/icon/icon-progress-current-24.svg +0 -8
- package/src/svg/icon/icon-progress-upcoming-24.svg +0 -7
- package/src/svg/icon/icon-promotion-16.svg +0 -7
- package/src/svg/icon/icon-promotion-24.svg +0 -7
- package/src/svg/icon/icon-qr-code-16.svg +0 -5
- package/src/svg/icon/icon-qr-code-24.svg +0 -10
- package/src/svg/icon/icon-radio-checked-18.svg +0 -7
- package/src/svg/icon/icon-radio-checked-24.svg +0 -7
- package/src/svg/icon/icon-radio-unchecked-18.svg +0 -7
- package/src/svg/icon/icon-radio-unchecked-24.svg +0 -7
- package/src/svg/icon/icon-recovery-code-16.svg +0 -10
- package/src/svg/icon/icon-recovery-code-24.svg +0 -10
- package/src/svg/icon/icon-reddit-24.svg +0 -9
- package/src/svg/icon/icon-refresh-16.svg +0 -5
- package/src/svg/icon/icon-refresh-24.svg +0 -5
- package/src/svg/icon/icon-relaxed-grid-24.svg +0 -5
- package/src/svg/icon/icon-relaxed-grid-filled-24.svg +0 -5
- package/src/svg/icon/icon-remove-16.svg +0 -3
- package/src/svg/icon/icon-remove-24.svg +0 -3
- package/src/svg/icon/icon-reply-16.svg +0 -5
- package/src/svg/icon/icon-reply-24.svg +0 -5
- package/src/svg/icon/icon-return-16.svg +0 -5
- package/src/svg/icon/icon-return-24.svg +0 -5
- package/src/svg/icon/icon-ribbon-16.svg +0 -7
- package/src/svg/icon/icon-ribbon-24.svg +0 -7
- package/src/svg/icon/icon-rim-16.svg +0 -7
- package/src/svg/icon/icon-rim-24.svg +0 -7
- package/src/svg/icon/icon-ringgit-16.svg +0 -10
- package/src/svg/icon/icon-ringgit-24.svg +0 -10
- package/src/svg/icon/icon-rotate-24.svg +0 -5
- package/src/svg/icon/icon-rotate-landscape-left-24.svg +0 -10
- package/src/svg/icon/icon-rotate-landscape-right-24.svg +0 -10
- package/src/svg/icon/icon-rotate-portrait-left-24.svg +0 -10
- package/src/svg/icon/icon-rotate-portrait-right-24.svg +0 -10
- package/src/svg/icon/icon-rupee-16.svg +0 -5
- package/src/svg/icon/icon-rupee-24.svg +0 -5
- package/src/svg/icon/icon-satchel-16.svg +0 -7
- package/src/svg/icon/icon-satchel-24.svg +0 -7
- package/src/svg/icon/icon-save-16.svg +0 -7
- package/src/svg/icon/icon-save-20.svg +0 -7
- package/src/svg/icon/icon-save-24.svg +0 -7
- package/src/svg/icon/icon-save-filled-16.svg +0 -5
- package/src/svg/icon/icon-save-filled-20.svg +0 -5
- package/src/svg/icon/icon-save-filled-24.svg +0 -5
- package/src/svg/icon/icon-scan-16.svg +0 -7
- package/src/svg/icon/icon-scan-24.svg +0 -7
- package/src/svg/icon/icon-search-16.svg +0 -5
- package/src/svg/icon/icon-search-20.svg +0 -7
- package/src/svg/icon/icon-search-24.svg +0 -5
- package/src/svg/icon/icon-search-64.svg +0 -5
- package/src/svg/icon/icon-search-filled-24.svg +0 -7
- package/src/svg/icon/icon-search-similar-16.svg +0 -7
- package/src/svg/icon/icon-search-similar-20.svg +0 -7
- package/src/svg/icon/icon-search-similar-24.svg +0 -7
- package/src/svg/icon/icon-security-key-24.svg +0 -8
- package/src/svg/icon/icon-select-all-24.svg +0 -5
- package/src/svg/icon/icon-selling-16.svg +0 -7
- package/src/svg/icon/icon-selling-20.svg +0 -7
- package/src/svg/icon/icon-selling-24.svg +0 -7
- package/src/svg/icon/icon-selling-filled-24.svg +0 -7
- package/src/svg/icon/icon-send-24.svg +0 -5
- package/src/svg/icon/icon-settings-16.svg +0 -12
- package/src/svg/icon/icon-settings-20.svg +0 -8
- package/src/svg/icon/icon-settings-24.svg +0 -5
- package/src/svg/icon/icon-share-android-16.svg +0 -7
- package/src/svg/icon/icon-share-android-20.svg +0 -7
- package/src/svg/icon/icon-share-android-24.svg +0 -7
- package/src/svg/icon/icon-share-ios-16.svg +0 -8
- package/src/svg/icon/icon-share-ios-20.svg +0 -8
- package/src/svg/icon/icon-share-ios-24.svg +0 -8
- package/src/svg/icon/icon-sharpen-24.svg +0 -7
- package/src/svg/icon/icon-ship-and-local-16.svg +0 -7
- package/src/svg/icon/icon-ship-and-local-24.svg +0 -7
- package/src/svg/icon/icon-shirt-16.svg +0 -7
- package/src/svg/icon/icon-shirt-24.svg +0 -7
- package/src/svg/icon/icon-shoe-box-24.svg +0 -7
- package/src/svg/icon/icon-shovel-16.svg +0 -7
- package/src/svg/icon/icon-shovel-24.svg +0 -7
- package/src/svg/icon/icon-show-16.svg +0 -7
- package/src/svg/icon/icon-show-24.svg +0 -7
- package/src/svg/icon/icon-small-box-16.svg +0 -7
- package/src/svg/icon/icon-small-box-24.svg +0 -7
- package/src/svg/icon/icon-small-letter-24.svg +0 -7
- package/src/svg/icon/icon-sneaker-16.svg +0 -7
- package/src/svg/icon/icon-sneaker-24.svg +0 -7
- package/src/svg/icon/icon-snowflake-16.svg +0 -7
- package/src/svg/icon/icon-snowflake-24.svg +0 -7
- package/src/svg/icon/icon-snowmobile-16.svg +0 -8
- package/src/svg/icon/icon-snowmobile-24.svg +0 -8
- package/src/svg/icon/icon-sort-12.svg +0 -5
- package/src/svg/icon/icon-sort-16.svg +0 -7
- package/src/svg/icon/icon-sort-24.svg +0 -5
- package/src/svg/icon/icon-sort-down-12.svg +0 -5
- package/src/svg/icon/icon-sort-up-12.svg +0 -5
- package/src/svg/icon/icon-sparkline-down-16.svg +0 -5
- package/src/svg/icon/icon-sparkline-down-20.svg +0 -5
- package/src/svg/icon/icon-sparkline-down-24.svg +0 -5
- package/src/svg/icon/icon-sparkline-up-16.svg +0 -5
- package/src/svg/icon/icon-sparkline-up-20.svg +0 -5
- package/src/svg/icon/icon-sparkline-up-24.svg +0 -5
- package/src/svg/icon/icon-sparkline-up-filled-24.svg +0 -7
- package/src/svg/icon/icon-spinner-20.svg +0 -16
- package/src/svg/icon/icon-spinner-24.svg +0 -16
- package/src/svg/icon/icon-spinner-30.svg +0 -14
- package/src/svg/icon/icon-split-payment-16.svg +0 -7
- package/src/svg/icon/icon-split-payment-24.svg +0 -7
- package/src/svg/icon/icon-split-view-24.svg +0 -5
- package/src/svg/icon/icon-split-view-filled-24.svg +0 -5
- package/src/svg/icon/icon-star-dynamic.svg +0 -17
- package/src/svg/icon/icon-star-empty-16.svg +0 -7
- package/src/svg/icon/icon-star-empty-24.svg +0 -7
- package/src/svg/icon/icon-star-filled-16.svg +0 -5
- package/src/svg/icon/icon-star-filled-24.svg +0 -5
- package/src/svg/icon/icon-star-half-16-colored.svg +0 -12
- package/src/svg/icon/icon-star-half-24-colored.svg +0 -12
- package/src/svg/icon/icon-star-half-dark-16-colored.svg +0 -12
- package/src/svg/icon/icon-star-half-dark-24-colored.svg +0 -12
- package/src/svg/icon/icon-stepper-attention-24.svg +0 -6
- package/src/svg/icon/icon-stepper-confirmation-24.svg +0 -6
- package/src/svg/icon/icon-stepper-current-24.svg +0 -8
- package/src/svg/icon/icon-stepper-upcoming-24.svg +0 -8
- package/src/svg/icon/icon-store-16.svg +0 -7
- package/src/svg/icon/icon-store-24.svg +0 -7
- package/src/svg/icon/icon-store-64.svg +0 -7
- package/src/svg/icon/icon-store-filled-24.svg +0 -7
- package/src/svg/icon/icon-suitcase-24.svg +0 -7
- package/src/svg/icon/icon-support-24.svg +0 -8
- package/src/svg/icon/icon-swap-24.svg +0 -7
- package/src/svg/icon/icon-switch-camera-24.svg +0 -10
- package/src/svg/icon/icon-target-16.svg +0 -7
- package/src/svg/icon/icon-target-24.svg +0 -7
- package/src/svg/icon/icon-text-messaging-16.svg +0 -9
- package/src/svg/icon/icon-text-messaging-20.svg +0 -7
- package/src/svg/icon/icon-text-messaging-24.svg +0 -8
- package/src/svg/icon/icon-text-messaging-64.svg +0 -8
- package/src/svg/icon/icon-the-ebay-vault-16.svg +0 -12
- package/src/svg/icon/icon-the-ebay-vault-24.svg +0 -12
- package/src/svg/icon/icon-thumb-down-16.svg +0 -7
- package/src/svg/icon/icon-thumb-down-24.svg +0 -7
- package/src/svg/icon/icon-thumb-down-filled-16.svg +0 -5
- package/src/svg/icon/icon-thumb-down-filled-24.svg +0 -5
- package/src/svg/icon/icon-thumb-up-16.svg +0 -7
- package/src/svg/icon/icon-thumb-up-24.svg +0 -7
- package/src/svg/icon/icon-thumb-up-64.svg +0 -7
- package/src/svg/icon/icon-thumb-up-filled-16.svg +0 -5
- package/src/svg/icon/icon-thumb-up-filled-24.svg +0 -5
- package/src/svg/icon/icon-tick-16.svg +0 -7
- package/src/svg/icon/icon-tick-24.svg +0 -5
- package/src/svg/icon/icon-tiktok-24.svg +0 -7
- package/src/svg/icon/icon-toggle-mode-bottom-24.svg +0 -7
- package/src/svg/icon/icon-toggle-mode-top-24.svg +0 -7
- package/src/svg/icon/icon-top-rated-seller-16.svg +0 -7
- package/src/svg/icon/icon-top-rated-seller-24.svg +0 -7
- package/src/svg/icon/icon-top-service-16.svg +0 -7
- package/src/svg/icon/icon-top-service-24.svg +0 -7
- package/src/svg/icon/icon-trading-card-16.svg +0 -7
- package/src/svg/icon/icon-trading-card-24.svg +0 -8
- package/src/svg/icon/icon-transaction-24.svg +0 -5
- package/src/svg/icon/icon-trend-down-16-fit.svg +0 -5
- package/src/svg/icon/icon-trend-up-16-fit.svg +0 -5
- package/src/svg/icon/icon-trophy-16.svg +0 -7
- package/src/svg/icon/icon-trophy-24.svg +0 -7
- package/src/svg/icon/icon-twitter-24.svg +0 -5
- package/src/svg/icon/icon-undo-16.svg +0 -5
- package/src/svg/icon/icon-undo-24.svg +0 -5
- package/src/svg/icon/icon-unionpay-12-colored.svg +0 -28
- package/src/svg/icon/icon-unionpay-18-colored.svg +0 -28
- package/src/svg/icon/icon-unionpay-24-colored.svg +0 -28
- package/src/svg/icon/icon-unionpay-32-colored.svg +0 -28
- package/src/svg/icon/icon-unlocked-16.svg +0 -7
- package/src/svg/icon/icon-unlocked-24.svg +0 -7
- package/src/svg/icon/icon-unselect-all-24.svg +0 -5
- package/src/svg/icon/icon-upload-16.svg +0 -5
- package/src/svg/icon/icon-upload-24.svg +0 -7
- package/src/svg/icon/icon-venmo-12-colored.svg +0 -16
- package/src/svg/icon/icon-venmo-18-colored.svg +0 -16
- package/src/svg/icon/icon-venmo-24-colored.svg +0 -16
- package/src/svg/icon/icon-venmo-32-colored.svg +0 -16
- package/src/svg/icon/icon-verified-condition-16.svg +0 -10
- package/src/svg/icon/icon-verified-condition-24.svg +0 -10
- package/src/svg/icon/icon-video-24.svg +0 -7
- package/src/svg/icon/icon-visa-12-colored.svg +0 -16
- package/src/svg/icon/icon-visa-18-colored.svg +0 -16
- package/src/svg/icon/icon-visa-24-colored.svg +0 -16
- package/src/svg/icon/icon-visa-32-colored.svg +0 -16
- package/src/svg/icon/icon-wallet-24.svg +0 -7
- package/src/svg/icon/icon-wallet-64.svg +0 -7
- package/src/svg/icon/icon-wallet-balance-12-colored.svg +0 -16
- package/src/svg/icon/icon-wallet-balance-18-colored.svg +0 -16
- package/src/svg/icon/icon-wallet-balance-24-colored.svg +0 -16
- package/src/svg/icon/icon-wallet-balance-32-colored.svg +0 -16
- package/src/svg/icon/icon-watch-16.svg +0 -10
- package/src/svg/icon/icon-watch-24.svg +0 -10
- package/src/svg/icon/icon-whatsapp-24.svg +0 -7
- package/src/svg/icon/icon-won-16.svg +0 -7
- package/src/svg/icon/icon-won-24.svg +0 -7
- package/src/svg/icon/icon-wrench-16.svg +0 -7
- package/src/svg/icon/icon-wrench-24.svg +0 -7
- package/src/svg/icon/icon-youtube-24.svg +0 -5
- package/src/svg/icon/icon-yuan-16.svg +0 -5
- package/src/svg/icon/icon-yuan-24.svg +0 -5
- package/src/svg/icon/icon-zloty-16.svg +0 -8
- package/src/svg/icon/icon-zloty-24.svg +0 -10
- package/src/svg/icon/icon-zoom-in-16.svg +0 -8
- package/src/svg/icon/icon-zoom-in-24.svg +0 -7
- package/src/svg/icon/icon-zoom-out-16.svg +0 -6
- package/src/svg/icon/icon-zoom-out-24.svg +0 -7
- package/src/svg/icon/image-placeholder.svg +0 -10
- package/src/svg/icon/star-rating-0-5.svg +0 -18
- package/src/svg/icon/star-rating-0.svg +0 -8
- package/src/svg/icon/star-rating-1-5.svg +0 -22
- package/src/svg/icon/star-rating-1.svg +0 -12
- package/src/svg/icon/star-rating-2-5.svg +0 -22
- package/src/svg/icon/star-rating-2.svg +0 -12
- package/src/svg/icon/star-rating-3-5.svg +0 -22
- package/src/svg/icon/star-rating-3.svg +0 -12
- package/src/svg/icon/star-rating-4-5.svg +0 -16
- package/src/svg/icon/star-rating-4.svg +0 -12
- package/src/svg/icon/star-rating-5.svg +0 -6
- package/src/svg/icon/star-rating-small-0-5.svg +0 -18
- package/src/svg/icon/star-rating-small-0.svg +0 -8
- package/src/svg/icon/star-rating-small-1-5.svg +0 -22
- package/src/svg/icon/star-rating-small-1.svg +0 -12
- package/src/svg/icon/star-rating-small-2-5.svg +0 -22
- package/src/svg/icon/star-rating-small-2.svg +0 -12
- package/src/svg/icon/star-rating-small-3-5.svg +0 -22
- package/src/svg/icon/star-rating-small-3.svg +0 -12
- package/src/svg/icon/star-rating-small-4-5.svg +0 -16
- package/src/svg/icon/star-rating-small-4.svg +0 -12
- package/src/svg/icon/star-rating-small-5.svg +0 -6
- package/src/svg/icons.svg +0 -9448
- package/src/svg/star-rating.svg +0 -209
- package/src/tokens/evo-core.css +0 -198
- package/src/tokens/evo-dark.css +0 -183
- package/src/tokens/evo-light.css +0 -187
- package/svg.svg +0 -9448
- package/tokens/browser.json +0 -1
- package/tokens/evo-core.browser.json +0 -1
- package/tokens/evo-core.css +0 -1
- package/tokens/evo-core.js +0 -1
- package/tokens/evo-core.mjs +0 -1
- package/tokens/evo-dark.browser.json +0 -1
- package/tokens/evo-dark.css +0 -1
- package/tokens/evo-dark.js +0 -1
- package/tokens/evo-dark.mjs +0 -1
- package/tokens/evo-light.browser.json +0 -1
- package/tokens/evo-light.css +0 -1
- package/tokens/evo-light.js +0 -1
- package/tokens/evo-light.mjs +0 -1
- package/tokens/index.css +0 -2
- package/tokens/index.js +0 -2
- package/tokens/index.mjs +0 -2
|
@@ -1,549 +0,0 @@
|
|
|
1
|
-
export default { title: "Skin/Lightbox Dialog" };
|
|
2
|
-
|
|
3
|
-
export const base = () => `
|
|
4
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog" role="dialog">
|
|
5
|
-
<div class="lightbox-dialog__window">
|
|
6
|
-
<div class="lightbox-dialog__header">
|
|
7
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
8
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
9
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
10
|
-
<use href="#icon-close-16"></use>
|
|
11
|
-
</svg>
|
|
12
|
-
</button>
|
|
13
|
-
</div>
|
|
14
|
-
<div class="lightbox-dialog__main">
|
|
15
|
-
<h3>Heading</h3>
|
|
16
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
17
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
18
|
-
<h3>Heading</h3>
|
|
19
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
20
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
21
|
-
</div>
|
|
22
|
-
</div>
|
|
23
|
-
</div>
|
|
24
|
-
`;
|
|
25
|
-
|
|
26
|
-
export const expressiveBase = () => `
|
|
27
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog lightbox-dialog--expressive" role="dialog">
|
|
28
|
-
<div class="lightbox-dialog__window">
|
|
29
|
-
<div class="lightbox-dialog__image" style="background-image:url(https://ir.ebaystatic.com/cr/v/c01/skin/docs/tb-landscape-pic.jpg)"></div>
|
|
30
|
-
<div class="lightbox-dialog__header">
|
|
31
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
32
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
33
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
34
|
-
<use href="#icon-close-16"></use>
|
|
35
|
-
</svg>
|
|
36
|
-
</button>
|
|
37
|
-
</div>
|
|
38
|
-
<div class="lightbox-dialog__main">
|
|
39
|
-
<h3>Heading</h3>
|
|
40
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
41
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
42
|
-
<h3>Heading</h3>
|
|
43
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
44
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
45
|
-
</div>
|
|
46
|
-
</div>
|
|
47
|
-
</div>
|
|
48
|
-
`;
|
|
49
|
-
|
|
50
|
-
export const basePrev = () => `
|
|
51
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog" role="dialog">
|
|
52
|
-
<div class="lightbox-dialog__window">
|
|
53
|
-
<div class="lightbox-dialog__header">
|
|
54
|
-
<button class="icon-btn lightbox-dialog__prev" type="button" aria-label="Go back">
|
|
55
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
56
|
-
<use href="#icon-chevron-left-16"></use>
|
|
57
|
-
</svg>
|
|
58
|
-
</button>
|
|
59
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
60
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
61
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
62
|
-
<use href="#icon-close-16"></use>
|
|
63
|
-
</svg>
|
|
64
|
-
</button>
|
|
65
|
-
</div>
|
|
66
|
-
<div class="lightbox-dialog__main">
|
|
67
|
-
<h3>Heading</h3>
|
|
68
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
69
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
70
|
-
<h3>Heading</h3>
|
|
71
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
72
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
73
|
-
</div>
|
|
74
|
-
</div>
|
|
75
|
-
</div>
|
|
76
|
-
`;
|
|
77
|
-
|
|
78
|
-
export const scrollingLightbox = () => `
|
|
79
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog" role="dialog">
|
|
80
|
-
<div class="lightbox-dialog__window">
|
|
81
|
-
<div class="lightbox-dialog__header">
|
|
82
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
83
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
84
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
85
|
-
<use href="#icon-close-16"></use>
|
|
86
|
-
</svg>
|
|
87
|
-
</button>
|
|
88
|
-
</div>
|
|
89
|
-
<div class="lightbox-dialog__main">
|
|
90
|
-
<h3>Heading</h3>
|
|
91
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
92
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
93
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
94
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
95
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
96
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
97
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
98
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
99
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
100
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
101
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
102
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
103
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
104
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
105
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
106
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
107
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
108
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
109
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
110
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
111
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
112
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
113
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
114
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
115
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
116
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
117
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
118
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
119
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
120
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
121
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
122
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
123
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
124
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
125
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
126
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
127
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
128
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
129
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
130
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
131
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
132
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
133
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
134
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
135
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
136
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
137
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
138
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
139
|
-
</div>
|
|
140
|
-
</div>
|
|
141
|
-
</div>
|
|
142
|
-
`;
|
|
143
|
-
|
|
144
|
-
export const expandedLightbox = () => `
|
|
145
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog" role="dialog">
|
|
146
|
-
<div class="lightbox-dialog__window lightbox-dialog__window--expanded">
|
|
147
|
-
<div class="lightbox-dialog__header">
|
|
148
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
149
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
150
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
151
|
-
<use href="#icon-close-16"></use>
|
|
152
|
-
</svg>
|
|
153
|
-
</button>
|
|
154
|
-
</div>
|
|
155
|
-
<div class="lightbox-dialog__main">
|
|
156
|
-
<h3>Heading</h3>
|
|
157
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
158
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
159
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
160
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
161
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
162
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
163
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
164
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
165
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
166
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
167
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
168
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
169
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
170
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
171
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
172
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
173
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
174
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
175
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
176
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
177
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
178
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
179
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
180
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
181
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
182
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
183
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
184
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
185
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
186
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
187
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
188
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
189
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
190
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
191
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
192
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
193
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
194
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
195
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
196
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
197
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
198
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
199
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
200
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
201
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
202
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
203
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
204
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
205
|
-
</div>
|
|
206
|
-
</div>
|
|
207
|
-
</div>
|
|
208
|
-
`;
|
|
209
|
-
|
|
210
|
-
export const expressiveScrolling = () => `
|
|
211
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog lightbox-dialog--expressive" role="dialog">
|
|
212
|
-
<div class="lightbox-dialog__window">
|
|
213
|
-
<div class="lightbox-dialog__image" style="background-image:url(https://ir.ebaystatic.com/cr/v/c01/skin/docs/tb-landscape-pic.jpg)"></div>
|
|
214
|
-
<div class="lightbox-dialog__header">
|
|
215
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
216
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
217
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
218
|
-
<use href="#icon-close-16"></use>
|
|
219
|
-
</svg>
|
|
220
|
-
</button>
|
|
221
|
-
</div>
|
|
222
|
-
<div class="lightbox-dialog__main">
|
|
223
|
-
<h3>Heading</h3>
|
|
224
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
225
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
226
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
227
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
228
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
229
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
230
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
231
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
232
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
233
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
234
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
235
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
236
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
237
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
238
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
239
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
240
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
241
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
242
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
243
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
244
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
245
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
246
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
247
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
248
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
249
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
250
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
251
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
252
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
253
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
254
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
255
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
256
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
257
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
258
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
259
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
260
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
261
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
262
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
263
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
264
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
265
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
266
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
267
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
268
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
269
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
270
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
271
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
272
|
-
</div>
|
|
273
|
-
</div>
|
|
274
|
-
</div>
|
|
275
|
-
`;
|
|
276
|
-
|
|
277
|
-
export const baseWithFooter = () => `
|
|
278
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog" role="dialog">
|
|
279
|
-
<div class="lightbox-dialog__window">
|
|
280
|
-
<div class="lightbox-dialog__header">
|
|
281
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
282
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
283
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
284
|
-
<use href="#icon-close-16"></use>
|
|
285
|
-
</svg>
|
|
286
|
-
</button>
|
|
287
|
-
</div>
|
|
288
|
-
<div class="lightbox-dialog__main">
|
|
289
|
-
<h3>Heading</h3>
|
|
290
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
291
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
292
|
-
<h3>Heading</h3>
|
|
293
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
294
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
295
|
-
</div>
|
|
296
|
-
<div class="lightbox-dialog__footer">
|
|
297
|
-
<button class="btn btn--primary">Submit</button>
|
|
298
|
-
<button class="btn">Cancel</button>
|
|
299
|
-
</div>
|
|
300
|
-
|
|
301
|
-
</div>
|
|
302
|
-
</div>
|
|
303
|
-
`;
|
|
304
|
-
|
|
305
|
-
export const baseRTL = () => `
|
|
306
|
-
<div dir="rtl">
|
|
307
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog" role="dialog">
|
|
308
|
-
<div class="lightbox-dialog__window">
|
|
309
|
-
<div class="lightbox-dialog__header">
|
|
310
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
311
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
312
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
313
|
-
<use href="#icon-close-16"></use>
|
|
314
|
-
</svg>
|
|
315
|
-
</button>
|
|
316
|
-
</div>
|
|
317
|
-
<div class="lightbox-dialog__main">
|
|
318
|
-
<h3>Heading</h3>
|
|
319
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
320
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
321
|
-
<h3>Heading</h3>
|
|
322
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
323
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
324
|
-
</div>
|
|
325
|
-
</div>
|
|
326
|
-
</div>
|
|
327
|
-
</div>
|
|
328
|
-
`;
|
|
329
|
-
|
|
330
|
-
export const prevRTL = () => `
|
|
331
|
-
<div dir="rtl">
|
|
332
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog" role="dialog">
|
|
333
|
-
<div class="lightbox-dialog__window">
|
|
334
|
-
<div class="lightbox-dialog__header">
|
|
335
|
-
<button class="icon-btn lightbox-dialog__prev" type="button" aria-label="Go back">
|
|
336
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
337
|
-
<use href="#icon-chevron-left-16"></use>
|
|
338
|
-
</svg>
|
|
339
|
-
</button>
|
|
340
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
341
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
342
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
343
|
-
<use href="#icon-close-16"></use>
|
|
344
|
-
</svg>
|
|
345
|
-
</button>
|
|
346
|
-
</div>
|
|
347
|
-
<div class="lightbox-dialog__main">
|
|
348
|
-
<h3>Heading</h3>
|
|
349
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
350
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
351
|
-
<h3>Heading</h3>
|
|
352
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
353
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
354
|
-
</div>
|
|
355
|
-
</div>
|
|
356
|
-
</div>
|
|
357
|
-
</div>
|
|
358
|
-
`;
|
|
359
|
-
|
|
360
|
-
export const baseWithLongHeader = () => `
|
|
361
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog" role="dialog">
|
|
362
|
-
<div class="lightbox-dialog__window">
|
|
363
|
-
<div class="lightbox-dialog__header">
|
|
364
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox with a very long header that should wrap to the next line, but is actually cut off</h2>
|
|
365
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
366
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
367
|
-
<use href="#icon-close-16"></use>
|
|
368
|
-
</svg>
|
|
369
|
-
</button>
|
|
370
|
-
</div>
|
|
371
|
-
<div class="lightbox-dialog__main">
|
|
372
|
-
<h3>Heading</h3>
|
|
373
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
374
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
375
|
-
<h3>Heading</h3>
|
|
376
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
377
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
378
|
-
</div>
|
|
379
|
-
</div>
|
|
380
|
-
</div>
|
|
381
|
-
`;
|
|
382
|
-
|
|
383
|
-
export const wide = () => `
|
|
384
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog lightbox-dialog--wide" role="dialog">
|
|
385
|
-
<div class="lightbox-dialog__window">
|
|
386
|
-
<div class="lightbox-dialog__header">
|
|
387
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
388
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
389
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
390
|
-
<use href="#icon-close-16"></use>
|
|
391
|
-
</svg>
|
|
392
|
-
</button>
|
|
393
|
-
</div>
|
|
394
|
-
<div class="lightbox-dialog__main">
|
|
395
|
-
<h3>Heading</h3>
|
|
396
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
397
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
398
|
-
<h3>Heading</h3>
|
|
399
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
400
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
401
|
-
</div>
|
|
402
|
-
</div>
|
|
403
|
-
</div>
|
|
404
|
-
`;
|
|
405
|
-
|
|
406
|
-
export const narrow = () => `
|
|
407
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog lightbox-dialog--narrow" role="dialog">
|
|
408
|
-
<div class="lightbox-dialog__window">
|
|
409
|
-
<div class="lightbox-dialog__header">
|
|
410
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
411
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
412
|
-
<svg class="icon icon--close-16" aria-hidden="true">
|
|
413
|
-
<use href="#icon-close-16"></use>
|
|
414
|
-
</svg>
|
|
415
|
-
</button>
|
|
416
|
-
</div>
|
|
417
|
-
<div class="lightbox-dialog__main">
|
|
418
|
-
<h3>Heading</h3>
|
|
419
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
420
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
421
|
-
<h3>Heading</h3>
|
|
422
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
423
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
424
|
-
</div>
|
|
425
|
-
</div>
|
|
426
|
-
</div>
|
|
427
|
-
`;
|
|
428
|
-
|
|
429
|
-
export const large = () => `
|
|
430
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog lightbox-dialog--large" role="dialog">
|
|
431
|
-
<div class="lightbox-dialog__window">
|
|
432
|
-
<div class="lightbox-dialog__header">
|
|
433
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
434
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
435
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
436
|
-
<use href="#icon-close-16"></use>
|
|
437
|
-
</svg>
|
|
438
|
-
</button>
|
|
439
|
-
</div>
|
|
440
|
-
<div class="lightbox-dialog__main">
|
|
441
|
-
<h3>Heading</h3>
|
|
442
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
443
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
444
|
-
<h3>Heading</h3>
|
|
445
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
446
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
447
|
-
</div>
|
|
448
|
-
</div>
|
|
449
|
-
</div>
|
|
450
|
-
`;
|
|
451
|
-
|
|
452
|
-
export const expressiveWide = () => `
|
|
453
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog lightbox-dialog--wide lightbox-dialog--expressive" role="dialog">
|
|
454
|
-
<div class="lightbox-dialog__window">
|
|
455
|
-
<div class="lightbox-dialog__image" style="background-image:url(https://ir.ebaystatic.com/cr/v/c01/skin/docs/tb-landscape-pic.jpg)"></div>
|
|
456
|
-
<div class="lightbox-dialog__header">
|
|
457
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
458
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
459
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
460
|
-
<use href="#icon-close-16"></use>
|
|
461
|
-
</svg>
|
|
462
|
-
</button>
|
|
463
|
-
</div>
|
|
464
|
-
<div class="lightbox-dialog__main">
|
|
465
|
-
<h3>Heading</h3>
|
|
466
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
467
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
468
|
-
<h3>Heading</h3>
|
|
469
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
470
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
471
|
-
</div>
|
|
472
|
-
</div>
|
|
473
|
-
</div>
|
|
474
|
-
`;
|
|
475
|
-
|
|
476
|
-
export const expressivePrev = () => `
|
|
477
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog lightbox-dialog--expressive" role="dialog">
|
|
478
|
-
<div class="lightbox-dialog__window">
|
|
479
|
-
<div class="lightbox-dialog__image" style="background-image:url(https://ir.ebaystatic.com/cr/v/c01/skin/docs/tb-landscape-pic.jpg)"></div>
|
|
480
|
-
<div class="lightbox-dialog__header">
|
|
481
|
-
<button class="icon-btn lightbox-dialog__prev" type="button" aria-label="Go back">
|
|
482
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
483
|
-
<use href="#icon-chevron-left-16"></use>
|
|
484
|
-
</svg>
|
|
485
|
-
</button>
|
|
486
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
487
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
488
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
489
|
-
<use href="#icon-close-16"></use>
|
|
490
|
-
</svg>
|
|
491
|
-
</button>
|
|
492
|
-
</div>
|
|
493
|
-
<div class="lightbox-dialog__main">
|
|
494
|
-
<h3>Heading</h3>
|
|
495
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
496
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
497
|
-
<h3>Heading</h3>
|
|
498
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
499
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
500
|
-
</div>
|
|
501
|
-
</div>
|
|
502
|
-
</div>
|
|
503
|
-
`;
|
|
504
|
-
|
|
505
|
-
export const textSpacing = () => `
|
|
506
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog demo-a11y-text-spacing" role="dialog">
|
|
507
|
-
<div class="lightbox-dialog__window">
|
|
508
|
-
<div class="lightbox-dialog__header">
|
|
509
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox</h2>
|
|
510
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
511
|
-
<svg class="icon icon--16" aria-hidden="true">
|
|
512
|
-
<use href="#icon-close-16"></use>
|
|
513
|
-
</svg>
|
|
514
|
-
</button>
|
|
515
|
-
</div>
|
|
516
|
-
<div class="lightbox-dialog__main">
|
|
517
|
-
<h3>Heading</h3>
|
|
518
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
519
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
520
|
-
<h3>Heading</h3>
|
|
521
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
522
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
523
|
-
</div>
|
|
524
|
-
</div>
|
|
525
|
-
</div>
|
|
526
|
-
`;
|
|
527
|
-
|
|
528
|
-
export const baseWithHeaderOverflow = () => `
|
|
529
|
-
<div aria-labelledby="lightbox-dialog-title" aria-modal="true" class="lightbox-dialog" role="dialog">
|
|
530
|
-
<div class="lightbox-dialog__window">
|
|
531
|
-
<div class="lightbox-dialog__header">
|
|
532
|
-
<h2 id="lightbox-dialog-title">Dialog Lightbox with a title that is so long it wraps across multiple lines. No dialog header should ever be this long.</h2>
|
|
533
|
-
<button class="icon-btn lightbox-dialog__close" type="button" aria-label="Close Dialog">
|
|
534
|
-
<svg class="icon icon--close-16" aria-hidden="true">
|
|
535
|
-
<use href="#icon-close-16"></use>
|
|
536
|
-
</svg>
|
|
537
|
-
</button>
|
|
538
|
-
</div>
|
|
539
|
-
<div class="lightbox-dialog__main">
|
|
540
|
-
<h3>Heading</h3>
|
|
541
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
542
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
543
|
-
<h3>Heading</h3>
|
|
544
|
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus convallis molestie erat, ut adipiscing risus blandit vel. Vivamus luctus elementum lorem, eu sodales velit sagittis id.</p>
|
|
545
|
-
<p><a href="http://www.ebay.com">www.ebay.com</a></p>
|
|
546
|
-
</div>
|
|
547
|
-
</div>
|
|
548
|
-
</div>
|
|
549
|
-
`;
|
package/src/sass/link/link.scss
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
@import "../variables/variables";
|
|
2
|
-
@import "../mixins/private/token-mixins";
|
|
3
|
-
|
|
4
|
-
a.nav-link,
|
|
5
|
-
a.standalone-link {
|
|
6
|
-
@include color-token(nav-link-foreground-color, color-foreground-primary);
|
|
7
|
-
|
|
8
|
-
text-decoration: none;
|
|
9
|
-
|
|
10
|
-
&:visited {
|
|
11
|
-
@include color-token(
|
|
12
|
-
link-foreground-color-default,
|
|
13
|
-
color-foreground-primary
|
|
14
|
-
);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
&:hover {
|
|
18
|
-
@include color-token(
|
|
19
|
-
nav-link-foreground-hover-color,
|
|
20
|
-
color-foreground-secondary
|
|
21
|
-
);
|
|
22
|
-
|
|
23
|
-
text-decoration: underline;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&:not([href]),
|
|
27
|
-
&[aria-disabled="true"] {
|
|
28
|
-
@include color-token(
|
|
29
|
-
link-forground-color-disabled,
|
|
30
|
-
color-foreground-disabled
|
|
31
|
-
);
|
|
32
|
-
|
|
33
|
-
text-decoration: none;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
button.fake-link {
|
|
38
|
-
background-color: transparent;
|
|
39
|
-
border: 0;
|
|
40
|
-
@include color-token(fake-link-foreground-color, color-foreground-primary);
|
|
41
|
-
|
|
42
|
-
font-family: inherit;
|
|
43
|
-
font-size: inherit;
|
|
44
|
-
padding: 0;
|
|
45
|
-
text-decoration: underline;
|
|
46
|
-
|
|
47
|
-
&:hover {
|
|
48
|
-
@include color-token(
|
|
49
|
-
fake-link-foreground-color-hover,
|
|
50
|
-
color-foreground-secondary
|
|
51
|
-
);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
&[disabled],
|
|
55
|
-
&[aria-disabled="true"] {
|
|
56
|
-
@include color-token(
|
|
57
|
-
fake-link-foreground-disabled-color,
|
|
58
|
-
color-foreground-disabled
|
|
59
|
-
);
|
|
60
|
-
}
|
|
61
|
-
}
|