@sonic-equipment/ui 259.0.2 → 260.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/algolia/algolia-active-categories.js +2 -2
- package/dist/algolia/algolia-categories-filters.js +2 -2
- package/dist/badges/badge/badge.d.ts +5 -3
- package/dist/badges/badge/badge.js +4 -4
- package/dist/badges/badge/badge.module.css.js +1 -1
- package/dist/badges/badge/icon-with-badge/icon-with-badge.d.ts +11 -6
- package/dist/badges/badge/icon-with-badge/icon-with-badge.js +5 -2
- package/dist/badges/badge/icon-with-badge/icon-with-badge.module.css.js +1 -1
- package/dist/base.css +2 -2
- package/dist/breadcrumbs/breadcrumb.js +3 -4
- package/dist/buttons/add-to-cart-button/add-to-cart-button.js +2 -2
- package/dist/buttons/button/button.js +2 -2
- package/dist/buttons/close-button/close-button.d.ts +12 -0
- package/dist/buttons/close-button/close-button.js +11 -0
- package/dist/buttons/close-button/close-button.module.css.js +3 -0
- package/dist/buttons/favorite/favorite-button.js +3 -3
- package/dist/buttons/icon-button/icon-button.d.ts +13 -5
- package/dist/buttons/icon-button/icon-button.js +6 -5
- package/dist/buttons/icon-button/icon-button.module.css.js +1 -1
- package/dist/buttons/link/link.d.ts +2 -0
- package/dist/buttons/link/link.js +4 -7
- package/dist/cards/orderline-card/connected-remove-button.js +1 -2
- package/dist/carousel/carousel-navigation-button.js +2 -3
- package/dist/collapsables/accordion/accordion-item.js +2 -3
- package/dist/collapsables/show-all/show-all.js +2 -2
- package/dist/collapsables/unmounter/utils.js +4 -1
- package/dist/country-language-selection-list/connected-country-language-selection-list.d.ts +1 -0
- package/dist/country-language-selection-list/connected-country-language-selection-list.js +268 -0
- package/dist/country-language-selection-list/country-language-selection-list.d.ts +18 -0
- package/dist/country-language-selection-list/country-language-selection-list.js +54 -0
- package/dist/country-language-selection-list/country-language-selection-list.module.css.js +3 -0
- package/dist/country-language-selector/connected-country-language-selector.d.ts +10 -0
- package/dist/country-language-selector/connected-country-language-selector.js +129 -0
- package/dist/country-language-selector/country-language-selector.d.ts +18 -0
- package/dist/country-language-selector/country-language-selector.js +52 -0
- package/dist/country-language-selector/country-language-selector.module.css.js +3 -0
- package/dist/country-language-selector-button/connected-country-language-selector-button.d.ts +1 -0
- package/dist/country-language-selector-button/connected-country-language-selector-button.js +22 -0
- package/dist/country-language-selector-button/country-language-selector-button.d.ts +7 -0
- package/dist/country-language-selector-button/country-language-selector-button.js +18 -0
- package/dist/country-language-selector-button/country-language-selector-button.module.css.js +3 -0
- package/dist/country-selector/country-selector-trigger/country-selector-trigger.js +2 -2
- package/dist/country-selector/country-selector-trigger/country-selector-trigger.module.css.js +1 -1
- package/dist/country-selector/use-countries-languages.d.ts +2 -2
- package/dist/country-selector/use-countries-languages.js +1 -1
- package/dist/delivery-time/delivery-time.js +1 -1
- package/dist/display/details/details.js +2 -2
- package/dist/exports.d.ts +71 -3
- package/dist/filters/active-filters/active-filters.js +1 -2
- package/dist/filters/active-filters/active-filters.module.css.js +1 -1
- package/dist/filters/pagination/pagination.js +1 -3
- package/dist/filters/pagination/pagination.module.css.js +1 -1
- package/dist/flag/flag.d.ts +8 -0
- package/dist/flag/flag.js +11 -0
- package/dist/flag/flag.module.css.js +3 -0
- package/dist/flags/flag-ad.d.ts +1 -0
- package/dist/flags/flag-ad.js +7 -0
- package/dist/flags/flag-ae.d.ts +1 -0
- package/dist/flags/flag-ae.js +7 -0
- package/dist/flags/flag-al.d.ts +1 -0
- package/dist/flags/flag-al.js +7 -0
- package/dist/flags/flag-at.d.ts +1 -0
- package/dist/flags/flag-at.js +7 -0
- package/dist/flags/flag-ba.d.ts +1 -0
- package/dist/flags/flag-ba.js +7 -0
- package/dist/flags/flag-be.d.ts +1 -0
- package/dist/flags/flag-be.js +7 -0
- package/dist/flags/flag-bg.d.ts +1 -0
- package/dist/flags/flag-bg.js +7 -0
- package/dist/flags/flag-br.d.ts +1 -0
- package/dist/flags/flag-br.js +7 -0
- package/dist/flags/flag-ca.d.ts +1 -0
- package/dist/flags/flag-ca.js +7 -0
- package/dist/flags/flag-ch.d.ts +1 -0
- package/dist/flags/flag-ch.js +7 -0
- package/dist/flags/flag-cy.d.ts +1 -0
- package/dist/flags/flag-cy.js +7 -0
- package/dist/flags/flag-cz.d.ts +1 -0
- package/dist/flags/flag-cz.js +7 -0
- package/dist/flags/flag-de.d.ts +1 -0
- package/dist/flags/flag-de.js +7 -0
- package/dist/flags/flag-dj.d.ts +1 -0
- package/dist/flags/flag-dj.js +7 -0
- package/dist/flags/flag-dk.d.ts +1 -0
- package/dist/flags/flag-dk.js +7 -0
- package/dist/flags/flag-ec.d.ts +1 -0
- package/dist/flags/flag-ec.js +7 -0
- package/dist/flags/flag-ee.d.ts +1 -0
- package/dist/flags/flag-ee.js +7 -0
- package/dist/flags/flag-es.d.ts +1 -0
- package/dist/flags/flag-es.js +7 -0
- package/dist/flags/flag-eu.d.ts +1 -0
- package/dist/flags/flag-eu.js +7 -0
- package/dist/flags/flag-fi.d.ts +1 -0
- package/dist/flags/flag-fi.js +7 -0
- package/dist/flags/flag-fr.d.ts +1 -0
- package/dist/flags/flag-fr.js +7 -0
- package/dist/flags/flag-gb.d.ts +1 -0
- package/dist/flags/flag-gb.js +7 -0
- package/dist/flags/flag-gr.d.ts +1 -0
- package/dist/flags/flag-gr.js +7 -0
- package/dist/flags/flag-hr.d.ts +1 -0
- package/dist/flags/flag-hr.js +7 -0
- package/dist/flags/flag-hu.d.ts +1 -0
- package/dist/flags/flag-hu.js +7 -0
- package/dist/flags/flag-ie.d.ts +1 -0
- package/dist/flags/flag-ie.js +7 -0
- package/dist/flags/flag-iq.d.ts +1 -0
- package/dist/flags/flag-iq.js +7 -0
- package/dist/flags/flag-is.d.ts +1 -0
- package/dist/flags/flag-is.js +7 -0
- package/dist/flags/flag-it.d.ts +1 -0
- package/dist/flags/flag-it.js +7 -0
- package/dist/flags/flag-kw.d.ts +1 -0
- package/dist/flags/flag-kw.js +7 -0
- package/dist/flags/flag-kz.d.ts +1 -0
- package/dist/flags/flag-kz.js +7 -0
- package/dist/flags/flag-lb.d.ts +1 -0
- package/dist/flags/flag-lb.js +7 -0
- package/dist/flags/flag-lt.d.ts +1 -0
- package/dist/flags/flag-lt.js +7 -0
- package/dist/flags/flag-lu.d.ts +1 -0
- package/dist/flags/flag-lu.js +7 -0
- package/dist/flags/flag-lv.d.ts +1 -0
- package/dist/flags/flag-lv.js +7 -0
- package/dist/flags/flag-ma.d.ts +1 -0
- package/dist/flags/flag-ma.js +7 -0
- package/dist/flags/flag-mc.d.ts +1 -0
- package/dist/flags/flag-mc.js +7 -0
- package/dist/flags/flag-md.d.ts +1 -0
- package/dist/flags/flag-md.js +7 -0
- package/dist/flags/flag-me.d.ts +1 -0
- package/dist/flags/flag-me.js +7 -0
- package/dist/flags/flag-mk.d.ts +1 -0
- package/dist/flags/flag-mk.js +7 -0
- package/dist/flags/flag-mt.d.ts +1 -0
- package/dist/flags/flag-mt.js +7 -0
- package/dist/flags/flag-mx.d.ts +1 -0
- package/dist/flags/flag-mx.js +7 -0
- package/dist/flags/flag-my.d.ts +1 -0
- package/dist/flags/flag-my.js +7 -0
- package/dist/flags/flag-nl.d.ts +1 -0
- package/dist/flags/flag-nl.js +7 -0
- package/dist/flags/flag-no.d.ts +1 -0
- package/dist/flags/flag-no.js +7 -0
- package/dist/flags/flag-pl.d.ts +1 -0
- package/dist/flags/flag-pl.js +7 -0
- package/dist/flags/flag-pt.d.ts +1 -0
- package/dist/flags/flag-pt.js +7 -0
- package/dist/flags/flag-ro.d.ts +1 -0
- package/dist/flags/flag-ro.js +7 -0
- package/dist/flags/flag-rs.d.ts +1 -0
- package/dist/flags/flag-rs.js +7 -0
- package/dist/flags/flag-sa.d.ts +1 -0
- package/dist/flags/flag-sa.js +7 -0
- package/dist/flags/flag-se.d.ts +1 -0
- package/dist/flags/flag-se.js +7 -0
- package/dist/flags/flag-sg.d.ts +1 -0
- package/dist/flags/flag-sg.js +7 -0
- package/dist/flags/flag-si.d.ts +1 -0
- package/dist/flags/flag-si.js +7 -0
- package/dist/flags/flag-sk.d.ts +1 -0
- package/dist/flags/flag-sk.js +7 -0
- package/dist/flags/flag-tr.d.ts +1 -0
- package/dist/flags/flag-tr.js +7 -0
- package/dist/flags/flag-tw.d.ts +1 -0
- package/dist/flags/flag-tw.js +7 -0
- package/dist/flags/flag-ua.d.ts +1 -0
- package/dist/flags/flag-ua.js +7 -0
- package/dist/flags/flag-us.d.ts +1 -0
- package/dist/flags/flag-us.js +7 -0
- package/dist/flags/flag-vn.d.ts +1 -0
- package/dist/flags/flag-vn.js +7 -0
- package/dist/flags/flag-xk.d.ts +1 -0
- package/dist/flags/flag-xk.js +7 -0
- package/dist/flags/flag-za.d.ts +1 -0
- package/dist/flags/flag-za.js +7 -0
- package/dist/flags/index.d.ts +1 -0
- package/dist/flags/index.js +88 -0
- package/dist/footer/connected-footer.d.ts +1 -3
- package/dist/footer/connected-footer.js +3 -5
- package/dist/forms/elements/checkbox/checkbox.module.css.js +1 -1
- package/dist/forms/elements/select/select.js +3 -4
- package/dist/forms/fields/number-field/number-field.js +2 -4
- package/dist/forms/fields/search-field/search-field.js +2 -2
- package/dist/forms/fields/select-field/select-field.d.ts +8 -1
- package/dist/forms/fields/select-field/select-field.js +30 -9
- package/dist/forms/fields/select-field/select-field.module.css.js +1 -1
- package/dist/forms/fields/text-field/password-reveal-toggle/password-reveal-toggle.js +2 -3
- package/dist/forms/layout/form/form.js +1 -1
- package/dist/global-search/search-input/search-input.js +5 -4
- package/dist/global-search/search-result-panel/sections/no-search.js +3 -4
- package/dist/global-search/search-result-panel/sections/with-results.js +4 -4
- package/dist/global-search/search-section/search-list-item.js +1 -2
- package/dist/header/buttons/account/connected-account-button.js +1 -2
- package/dist/header/buttons/cart/connected-cart-button.js +1 -2
- package/dist/header/buttons/favorites/connected-favorites-button.js +1 -3
- package/dist/header/buttons/hamburger/hamburger-button.js +1 -1
- package/dist/header/buttons/hamburger/hamburger-button.module.css.js +1 -1
- package/dist/header/buttons/search/search-button.js +1 -2
- package/dist/header/header.js +1 -1
- package/dist/header/link-list/navigation-link-list.js +2 -2
- package/dist/header/link-list/navigation-link-list.module.css.js +1 -1
- package/dist/header/sonic-logo/sonic-logo.js +7 -2
- package/dist/header/sonic-logo/sonic-logo.module.css.js +1 -1
- package/dist/icon/icon.d.ts +10 -0
- package/dist/icon/icon.js +11 -0
- package/dist/icon/icon.module.css.js +3 -0
- package/dist/icons/glyph/glyphs-arrow-boldcaps-left-icon.js +0 -1
- package/dist/icons/glyph/glyphs-arrow-boldcaps-right-icon.js +0 -1
- package/dist/icons/glyph/glyphs-chevrons-bold-down-icon.js +0 -1
- package/dist/icons/glyph/glyphs-chevrons-bold-left-icon.js +7 -0
- package/dist/icons/glyph/glyphs-chevrons-bold-right-icon.js +0 -1
- package/dist/icons/glyph/glyphs-chevrons-bold-up-icon.js +0 -1
- package/dist/icons/glyph/glyphs-chevrons-slim-down-icon.js +0 -1
- package/dist/icons/glyph/glyphs-chevrons-slim-left-icon.js +0 -1
- package/dist/icons/glyph/glyphs-chevrons-slim-right-icon.js +0 -1
- package/dist/icons/glyph/glyphs-chevrons-slim-up-icon.js +7 -0
- package/dist/icons/index.d.ts +87 -0
- package/dist/icons/index.js +90 -0
- package/dist/icons/solid/solid-attention-icon.js +0 -1
- package/dist/icons/solid/solid-cart-icon.js +0 -1
- package/dist/icons/solid/solid-close-icon.js +0 -1
- package/dist/icons/solid/solid-edit-icon.js +0 -1
- package/dist/icons/solid/solid-favorite-icon.js +0 -1
- package/dist/icons/solid/solid-home-icon.js +0 -1
- package/dist/icons/solid/solid-information-icon.js +0 -1
- package/dist/icons/solid/solid-login-icon.js +0 -1
- package/dist/icons/solid/solid-logout-icon.js +0 -1
- package/dist/icons/solid/solid-news-icon.js +0 -1
- package/dist/icons/solid/solid-notice-icon.js +0 -1
- package/dist/icons/solid/solid-okay-icon.js +0 -1
- package/dist/icons/solid/solid-rating-icon.js +0 -1
- package/dist/icons/solid/solid-salecategory-icon.js +0 -1
- package/dist/icons/solid/solid-tag-icon.js +0 -1
- package/dist/icons/stroke/stroke-arrowdown-icon.d.ts +1 -0
- package/dist/icons/stroke/stroke-arrowleft-icon.d.ts +1 -0
- package/dist/icons/stroke/stroke-arrowleft-icon.js +7 -0
- package/dist/icons/stroke/stroke-arrowright-icon.d.ts +1 -0
- package/dist/icons/stroke/stroke-arrowright-icon.js +7 -0
- package/dist/icons/stroke/stroke-arrowup-icon.d.ts +1 -0
- package/dist/icons/stroke/stroke-categories-icon.js +0 -1
- package/dist/icons/stroke/stroke-checkmark-icon.js +0 -1
- package/dist/icons/stroke/stroke-closebox-icon.js +0 -1
- package/dist/icons/stroke/stroke-dehashed-icon.js +0 -1
- package/dist/icons/stroke/stroke-download-icon.js +0 -1
- package/dist/icons/stroke/stroke-event-icon.js +0 -1
- package/dist/icons/stroke/stroke-favorite-icon.js +0 -1
- package/dist/icons/stroke/stroke-filter-icon.js +0 -1
- package/dist/icons/stroke/stroke-hashed-icon.js +0 -1
- package/dist/icons/stroke/stroke-information-icon.js +0 -1
- package/dist/icons/stroke/stroke-minus-icon.js +0 -1
- package/dist/icons/stroke/stroke-notice-icon.js +7 -0
- package/dist/icons/stroke/stroke-plus-icon.js +0 -1
- package/dist/icons/stroke/stroke-recent-icon.js +0 -1
- package/dist/icons/stroke/stroke-search-icon.js +0 -1
- package/dist/icons/stroke/stroke-trash-icon.js +0 -1
- package/dist/index.js +72 -4
- package/dist/info-icon-tooltip/info-icon-tooltip.d.ts +3 -1
- package/dist/info-icon-tooltip/info-icon-tooltip.js +6 -8
- package/dist/intl/intl-context.d.ts +2 -0
- package/dist/intl/intl-provider.js +5 -0
- package/dist/intl/translation-id.d.ts +1 -1
- package/dist/intl/types.d.ts +3 -0
- package/dist/intl/types.js +6 -1
- package/dist/lists/download-document-list/download-document-list.js +4 -8
- package/dist/lists/download-document-list/download-document-list.module.css.js +1 -1
- package/dist/lists/feature-list/feature-list.js +5 -4
- package/dist/lists/feature-list/feature-list.module.css.js +1 -1
- package/dist/lists/icon-list/icon-list.d.ts +2 -1
- package/dist/lists/icon-list/icon-list.js +3 -2
- package/dist/lists/icon-list/icon-list.module.css.js +1 -1
- package/dist/lists/menu-list/menu-list-back-button.js +2 -2
- package/dist/lists/menu-list/menu-list-header.js +2 -2
- package/dist/lists/menu-list/menu-list-item.js +2 -2
- package/dist/lists/orderline-list/orderline-list.js +2 -2
- package/dist/lists/orderline-list/orderline-list.module.css.js +1 -1
- package/dist/media/image/image.js +1 -1
- package/dist/message/message.js +5 -8
- package/dist/modals/dialog/dialog.js +1 -4
- package/dist/modals/favorite/add-to-favorite-dialog.js +1 -1
- package/dist/modals/modal/modal.js +3 -2
- package/dist/modals/recover-password/recover-password-dialog.js +1 -1
- package/dist/modals/signin/sign-in-dialog.js +2 -2
- package/dist/navigation/mobile-navigation/mobile-navigation.js +2 -4
- package/dist/navigation/mobile-navigation/mobile-navigation.module.css.js +1 -1
- package/dist/notifications/announcements/announcement-list.js +7 -3
- package/dist/notifications/announcements/announcement-list.module.css.js +1 -1
- package/dist/notifications/announcements/announcement.js +12 -18
- package/dist/pages/checkout/payment-page/components/payment.js +1 -1
- package/dist/pages/checkout/shipping-page/components/edit-checkout-bill-to-address-form.js +1 -1
- package/dist/pages/countries-page/countries-page.d.ts +1 -0
- package/dist/pages/countries-page/countries-page.js +18 -0
- package/dist/pages/error-page/error-page.js +1 -1
- package/dist/pages/my-sonic/actions/change-customer/change-customer.js +2 -2
- package/dist/pages/my-sonic/navigation/my-sonic-desktop-navigation.js +2 -1
- package/dist/pages/my-sonic/navigation/my-sonic-navigation-items.d.ts +2 -2
- package/dist/pages/my-sonic/navigation/my-sonic-navigation-items.js +4 -8
- package/dist/pages/my-sonic/pages/order-details/order-details-content.js +1 -1
- package/dist/pages/my-sonic/pages/order-history/order-history-page.js +2 -2
- package/dist/pages/my-sonic/widgets/connected-address-book-widget.js +2 -2
- package/dist/shared/api/storefront/hooks/authentication/use-patch-session.d.ts +4 -1
- package/dist/shared/api/storefront/model/storefront.model.d.ts +4 -1
- package/dist/shared/error/default-error-view.js +2 -2
- package/dist/shared/hooks/use-resize-observer.js +1 -0
- package/dist/sidebar/sidebar.js +3 -2
- package/dist/sidebar/toggle-sidebar-button.js +2 -2
- package/dist/styles.css +1032 -686
- package/dist/table/elements/table-sort-button.js +2 -2
- package/dist/toast/toast.js +8 -10
- package/dist/tooltip/tooltip.js +3 -2
- package/dist/tooltip/tooltip.module.css.js +1 -1
- package/package.json +2 -1
- package/dist/icons/glyph/glyphs-arrow-blackcaps-right-icon.js +0 -8
- package/dist/icons/glyph/glyphs-arrow-semibold-right-icon.js +0 -8
- package/dist/navigation/account-icon/account-icon.d.ts +0 -5
- package/dist/navigation/account-icon/account-icon.js +0 -13
- package/dist/navigation/cart-icon/cart-icon.d.ts +0 -5
- package/dist/navigation/cart-icon/cart-icon.js +0 -13
- package/dist/navigation/favorite-icon/favorite-icon.d.ts +0 -5
- package/dist/navigation/favorite-icon/favorite-icon.js +0 -13
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { GlyphsArrowBoldCapsLeftIcon } from './glyph/glyphs-arrow-boldcaps-left-icon';
|
|
2
|
+
import { GlyphsArrowBoldCapsRightIcon } from './glyph/glyphs-arrow-boldcaps-right-icon';
|
|
3
|
+
import { GlyphsChevronsBoldDownIcon } from './glyph/glyphs-chevrons-bold-down-icon';
|
|
4
|
+
import { GlyphsChevronsBoldLeftIcon } from './glyph/glyphs-chevrons-bold-left-icon';
|
|
5
|
+
import { GlyphsChevronsBoldRightIcon } from './glyph/glyphs-chevrons-bold-right-icon';
|
|
6
|
+
import { GlyphsChevronsBoldUpIcon } from './glyph/glyphs-chevrons-bold-up-icon';
|
|
7
|
+
import { GlyphsChevronsSlimDownIcon } from './glyph/glyphs-chevrons-slim-down-icon';
|
|
8
|
+
import { GlyphsChevronsSlimLeftIcon } from './glyph/glyphs-chevrons-slim-left-icon';
|
|
9
|
+
import { GlyphsChevronsSlimRightIcon } from './glyph/glyphs-chevrons-slim-right-icon';
|
|
10
|
+
import { GlyphsChevronsSlimUpIcon } from './glyph/glyphs-chevrons-slim-up-icon';
|
|
11
|
+
import { SolidAttentionIcon } from './solid/solid-attention-icon';
|
|
12
|
+
import { SolidCartIcon } from './solid/solid-cart-icon';
|
|
13
|
+
import { SolidCloseIcon } from './solid/solid-close-icon';
|
|
14
|
+
import { SolidFavoriteIcon } from './solid/solid-favorite-icon';
|
|
15
|
+
import { SolidHomeIcon } from './solid/solid-home-icon';
|
|
16
|
+
import { SolidInformationIcon } from './solid/solid-information-icon';
|
|
17
|
+
import { SolidLoginIcon } from './solid/solid-login-icon';
|
|
18
|
+
import { SolidLogOutIcon } from './solid/solid-logout-icon';
|
|
19
|
+
import { SolidNewsIcon } from './solid/solid-news-icon';
|
|
20
|
+
import { SolidNoticeIcon } from './solid/solid-notice-icon';
|
|
21
|
+
import { SolidOkayIcon } from './solid/solid-okay-icon';
|
|
22
|
+
import { SolidRatingIcon } from './solid/solid-rating-icon';
|
|
23
|
+
import { SolidSaleCategoryIcon } from './solid/solid-salecategory-icon';
|
|
24
|
+
import { SolidTagIcon } from './solid/solid-tag-icon';
|
|
25
|
+
import { StrokeArrowLeftIcon } from './stroke/stroke-arrowleft-icon';
|
|
26
|
+
import { StrokeArrowRightIcon } from './stroke/stroke-arrowright-icon';
|
|
27
|
+
import { StrokeCategoriesIcon } from './stroke/stroke-categories-icon';
|
|
28
|
+
import { StrokeCheckmarkIcon } from './stroke/stroke-checkmark-icon';
|
|
29
|
+
import { StrokeCloseboxIcon } from './stroke/stroke-closebox-icon';
|
|
30
|
+
import { StrokeDehashedIcon } from './stroke/stroke-dehashed-icon';
|
|
31
|
+
import { StrokeDownloadIcon } from './stroke/stroke-download-icon';
|
|
32
|
+
import { StrokeEventIcon } from './stroke/stroke-event-icon';
|
|
33
|
+
import { StrokeFavoriteIcon } from './stroke/stroke-favorite-icon';
|
|
34
|
+
import { StrokeFilterIcon } from './stroke/stroke-filter-icon';
|
|
35
|
+
import { StrokeHashedIcon } from './stroke/stroke-hashed-icon';
|
|
36
|
+
import { StrokeInformationIcon } from './stroke/stroke-information-icon';
|
|
37
|
+
import { StrokeMinusIcon } from './stroke/stroke-minus-icon';
|
|
38
|
+
import { StrokeNoticeIcon } from './stroke/stroke-notice-icon';
|
|
39
|
+
import { StrokePlusIcon } from './stroke/stroke-plus-icon';
|
|
40
|
+
import { StrokeRecentIcon } from './stroke/stroke-recent-icon';
|
|
41
|
+
import { StrokeSearchIcon } from './stroke/stroke-search-icon';
|
|
42
|
+
import { StrokeTrashIcon } from './stroke/stroke-trash-icon';
|
|
43
|
+
export declare const icons: {
|
|
44
|
+
ArrowDown: typeof GlyphsChevronsSlimDownIcon;
|
|
45
|
+
ArrowDownBold: typeof GlyphsChevronsBoldDownIcon;
|
|
46
|
+
ArrowLeft: typeof GlyphsChevronsSlimLeftIcon;
|
|
47
|
+
ArrowLeftBold: typeof GlyphsChevronsBoldLeftIcon;
|
|
48
|
+
ArrowLeftThick: typeof GlyphsArrowBoldCapsLeftIcon;
|
|
49
|
+
ArrowRight: typeof GlyphsChevronsSlimRightIcon;
|
|
50
|
+
ArrowRightBold: typeof GlyphsChevronsBoldRightIcon;
|
|
51
|
+
ArrowRightThick: typeof GlyphsArrowBoldCapsRightIcon;
|
|
52
|
+
ArrowUp: typeof GlyphsChevronsSlimUpIcon;
|
|
53
|
+
ArrowUpBold: typeof GlyphsChevronsBoldUpIcon;
|
|
54
|
+
AttentionSolid: typeof SolidAttentionIcon;
|
|
55
|
+
Backward: typeof StrokeArrowLeftIcon;
|
|
56
|
+
CartSolid: typeof SolidCartIcon;
|
|
57
|
+
Categories: typeof StrokeCategoriesIcon;
|
|
58
|
+
Checkmark: typeof StrokeCheckmarkIcon;
|
|
59
|
+
Close: typeof StrokeCloseboxIcon;
|
|
60
|
+
CloseSolid: typeof SolidCloseIcon;
|
|
61
|
+
Download: typeof StrokeDownloadIcon;
|
|
62
|
+
Event: typeof StrokeEventIcon;
|
|
63
|
+
Favorite: typeof StrokeFavoriteIcon;
|
|
64
|
+
FavoriteSolid: typeof SolidFavoriteIcon;
|
|
65
|
+
Filter: typeof StrokeFilterIcon;
|
|
66
|
+
Forward: typeof StrokeArrowRightIcon;
|
|
67
|
+
HomeSolid: typeof SolidHomeIcon;
|
|
68
|
+
Information: typeof StrokeInformationIcon;
|
|
69
|
+
InformationSolid: typeof SolidInformationIcon;
|
|
70
|
+
Invisible: typeof StrokeHashedIcon;
|
|
71
|
+
Minus: typeof StrokeMinusIcon;
|
|
72
|
+
NewsSolid: typeof SolidNewsIcon;
|
|
73
|
+
Notice: typeof StrokeNoticeIcon;
|
|
74
|
+
NoticeSolid: typeof SolidNoticeIcon;
|
|
75
|
+
OkaySolid: typeof SolidOkayIcon;
|
|
76
|
+
Plus: typeof StrokePlusIcon;
|
|
77
|
+
Refresh: typeof StrokeRecentIcon;
|
|
78
|
+
SaleSolid: typeof SolidSaleCategoryIcon;
|
|
79
|
+
Search: typeof StrokeSearchIcon;
|
|
80
|
+
SignOutSolid: typeof SolidLogOutIcon;
|
|
81
|
+
StarSolid: typeof SolidRatingIcon;
|
|
82
|
+
TagSolid: typeof SolidTagIcon;
|
|
83
|
+
Trash: typeof StrokeTrashIcon;
|
|
84
|
+
UserSolid: typeof SolidLoginIcon;
|
|
85
|
+
Visible: typeof StrokeDehashedIcon;
|
|
86
|
+
};
|
|
87
|
+
export type IconName = keyof typeof icons;
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { GlyphsArrowBoldCapsLeftIcon } from './glyph/glyphs-arrow-boldcaps-left-icon.js';
|
|
2
|
+
import { GlyphsArrowBoldCapsRightIcon } from './glyph/glyphs-arrow-boldcaps-right-icon.js';
|
|
3
|
+
import { GlyphsChevronsBoldDownIcon } from './glyph/glyphs-chevrons-bold-down-icon.js';
|
|
4
|
+
import { GlyphsChevronsBoldLeftIcon } from './glyph/glyphs-chevrons-bold-left-icon.js';
|
|
5
|
+
import { GlyphsChevronsBoldRightIcon } from './glyph/glyphs-chevrons-bold-right-icon.js';
|
|
6
|
+
import { GlyphsChevronsBoldUpIcon } from './glyph/glyphs-chevrons-bold-up-icon.js';
|
|
7
|
+
import { GlyphsChevronsSlimDownIcon } from './glyph/glyphs-chevrons-slim-down-icon.js';
|
|
8
|
+
import { GlyphsChevronsSlimLeftIcon } from './glyph/glyphs-chevrons-slim-left-icon.js';
|
|
9
|
+
import { GlyphsChevronsSlimRightIcon } from './glyph/glyphs-chevrons-slim-right-icon.js';
|
|
10
|
+
import { GlyphsChevronsSlimUpIcon } from './glyph/glyphs-chevrons-slim-up-icon.js';
|
|
11
|
+
import { SolidAttentionIcon } from './solid/solid-attention-icon.js';
|
|
12
|
+
import { SolidCartIcon } from './solid/solid-cart-icon.js';
|
|
13
|
+
import { SolidCloseIcon } from './solid/solid-close-icon.js';
|
|
14
|
+
import { SolidFavoriteIcon } from './solid/solid-favorite-icon.js';
|
|
15
|
+
import { SolidHomeIcon } from './solid/solid-home-icon.js';
|
|
16
|
+
import { SolidInformationIcon } from './solid/solid-information-icon.js';
|
|
17
|
+
import { SolidLoginIcon } from './solid/solid-login-icon.js';
|
|
18
|
+
import { SolidLogOutIcon } from './solid/solid-logout-icon.js';
|
|
19
|
+
import { SolidNewsIcon } from './solid/solid-news-icon.js';
|
|
20
|
+
import { SolidNoticeIcon } from './solid/solid-notice-icon.js';
|
|
21
|
+
import { SolidOkayIcon } from './solid/solid-okay-icon.js';
|
|
22
|
+
import { SolidRatingIcon } from './solid/solid-rating-icon.js';
|
|
23
|
+
import { SolidSaleCategoryIcon } from './solid/solid-salecategory-icon.js';
|
|
24
|
+
import { SolidTagIcon } from './solid/solid-tag-icon.js';
|
|
25
|
+
import { StrokeArrowLeftIcon } from './stroke/stroke-arrowleft-icon.js';
|
|
26
|
+
import { StrokeArrowRightIcon } from './stroke/stroke-arrowright-icon.js';
|
|
27
|
+
import { StrokeCategoriesIcon } from './stroke/stroke-categories-icon.js';
|
|
28
|
+
import { StrokeCheckmarkIcon } from './stroke/stroke-checkmark-icon.js';
|
|
29
|
+
import { StrokeCloseboxIcon } from './stroke/stroke-closebox-icon.js';
|
|
30
|
+
import { StrokeDehashedIcon } from './stroke/stroke-dehashed-icon.js';
|
|
31
|
+
import { StrokeDownloadIcon } from './stroke/stroke-download-icon.js';
|
|
32
|
+
import { StrokeEventIcon } from './stroke/stroke-event-icon.js';
|
|
33
|
+
import { StrokeFavoriteIcon } from './stroke/stroke-favorite-icon.js';
|
|
34
|
+
import { StrokeFilterIcon } from './stroke/stroke-filter-icon.js';
|
|
35
|
+
import { StrokeHashedIcon } from './stroke/stroke-hashed-icon.js';
|
|
36
|
+
import { StrokeInformationIcon } from './stroke/stroke-information-icon.js';
|
|
37
|
+
import { StrokeMinusIcon } from './stroke/stroke-minus-icon.js';
|
|
38
|
+
import { StrokeNoticeIcon } from './stroke/stroke-notice-icon.js';
|
|
39
|
+
import { StrokePlusIcon } from './stroke/stroke-plus-icon.js';
|
|
40
|
+
import { StrokeRecentIcon } from './stroke/stroke-recent-icon.js';
|
|
41
|
+
import { StrokeSearchIcon } from './stroke/stroke-search-icon.js';
|
|
42
|
+
import { StrokeTrashIcon } from './stroke/stroke-trash-icon.js';
|
|
43
|
+
|
|
44
|
+
// Centralized selection of icons to be used. To promote design unity and limit choice. Extend as needed.
|
|
45
|
+
const icons = {
|
|
46
|
+
ArrowDown: GlyphsChevronsSlimDownIcon,
|
|
47
|
+
ArrowDownBold: GlyphsChevronsBoldDownIcon,
|
|
48
|
+
ArrowLeft: GlyphsChevronsSlimLeftIcon,
|
|
49
|
+
ArrowLeftBold: GlyphsChevronsBoldLeftIcon,
|
|
50
|
+
ArrowLeftThick: GlyphsArrowBoldCapsLeftIcon,
|
|
51
|
+
ArrowRight: GlyphsChevronsSlimRightIcon,
|
|
52
|
+
ArrowRightBold: GlyphsChevronsBoldRightIcon,
|
|
53
|
+
ArrowRightThick: GlyphsArrowBoldCapsRightIcon,
|
|
54
|
+
ArrowUp: GlyphsChevronsSlimUpIcon,
|
|
55
|
+
ArrowUpBold: GlyphsChevronsBoldUpIcon,
|
|
56
|
+
AttentionSolid: SolidAttentionIcon,
|
|
57
|
+
Backward: StrokeArrowLeftIcon,
|
|
58
|
+
CartSolid: SolidCartIcon,
|
|
59
|
+
Categories: StrokeCategoriesIcon,
|
|
60
|
+
Checkmark: StrokeCheckmarkIcon,
|
|
61
|
+
Close: StrokeCloseboxIcon,
|
|
62
|
+
CloseSolid: SolidCloseIcon,
|
|
63
|
+
Download: StrokeDownloadIcon,
|
|
64
|
+
Event: StrokeEventIcon,
|
|
65
|
+
Favorite: StrokeFavoriteIcon,
|
|
66
|
+
FavoriteSolid: SolidFavoriteIcon,
|
|
67
|
+
Filter: StrokeFilterIcon,
|
|
68
|
+
Forward: StrokeArrowRightIcon,
|
|
69
|
+
HomeSolid: SolidHomeIcon,
|
|
70
|
+
Information: StrokeInformationIcon,
|
|
71
|
+
InformationSolid: SolidInformationIcon,
|
|
72
|
+
Invisible: StrokeHashedIcon,
|
|
73
|
+
Minus: StrokeMinusIcon,
|
|
74
|
+
NewsSolid: SolidNewsIcon,
|
|
75
|
+
Notice: StrokeNoticeIcon,
|
|
76
|
+
NoticeSolid: SolidNoticeIcon,
|
|
77
|
+
OkaySolid: SolidOkayIcon,
|
|
78
|
+
Plus: StrokePlusIcon,
|
|
79
|
+
Refresh: StrokeRecentIcon,
|
|
80
|
+
SaleSolid: SolidSaleCategoryIcon,
|
|
81
|
+
Search: StrokeSearchIcon,
|
|
82
|
+
SignOutSolid: SolidLogOutIcon,
|
|
83
|
+
StarSolid: SolidRatingIcon,
|
|
84
|
+
TagSolid: SolidTagIcon,
|
|
85
|
+
Trash: StrokeTrashIcon,
|
|
86
|
+
UserSolid: SolidLoginIcon,
|
|
87
|
+
Visible: StrokeDehashedIcon,
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
export { icons };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function StrokeArrowDownIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function StrokeArrowLeftIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
function StrokeArrowLeftIcon(props) {
|
|
4
|
+
return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("g", { transform: "translate(6 6)", children: jsx("path", { d: "M3,6 L7.93354971,1 C8.12109594,1.08169007 8.30512588,1.19817561 8.48563954,1.34945663 C8.6661532,1.50073764 8.83760669,1.68216803 9,1.89374779 L4.91652188,5.98800959 L9,9.9960307 C8.83350762,10.2121071 8.66205413,10.4031847 8.48563954,10.5692635 C8.30922495,10.7353424 8.12519501,10.8789212 7.93354971,11 L3,6 Z", fillRule: "evenodd" }) }) }));
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
export { StrokeArrowLeftIcon };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function StrokeArrowRightIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
function StrokeArrowRightIcon(props) {
|
|
4
|
+
return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("g", { transform: "translate(6 6)", children: jsx("path", { d: "M9,6 L4.06645029,11 C3.87890406,10.9183099 3.69487412,10.8018244 3.51436046,10.6505434 C3.3338468,10.4992624 3.16239331,10.317832 3,10.1062522 L7.08347812,6.01199041 L3,2.0039693 C3.16649238,1.78789286 3.33794587,1.5968153 3.51436046,1.43073649 C3.69077505,1.26465764 3.87480499,1.12107877 4.06645029,1 L9,6 Z", fillRule: "evenodd" }) }) }));
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
export { StrokeArrowRightIcon };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function StrokeArrowUpIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
function StrokeNoticeIcon(props) {
|
|
4
|
+
return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", children: jsx("path", { d: "M12,3 C12.4417671,3 12.8668005,3.11211513 13.2751004,3.33634538 C13.6834003,3.56057564 14.0147256,3.89022758 14.2690763,4.3253012 L21.6285141,17.1566265 C21.748996,17.37751 21.8410308,17.6017403 21.9046185,17.8293173 C21.9682062,18.0568942 22,18.2811245 22,18.502008 C22,18.9973226 21.892905,19.4441098 21.6787149,19.8423695 C21.4645248,20.2406292 21.1599732,20.5568942 20.7650602,20.7911647 C20.3701473,21.0254351 19.8982597,21.1425703 19.3493976,21.1425703 L4.65060241,21.1425703 C4.10174029,21.1425703 3.62985274,21.0254351 3.23493976,20.7911647 C2.84002677,20.5568942 2.53547523,20.2406292 2.32128514,19.8423695 C2.10709505,19.4441098 2,18.9973226 2,18.502008 C2,18.0334672 2.12382865,17.5850067 2.37148594,17.1566265 L9.73092369,4.3253012 C9.97858099,3.89022758 10.3065596,3.56057564 10.7148594,3.33634538 C11.1231593,3.11211513 11.5515395,3 12,3 Z M12,4.52 C11.8099338,4.52 11.6328119,4.56635612 11.4465374,4.66865444 C11.2893999,4.75495123 11.1630994,4.88189615 11.0494453,5.08154246 L3.68740289,17.917391 C3.57157145,18.1177481 3.52,18.3045203 3.52,18.502008 C3.52,18.7517359 3.56775372,18.9509584 3.65996226,19.1224087 C3.74276027,19.2763612 3.85219164,19.3900015 4.01044667,19.4838816 C4.15871922,19.5718399 4.36309026,19.6225703 4.65060241,19.6225703 L19.3493976,19.6225703 C19.6369097,19.6225703 19.8412808,19.5718399 19.9895533,19.4838816 C20.1478084,19.3900015 20.2572397,19.2763612 20.3400377,19.1224087 C20.4322463,18.9509584 20.48,18.7517359 20.48,18.502008 C20.48,18.4218263 20.4676843,18.3349679 20.4406898,18.2383562 C20.4085757,18.1234213 20.3603343,18.0058878 20.3099925,17.9128678 L12.9568652,5.09244002 C12.8385622,4.89007962 12.7054434,4.75763311 12.5434225,4.66865444 C12.3563062,4.56589385 12.1823206,4.52 12,4.52 Z M12.0100402,15.8313253 C12.311245,15.8313253 12.5722892,15.9317269 12.7931727,16.1325301 C13.0140562,16.3333333 13.124498,16.5843373 13.124498,16.8855422 C13.124498,17.1934404 13.0123829,17.4461178 12.7881526,17.6435743 C12.5639224,17.8410308 12.3045515,17.939759 12.0100402,17.939759 C11.7021419,17.939759 11.437751,17.8393574 11.2168675,17.6385542 C10.9959839,17.437751 10.8855422,17.186747 10.8855422,16.8855422 C10.8855422,16.5910308 10.9959839,16.3417001 11.2168675,16.1375502 C11.437751,15.9334003 11.7021419,15.8313253 12.0100402,15.8313253 Z M11.9899598,7.97991968 C12.2777778,7.97991968 12.5120482,8.07028112 12.6927711,8.25100402 C12.873494,8.43172691 12.9638554,8.65595716 12.9638554,8.92369478 L12.8232932,13.873494 C12.8099063,14.4290495 12.538822,14.7068273 12.0100402,14.7068273 C11.461178,14.7068273 11.1800535,14.4290495 11.1666667,13.873494 L11.0361446,8.91365462 C11.0294511,8.645917 11.1147925,8.42336011 11.2921687,8.24598394 C11.4695448,8.06860776 11.7021419,7.97991968 11.9899598,7.97991968 Z" }) }));
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
export { StrokeNoticeIcon };
|
package/dist/index.js
CHANGED
|
@@ -40,6 +40,7 @@ export { Breadcrumb } from './breadcrumbs/breadcrumb.js';
|
|
|
40
40
|
export { AddToCartButton } from './buttons/add-to-cart-button/add-to-cart-button.js';
|
|
41
41
|
export { ConnectedAddToCartButton } from './buttons/add-to-cart-button/connected-add-to-cart-button.js';
|
|
42
42
|
export { Button } from './buttons/button/button.js';
|
|
43
|
+
export { CloseButton } from './buttons/close-button/close-button.js';
|
|
43
44
|
export { ConnectedFavoriteButton } from './buttons/favorite/connected-favorite-button.js';
|
|
44
45
|
export { FavoriteButton } from './buttons/favorite/favorite-button.js';
|
|
45
46
|
export { IconButton } from './buttons/icon-button/icon-button.js';
|
|
@@ -85,6 +86,12 @@ export { CookieProvider } from './cookies/cookie-provider.js';
|
|
|
85
86
|
export { createReadonlyCookieReader } from './cookies/readonly-cookie-reader.js';
|
|
86
87
|
export { isCookieGetterSetter } from './cookies/types.js';
|
|
87
88
|
export { useCookie } from './cookies/use-cookie.js';
|
|
89
|
+
export { ConnectedCountryLanguageSelectionList } from './country-language-selection-list/connected-country-language-selection-list.js';
|
|
90
|
+
export { CountryLanguageSelectionList } from './country-language-selection-list/country-language-selection-list.js';
|
|
91
|
+
export { ConnectedCountryLanguageSelectorButton } from './country-language-selector-button/connected-country-language-selector-button.js';
|
|
92
|
+
export { CountryLanguageSelectorButton } from './country-language-selector-button/country-language-selector-button.js';
|
|
93
|
+
export { ConnectedCountryLanguageSelector } from './country-language-selector/connected-country-language-selector.js';
|
|
94
|
+
export { CountryLanguageSelector } from './country-language-selector/country-language-selector.js';
|
|
88
95
|
export { CountrySelect } from './country-select/country-select.js';
|
|
89
96
|
export { useCountries } from './country-select/hooks/use-countries.js';
|
|
90
97
|
export { ConnectedCountrySelector } from './country-selector/connected-country-selector.js';
|
|
@@ -101,6 +108,68 @@ export { useDrawer } from './drawer/use-drawer.js';
|
|
|
101
108
|
export { ActiveFilters } from './filters/active-filters/active-filters.js';
|
|
102
109
|
export { MultiSelect } from './filters/multi-select/multi-select.js';
|
|
103
110
|
export { Pagination } from './filters/pagination/pagination.js';
|
|
111
|
+
export { Flag } from './flag/flag.js';
|
|
112
|
+
export { FlagAD } from './flags/flag-ad.js';
|
|
113
|
+
export { FlagAE } from './flags/flag-ae.js';
|
|
114
|
+
export { FlagAL } from './flags/flag-al.js';
|
|
115
|
+
export { FlagAT } from './flags/flag-at.js';
|
|
116
|
+
export { FlagBA } from './flags/flag-ba.js';
|
|
117
|
+
export { FlagBE } from './flags/flag-be.js';
|
|
118
|
+
export { FlagBG } from './flags/flag-bg.js';
|
|
119
|
+
export { FlagBR } from './flags/flag-br.js';
|
|
120
|
+
export { FlagCA } from './flags/flag-ca.js';
|
|
121
|
+
export { FlagCH } from './flags/flag-ch.js';
|
|
122
|
+
export { FlagCY } from './flags/flag-cy.js';
|
|
123
|
+
export { FlagCZ } from './flags/flag-cz.js';
|
|
124
|
+
export { FlagDE } from './flags/flag-de.js';
|
|
125
|
+
export { FlagDJ } from './flags/flag-dj.js';
|
|
126
|
+
export { FlagDK } from './flags/flag-dk.js';
|
|
127
|
+
export { FlagEC } from './flags/flag-ec.js';
|
|
128
|
+
export { FlagEE } from './flags/flag-ee.js';
|
|
129
|
+
export { FlagES } from './flags/flag-es.js';
|
|
130
|
+
export { FlagEU } from './flags/flag-eu.js';
|
|
131
|
+
export { FlagFI } from './flags/flag-fi.js';
|
|
132
|
+
export { FlagFR } from './flags/flag-fr.js';
|
|
133
|
+
export { FlagGB } from './flags/flag-gb.js';
|
|
134
|
+
export { FlagGR } from './flags/flag-gr.js';
|
|
135
|
+
export { FlagHR } from './flags/flag-hr.js';
|
|
136
|
+
export { FlagHU } from './flags/flag-hu.js';
|
|
137
|
+
export { FlagIE } from './flags/flag-ie.js';
|
|
138
|
+
export { FlagIQ } from './flags/flag-iq.js';
|
|
139
|
+
export { FlagIS } from './flags/flag-is.js';
|
|
140
|
+
export { FlagIT } from './flags/flag-it.js';
|
|
141
|
+
export { FlagKW } from './flags/flag-kw.js';
|
|
142
|
+
export { FlagKZ } from './flags/flag-kz.js';
|
|
143
|
+
export { FlagLB } from './flags/flag-lb.js';
|
|
144
|
+
export { FlagLT } from './flags/flag-lt.js';
|
|
145
|
+
export { FlagLU } from './flags/flag-lu.js';
|
|
146
|
+
export { FlagLV } from './flags/flag-lv.js';
|
|
147
|
+
export { FlagMA } from './flags/flag-ma.js';
|
|
148
|
+
export { FlagMC } from './flags/flag-mc.js';
|
|
149
|
+
export { FlagMD } from './flags/flag-md.js';
|
|
150
|
+
export { FlagME } from './flags/flag-me.js';
|
|
151
|
+
export { FlagMK } from './flags/flag-mk.js';
|
|
152
|
+
export { FlagMT } from './flags/flag-mt.js';
|
|
153
|
+
export { FlagMX } from './flags/flag-mx.js';
|
|
154
|
+
export { FlagMY } from './flags/flag-my.js';
|
|
155
|
+
export { FlagNL } from './flags/flag-nl.js';
|
|
156
|
+
export { FlagNO } from './flags/flag-no.js';
|
|
157
|
+
export { FlagPL } from './flags/flag-pl.js';
|
|
158
|
+
export { FlagPT } from './flags/flag-pt.js';
|
|
159
|
+
export { FlagRO } from './flags/flag-ro.js';
|
|
160
|
+
export { FlagRS } from './flags/flag-rs.js';
|
|
161
|
+
export { FlagSA } from './flags/flag-sa.js';
|
|
162
|
+
export { FlagSE } from './flags/flag-se.js';
|
|
163
|
+
export { FlagSG } from './flags/flag-sg.js';
|
|
164
|
+
export { FlagSI } from './flags/flag-si.js';
|
|
165
|
+
export { FlagSK } from './flags/flag-sk.js';
|
|
166
|
+
export { FlagTR } from './flags/flag-tr.js';
|
|
167
|
+
export { FlagTW } from './flags/flag-tw.js';
|
|
168
|
+
export { FlagUA } from './flags/flag-ua.js';
|
|
169
|
+
export { FlagUS } from './flags/flag-us.js';
|
|
170
|
+
export { FlagVN } from './flags/flag-vn.js';
|
|
171
|
+
export { FlagXK } from './flags/flag-xk.js';
|
|
172
|
+
export { FlagZA } from './flags/flag-za.js';
|
|
104
173
|
export { ConnectedFooter } from './footer/connected-footer.js';
|
|
105
174
|
export { Footer } from './footer/footer.js';
|
|
106
175
|
export { Checkbox } from './forms/elements/checkbox/checkbox.js';
|
|
@@ -161,13 +230,14 @@ export { Header } from './header/header.js';
|
|
|
161
230
|
export { HeaderLayout } from './header/header-layout/header-layout.js';
|
|
162
231
|
export { NavigationLinkList } from './header/link-list/navigation-link-list.js';
|
|
163
232
|
export { SonicLogo } from './header/sonic-logo/sonic-logo.js';
|
|
233
|
+
export { Icon } from './icon/icon.js';
|
|
164
234
|
export { InfoIconTooltip } from './info-icon-tooltip/info-icon-tooltip.js';
|
|
165
235
|
export { FormattedDate } from './intl/formatted-date.js';
|
|
166
236
|
export { FormattedMessage } from './intl/formatted-message.js';
|
|
167
237
|
export { IntlContext } from './intl/intl-context.js';
|
|
168
238
|
export { IntlProvider } from './intl/intl-provider.js';
|
|
169
239
|
export { MissingTranslationProvider } from './intl/missing-translation-provider.js';
|
|
170
|
-
export { isCountryCode, isCultureCode, isCurrencyCode, isFormattedMessageWithTranslationIdProps, isFormattedMessageWithUnknownTranslationIdProps, isLanguageCode } from './intl/types.js';
|
|
240
|
+
export { isCountryCode, isCountryLanguageCode, isCultureCode, isCurrencyCode, isFormattedMessageWithTranslationIdProps, isFormattedMessageWithUnknownTranslationIdProps, isLanguageCode } from './intl/types.js';
|
|
171
241
|
export { useCountryCode, useUpdateCountryCode } from './intl/use-country-code.js';
|
|
172
242
|
export { useCultureCode, useUpdateCultureCode } from './intl/use-culture-code.js';
|
|
173
243
|
export { useCurrencyCode, useUpdateCurrencyCode } from './intl/use-currency-code.js';
|
|
@@ -208,9 +278,6 @@ export { AddToFavoriteDialog } from './modals/favorite/add-to-favorite-dialog.js
|
|
|
208
278
|
export { Modal } from './modals/modal/modal.js';
|
|
209
279
|
export { RecoverPasswordDialog } from './modals/recover-password/recover-password-dialog.js';
|
|
210
280
|
export { SignInDialog } from './modals/signin/sign-in-dialog.js';
|
|
211
|
-
export { AccountIcon } from './navigation/account-icon/account-icon.js';
|
|
212
|
-
export { CartIcon } from './navigation/cart-icon/cart-icon.js';
|
|
213
|
-
export { FavoriteIcon } from './navigation/favorite-icon/favorite-icon.js';
|
|
214
281
|
export { MobileNavigation } from './navigation/mobile-navigation/mobile-navigation.js';
|
|
215
282
|
export { PanelNavigation } from './navigation/panel-navigation/panel-navigation.js';
|
|
216
283
|
export { QuickAccessMenu } from './navigation/quick-access-menu/quick-access-menu.js';
|
|
@@ -257,6 +324,7 @@ export { ShippingPageContent } from './pages/checkout/shipping-page/shipping-pag
|
|
|
257
324
|
export { PageContainer } from './pages/components/page-container/page-container.js';
|
|
258
325
|
export { PageMetaData } from './pages/components/page-meta-data/page-meta-data.js';
|
|
259
326
|
export { Page } from './pages/components/page/page.js';
|
|
327
|
+
export { CountriesPage } from './pages/countries-page/countries-page.js';
|
|
260
328
|
export { ErrorPage } from './pages/error-page/error-page.js';
|
|
261
329
|
export { LoadingPage } from './pages/loading-page/loading-page.js';
|
|
262
330
|
export { ChangeCustomer } from './pages/my-sonic/actions/change-customer/change-customer.js';
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { IconSize } from '../icon/icon';
|
|
2
3
|
type Variant = 'solid' | 'stroke';
|
|
3
4
|
export interface InfoIconTooltipProps {
|
|
4
5
|
children: string | ReactNode;
|
|
5
6
|
className?: string;
|
|
7
|
+
size?: IconSize;
|
|
6
8
|
variant?: Variant;
|
|
7
9
|
}
|
|
8
|
-
export declare function InfoIconTooltip({ children, className, variant, }: InfoIconTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export declare function InfoIconTooltip({ children, className, size, variant, }: InfoIconTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
9
11
|
export {};
|
|
@@ -2,19 +2,17 @@
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { IconButton } from '../buttons/icon-button/icon-button.js';
|
|
5
|
-
import { SolidInformationIcon } from '../icons/solid/solid-information-icon.js';
|
|
6
|
-
import { StrokeInformationIcon } from '../icons/stroke/stroke-information-icon.js';
|
|
7
5
|
import { useFormattedMessage } from '../intl/use-formatted-message.js';
|
|
8
6
|
import { Tooltip } from '../tooltip/tooltip.js';
|
|
9
7
|
import styles from './info-icon-tooltip.module.css.js';
|
|
10
8
|
|
|
11
|
-
function Icon({ variant, ...props }) {
|
|
12
|
-
|
|
13
|
-
const triggerLabel = t('Information');
|
|
14
|
-
return (jsx(IconButton, { ...props, className: clsx(styles.trigger), children: variant === 'stroke' ? (jsx(StrokeInformationIcon, { "aria-description": triggerLabel })) : (jsx(SolidInformationIcon, { "aria-description": triggerLabel })) }));
|
|
9
|
+
function Icon({ label, size, variant, ...props }) {
|
|
10
|
+
return (jsx(IconButton, { ...props, round: true, className: clsx(styles.trigger), icon: variant === 'stroke' ? 'Information' : 'InformationSolid', label: label, size: size }));
|
|
15
11
|
}
|
|
16
|
-
function InfoIconTooltip({ children, className, variant = 'solid', }) {
|
|
17
|
-
|
|
12
|
+
function InfoIconTooltip({ children, className, size = 'md', variant = 'solid', }) {
|
|
13
|
+
const t = useFormattedMessage();
|
|
14
|
+
const label = t('Information');
|
|
15
|
+
return (jsx(Tooltip, { className: clsx(className, styles['info-icon-tooltip'], styles[variant]), trigger: jsx(Icon, { label: label, size: size, variant: variant }), children: children }));
|
|
18
16
|
}
|
|
19
17
|
|
|
20
18
|
export { InfoIconTooltip };
|
|
@@ -7,6 +7,8 @@ export interface IntlContextType {
|
|
|
7
7
|
cultureCode: CultureCode;
|
|
8
8
|
currencyCode: CurrencyCode;
|
|
9
9
|
formattedMessage: FormattedMessageFunction;
|
|
10
|
+
setShowSelector: (show: boolean) => void;
|
|
11
|
+
showSelector: boolean | null;
|
|
10
12
|
updateCountryCode?: UpdateCountryCode;
|
|
11
13
|
updateCultureCode?: UpdateCultureCode;
|
|
12
14
|
updateCurrencyCode?: UpdateCurrencyCode;
|
|
@@ -4,6 +4,7 @@ import { useState, useMemo } from 'react';
|
|
|
4
4
|
import { IntlContext } from './intl-context.js';
|
|
5
5
|
|
|
6
6
|
function IntlProvider({ children, countryCode: _countryCode, cultureCode: _cultureCode, currencyCode: _currencyCode, formattedMessage, }) {
|
|
7
|
+
const [showSelector, setShowSelector] = useState(null);
|
|
7
8
|
const [cultureCode, updateCultureCode] = useState();
|
|
8
9
|
const [currencyCode, updateCurrencyCode] = useState();
|
|
9
10
|
const [countryCode, updateCountryCode] = useState();
|
|
@@ -12,6 +13,8 @@ function IntlProvider({ children, countryCode: _countryCode, cultureCode: _cultu
|
|
|
12
13
|
cultureCode: cultureCode || _cultureCode,
|
|
13
14
|
currencyCode: currencyCode || _currencyCode,
|
|
14
15
|
formattedMessage,
|
|
16
|
+
setShowSelector,
|
|
17
|
+
showSelector,
|
|
15
18
|
updateCountryCode,
|
|
16
19
|
updateCultureCode,
|
|
17
20
|
updateCurrencyCode,
|
|
@@ -23,6 +26,8 @@ function IntlProvider({ children, countryCode: _countryCode, cultureCode: _cultu
|
|
|
23
26
|
cultureCode,
|
|
24
27
|
currencyCode,
|
|
25
28
|
formattedMessage,
|
|
29
|
+
showSelector,
|
|
30
|
+
setShowSelector,
|
|
26
31
|
]);
|
|
27
32
|
return jsx(IntlContext.Provider, { value: value, children: children });
|
|
28
33
|
}
|