@0xsquid/ui 2.2.7 → 2.2.8

package/dist/cjs/index.js

@@ -18787,7 +18787,7 @@ function ModalContentDivider() {
 
 function NavigationBar(_a) {
     var { title, displayBackButton = false, logoUrl, transparent = false, displayButtonShadows = false, onBackButtonClick, actions, isLoading = false, subtitle } = _a, props = __rest$1(_a, ["title", "displayBackButton", "logoUrl", "transparent", "displayButtonShadows", "onBackButtonClick", "actions", "isLoading", "subtitle"]);
-    return (jsxRuntime.jsxs("nav", Object.assign({}, props, { className: cn("tw-flex tw-h-full tw-max-h-[120px] tw-flex-row-reverse tw-text-grey-300 mobile-xs-height:tw-flex-col", transparent ? "tw-bg-transparent" : "tw-bg-grey-900", props.className), children: [jsxRuntime.jsxs("div", { className: cn("tw-flex tw-h-squid-xxl tw-items-center tw-justify-end tw-gap-x-squid-xs tw-pl-squid-m", displayBackButton
+    return (jsxRuntime.jsxs("nav", Object.assign({}, props, { className: cn("tw-flex tw-max-h-[120px] tw-flex-row-reverse tw-text-grey-300 mobile-xs-height:tw-flex-col", transparent ? "tw-bg-transparent" : "tw-bg-grey-900", props.className), children: [jsxRuntime.jsxs("div", { className: cn("tw-flex tw-h-squid-xxl tw-items-center tw-justify-end tw-gap-x-squid-xs tw-pl-squid-m", displayBackButton
                     ? "tw-w-full tw-pr-squid-xs mobile-xs-height:tw-pr-squid-m"
                     : "tw-pr-squid-m mobile-lg:tw-pl-squid-l", !title && "tw-w-full mobile-xs-height:tw-w-[unset]"), children: [displayBackButton ? (jsxRuntime.jsx(Button$1, { className: displayButtonShadows
                             ? "group-data-[squid-theme-type=dark]:tw-shadow-elevation-dark-2 group-data-[squid-theme-type=light]:tw-shadow-elevation-light-2"
@@ -18802,7 +18802,7 @@ function NavigationBar(_a) {
                         // add small spacing on the right when back button is displayed to have the subtitle centered
                         displayBackButton &&
                             (!actions || actions.length === 0) &&
-                            "tw-mr-squid-xl mobile-lg:tw-mr-squid-m mobile-lg:tw-pr-squid-xxl "), children: jsxRuntime.jsx(BodyText, { size: "small", children: subtitle }) })) : null] }), title ? (jsxRuntime.jsx("div", { className: cn("tw-h-squid-xxl tw-w-full tw-flex-1 tw-items-center tw-px-squid-m tw-py-squid-xxs mobile-lg:tw-px-squid-l", 
+                            "tw-mr-squid-xl mobile-lg:tw-mr-squid-m mobile-lg:tw-pr-squid-xxl "), children: jsxRuntime.jsx(BodyText, { size: "small", children: subtitle }) })) : null] }), title ? (jsxRuntime.jsx("div", { className: cn("tw-h-squid-xxl tw-w-full tw-items-center tw-px-squid-m tw-py-squid-xxs mobile-lg:tw-px-squid-l", 
                 // hide the title on small screens when back button is displayed, so it's positioned on the left
                 displayBackButton
                     ? "tw-hidden mobile-xs-height:tw-flex"

package/dist/esm/index.js

@@ -18767,7 +18767,7 @@ function ModalContentDivider() {
 
 function NavigationBar(_a) {
     var { title, displayBackButton = false, logoUrl, transparent = false, displayButtonShadows = false, onBackButtonClick, actions, isLoading = false, subtitle } = _a, props = __rest$1(_a, ["title", "displayBackButton", "logoUrl", "transparent", "displayButtonShadows", "onBackButtonClick", "actions", "isLoading", "subtitle"]);
-    return (jsxs("nav", Object.assign({}, props, { className: cn("tw-flex tw-h-full tw-max-h-[120px] tw-flex-row-reverse tw-text-grey-300 mobile-xs-height:tw-flex-col", transparent ? "tw-bg-transparent" : "tw-bg-grey-900", props.className), children: [jsxs("div", { className: cn("tw-flex tw-h-squid-xxl tw-items-center tw-justify-end tw-gap-x-squid-xs tw-pl-squid-m", displayBackButton
+    return (jsxs("nav", Object.assign({}, props, { className: cn("tw-flex tw-max-h-[120px] tw-flex-row-reverse tw-text-grey-300 mobile-xs-height:tw-flex-col", transparent ? "tw-bg-transparent" : "tw-bg-grey-900", props.className), children: [jsxs("div", { className: cn("tw-flex tw-h-squid-xxl tw-items-center tw-justify-end tw-gap-x-squid-xs tw-pl-squid-m", displayBackButton
                     ? "tw-w-full tw-pr-squid-xs mobile-xs-height:tw-pr-squid-m"
                     : "tw-pr-squid-m mobile-lg:tw-pl-squid-l", !title && "tw-w-full mobile-xs-height:tw-w-[unset]"), children: [displayBackButton ? (jsx(Button$1, { className: displayButtonShadows
                             ? "group-data-[squid-theme-type=dark]:tw-shadow-elevation-dark-2 group-data-[squid-theme-type=light]:tw-shadow-elevation-light-2"
@@ -18782,7 +18782,7 @@ function NavigationBar(_a) {
                         // add small spacing on the right when back button is displayed to have the subtitle centered
                         displayBackButton &&
                             (!actions || actions.length === 0) &&
-                            "tw-mr-squid-xl mobile-lg:tw-mr-squid-m mobile-lg:tw-pr-squid-xxl "), children: jsx(BodyText, { size: "small", children: subtitle }) })) : null] }), title ? (jsx("div", { className: cn("tw-h-squid-xxl tw-w-full tw-flex-1 tw-items-center tw-px-squid-m tw-py-squid-xxs mobile-lg:tw-px-squid-l", 
+                            "tw-mr-squid-xl mobile-lg:tw-mr-squid-m mobile-lg:tw-pr-squid-xxl "), children: jsx(BodyText, { size: "small", children: subtitle }) })) : null] }), title ? (jsx("div", { className: cn("tw-h-squid-xxl tw-w-full tw-items-center tw-px-squid-m tw-py-squid-xxs mobile-lg:tw-px-squid-l", 
                 // hide the title on small screens when back button is displayed, so it's positioned on the left
                 displayBackButton
                     ? "tw-hidden mobile-xs-height:tw-flex"

package/package.json

@@ -5,7 +5,7 @@
     "url": "git+https://github.com/0xsquid/squid-ui.git"
   },
   "description": "Squid's UI components",
-  "version": "2.2.7",
+  "version": "2.2.8",
   "author": "",
   "license": "MIT",
   "resolutions": {