@multiplatform.one/backoffice 7.4.0 → 7.5.0

package/dist/cjs/chrome/HelpMenu.cjs

@@ -26,8 +26,10 @@ __export(HelpMenu_exports, {
 });
 module.exports = __toCommonJS(HelpMenu_exports);
 var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
 var import_platform = require("@multiplatform.one/platform");
 var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
 var import_react2 = require("react");
 var import_react_i18next = require("react-i18next");
 var import_i18n = require("../i18n/index.cjs");
@@ -41,6 +43,10 @@ function HelpMenu() {
   const {
     t
   } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const iconSize = Number(knobProps.controlIcon?.width) || 16;
   const [menuOpen, setMenuOpen] = (0, import_react2.useState)(false);
   const [aboutOpen, setAboutOpen] = (0, import_react2.useState)(false);
   const [shortcutsOpen, setShortcutsOpen] = (0, import_react2.useState)(false);
@@ -57,10 +63,10 @@ function HelpMenu() {
       placement: "bottom-end",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Trigger, {
         asChild: true,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
           chromeless: true,
           circular: true,
-          size: "$3",
+          size: knobProps.sizeToken,
           icon: import_react.QuestionIcon,
           "aria-label": t("help.label", "Help"),
           "data-testid": "backoffice-help-trigger"
@@ -70,35 +76,35 @@ function HelpMenu() {
         "data-testid": "backoffice-help-menu",
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
           icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.BookOpenIcon, {
-            size: 16
+            size: iconSize
           }),
           onSelect: () => openLink(DOCUMENTATION_URL),
           "data-testid": "backoffice-help-documentation",
           children: t("help.documentation", "Documentation")
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
           icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ChatsCircleIcon, {
-            size: 16
+            size: iconSize
           }),
           onSelect: () => openLink(USER_FORUM_URL),
           "data-testid": "backoffice-help-forum",
           children: t("help.userForum", "User Forum")
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
           icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.BugIcon, {
-            size: 16
+            size: iconSize
           }),
           onSelect: () => openLink(REPORT_ISSUE_URL),
           "data-testid": "backoffice-help-report-issue",
           children: t("help.reportIssue", "Report an Issue")
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
           icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.KeyboardIcon, {
-            size: 16
+            size: iconSize
           }),
           onSelect: () => openDialog(setShortcutsOpen),
           "data-testid": "backoffice-help-shortcuts",
           children: t("help.keyboardShortcuts", "Keyboard Shortcuts")
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
           icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.InfoIcon, {
-            size: 16
+            size: iconSize
           }),
           onSelect: () => openDialog(setAboutOpen),
           "data-testid": "backoffice-help-about",

package/dist/cjs/chrome/HelpMenu.native.js

@@ -29,8 +29,10 @@ __export(HelpMenu_exports, {
 module.exports = __toCommonJS(HelpMenu_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
 var import_platform = require("@multiplatform.one/platform");
 var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
 var import_react2 = require("react");
 var import_react_i18next = require("react-i18next");
 var import_i18n = require("../i18n/index.native.js");
@@ -40,9 +42,14 @@ var DOCUMENTATION_URL = "https://docs.frappe.io";
 var USER_FORUM_URL = "https://discuss.frappe.io";
 var REPORT_ISSUE_URL = "https://github.com/frappe/frappe/issues";
 function HelpMenu() {
+  var _knobProps_controlIcon;
   var {
     t
   } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var iconSize = Number((_knobProps_controlIcon = knobProps.controlIcon) === null || _knobProps_controlIcon === void 0 ? void 0 : _knobProps_controlIcon.width) || 16;
   var [menuOpen, setMenuOpen] = (0, import_react2.useState)(false);
   var [aboutOpen, setAboutOpen] = (0, import_react2.useState)(false);
   var [shortcutsOpen, setShortcutsOpen] = (0, import_react2.useState)(false);
@@ -59,10 +66,10 @@ function HelpMenu() {
       placement: "bottom-end",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Trigger, {
         asChild: true,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
           chromeless: true,
           circular: true,
-          size: "$3",
+          size: knobProps.sizeToken,
           icon: import_react.QuestionIcon,
           "aria-label": t("help.label", "Help"),
           "data-testid": "backoffice-help-trigger"
@@ -72,7 +79,7 @@ function HelpMenu() {
         "data-testid": "backoffice-help-menu",
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
           icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.BookOpenIcon, {
-            size: 16
+            size: iconSize
           }),
           onSelect: function onSelect() {
             return openLink(DOCUMENTATION_URL);
@@ -81,7 +88,7 @@ function HelpMenu() {
           children: t("help.documentation", "Documentation")
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
           icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ChatsCircleIcon, {
-            size: 16
+            size: iconSize
           }),
           onSelect: function onSelect() {
             return openLink(USER_FORUM_URL);
@@ -90,7 +97,7 @@ function HelpMenu() {
           children: t("help.userForum", "User Forum")
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
           icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.BugIcon, {
-            size: 16
+            size: iconSize
           }),
           onSelect: function onSelect() {
             return openLink(REPORT_ISSUE_URL);
@@ -99,7 +106,7 @@ function HelpMenu() {
           children: t("help.reportIssue", "Report an Issue")
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Separator, {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
           icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.KeyboardIcon, {
-            size: 16
+            size: iconSize
           }),
           onSelect: function onSelect() {
             return openDialog(setShortcutsOpen);
@@ -108,7 +115,7 @@ function HelpMenu() {
           children: t("help.keyboardShortcuts", "Keyboard Shortcuts")
         }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Item, {
           icon: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.InfoIcon, {
-            size: 16
+            size: iconSize
           }),
           onSelect: function onSelect() {
             return openDialog(setAboutOpen);

package/dist/cjs/chrome/HelpMenu.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","HelpMenu_exports","__export","HelpMenu","module","exports","import_jsx_runtime","require","import_components","import_platform","import_react","import_react2","import_react_i18next","import_i18n","import_help_about_dialog","import_help_shortcuts_dialog","DOCUMENTATION_URL","USER_FORUM_URL","REPORT_ISSUE_URL","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","menuOpen","setMenuOpen","useState","aboutOpen","setAboutOpen","shortcutsOpen","setShortcutsOpen","openLink","openLink2","url","openUrl","openDialog","openDialog2","setOpen","jsxs","Fragment","children","DropdownMenu","open","onOpenChange","placement","jsx","Trigger","asChild","Button","chromeless","circular","size","icon","QuestionIcon","Content","minWidth","Item","BookOpenIcon","onSelect","ChatsCircleIcon","BugIcon","Separator","KeyboardIcon","InfoIcon"],"sources":["../../../src/chrome/HelpMenu.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","HelpMenu_exports","__export","HelpMenu","module","exports","import_jsx_runtime","require","import_components","import_forms","import_platform","import_react","import_theme","import_react2","import_react_i18next","import_i18n","import_help_about_dialog","import_help_shortcuts_dialog","DOCUMENTATION_URL","USER_FORUM_URL","REPORT_ISSUE_URL","_knobProps_controlIcon","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","iconSize","Number","controlIcon","width","menuOpen","setMenuOpen","useState","aboutOpen","setAboutOpen","shortcutsOpen","setShortcutsOpen","openLink","openLink2","url","openUrl","openDialog","openDialog2","setOpen","jsxs","Fragment","children","DropdownMenu","open","onOpenChange","placement","jsx","Trigger","asChild","Button","chromeless","circular","size","sizeToken","icon","QuestionIcon","Content","minWidth","Item","BookOpenIcon","onSelect","ChatsCircleIcon","BugIcon","Separator","KeyboardIcon"],"sources":["../../../src/chrome/HelpMenu.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/chrome/NotificationsButton.cjs

@@ -28,6 +28,7 @@ module.exports = __toCommonJS(NotificationsButton_exports);
 var import_components = require("@multiplatform.one/components");
 var import_forms = require("@multiplatform.one/forms");
 var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
 var import_react2 = require("react");
 var import_react_i18next = require("react-i18next");
 var import_BackofficeProvider = require("../config/BackofficeProvider.cjs");
@@ -40,6 +41,9 @@ function NotificationsButton() {
   const {
     t
   } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   const navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
   const paths = (0, import_BackofficeProvider.useBackofficePaths)();
   const {
@@ -95,7 +99,7 @@ function NotificationsButton() {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
         chromeless: true,
         circular: true,
-        size: "$3",
+        size: knobProps.sizeToken,
         icon: import_react.BellIcon,
         "aria-label": label,
         "data-testid": "backoffice-notifications-button"

package/dist/cjs/chrome/NotificationsButton.native.js

@@ -31,6 +31,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@multiplatform.one/components");
 var import_forms = require("@multiplatform.one/forms");
 var import_react = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
 var import_react2 = require("react");
 var import_react_i18next = require("react-i18next");
 var import_BackofficeProvider = require("../config/BackofficeProvider.native.js");
@@ -42,6 +43,9 @@ function NotificationsButton() {
   var {
     t
   } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   var navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
   var paths = (0, import_BackofficeProvider.useBackofficePaths)();
   var {
@@ -97,7 +101,7 @@ function NotificationsButton() {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
         chromeless: true,
         circular: true,
-        size: "$3",
+        size: knobProps.sizeToken,
         icon: import_react.BellIcon,
         "aria-label": label,
         "data-testid": "backoffice-notifications-button"

package/dist/cjs/chrome/NotificationsButton.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NotificationsButton_exports","__export","NotificationsButton","module","exports","import_jsx_runtime","require","import_components","import_forms","import_react","import_react2","import_react_i18next","import_BackofficeProvider","import_i18n","import_notifications_data","import_notifications_panel","PANEL_WIDTH","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","navigator","useBackofficeNavigator","paths","useBackofficePaths","emitEvent","useBackofficeConfig","open","setOpen","useState","items","unreadCount","isLoading","markAsRead","markAllAsRead","useNotifications","floating","useViewportGtSm","handleItemPress","useCallback","item","unread","name","catch","error","type","context","document_type","document_name","navigate","form","handleMarkAllRead","label","jsx","FloatingPanel","onOpenChange","scrollable","sizing","fitContent","contentPadding","triggerA11y","trigger","Badge","count","max","children","Button","chromeless","circular","size","icon","BellIcon"],"sources":["../../../src/chrome/NotificationsButton.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAGAC,MAAA,CAAAC,OAAA,GAAAT,YAAsB,CAAAK,2BAAA;AAItB,IAAAK,kBAAuD,GAAAC,OAAA;AACvD,IAAAC,iBAAyB,GAAAD,OAAA;AACzB,IAAAE,YAAA,GAAAF,OAAsC;AACtC,IAAAG,YAAA,GAAAH,OAAA,CAA+B;AAC/B,IAAAI,aAAA,GAAAJ,OAAA,QAIO;AACP,IAAAK,oBAA0C,GAAAL,OAAA;AAC1C,IAAAM,yBAAA,GAAwDN,OAAA;AACxD,IAAAO,WAAA,GAAAP,OAAA,0BAAmC;AAmDzB,IAAAQ,yBAAA,GAAAR,OAAA;AAhDV,IAAAS,0BAAoB,GAAAT,OAAA;AAEb,IAAAU,WAAS;AACd,SAAMd,mBAAQA,CAAA;EACd;IAAMe;EAAA,QAAAN,oBAAY,CAAAO,cAAA,EAAAL,WAAA,CAAAM,yBAAuB;EACzC,IAAAC,SAAM,KAAQ,EAAAR,yBAAA,CAAAS,sBAAmB;EACjC,IAAAC,KAAQ,OAAAV,yBAAc,CAAAW,kBAAA;EACtB;IAAMC;EAAO,IAAO,IAAAZ,yBAAI,CAAAa,mBAAc;EACtC,KAAAC,IAAQ,EAAAC,OAAO,QAAAjB,aAAwB,CAAAkB,QAAA,OAAY;EAEnD;IAAMC,KAAA;IAAAC,WAAW;IAAAC,SAAA;IAAAC,UAAA;IAAAC;EAAgB,QAAAnB,yBAAA,CAAAoB,gBAAA;EAEjC,IAAAC,QAAM,OAAA3B,YAAkB,CAAA4B,eAAA;EAAA,IACrBC,eAA2B,OAAA3B,aAAA,CAAA4B,WAAA,YAAAC,IAAA;IAC1B,IAAAA,IAAI,CAAAC,MAAK;MAGPR,UAAA,CAAAO,IAAW,CAAAE,IAAK,EAAIC,KAAE,WAAOC,KAAU;QACrCnB,SAAA;UACDoB,IAAA;UACHD,KAAA;UACIE,OAAK;QACP;MACF;IACA;IACF,IAAAN,IAAA,CAAAO,aAAA,IAAAP,IAAA,CAAAQ,aAAA;MACC3B,SAAA,CAAA4B,QAAY,CAAA1B,KAAW,CAAA2B,IAAO,CAAAV,IAAA,CAAAO,aAAS,EAAAP,IAAA,CAAAQ,aAAA;IAC1C;IAEApB,OAAM;EACJ,IACEK,UAAA,EACFZ,SAAC,EACHE,KAAI,EAEJE,SAAM,CAEN;EACE,IAAC0B,iBAAA,OAAAxC,aAAA,CAAA4B,WAAA;IAAAL,aAAA,GAAAS,KAAA,WAAAC,KAAA;MACCnB,SAAA;QACAoB,IAAA,SAAc;QACdD,KAAA;QACAE,OAAO;MACP;IAAU,EACV;EAAe,IACMZ,aAEnB,EACET,SAAC;EAAA,IAAA2B,KACC,GAAAlC,CAAA,sBAAU;EAAA,sBACF,IAAAZ,kBAAA,CAAA+C,GAAA,EAAA5C,YAAA,CAAA6C,aAAA;IAAA3B,IAAA;IACH4B,YACC,EAAA3B,OAAA;IAAA4B,UACN;IAAYC,MACZ;IAAYC,UAAA;IAAAC,cAEhB;IAAAC,WAGF;MAAAR;IAAC;IAAAS,OACC,qBAAAvD,kBAAA,CAAA+C,GAAA,EAAA7C,iBAAA,CAAAsD,KAAA;MAAAC,KACA,EAAAhC,WAAA;MAAAiC,GAAA,EACA;MAAgCC,QAChC,iBAAa,IAAA3D,kBAAA,CAAA+C,GAAA,EAAA5C,YAAA,CAAAyD,MAAA;QAAAC,UACb;QAAeC,QAAA;QACjBC,IAAA;QAAAC,IAAA,EAAA5D,YAAA,CAAA6D,QAAA;QACF,cAAAnB,KAAA;QAEJ","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","NotificationsButton_exports","__export","NotificationsButton","module","exports","import_jsx_runtime","require","import_components","import_forms","import_react","import_theme","import_react2","import_react_i18next","import_BackofficeProvider","import_i18n","import_notifications_data","import_notifications_panel","PANEL_WIDTH","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","navigator","useBackofficeNavigator","paths","useBackofficePaths","emitEvent","useBackofficeConfig","open","setOpen","useState","items","unreadCount","isLoading","markAsRead","markAllAsRead","useNotifications","floating","useViewportGtSm","handleItemPress","useCallback","item","unread","name","catch","error","type","context","document_type","document_name","navigate","form","handleMarkAllRead","label","jsx","FloatingPanel","onOpenChange","scrollable","sizing","fitContent","contentPadding","triggerA11y","trigger","Badge","count","max","children","Button","chromeless","circular","size","sizeToken","icon","BellIcon"],"sources":["../../../src/chrome/NotificationsButton.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/chrome/UserMenu.cjs

@@ -26,7 +26,9 @@ __export(UserMenu_exports, {
 });
 module.exports = __toCommonJS(UserMenu_exports);
 var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
 var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_react_i18next = require("react-i18next");
 var import_BackofficeProvider = require("../config/BackofficeProvider.cjs");
@@ -40,6 +42,9 @@ function UserMenu({
   const {
     t
   } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   const navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
   const paths = (0, import_BackofficeProvider.useBackofficePaths)();
   const {
@@ -89,13 +94,13 @@ function UserMenu({
     defaultOpen,
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Trigger, {
       asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
         chromeless: true,
         circular: true,
-        size: "$3",
+        size: knobProps.sizeToken,
         "aria-label": t("userMenu.label", "User menu"),
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Avatar, {
-          size: 26,
+          size: knobProps.sizeToken === "$5" ? "$3" : knobProps.sizeToken === "$3" ? "$1" : "$2",
           src: info?.imageUrl,
           name: info?.fullName ?? info?.user
         })
@@ -104,12 +109,12 @@ function UserMenu({
       minWidth: 240,
       children: [info ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
-          paddingHorizontal: "$3",
-          paddingVertical: "$2.5",
-          gap: "$0.5",
+          ...knobProps.panelPadding,
+          ...knobProps.gap,
+          paddingVertical: "$2",
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
-            size: "$3",
-            fontWeight: "600",
+            ...knobProps.label,
+            fontWeight: "400",
             numberOfLines: 1,
             children: info.fullName
           }), info.email ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {

package/dist/cjs/chrome/UserMenu.native.js

@@ -41,7 +41,9 @@ module.exports = __toCommonJS(UserMenu_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_components = require("@multiplatform.one/components");
+var import_forms = require("@multiplatform.one/forms");
 var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_theme = require("@multiplatform.one/theme");
 var import_react2 = require("react");
 var import_react_i18next = require("react-i18next");
 var import_BackofficeProvider = require("../config/BackofficeProvider.native.js");
@@ -56,6 +58,9 @@ function UserMenu() {
   var {
     t
   } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   var navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
   var paths = (0, import_BackofficeProvider.useBackofficePaths)();
   var {
@@ -105,13 +110,13 @@ function UserMenu() {
     defaultOpen,
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.DropdownMenu.Trigger, {
       asChild: true,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
         chromeless: true,
         circular: true,
-        size: "$3",
+        size: knobProps.sizeToken,
         "aria-label": t("userMenu.label", "User menu"),
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Avatar, {
-          size: 26,
+          size: knobProps.sizeToken === "$5" ? "$3" : knobProps.sizeToken === "$3" ? "$1" : "$2",
           src: info === null || info === void 0 ? void 0 : info.imageUrl,
           name: (_ref = info === null || info === void 0 ? void 0 : info.fullName) !== null && _ref !== void 0 ? _ref : info === null || info === void 0 ? void 0 : info.user
         })
@@ -120,12 +125,12 @@ function UserMenu() {
       minWidth: 240,
       children: [info ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
-          paddingHorizontal: "$3",
-          paddingVertical: "$2.5",
-          gap: "$0.5",
+          ...knobProps.panelPadding,
+          ...knobProps.gap,
+          paddingVertical: "$2",
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
-            size: "$3",
-            fontWeight: "600",
+            ...knobProps.label,
+            fontWeight: "400",
             numberOfLines: 1,
             children: info.fullName
           }), info.email ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {

package/dist/cjs/chrome/UserMenu.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","UserMenu_exports","__export","UserMenu","module","exports","import_jsx_runtime","require","import_react","import_components","import_frappe_ui","import_react2","import_react_i18next","import_BackofficeProvider","import_i18n","import_useFrappeApp","import_user_session","defaultOpen","arguments","length","_ref","_exitToSite_label","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","navigator","useBackofficeNavigator","paths","useBackofficePaths","appearance","useBackofficeConfig","userMenu","useBackofficeCapabilities","app","useFrappeApp","frappeConfig","useFrappeConfig","info","useSessionUserInfo","sessionUser","user","handleLogout","useCallback","auth","logout","unused","clearSessionUserCache","replace","home","handleReload","location","reload","websiteURL","baseURL","handleViewWebsite","window","open","handleToggleTheme","setScheme","scheme","exitToSite","handleExitToSite","navigate","path","sessionGate","disabled","disabledReason","jsxs","DropdownMenu","placement","children","jsx","Trigger","asChild","Button","chromeless","circular","size","Avatar","src","imageUrl","name","fullName","Content","minWidth","Fragment","YStack","paddingHorizontal","paddingVertical","gap","SizableText","fontWeight","numberOfLines"],"sources":["../../../src/chrome/UserMenu.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;EAAA,OAAAA,EAAA;AAAA;AAAA,IAAAC,OAAA,GAAAA,CAAAC,GAAA,EAAAC,UAAA,EAAAC,MAAA,MAAAA,MAAA,GAAAF,GAAA,WAAAG,QAAA,CAAAC,YAAA,CAAAJ,GAAA,SAAAK,WAAA;AAAA;AAAA;AAKA;AAQA;AACAJ,UAAA,KAAAD,GAA4B,KAAAA,GAAA,CAAAM,UAAA,GAAAC,SAAA,CAAAL,MAAA;EAAAM,KAAA,EAAAR,GAAA;EAAAS,UAAA;AAAA,KAAAP,MAAA,EAC5BF,GACA;AAMA,IAAAU,YAAA,GAA0CV,GAAA,IAAAK,WAAA,CAAAE,SAAA;EAAAC,KAAA;AAAA,IAAAR,GAAA;AAC1C,IAAAW,gBAAA;AACAC,QAAA,CAAAD,gBAAA,EAA0D;EAiEhDE,QAAA,EAAAA,CAAA,KAAAA;AA1DH;AACLC,MAAA,CAAAC,OAAU,GAAAL,YAAI,CAAAC,gBAAA;AACd,IAAAK,kBAAM,GAAYC,OAAA;AAClB,IAAAC,YAAM,GAAAnB,OAAQ,CAAAkB,OAAA;AACd,IAAAE,iBAAmB,GAAAF,OAAI;AACvB,IAAAG,gBAAiB,GAAAH,OAAI;AACrB,IAAAI,aAAM,GAAMJ,OAAA;AACZ,IAAAK,oBAAM,GAAeL,OAAA;AACrB,IAAAM,yBAAiB,GAAAN,OAAA,yCAAmB;AACpC,IAAAO,WAAM,GAAAP,OAAc,0BAAM;AAE1B,IAAAQ,mBAAM,GAAAR,OAAe,mCAAY;AAC/B,IAAAS,mBAAI,GAAAT,OAAA;AACF,SAAAJ,QAAWA,CAAA;EAAc,IAC3B;IAAAc;EAAQ,IAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA,IAGRE,IAAA,EAAAC,iBAAA;EAGA;IAAAC;EAAA,QAAAV,oBAAA,CAAAW,cAAsB,EAAAT,WAAA,CAAAU,yBAAA;EACtB,IAAAC,SAAU,OAAQZ,yBAAY,CAAAa,sBAAA;EAChC,IAAIC,KAAK,OAAAd,yBAAiB,CAAAe,kBAAA;EAE1B;IAAMC;EAAA,QAAehB,yBAAA,CAAYiB,mBAAM;EACrC;IAAIC;EAAO,QAAAlB,yBAAmC,CAAAmB,yBAAoB;EAChE,IAAAC,GAAA,OAASlB,mBAAO,CAAAmB,YAAA;EAAA,IAClBC,YAAA,OAAAzB,gBAAA,CAAA0B,eAAA;EACF,IAAI;IAACC;EAAA,QAAArB,mBAAA,CAAAsB,kBAAA;EAEL,IAAAC,WAAM,GAAAF,IAAa,aAAcA,IAAA,uBAAAA,IAAA,CAAAG,IAAA;EACjC,IAAAC,YAAM,OAAA9B,aAAoB,CAAA+B,WAAA,oBAAkB;IAC1C,IAAI;MACF,OAAOT,GAAA,KAAK,QAAAA,GAAY,UAAU,aAAAA,GAAA,CAAAU,IAAqB,GAAAC,MAAA;IACzD,SAAAC,MAAA,GACF;IAEA,IAAM7B,mBAAA,CAAA8B,qBAAoB;IACxBrB,SAAK,CAAAsB,OAAY,CAAApB,KAAA,CAAAqB,IAAA;EACjB,IACFf,GAAI,EAEJR,SAAM,EACNE,KAAM,CACJ;EACF,IAAIsB,YAAW,OAAAtC,aAAgB,CAAA+B,WAAA;IAE/B,IAAM,OAAAQ,QAAc,gBACf,IACD,OAAAA,QAAA,CAAAC,MAAA;MACED,QAAU,CAAAC,MAAA;IACV;EACF;EAEJ,IAAAC,UACE,GAAAjB,YAAA,aAAAA,YAAC,uBAAAA,YAAa,CAAAkB,OAAU;EACtB,IAAAC,iBAAA,OAAA3C,aAAA,CAAA+B,WAAC;IAKD,IAAAU,UAAA,WAAAG,MAAA,gBAAC,WAAAA,MAAA,CAAAC,IAAA,eAAa,EAAb;MACED,MAAA,CACCC,IAAA,CAAAJ,UAAA;IACE;EACE,IAEAA,UACC,CAIG;EACN,IAAAK,iBACA,OAAA9C,aAAA,CAAA+B,WAAC;IAAuB,KAC1Bb,UACE;IAAAA,UACJ,CAAA6B,SAAA,CAAA7B,UAAA,CAAA8B,MAAA;EAAA,IAAc9B,UAAb;EACK,IAAA+B,UACJ,GAAA7B,QAAgB,CAAA6B,UAAA;EAAiE,IAAAC,gBAE9E,OAAAlD,aAAA,CAAA+B,WAAsB,EAAY;IAAAjB,SAAA,CAAAqC,QAAA,CAAAF,UAAA,CAAAG,IAAA;EAAA,IACvCtC,SACA,EAAAmC,UAAC,CAAAG,IAAA,CAAa;EAAb,IAAAC,WACK,GAAAzB,WAAA;IAAA0B,QACJ;IAAiFC,cAEhF,EAAA5C,CAAA,CAAE,6BAAuB,sBAAa;EAAA;EAAA,OACzC,mBAAAhB,kBAAA,CAAA6D,IAAA,EAAA1D,iBAAA,CAAA2D,YAAA;IAAAC,SAGA;IAAApD,WAAC;IAAaqD,QAAb,kBACS,IAAAhE,kBAAA,CAAAiE,GAAA,EAAA9D,iBAAA,CAAA2D,YAAA,CAAAI,OAAA;MAAAC,OACR;MAAsEH,QAErE,iBAAE,IAAAhE,kBAA4B,CAAAiE,GAAA,EAAA9D,iBAAkB,CAAAiE,MAAA;QAAAC,UAAA;QACnDC,QAAA;QACCC,IAAA;QAKA,YAAS,EAAAvD,CAAA,iBACR;QAACgD,QAAA,qBAAahE,kBAAA,CAAAiE,GAAA,EAAA9D,iBAAA,CAAAqE,MAAA;UAAbD,IAAA;UACEE,GAAI,EAAA1C,IAAA,KACD,IAAC,IACDA,IAAA,uBAAAA,IAAA,CAAA2C,QAAA;UACEC,IAAA,GAAA7D,IAAU,GAAAiB,IAAA,aAAAA,IAAA,uBAAAA,IAAA,CAAA6C,QAAA,cAAA9D,IAAA,cAAAA,IAAA,GAAAiB,IAAA,aAAAA,IAAA,uBAAAA,IAAA,CAAAG;QAAA;MACM;IACd,IACA,eACF,IAAAlC,kBAAA,CAAA6D,IAAA,EAAA1D,iBAAA,CAAA2D,YAAA,CAAAe,OAAA;MAAAC,QACF;MAAAd,QACJ,GAECjC,IAAA,kBAAE,IAAA/B,kBAAwB,CAAA6D,IAAc,EAAA7D,kBAAA,CAAA+E,QAAA;QAAAf,QAAA,GAEzC,mBAAAhE,kBAAA,CAAA6D,IAAA,EAAA1D,iBAAA,CAAA6E,MAAA;UACHC,iBAAS;UAOTC,eAAA,EAAS;UAKAC,GAAA,QACR;UACEnB,QAAA,GACA,mBAAAhE,kBAAC,CAAAiE,GAAA,EAAA9D,iBAAA,CAAAiF,WAAkB;YAInBb,IAAA;YACNc,UAAA;YACFC,aAAA;YAEJtB,QAAA,EAAAjC,IAAA,CAAA6C","ignoreList":[]}
+{"version":3,"names":["to","__toESM","mod","isNodeMode","target","__create","__getProtoOf","__copyProps","__esModule","__defProp","value","enumerable","__toCommonJS","UserMenu_exports","__export","UserMenu","module","exports","import_jsx_runtime","require","import_react","import_components","import_forms","import_frappe_ui","import_theme","import_react2","import_react_i18next","import_BackofficeProvider","import_i18n","import_useFrappeApp","import_user_session","defaultOpen","arguments","length","_ref","_exitToSite_label","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","navigator","useBackofficeNavigator","paths","useBackofficePaths","appearance","useBackofficeConfig","userMenu","useBackofficeCapabilities","app","useFrappeApp","frappeConfig","useFrappeConfig","info","useSessionUserInfo","sessionUser","user","handleLogout","useCallback","auth","logout","unused","clearSessionUserCache","replace","home","handleReload","location","reload","websiteURL","baseURL","handleViewWebsite","window","open","handleToggleTheme","setScheme","scheme","exitToSite","handleExitToSite","navigate","path","sessionGate","disabled","disabledReason","jsxs","DropdownMenu","placement","children","jsx","Trigger","asChild","Button","chromeless","circular","size","sizeToken","Avatar","src","imageUrl","name","fullName","Content","minWidth","Fragment","YStack","panelPadding","gap","paddingVertical","SizableText","label","fontWeight","numberOfLines","email","color","Separator","Item","onSelect","form"],"sources":["../../../src/chrome/UserMenu.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/chrome/help-about-dialog.cjs

@@ -88,7 +88,7 @@ function HelpAboutDialog({
           marginTop: "$2",
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
             size: "$2",
-            fontWeight: "700",
+            fontWeight: "400",
             color: "$color10",
             textTransform: "uppercase",
             children: t("help.installedApps", "Installed Apps")
@@ -108,7 +108,7 @@ function HelpAboutDialog({
             justifyContent: "space-between",
             children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
               size: "$3",
-              fontWeight: "600",
+              fontWeight: "400",
               flex: 1,
               numberOfLines: 1,
               children: info.title || key

package/dist/cjs/chrome/help-about-dialog.native.js

@@ -93,7 +93,7 @@ function HelpAboutDialog(param) {
           marginTop: "$2",
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
             size: "$2",
-            fontWeight: "700",
+            fontWeight: "400",
             color: "$color10",
             textTransform: "uppercase",
             children: t("help.installedApps", "Installed Apps")
@@ -116,7 +116,7 @@ function HelpAboutDialog(param) {
               justifyContent: "space-between",
               children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
                 size: "$3",
-                fontWeight: "600",
+                fontWeight: "400",
                 flex: 1,
                 numberOfLines: 1,
                 children: info.title || key

package/dist/cjs/chrome/help-shortcuts-dialog.cjs

@@ -26,6 +26,7 @@ __export(help_shortcuts_dialog_exports, {
 });
 module.exports = __toCommonJS(help_shortcuts_dialog_exports);
 var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
 var import_react_i18next = require("react-i18next");
 var import_i18n = require("../i18n/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -38,18 +39,20 @@ function getModLabel() {
 function KeyChip({
   label
 }) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
-    borderWidth: 1,
+    ...knobProps.borderRadius,
     borderColor: "$borderColor",
     backgroundColor: "$color2",
-    borderRadius: "$2",
     paddingHorizontal: "$2",
     paddingVertical: "$1",
     minWidth: 28,
     justifyContent: "center",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
       size: "$1",
-      fontWeight: "600",
+      fontWeight: "400",
       children: label
     })
   });

package/dist/cjs/chrome/help-shortcuts-dialog.native.js

@@ -29,6 +29,7 @@ __export(help_shortcuts_dialog_exports, {
 module.exports = __toCommonJS(help_shortcuts_dialog_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
 var import_react_i18next = require("react-i18next");
 var import_i18n = require("../i18n/index.native.js");
 function getModLabel() {
@@ -42,18 +43,20 @@ function KeyChip(param) {
   var {
     label
   } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
-    borderWidth: 1,
+    ...knobProps.borderRadius,
     borderColor: "$borderColor",
     backgroundColor: "$color2",
-    borderRadius: "$2",
     paddingHorizontal: "$2",
     paddingVertical: "$1",
     minWidth: 28,
     justifyContent: "center",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
       size: "$1",
-      fontWeight: "600",
+      fontWeight: "400",
       children: label
     })
   });

package/dist/cjs/chrome/help-shortcuts-dialog.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","help_shortcuts_dialog_exports","__export","HelpShortcutsDialog","module","exports","import_jsx_runtime","require","import_components","import_react_i18next","import_i18n","getModLabel","_navigator_platform","navigator","test","String","platform","KeyChip","param","label","jsx","XStack","borderWidth","borderColor","backgroundColor","borderRadius","paddingHorizontal","paddingVertical","minWidth","justifyContent","children","SizableText","size","fontWeight","ShortcutRow","combos","description","jsxs","gap","alignItems","width","flexWrap","flexShrink","map","combo","comboIndex","color","key","keyIndex","join","flex"],"sources":["../../../src/chrome/help-shortcuts-dialog.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAOAC,MAAA,CAAAC,OAAA,GAAAT,YAQO,CAAAK,6BAAA;AACP,IAAAK,kBAAA,GAAAC,OAA+B;AAC/B,IAAAC,iBAA0C,GAAAD,OAAA;AA8BpC,IAAAE,oBAAA,GAAAF,OAAA;AAtBN,IAAAG,WAAS,GAAAH,OAAsB;AAC7B,SACEI,WAAOA,CAAA;EAGP,IAAAC,mBAAO;EACT,WAAAC,SAAA,4CAAAC,IAAA,CAAAC,MAAA,EAAAH,mBAAA,GAAAC,SAAA,CAAAG,QAAA,cAAAJ,mBAAA,cAAAA,mBAAA;IACA,OAAO;EACT;EAEA,OAAS;AACP;AACE,SAACK,QAAAC,KAAA;EAAA;IAAAC;EAAA,IAAAD,KAAA;EAAA,OACC,eAAa,IAAAZ,kBAAA,CAAAc,GAAA,EAAAZ,iBAAA,CAAAa,MAAA;IAAAC,WACb;IAAYC,WACZ,gBAAgB;IAAAC,eAChB,EAAa;IAAAC,YACb;IAAkBC,iBAClB,EAAgB;IAAAC,eACN;IAAAC,QACV;IAAeC,cAEf;IAEAC,QAAA,qBAAAxB,kBAAA,CAAAc,GAAA,EAAAZ,iBAAA,CAAAuB,WAAA;MACFC,IAAA;MAEJC,UAAA;MAQAH,QAAS,EAAAX;IACP;EAEI;AAGO;AAGC,SAEDe,WAAWA,CAAAhB,KAAK;EAEZ;IAAAiB,MAAA;IAAAC;EACC,IAAAlB,KAAA;EAEA,OAEF,mBAAAZ,kBAAA,CAAA+B,IAAC,EAAA7B,iBAAe,CAAAa,MAAK;IAAAiB,GAAA,MANV;IAQdC,UAfU,EAAM,QAgBnB;IAGJT,QAAA,GAGF,mBAAAxB,kBAAA,CAAAc,GAAA,EAAAZ,iBAAA,CAAAa,MAAA;MAEJmB,KAAA;MAEOF,GAAS;MACRC,UAAI,EAAI;MACRE,QAAM;MAENC,UAA2B;MAC/BZ,QAAA,EAAAK,MAAA,CAAAQ,GAAA,WAAAC,KAAA,EAAAC,UAAA;QACE,OAAQ,mBAAAvC,kBAAA,CAAA+B,IAAA,EAAA7B,iBAAA,CAAAa,MAAA;UACLiB,GAAK,EAAG;UACRC,UAAQ;UACXT,QAAA,GACAe,UAAe,wBAA4B,GAAAvC,kBAAA,CAAAc,GAAA,EAA0BZ,iBAAA,CAAAuB,WAAA;YACvEC,IAAA;YACAc,KAAA;YACYhB,QAAQ,EAAC;UACnB,IACFc,KAAA,CAAAD,GAAA,WAAAI,GAAA,EAAAC,QAAA;YACA,0BAAA1C,kBAAA,CAAA+B,IAAA,EAAA7B,iBAAA,CAAAa,MAAA;cACYiB,GAAK,EAAC;cAChBC,UAAe;cACjBT,QAAA,GACFkB,QAAA,2BAAA1C,kBAAA,CAAAc,GAAA,EAAAZ,iBAAA,CAAAuB,WAAA;gBAGEC,IAAA;gBAEIc,KAAA;gBACAhB,QAAA;cAAC,uBAAAxB,kBAAA,CAAAc,GAAA,EAAAH,OAAA;gBAEQE,KAAA,EAAA4B;cACE;YAGT,GAAAA,GAAA;UAAA;QAMA,GAAAH,KAAA,CAAAK,IAAA;MAIA;IAKA,uBAAA3C,kBAAA,CAAAc,GAAA,EAAAZ,iBAAA,CAAAuB,WAAA;MApBIC,IAAA;MAqBNkB,IAAA;MAEJpB,QAAA,EAAAM;IAEJ","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","help_shortcuts_dialog_exports","__export","HelpShortcutsDialog","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react_i18next","import_i18n","getModLabel","_navigator_platform","navigator","test","String","platform","KeyChip","param","label","knobProps","useResolvedKnobs","jsx","XStack","borderRadius","borderColor","backgroundColor","paddingHorizontal","paddingVertical","minWidth","justifyContent","children","SizableText","size","fontWeight","ShortcutRow","combos","description","jsxs","gap","alignItems","width","flexWrap","flexShrink","map","combo","comboIndex","color","key","keyIndex","join","flex"],"sources":["../../../src/chrome/help-shortcuts-dialog.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAOAC,MAAA,CAAAC,OAAA,GAAAT,YAQO,CAAAK,6BAAA;AACP,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,iBAAA,GAAAD,OAA+B;AAC/B,IAAAE,YAAA,GAA0CF,OAAA;AA8BpC,IAAAG,oBAAA,GAAAH,OAAA;AAtBN,IAAAI,WAAS,GAAAJ,OAAsB;AAC7B,SACEK,WAAOA,CAAA;EAGP,IAAAC,mBAAO;EACT,WAAAC,SAAA,4CAAAC,IAAA,CAAAC,MAAA,EAAAH,mBAAA,GAAAC,SAAA,CAAAG,QAAA,cAAAJ,mBAAA,cAAAA,mBAAA;IACA,OAAO;EACT;EAEA,OAAS;AACP;AACA,SACEK,QAAAC,KAAA;EAAA,IAAC;IAAAC;EAAA,IAAAD,KAAA;EAAA;IAAAE;EAAA,QAAAZ,YAAA,CAAAa,gBAAA;EAAA,OACK,eAAU,IAAAhB,kBAAA,CAAAiB,GAAA,EAAAf,iBAAA,CAAAgB,MAAA;IAAA,GACdH,SAAA,CAAAI,YAAY;IAAAC,WACZ,gBAAgB;IAAAC,eAChB,WAAkB;IAAAC,iBAClB,EAAgB;IAAAC,eACN;IAAAC,QACV;IAAeC,cAEf;IAEAC,QAAA,qBAAA1B,kBAAA,CAAAiB,GAAA,EAAAf,iBAAA,CAAAyB,WAAA;MACFC,IAAA;MAEJC,UAAA;MAQAH,QAAS,EAAAZ;IACP;EAEI;AAGO;AAGC,SAEDgB,WAAWA,CAAAjB,KAAK;EAEZ;IAAAkB,MAAA;IAAAC;EACC,IAAAnB,KAAA;EAEA,OAEF,mBAAAb,kBAAA,CAAAiC,IAAC,EAAA/B,iBAAe,CAAAgB,MAAK;IAAAgB,GAAA,MANV;IAQdC,UAfU,EAAM,QAgBnB;IAGJT,QAAA,GAGF,mBAAA1B,kBAAA,CAAAiB,GAAA,EAAAf,iBAAA,CAAAgB,MAAA;MAEJkB,KAAA;MAEOF,GAAS;MACRC,UAAI,EAAI;MACRE,QAAM;MAENC,UAA2B;MAC/BZ,QAAA,EAAAK,MAAA,CAAAQ,GAAA,WAAAC,KAAA,EAAAC,UAAA;QACE,OAAQ,mBAAAzC,kBAAA,CAAAiC,IAAA,EAAA/B,iBAAA,CAAAgB,MAAA;UACLgB,GAAK,EAAG;UACRC,UAAQ;UACXT,QAAA,GACAe,UAAe,wBAA4B,GAAAzC,kBAAA,CAAAiB,GAAA,EAA0Bf,iBAAA,CAAAyB,WAAA;YACvEC,IAAA;YACAc,KAAA;YACYhB,QAAQ,EAAC;UACnB,IACFc,KAAA,CAAAD,GAAA,WAAAI,GAAA,EAAAC,QAAA;YACA,0BAAA5C,kBAAA,CAAAiC,IAAA,EAAA/B,iBAAA,CAAAgB,MAAA;cACYgB,GAAK,EAAC;cAChBC,UAAe;cACjBT,QAAA,GACFkB,QAAA,2BAAA5C,kBAAA,CAAAiB,GAAA,EAAAf,iBAAA,CAAAyB,WAAA;gBAGEC,IAAA;gBAEIc,KAAA;gBACAhB,QAAA;cAAC,uBAAA1B,kBAAA,CAAAiB,GAAA,EAAAL,OAAA;gBAEQE,KAAA,EAAA6B;cACE;YAGT,GAAAA,GAAA;UAAA;QAMA,GAAAH,KAAA,CAAAK,IAAA;MAIA;IAKA,uBAAA7C,kBAAA,CAAAiB,GAAA,EAAAf,iBAAA,CAAAyB,WAAA;MApBIC,IAAA;MAqBNkB,IAAA;MAEJpB,QAAA,EAAAM;IAEJ","ignoreList":[]}

package/dist/cjs/chrome/notifications-panel.cjs

@@ -38,12 +38,15 @@ function NotificationRow({
   const {
     t
   } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   const subject = item.subjectText || t("notifications.untitled", "Notification");
   const relative = (0, import_theme.formatRelativeTimestamp)(item.timestampMs ?? item.creation);
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
     ...import_theme.menuRowFrame,
     alignItems: "flex-start",
-    gap: "$3",
+    ...knobProps.gap,
     paddingVertical: "$2.5",
     backgroundColor: item.unread ? "$color2" : "transparent",
     hoverStyle: {
@@ -75,13 +78,13 @@ function NotificationRow({
       minWidth: 0,
       gap: "$1",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-        fontSize: "$3",
-        fontWeight: item.unread ? "600" : "400",
+        ...knobProps.label,
+        fontWeight: "400",
         color: item.unread ? "$color12" : "$color11",
         numberOfLines: 2,
         children: subject
       }), relative ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-        fontSize: "$2",
+        ...knobProps.label,
         color: "$color9",
         children: relative
       }) : null]
@@ -132,6 +135,9 @@ function NotificationsPanel({
   const {
     t
   } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   const hasUnread = items.some(item => item.unread);
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
     width,
@@ -144,8 +150,7 @@ function NotificationsPanel({
       paddingHorizontal: "$3",
       paddingVertical: "$2",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
-        size: "$4",
-        fontWeight: "700",
+        ...knobProps.heading,
         flex: 1,
         numberOfLines: 1,
         children: t("notifications.title", "Notifications")