@sipesistemas/polaris 1.2.2 → 1.2.4

package/build/cjs/components/Navigation/components/Item/Item.js

@@ -250,7 +250,6 @@ function Item({
         event.preventDefault();
       }
       if (subNavigationItems && subNavigationItems.length > 0 && isNavigationCollapsed) {
-        event.preventDefault();
         onToggleExpandedState?.();
       } else if (onNavigationDismiss) {
         onNavigationDismiss();

package/build/cjs/components/TopBar/TopBar.css.js

@@ -18,8 +18,8 @@ var styles = {
   "LeftContent": "Polaris-TopBar__LeftContent",
   "Search": "Polaris-TopBar__Search",
   "RightContent": "Polaris-TopBar__RightContent",
-  "HelpActivatorWrapper": "Polaris-TopBar__HelpActivatorWrapper",
-  "HelpActivator": "Polaris-TopBar__HelpActivator",
+  "ActionWrapper": "Polaris-TopBar__ActionWrapper",
+  "ActionButton": "Polaris-TopBar__ActionButton",
   "SecondaryMenu": "Polaris-TopBar__SecondaryMenu"
 };
 

package/build/cjs/components/TopBar/TopBar.js

@@ -8,6 +8,7 @@ var TopBar_module = require('./TopBar.css.js');
 var jsxRuntime = require('react/jsx-runtime');
 var SearchField = require('./components/SearchField/SearchField.js');
 var UserMenu = require('./components/UserMenu/UserMenu.js');
+var ActionButton = require('./components/ActionButton/ActionButton.js');
 var Search = require('./components/Search/Search.js');
 var hooks = require('../../utilities/i18n/hooks.js');
 var hooks$1 = require('../../utilities/frame/hooks.js');
@@ -30,7 +31,7 @@ const TopBar = function TopBar({
   searchResultsVisible,
   searchResultsOverlayVisible = false,
   onNavigationToggle,
-  onHelpToggle,
+  actions,
   onSearchResultsDismiss,
   contextControl,
   logoSuffix
@@ -107,17 +108,10 @@ const TopBar = function TopBar({
         children: searchMarkup
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: TopBar_module.default.RightContent,
-        children: [onHelpToggle && /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: TopBar_module.default.HelpActivatorWrapper,
-          children: /*#__PURE__*/jsxRuntime.jsx("button", {
-            type: "button",
-            className: css.classNames(TopBar_module.default.HelpActivator, userMenu && TopBar_module.default['Activator-userMenu']),
-            onClick: onHelpToggle,
-            children: /*#__PURE__*/jsxRuntime.jsx(Icon.Icon, {
-              source: polarisIcons.QuestionCircleIcon
-            })
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        children: [actions?.map((action, index) => /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: TopBar_module.default.ActionWrapper,
+          children: action
+        }, index)), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: TopBar_module.default.SecondaryMenu,
           children: secondaryMenu
         }), userMenu]
@@ -128,5 +122,6 @@ const TopBar = function TopBar({
 TopBar.Menu = Menu.Menu;
 TopBar.SearchField = SearchField.SearchField;
 TopBar.UserMenu = UserMenu.UserMenu;
+TopBar.ActionButton = ActionButton.ActionButton;
 
 exports.TopBar = TopBar;

package/build/cjs/components/TopBar/components/ActionButton/ActionButton.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var TopBar_module = require('../../TopBar.css.js');
+var jsxRuntime = require('react/jsx-runtime');
+var Icon = require('../../../Icon/Icon.js');
+var Text = require('../../../Text/Text.js');
+
+function ActionButton({
+  icon,
+  accessibilityLabel,
+  onClick
+}) {
+  return /*#__PURE__*/jsxRuntime.jsxs("button", {
+    type: "button",
+    className: TopBar_module.default.ActionButton,
+    onClick: onClick,
+    children: [/*#__PURE__*/jsxRuntime.jsx(Icon.Icon, {
+      source: icon
+    }), /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+      as: "span",
+      visuallyHidden: true,
+      children: accessibilityLabel
+    })]
+  });
+}
+
+exports.ActionButton = ActionButton;

package/build/esm/components/Navigation/components/Item/Item.js

@@ -248,7 +248,6 @@ function Item({
         event.preventDefault();
       }
       if (subNavigationItems && subNavigationItems.length > 0 && isNavigationCollapsed) {
-        event.preventDefault();
         onToggleExpandedState?.();
       } else if (onNavigationDismiss) {
         onNavigationDismiss();

package/build/esm/components/TopBar/TopBar.css.js

@@ -14,8 +14,8 @@ var styles = {
   "LeftContent": "Polaris-TopBar__LeftContent",
   "Search": "Polaris-TopBar__Search",
   "RightContent": "Polaris-TopBar__RightContent",
-  "HelpActivatorWrapper": "Polaris-TopBar__HelpActivatorWrapper",
-  "HelpActivator": "Polaris-TopBar__HelpActivator",
+  "ActionWrapper": "Polaris-TopBar__ActionWrapper",
+  "ActionButton": "Polaris-TopBar__ActionButton",
   "SecondaryMenu": "Polaris-TopBar__SecondaryMenu"
 };
 

package/build/esm/components/TopBar/TopBar.js

@@ -1,4 +1,4 @@
-import { MenuIcon, QuestionCircleIcon } from '@shopify/polaris-icons';
+import { MenuIcon } from '@shopify/polaris-icons';
 import { classNames } from '../../utilities/css.js';
 import { getWidth } from '../../utilities/get-width.js';
 import { useToggle } from '../../utilities/use-toggle.js';
@@ -6,6 +6,7 @@ import styles from './TopBar.css.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { SearchField } from './components/SearchField/SearchField.js';
 import { UserMenu } from './components/UserMenu/UserMenu.js';
+import { ActionButton } from './components/ActionButton/ActionButton.js';
 import { Search } from './components/Search/Search.js';
 import { useI18n } from '../../utilities/i18n/hooks.js';
 import { useFrame } from '../../utilities/frame/hooks.js';
@@ -28,7 +29,7 @@ const TopBar = function TopBar({
   searchResultsVisible,
   searchResultsOverlayVisible = false,
   onNavigationToggle,
-  onHelpToggle,
+  actions,
   onSearchResultsDismiss,
   contextControl,
   logoSuffix
@@ -105,17 +106,10 @@ const TopBar = function TopBar({
         children: searchMarkup
       }), /*#__PURE__*/jsxs("div", {
         className: styles.RightContent,
-        children: [onHelpToggle && /*#__PURE__*/jsx("div", {
-          className: styles.HelpActivatorWrapper,
-          children: /*#__PURE__*/jsx("button", {
-            type: "button",
-            className: classNames(styles.HelpActivator, userMenu && styles['Activator-userMenu']),
-            onClick: onHelpToggle,
-            children: /*#__PURE__*/jsx(Icon, {
-              source: QuestionCircleIcon
-            })
-          })
-        }), /*#__PURE__*/jsx("div", {
+        children: [actions?.map((action, index) => /*#__PURE__*/jsx("div", {
+          className: styles.ActionWrapper,
+          children: action
+        }, index)), /*#__PURE__*/jsx("div", {
           className: styles.SecondaryMenu,
           children: secondaryMenu
         }), userMenu]
@@ -126,5 +120,6 @@ const TopBar = function TopBar({
 TopBar.Menu = Menu;
 TopBar.SearchField = SearchField;
 TopBar.UserMenu = UserMenu;
+TopBar.ActionButton = ActionButton;
 
 export { TopBar };

package/build/esm/components/TopBar/components/ActionButton/ActionButton.js

@@ -0,0 +1,25 @@
+import styles from '../../TopBar.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon } from '../../../Icon/Icon.js';
+import { Text } from '../../../Text/Text.js';
+
+function ActionButton({
+  icon,
+  accessibilityLabel,
+  onClick
+}) {
+  return /*#__PURE__*/jsxs("button", {
+    type: "button",
+    className: styles.ActionButton,
+    onClick: onClick,
+    children: [/*#__PURE__*/jsx(Icon, {
+      source: icon
+    }), /*#__PURE__*/jsx(Text, {
+      as: "span",
+      visuallyHidden: true,
+      children: accessibilityLabel
+    })]
+  });
+}
+
+export { ActionButton };

package/build/esm/styles.css

@@ -3456,7 +3456,7 @@
 @keyframes p-motion-keyframes-appear-below{ from{ transform:translateY(calc(var(--p-space-100)*-1)); opacity:0; } to{ transform:none; opacity:1; } }
 
 :root{
-  --polaris-version-number:'1.2.2';
+  --polaris-version-number:'1.2.4';
 
   --pg-navigation-width:15rem;
   --pg-dangerous-magic-space-4:1rem;
@@ -15704,13 +15704,13 @@ body{
   justify-content:flex-end;
 }
 
-.Polaris-TopBar__HelpActivatorWrapper{
+.Polaris-TopBar__ActionWrapper{
   height:var(--pg-top-bar-height);
   display:flex;
   align-items:center;
 }
 
-.Polaris-TopBar__HelpActivator{
+.Polaris-TopBar__ActionButton{
   -webkit-appearance:none;
           appearance:none;
   margin:0;
@@ -15738,11 +15738,11 @@ body{
   background-color:var(--p-color-bg-fill-inverse);
 }
 
-.Polaris-TopBar__HelpActivator:focus{
+.Polaris-TopBar__ActionButton:focus{
     outline:none;
   }
 
-.Polaris-TopBar__HelpActivator::after {
+.Polaris-TopBar__ActionButton::after {
   content: '';
   position: absolute;
   z-index: 1;
@@ -15756,50 +15756,50 @@ body{
   border-radius: var(--p-border-radius-100);
 }
 
-.Polaris-TopBar__HelpActivator:focus{
+.Polaris-TopBar__ActionButton:focus{
     background-color:var(--p-color-bg-fill-inverse-hover);
     outline:none;
   }
 
-.Polaris-TopBar__HelpActivator:focus-visible{
+.Polaris-TopBar__ActionButton:focus-visible{
     outline:var(--p-border-width-050) solid var(--p-color-border-focus);
     outline-offset:var(--p-space-050);
   }
 
-.Polaris-TopBar__HelpActivator:focus-visible::after{
+.Polaris-TopBar__ActionButton:focus-visible::after{
     content:none;
   }
 
-.Polaris-TopBar__HelpActivator:hover{
+.Polaris-TopBar__ActionButton:hover{
     background-color:var(--p-color-bg-fill-inverse-hover);
   }
 
-.Polaris-TopBar__HelpActivator:active,
-  .Polaris-TopBar__HelpActivator[aria-expanded='true']{
+.Polaris-TopBar__ActionButton:active,
+  .Polaris-TopBar__ActionButton[aria-expanded='true']{
     background-color:var(--p-color-bg-fill-inverse-active);
     outline:none;
     transition:none;
   }
 
-.Polaris-TopBar__HelpActivator:active::after, .Polaris-TopBar__HelpActivator[aria-expanded='true']::after{
+.Polaris-TopBar__ActionButton:active::after, .Polaris-TopBar__ActionButton[aria-expanded='true']::after{
       border:none;
     }
 
-.Polaris-TopBar__HelpActivator:active p, .Polaris-TopBar__HelpActivator[aria-expanded='true'] p{
+.Polaris-TopBar__ActionButton:active p, .Polaris-TopBar__ActionButton[aria-expanded='true'] p{
       color:var(--p-color-text-inverse);
     }
 
 @media (max-width: 47.9975em){
 
-.Polaris-TopBar__HelpActivator{
+.Polaris-TopBar__ActionButton{
     margin-right:var(--p-space-200);
     background-color:var(--p-color-bg-inverse);
 }
 
-    .Polaris-TopBar__HelpActivator:focus,
-    .Polaris-TopBar__HelpActivator:hover,
-    .Polaris-TopBar__HelpActivator:active,
-    .Polaris-TopBar__HelpActivator[aria-expanded='true']{
+    .Polaris-TopBar__ActionButton:focus,
+    .Polaris-TopBar__ActionButton:hover,
+    .Polaris-TopBar__ActionButton:active,
+    .Polaris-TopBar__ActionButton[aria-expanded='true']{
       opacity:0.85;
     }
   }

package/build/esnext/components/AppProvider/global.out.css

@@ -21,7 +21,7 @@
 @keyframes p-motion-keyframes-appear-below{ from{ transform:translateY(calc(var(--p-space-100)*-1)); opacity:0; } to{ transform:none; opacity:1; } }
 
 :root{
-  --polaris-version-number:'1.2.2';
+  --polaris-version-number:'1.2.4';
 
   --pg-navigation-width:15rem;
   --pg-dangerous-magic-space-4:1rem;

package/build/esnext/components/Navigation/components/Item/Item.esnext

@@ -248,7 +248,6 @@ function Item({
         event.preventDefault();
       }
       if (subNavigationItems && subNavigationItems.length > 0 && isNavigationCollapsed) {
-        event.preventDefault();
         onToggleExpandedState?.();
       } else if (onNavigationDismiss) {
         onNavigationDismiss();

package/build/esnext/components/TopBar/TopBar.css.esnext

@@ -16,8 +16,8 @@ var styles = {
   "LeftContent": "Polaris-TopBar__LeftContent_1rxtg",
   "Search": "Polaris-TopBar__Search_q76sw",
   "RightContent": "Polaris-TopBar__RightContent_1e3it",
-  "HelpActivatorWrapper": "Polaris-TopBar__HelpActivatorWrapper_1kens",
-  "HelpActivator": "Polaris-TopBar__HelpActivator_11bev",
+  "ActionWrapper": "Polaris-TopBar__ActionWrapper_myboo",
+  "ActionButton": "Polaris-TopBar__ActionButton_x3u8t",
   "SecondaryMenu": "Polaris-TopBar__SecondaryMenu_7y4ay"
 };
 

package/build/esnext/components/TopBar/TopBar.esnext

@@ -1,4 +1,4 @@
-import { MenuIcon, QuestionCircleIcon } from '@shopify/polaris-icons';
+import { MenuIcon } from '@shopify/polaris-icons';
 import { classNames } from '../../utilities/css.esnext';
 import { getWidth } from '../../utilities/get-width.esnext';
 import { useToggle } from '../../utilities/use-toggle.esnext';
@@ -6,6 +6,7 @@ import styles from './TopBar.css.esnext';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { SearchField } from './components/SearchField/SearchField.esnext';
 import { UserMenu } from './components/UserMenu/UserMenu.esnext';
+import { ActionButton } from './components/ActionButton/ActionButton.esnext';
 import { Search } from './components/Search/Search.esnext';
 import { useI18n } from '../../utilities/i18n/hooks.esnext';
 import { useFrame } from '../../utilities/frame/hooks.esnext';
@@ -28,7 +29,7 @@ const TopBar = function TopBar({
   searchResultsVisible,
   searchResultsOverlayVisible = false,
   onNavigationToggle,
-  onHelpToggle,
+  actions,
   onSearchResultsDismiss,
   contextControl,
   logoSuffix
@@ -105,17 +106,10 @@ const TopBar = function TopBar({
         children: searchMarkup
       }), /*#__PURE__*/jsxs("div", {
         className: styles.RightContent,
-        children: [onHelpToggle && /*#__PURE__*/jsx("div", {
-          className: styles.HelpActivatorWrapper,
-          children: /*#__PURE__*/jsx("button", {
-            type: "button",
-            className: classNames(styles.HelpActivator, userMenu && styles['Activator-userMenu']),
-            onClick: onHelpToggle,
-            children: /*#__PURE__*/jsx(Icon, {
-              source: QuestionCircleIcon
-            })
-          })
-        }), /*#__PURE__*/jsx("div", {
+        children: [actions?.map((action, index) => /*#__PURE__*/jsx("div", {
+          className: styles.ActionWrapper,
+          children: action
+        }, index)), /*#__PURE__*/jsx("div", {
           className: styles.SecondaryMenu,
           children: secondaryMenu
         }), userMenu]
@@ -126,5 +120,6 @@ const TopBar = function TopBar({
 TopBar.Menu = Menu;
 TopBar.SearchField = SearchField;
 TopBar.UserMenu = UserMenu;
+TopBar.ActionButton = ActionButton;
 
 export { TopBar };

package/build/esnext/components/TopBar/TopBar.out.css

@@ -188,13 +188,13 @@
   justify-content:flex-end;
 }
 
-.Polaris-TopBar__HelpActivatorWrapper_1kens{
+.Polaris-TopBar__ActionWrapper_myboo{
   height:var(--pg-top-bar-height);
   display:flex;
   align-items:center;
 }
 
-.Polaris-TopBar__HelpActivator_11bev{
+.Polaris-TopBar__ActionButton_x3u8t{
   -webkit-appearance:none;
           appearance:none;
   margin:0;
@@ -222,11 +222,11 @@
   background-color:var(--p-color-bg-fill-inverse);
 }
 
-.Polaris-TopBar__HelpActivator_11bev:focus{
+.Polaris-TopBar__ActionButton_x3u8t:focus{
     outline:none;
   }
 
-.Polaris-TopBar__HelpActivator_11bev::after {
+.Polaris-TopBar__ActionButton_x3u8t::after {
   content: '';
   position: absolute;
   z-index: 1;
@@ -240,50 +240,50 @@
   border-radius: var(--p-border-radius-100);
 }
 
-.Polaris-TopBar__HelpActivator_11bev:focus{
+.Polaris-TopBar__ActionButton_x3u8t:focus{
     background-color:var(--p-color-bg-fill-inverse-hover);
     outline:none;
   }
 
-.Polaris-TopBar__HelpActivator_11bev:focus-visible{
+.Polaris-TopBar__ActionButton_x3u8t:focus-visible{
     outline:var(--p-border-width-050) solid var(--p-color-border-focus);
     outline-offset:var(--p-space-050);
   }
 
-.Polaris-TopBar__HelpActivator_11bev:focus-visible::after{
+.Polaris-TopBar__ActionButton_x3u8t:focus-visible::after{
     content:none;
   }
 
-.Polaris-TopBar__HelpActivator_11bev:hover{
+.Polaris-TopBar__ActionButton_x3u8t:hover{
     background-color:var(--p-color-bg-fill-inverse-hover);
   }
 
-.Polaris-TopBar__HelpActivator_11bev:active,
-  .Polaris-TopBar__HelpActivator_11bev[aria-expanded='true']{
+.Polaris-TopBar__ActionButton_x3u8t:active,
+  .Polaris-TopBar__ActionButton_x3u8t[aria-expanded='true']{
     background-color:var(--p-color-bg-fill-inverse-active);
     outline:none;
     transition:none;
   }
 
-.Polaris-TopBar__HelpActivator_11bev:active::after, .Polaris-TopBar__HelpActivator_11bev[aria-expanded='true']::after{
+.Polaris-TopBar__ActionButton_x3u8t:active::after, .Polaris-TopBar__ActionButton_x3u8t[aria-expanded='true']::after{
       border:none;
     }
 
-.Polaris-TopBar__HelpActivator_11bev:active p, .Polaris-TopBar__HelpActivator_11bev[aria-expanded='true'] p{
+.Polaris-TopBar__ActionButton_x3u8t:active p, .Polaris-TopBar__ActionButton_x3u8t[aria-expanded='true'] p{
       color:var(--p-color-text-inverse);
     }
 
 @media (max-width: 47.9975em){
 
-.Polaris-TopBar__HelpActivator_11bev{
+.Polaris-TopBar__ActionButton_x3u8t{
     margin-right:var(--p-space-200);
     background-color:var(--p-color-bg-inverse);
 }
 
-    .Polaris-TopBar__HelpActivator_11bev:focus,
-    .Polaris-TopBar__HelpActivator_11bev:hover,
-    .Polaris-TopBar__HelpActivator_11bev:active,
-    .Polaris-TopBar__HelpActivator_11bev[aria-expanded='true']{
+    .Polaris-TopBar__ActionButton_x3u8t:focus,
+    .Polaris-TopBar__ActionButton_x3u8t:hover,
+    .Polaris-TopBar__ActionButton_x3u8t:active,
+    .Polaris-TopBar__ActionButton_x3u8t[aria-expanded='true']{
       opacity:0.85;
     }
   }

package/build/esnext/components/TopBar/components/ActionButton/ActionButton.esnext

@@ -0,0 +1,25 @@
+import styles from '../../TopBar.css.esnext';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon } from '../../../Icon/Icon.esnext';
+import { Text } from '../../../Text/Text.esnext';
+
+function ActionButton({
+  icon,
+  accessibilityLabel,
+  onClick
+}) {
+  return /*#__PURE__*/jsxs("button", {
+    type: "button",
+    className: styles.ActionButton,
+    onClick: onClick,
+    children: [/*#__PURE__*/jsx(Icon, {
+      source: icon
+    }), /*#__PURE__*/jsx(Text, {
+      as: "span",
+      visuallyHidden: true,
+      children: accessibilityLabel
+    })]
+  });
+}
+
+export { ActionButton };

package/build/ts/src/components/Navigation/components/Item/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Navigation/components/Item/Item.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,SAAS,EAAkB,eAAe,EAAE,MAAM,aAAa,CAAA;AAI7E,eAAO,MAAM,qBAAqB,IAAI,CAAA;AAGtC,wBAAgB,IAAI,CAAC,EACnB,GAAG,EACH,IAAI,EAAE,QAAQ,EACd,eAAe,EACf,KAAK,EACL,kBAAuB,EACvB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EACL,GAAG,EAAE,KAAK,EACV,OAAO,EACP,UAAU,EACV,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,qBAAqB,EACrB,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,KAAS,EACT,YAAY,EACZ,YAAY,GACb,EAAE,SAAS,2CAwRX;AAED,UAAU,wBAAyB,SAAQ,eAAe;IACxD,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,IAAI,EACJ,kBAAkB,EAClB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,wBAAwB,2CA0B1B;AAED,wBAAgB,sBAAsB,CAAC,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAoBpF"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Navigation/components/Item/Item.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,SAAS,EAAkB,eAAe,EAAE,MAAM,aAAa,CAAA;AAI7E,eAAO,MAAM,qBAAqB,IAAI,CAAA;AAGtC,wBAAgB,IAAI,CAAC,EACnB,GAAG,EACH,IAAI,EAAE,QAAQ,EACd,eAAe,EACf,KAAK,EACL,kBAAuB,EACvB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EACL,GAAG,EAAE,KAAK,EACV,OAAO,EACP,UAAU,EACV,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,qBAAqB,EACrB,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,KAAS,EACT,YAAY,EACZ,YAAY,GACb,EAAE,SAAS,2CAuRX;AAED,UAAU,wBAAyB,SAAQ,eAAe;IACxD,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,IAAI,EACJ,kBAAkB,EAClB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,wBAAwB,2CA0B1B;AAED,wBAAgB,sBAAsB,CAAC,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,uBAoBpF"}

package/build/ts/src/components/Page/components/Header/Header.d.ts

@@ -18,10 +18,7 @@ export interface HeaderProps extends TitleProps {
     primaryAction?: PrimaryAction | React.ReactNode;
     /** Page-level pagination */
     pagination?: PaginationProps;
-    /**
-     * @deprecated A back action link
-     * Use `breadcrumbs` prop instead as documented [here](https://shopify.dev/docs/api/app-bridge/previous-versions/actions/titlebar#using-titlebar-with-polaris)
-     */
+    /** A back action link */
     backAction?: BreadcrumbsProps['backAction'];
     /** Collection of secondary page-level actions */
     secondaryActions?: MenuActionDescriptor[] | React.ReactNode;

package/build/ts/src/components/Page/components/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Page/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,aAAa,EACd,MAAM,mBAAmB,CAAA;AAU1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAK5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAM1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAI9C,UAAU,aAAc,SAAQ,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa;IAClH,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0HAA0H;IAC1H,2BAA2B,CAAC,EAAE,MAAM,CAAA;IACpC,0CAA0C;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gCAAgC;IAChC,aAAa,CAAC,EAAE,aAAa,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/C,4BAA4B;IAC5B,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IAC3C,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC,SAAS,CAAA;IAC3D,2DAA2D;IAC3D,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAEpC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAC7C,6GAA6G;IAC7G,cAAc,CAAC,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CAAA;CAC5C;AAMD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,2BAA2B,EAC3B,aAAa,EACb,kBAAkB,EAClB,WAAmB,EACnB,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAqB,EACrB,YAAiB,EACjB,YAAoB,EACpB,cAAc,GACf,EAAE,WAAW,2CAgKb"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Page/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,aAAa,EACd,MAAM,mBAAmB,CAAA;AAU1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAK5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAM1D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAI9C,UAAU,aAAc,SAAQ,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa;IAClH,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0HAA0H;IAC1H,2BAA2B,CAAC,EAAE,MAAM,CAAA;IACpC,0CAA0C;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gCAAgC;IAChC,aAAa,CAAC,EAAE,aAAa,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/C,4BAA4B;IAC5B,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,yBAAyB;IACzB,UAAU,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IAC3C,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC,SAAS,CAAA;IAC3D,2DAA2D;IAC3D,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAEpC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAC7C,6GAA6G;IAC7G,cAAc,CAAC,CAAC,WAAW,EAAE,OAAO,GAAG,IAAI,CAAA;CAC5C;AAMD,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,2BAA2B,EAC3B,aAAa,EACb,kBAAkB,EAClB,WAAmB,EACnB,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,gBAAqB,EACrB,YAAiB,EACjB,YAAoB,EACpB,cAAc,GACf,EAAE,WAAW,2CAgKb"}

package/build/ts/src/components/Page/components/Header/components/Title/Title.d.ts

@@ -1,9 +1,6 @@
 import type React from 'react';
 export interface TitleProps {
-    /**
-     * @deprecated Page title, in large type
-     * Use `breadcrumbs` prop instead as documented [here](https://shopify.dev/docs/api/app-bridge/previous-versions/actions/titlebar#using-titlebar-with-polaris)
-     */
+    /** Page title, in large type */
     title?: string;
     /** Page subtitle, in regular type */
     subtitle?: string;

package/build/ts/src/components/Page/components/Header/components/Title/Title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/Page/components/Header/components/Title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,sEAAsE;IACtE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;6CAEyC;IACzC,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAAE,UAAU,2CAwCtG"}
+{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/components/Page/components/Header/components/Title/Title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,UAAU;IACzB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,sEAAsE;IACtE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;6CAEyC;IACzC,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,mBAAmB,EAAE,EAAE,UAAU,2CAwCtG"}

package/build/ts/src/components/TopBar/TopBar.d.ts

@@ -1,7 +1,7 @@
 import type React from 'react';
-import { Menu, SearchField, UserMenu } from './components';
-import type { SearchFieldProps, SearchProps, UserMenuProps } from './components';
-export type { UserMenuProps, SearchFieldProps };
+import { ActionButton, Menu, SearchField, UserMenu } from './components';
+import type { ActionButtonProps, SearchFieldProps, SearchProps, UserMenuProps } from './components';
+export type { UserMenuProps, SearchFieldProps, ActionButtonProps };
 export interface TopBarProps {
     /** Toggles whether or not a navigation component has been provided. Controls the presence of the mobile nav toggle button */
     showNavigationToggle?: boolean;
@@ -23,8 +23,9 @@ export interface TopBarProps {
     onSearchResultsDismiss?: SearchProps['onDismiss'];
     /** A callback function that handles hiding and showing mobile navigation */
     onNavigationToggle?(): void;
-    /** A callback function that handles the help button click. */
-    onHelpToggle?(): void;
+    /** A list of action elements rendered in the right content area, before secondaryMenu and userMenu.
+     * Each element can be a TopBar.Menu for popover menus, or any ReactNode for simple icon buttons. */
+    actions?: React.ReactNode[];
     /** Accepts a component that is used to supplement the logo markup */
     logoSuffix?: React.ReactNode;
 }
@@ -32,5 +33,6 @@ export declare const TopBar: React.FunctionComponent<TopBarProps> & {
     Menu: typeof Menu;
     SearchField: typeof SearchField;
     UserMenu: typeof UserMenu;
+    ActionButton: typeof ActionButton;
 };
 //# sourceMappingURL=TopBar.d.ts.map

package/build/ts/src/components/TopBar/TopBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopBar/TopBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,EAAE,IAAI,EAAU,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAEhF,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA;AAE/C,MAAM,WAAW,WAAW;IAC1B,6HAA6H;IAC7H,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kIAAkI;IAClI,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,kGAAkG;IAClG,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,uFAAuF;IACvF,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,sHAAsH;IACtH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,qIAAqI;IACrI,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,uEAAuE;IACvE,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,uEAAuE;IACvE,sBAAsB,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAA;IACjD,4EAA4E;IAC5E,kBAAkB,CAAC,IAAI,IAAI,CAAA;IAC3B,8DAA8D;IAC9D,YAAY,CAAC,IAAI,IAAI,CAAA;IACrB,qEAAqE;IACrE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAOD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG;IAC1D,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,WAAW,EAAE,OAAO,WAAW,CAAA;IAC/B,QAAQ,EAAE,OAAO,QAAQ,CAAA;CAqG1B,CAAA"}
+{"version":3,"file":"TopBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/TopBar/TopBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,OAAO,EAAE,YAAY,EAAE,IAAI,EAAU,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAChF,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAEnG,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAA;AAElE,MAAM,WAAW,WAAW;IAC1B,6HAA6H;IAC7H,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,kIAAkI;IAClI,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,kGAAkG;IAClG,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,uFAAuF;IACvF,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,sHAAsH;IACtH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,qIAAqI;IACrI,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,uEAAuE;IACvE,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,uEAAuE;IACvE,sBAAsB,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAA;IACjD,4EAA4E;IAC5E,kBAAkB,CAAC,IAAI,IAAI,CAAA;IAC3B;wGACoG;IACpG,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,qEAAqE;IACrE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC7B;AAOD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG;IAC1D,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,WAAW,EAAE,OAAO,WAAW,CAAA;IAC/B,QAAQ,EAAE,OAAO,QAAQ,CAAA;IACzB,YAAY,EAAE,OAAO,YAAY,CAAA;CAiGlC,CAAA"}

package/build/ts/src/components/TopBar/components/ActionButton/ActionButton.d.ts

@@ -0,0 +1,11 @@
+import type { IconSource } from "@sipesistemas/polaris";
+export interface ActionButtonProps {
+    /** Icon to display inside the button */
+    icon: IconSource;
+    /** Accessible label for the button (visually hidden) */
+    accessibilityLabel: string;
+    /** Callback when the button is clicked */
+    onClick(): void;
+}
+export declare function ActionButton({ icon, accessibilityLabel, onClick }: ActionButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionButton.d.ts.map

package/build/ts/src/components/TopBar/components/ActionButton/ActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TopBar/components/ActionButton/ActionButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEtD,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,IAAI,EAAE,UAAU,CAAA;IAChB,wDAAwD;IACxD,kBAAkB,EAAE,MAAM,CAAA;IAC1B,0CAA0C;IAC1C,OAAO,IAAI,IAAI,CAAA;CAChB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,EAAE,iBAAiB,2CASpF"}

package/build/ts/src/components/TopBar/components/ActionButton/index.d.ts

@@ -0,0 +1,3 @@
+export { ActionButton } from './ActionButton';
+export type { ActionButtonProps } from './ActionButton';
+//# sourceMappingURL=index.d.ts.map

package/build/ts/src/components/TopBar/components/ActionButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/TopBar/components/ActionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA"}

package/build/ts/src/components/TopBar/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './ActionButton';
 export * from './Search';
 export * from './SearchField';
 export * from './SearchDismissOverlay';

package/build/ts/src/components/TopBar/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopBar/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AAExB,cAAc,eAAe,CAAA;AAE7B,cAAc,wBAAwB,CAAA;AAEtC,cAAc,YAAY,CAAA;AAE1B,cAAc,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TopBar/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAE9B,cAAc,UAAU,CAAA;AAExB,cAAc,eAAe,CAAA;AAE7B,cAAc,wBAAwB,CAAA;AAEtC,cAAc,YAAY,CAAA;AAE1B,cAAc,QAAQ,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sipesistemas/polaris",
   "description": "sspp product component library",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "private": false,
   "author": "SSPP <dev@sipesistemas.com>",
   "repository": "https://github.com/sipesistemas/ui",