@nuskin/nextgen-header 1.35.0 → 1.36.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.
@@ -103141,7 +103141,8 @@ function HeaderLoyaltyRegion(_ref) {
103141
103141
  var url = data === null || data === void 0 ? void 0 : data.url;
103142
103142
  return /*#__PURE__*/(0,jsx_runtime_.jsx)(LoyaltyUtilityLink, HeaderLoyaltyRegion_objectSpread(HeaderLoyaltyRegion_objectSpread({
103143
103143
  "data-gtm-loyalty": true,
103144
- href: url
103144
+ href: url,
103145
+ "aria-label": data === null || data === void 0 ? void 0 : data.loyalty_button_aria_label
103145
103146
  }, data !== null && data !== void 0 && data.open_in_new_tab ? {
103146
103147
  target: "_blank",
103147
103148
  rel: "noopener noreferrer"
@@ -103154,6 +103155,7 @@ function HeaderLoyaltyRegion(_ref) {
103154
103155
  HeaderLoyaltyRegion.propTypes = {
103155
103156
  data: external_prop_types_default().shape({
103156
103157
  label: (external_prop_types_default()).string,
103158
+ loyalty_button_aria_label: (external_prop_types_default()).string,
103157
103159
  url: (external_prop_types_default()).string.isRequired,
103158
103160
  open_in_new_tab: (external_prop_types_default()).bool,
103159
103161
  $: (external_prop_types_default()).object
@@ -103820,7 +103822,8 @@ function Cart(_ref) {
103820
103822
  children: /*#__PURE__*/(0,jsx_runtime_.jsx)(dist.NsCartIcon, {
103821
103823
  itemCount: showCartCount ? itemCount : 0,
103822
103824
  size: "large",
103823
- color: "slate"
103825
+ color: "slate",
103826
+ ariaLabel: ariaLabel
103824
103827
  })
103825
103828
  }));
103826
103829
  }
@@ -103844,15 +103847,16 @@ Cart.defaultProps = {
103844
103847
 
103845
103848
 
103846
103849
  function HeaderCartRegion(_ref) {
103847
- var _data$show_cart_icon, _data$show_cart_count, _data$item_count;
103850
+ var _data$show_cart_icon, _data$show_cart_count, _data$item_count, _data$cart_aria_label;
103848
103851
  var data = _ref.data,
103849
103852
  parent$ = _ref.parent$;
103850
103853
  var showCartIcon = (_data$show_cart_icon = data === null || data === void 0 ? void 0 : data.show_cart_icon) !== null && _data$show_cart_icon !== void 0 ? _data$show_cart_icon : true;
103851
103854
  var showCartCount = (_data$show_cart_count = data === null || data === void 0 ? void 0 : data.show_cart_count) !== null && _data$show_cart_count !== void 0 ? _data$show_cart_count : true;
103852
103855
  var itemCount = (_data$item_count = data === null || data === void 0 ? void 0 : data.item_count) !== null && _data$item_count !== void 0 ? _data$item_count : 0;
103856
+ var cartAriaLabel = (_data$cart_aria_label = data === null || data === void 0 ? void 0 : data.cart_aria_label) !== null && _data$cart_aria_label !== void 0 ? _data$cart_aria_label : "";
103853
103857
  return /*#__PURE__*/(0,jsx_runtime_.jsx)(Cart, {
103854
103858
  itemCount: itemCount,
103855
- "aria-label": "Shopping cart",
103859
+ ariaLabel: cartAriaLabel,
103856
103860
  showCartIcon: showCartIcon,
103857
103861
  showCartCount: showCartCount,
103858
103862
  $: parent$
@@ -103862,7 +103866,8 @@ HeaderCartRegion.propTypes = {
103862
103866
  data: external_prop_types_default().shape({
103863
103867
  show_cart_icon: (external_prop_types_default()).bool,
103864
103868
  show_cart_count: (external_prop_types_default()).bool,
103865
- item_count: (external_prop_types_default()).number
103869
+ item_count: (external_prop_types_default()).number,
103870
+ cart_aria_label: (external_prop_types_default()).string
103866
103871
  }),
103867
103872
  parent$: (external_prop_types_default()).object
103868
103873
  };
@@ -110406,11 +110411,13 @@ function renderMarketSelectorModalDesktop(_ref7) {
110406
110411
  $: logo === null || logo === void 0 ? void 0 : logo.$
110407
110412
  })
110408
110413
  }), /*#__PURE__*/(0,jsx_runtime_.jsx)(MarketSelector_styled_ModalTitle, MarketSelector_objectSpread(MarketSelector_objectSpread({
110409
- id: "market-selector-modal-title"
110414
+ id: "market-selector-modal-title",
110415
+ "aria-label": selector === null || selector === void 0 ? void 0 : selector.select_your_market_language_text_aria_label
110410
110416
  }, (_marketSelectorDollar = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.select_your_market_language_text) !== null && _marketSelectorDollar !== void 0 ? _marketSelectorDollar : {}), {}, {
110411
110417
  children: text.modalTitle
110412
110418
  })), /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelWrap, {
110413
110419
  children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelButton, {
110420
+ ariaLabel: selector === null || selector === void 0 ? void 0 : selector.cancel_text_aria_label,
110414
110421
  label: text.cancelText,
110415
110422
  onClick: closeModal,
110416
110423
  parent$: (_marketSelectorDollar2 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.cancel_text) !== null && _marketSelectorDollar2 !== void 0 ? _marketSelectorDollar2 : {}
@@ -110419,6 +110426,7 @@ function renderMarketSelectorModalDesktop(_ref7) {
110419
110426
  }), /*#__PURE__*/(0,jsx_runtime_.jsx)(TopControls, {
110420
110427
  children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(RememberRow, {
110421
110428
  htmlFor: "market-selector-remember-selection",
110429
+ "aria-label": selector === null || selector === void 0 ? void 0 : selector.remember_region_text_aria_label,
110422
110430
  "data-checked": rememberSelection ? "true" : "false",
110423
110431
  "data-toggle-source": rememberToggleSource,
110424
110432
  "data-hovered": isRememberHovered ? "true" : "false",
@@ -110541,12 +110549,14 @@ function renderMarketSelectorModalMobile(_ref8) {
110541
110549
  children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileStickyHeaderContainer, {
110542
110550
  children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileCompactHeaderRow, {
110543
110551
  children: [/*#__PURE__*/(0,jsx_runtime_.jsx)(MobileCompactTitle, MarketSelector_objectSpread(MarketSelector_objectSpread({
110544
- id: "market-selector-modal-title"
110552
+ id: "market-selector-modal-title",
110553
+ "aria-label": selector === null || selector === void 0 ? void 0 : selector.select_your_market_language_text_aria_label
110545
110554
  }, (_marketSelectorDollar4 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.select_your_market_language_text) !== null && _marketSelectorDollar4 !== void 0 ? _marketSelectorDollar4 : {}), {}, {
110546
110555
  children: text.modalTitle
110547
110556
  })), /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileModalHeaderCancelWrap, {
110548
110557
  children: /*#__PURE__*/(0,jsx_runtime_.jsx)(CancelButton, {
110549
110558
  className: "market-selector-mobile-header-cancel",
110559
+ ariaLabel: selector === null || selector === void 0 ? void 0 : selector.cancel_text_aria_label,
110550
110560
  label: text.cancelText,
110551
110561
  onClick: closeModal,
110552
110562
  parent$: (_marketSelectorDollar5 = marketSelectorDollar === null || marketSelectorDollar === void 0 ? void 0 : marketSelectorDollar.cancel_text) !== null && _marketSelectorDollar5 !== void 0 ? _marketSelectorDollar5 : {}
@@ -110560,6 +110570,7 @@ function renderMarketSelectorModalMobile(_ref8) {
110560
110570
  children: /*#__PURE__*/(0,jsx_runtime_.jsx)(MobileRememberControls, {
110561
110571
  children: /*#__PURE__*/(0,jsx_runtime_.jsxs)(MobileRememberRowCompact, {
110562
110572
  htmlFor: "market-selector-remember-selection",
110573
+ "aria-label": selector === null || selector === void 0 ? void 0 : selector.remember_region_text_aria_label,
110563
110574
  "data-checked": rememberSelection ? "true" : "false",
110564
110575
  "data-toggle-source": rememberToggleSource,
110565
110576
  "data-hovered": isRememberHovered ? "true" : "false",
@@ -110963,7 +110974,8 @@ function MarketSelector(_ref11) {
110963
110974
  "aria-expanded": isVisible,
110964
110975
  "aria-controls": "market-selector-modal",
110965
110976
  onClick: openModal,
110966
- "data-testid": "market-selector-trigger"
110977
+ "data-testid": "market-selector-trigger",
110978
+ "aria-label": selector === null || selector === void 0 ? void 0 : selector.trigger_pill_aria_label
110967
110979
  };
110968
110980
  var desktopTrigger = /*#__PURE__*/(0,jsx_runtime_.jsx)(TriggerPill, MarketSelector_objectSpread(MarketSelector_objectSpread({}, triggerButtonShared), {}, {
110969
110981
  children: triggerInner