@mattermost/compass-ui 0.1.0-alpha.27 → 0.1.0-alpha.28

package/dist/compass-ui.css

@@ -291,6 +291,22 @@
     --z-sidebar: 100;
     --z-modal: 200;
     --z-tooltip: 300;
+    --opacity-4: 0.04;
+    --opacity-8: 0.08;
+    --opacity-12: 0.12;
+    --opacity-16: 0.16;
+    --opacity-20: 0.2;
+    --opacity-24: 0.24;
+    --opacity-32: 0.32;
+    --opacity-40: 0.4;
+    --opacity-48: 0.48;
+    --opacity-56: 0.56;
+    --opacity-64: 0.64;
+    --opacity-72: 0.72;
+    --opacity-80: 0.8;
+    --opacity-88: 0.88;
+    --opacity-96: 0.96;
+    --opacity-100: 1;
   }
 }
 @layer compass-ui.webapp-compat {

package/dist/components/admin-console-footer/AdminConsoleFooter.css

@@ -1 +1 @@
-._admin-console-footer_rqy27_2{display:flex;flex-direction:column;width:100%;background:var(--center-channel-bg);border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}._admin-console-footer__inner_rqy27_9{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xl);padding:14px var(--spacing-xl);width:100%;box-sizing:border-box}._admin-console-footer__actions_rqy27_18{display:flex;flex-wrap:wrap;gap:var(--spacing-m);align-items:center}._admin-console-footer__status_rqy27_24{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex:1 1 auto;min-width:min(280px,100%);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75)}._admin-console-footer__status-icon_rqy27_35{display:inline-flex;flex-shrink:0;line-height:0}._admin-console-footer__status-icon_rqy27_35 svg{display:block}._admin-console-footer--status-warning_rqy27_43 ._admin-console-footer__status_rqy27_24,._admin-console-footer--status-warning_rqy27_43 ._admin-console-footer__status-icon_rqy27_35{color:var(--color-warning)}._admin-console-footer--status-error_rqy27_46 ._admin-console-footer__status_rqy27_24,._admin-console-footer--status-error_rqy27_46 ._admin-console-footer__status-icon_rqy27_35{color:var(--error-text, var(--color-danger))}
+._admin-console-footer_94ai8_13{display:flex;flex-direction:column;width:100%;background:var(--center-channel-bg);border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}._admin-console-footer__inner_94ai8_20{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xl);padding:14px var(--spacing-xl);width:100%;box-sizing:border-box}._admin-console-footer__actions_94ai8_29{display:flex;flex-wrap:wrap;gap:var(--spacing-m);align-items:center}._admin-console-footer__status_94ai8_35{display:inline-flex;align-items:center;gap:var(--spacing-xs);flex:1 1 auto;min-width:min(280px,100%);font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-75)}._admin-console-footer__status-icon_94ai8_46{display:inline-flex;flex-shrink:0;line-height:0}._admin-console-footer__status-icon_94ai8_46 svg{display:block}._admin-console-footer--status-warning_94ai8_54 ._admin-console-footer__status_94ai8_35,._admin-console-footer--status-warning_94ai8_54 ._admin-console-footer__status-icon_94ai8_46{color:var(--color-warning)}._admin-console-footer--status-error_94ai8_57 ._admin-console-footer__status_94ai8_35,._admin-console-footer--status-error_94ai8_57 ._admin-console-footer__status-icon_94ai8_46{color:var(--error-text, var(--color-danger))}

package/dist/components/admin-console-footer/AdminConsoleFooter.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleFooter.css');const o={"admin-console-footer":"_admin-console-footer_rqy27_2","admin-console-footer__inner":"_admin-console-footer__inner_rqy27_9","admin-console-footer__actions":"_admin-console-footer__actions_rqy27_18","admin-console-footer__status":"_admin-console-footer__status_rqy27_24","admin-console-footer__status-icon":"_admin-console-footer__status-icon_rqy27_35","admin-console-footer--status-warning":"_admin-console-footer--status-warning_rqy27_43","admin-console-footer--status-error":"_admin-console-footer--status-error_rqy27_46"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleFooter.css');const o={"admin-console-footer":"_admin-console-footer_94ai8_13","admin-console-footer__inner":"_admin-console-footer__inner_94ai8_20","admin-console-footer__actions":"_admin-console-footer__actions_94ai8_29","admin-console-footer__status":"_admin-console-footer__status_94ai8_35","admin-console-footer__status-icon":"_admin-console-footer__status-icon_94ai8_46","admin-console-footer--status-warning":"_admin-console-footer--status-warning_94ai8_54","admin-console-footer--status-error":"_admin-console-footer--status-error_94ai8_57"};exports.default=o;
 //# sourceMappingURL=AdminConsoleFooter.module.scss.cjs.map

package/dist/components/admin-console-footer/AdminConsoleFooter.module.scss.js

@@ -1,11 +1,11 @@
 import './AdminConsoleFooter.css';const o = {
-  "admin-console-footer": "_admin-console-footer_rqy27_2",
-  "admin-console-footer__inner": "_admin-console-footer__inner_rqy27_9",
-  "admin-console-footer__actions": "_admin-console-footer__actions_rqy27_18",
-  "admin-console-footer__status": "_admin-console-footer__status_rqy27_24",
-  "admin-console-footer__status-icon": "_admin-console-footer__status-icon_rqy27_35",
-  "admin-console-footer--status-warning": "_admin-console-footer--status-warning_rqy27_43",
-  "admin-console-footer--status-error": "_admin-console-footer--status-error_rqy27_46"
+  "admin-console-footer": "_admin-console-footer_94ai8_13",
+  "admin-console-footer__inner": "_admin-console-footer__inner_94ai8_20",
+  "admin-console-footer__actions": "_admin-console-footer__actions_94ai8_29",
+  "admin-console-footer__status": "_admin-console-footer__status_94ai8_35",
+  "admin-console-footer__status-icon": "_admin-console-footer__status-icon_94ai8_46",
+  "admin-console-footer--status-warning": "_admin-console-footer--status-warning_94ai8_54",
+  "admin-console-footer--status-error": "_admin-console-footer--status-error_94ai8_57"
 };
 export {
   o as default

package/dist/components/admin-console-header/AdminConsoleHeader.css

@@ -1 +1 @@
-._admin-console-header_1kerw_2{display:flex;flex-direction:column;width:100%;background:var(--center-channel-bg);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.12);height:64px}._admin-console-header__row_1kerw_10{display:flex;align-items:stretch;flex-shrink:0;width:100%;height:100%;min-height:0}._admin-console-header__back_1kerw_18{box-sizing:border-box;display:flex;flex-shrink:0;align-self:stretch;align-items:stretch;aspect-ratio:1/1;width:auto;border-right:1px solid rgba(var(--center-channel-color-rgb),.12)}._admin-console-header__back_1kerw_18 ._admin-console-header__back-button_1kerw_32{box-sizing:border-box;border-radius:0;width:64px;height:64px;flex-shrink:0;padding:var(--spacing-s)!important}._admin-console-header__title-row_1kerw_40{display:flex;flex:1;align-items:center;gap:var(--spacing-m);min-width:0;min-height:0;height:100%;padding:0 var(--spacing-xl)}._admin-console-header__intro_1kerw_50{display:flex;flex:1 1 auto;align-items:center;gap:var(--spacing-s);min-width:0}._admin-console-header__title_1kerw_40{flex-shrink:1;min-width:0;margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-500);font-weight:var(--font-weight-semibold);line-height:var(--line-height-500);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._admin-console-header__trailing_1kerw_70{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}
+._admin-console-header_1hlnp_13{display:flex;flex-direction:column;width:100%;background:var(--center-channel-bg);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.12);height:64px}._admin-console-header__row_1hlnp_21{display:flex;align-items:stretch;flex-shrink:0;width:100%;height:100%;min-height:0}._admin-console-header__back_1hlnp_29{box-sizing:border-box;display:flex;flex-shrink:0;align-self:stretch;align-items:stretch;aspect-ratio:1/1;width:auto;border-right:1px solid rgba(var(--center-channel-color-rgb),.12)}._admin-console-header__back_1hlnp_29 ._admin-console-header__back-button_1hlnp_43{box-sizing:border-box;border-radius:0;width:64px;height:64px;flex-shrink:0;padding:var(--spacing-s)!important}._admin-console-header__title-row_1hlnp_51{display:flex;flex:1;align-items:center;gap:var(--spacing-m);min-width:0;min-height:0;height:100%;padding:0 var(--spacing-xl)}._admin-console-header__intro_1hlnp_61{display:flex;flex:1 1 auto;align-items:center;gap:var(--spacing-s);min-width:0}._admin-console-header__title_1hlnp_51{flex-shrink:1;min-width:0;margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-500);font-weight:var(--font-weight-semibold);line-height:var(--line-height-500);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._admin-console-header__trailing_1hlnp_81{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}

package/dist/components/admin-console-header/AdminConsoleHeader.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleHeader.css');const e={"admin-console-header":"_admin-console-header_1kerw_2","admin-console-header__row":"_admin-console-header__row_1kerw_10","admin-console-header__back":"_admin-console-header__back_1kerw_18","admin-console-header__back-button":"_admin-console-header__back-button_1kerw_32","admin-console-header__title-row":"_admin-console-header__title-row_1kerw_40","admin-console-header__intro":"_admin-console-header__intro_1kerw_50","admin-console-header__title":"_admin-console-header__title_1kerw_40","admin-console-header__trailing":"_admin-console-header__trailing_1kerw_70"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminConsoleHeader.css');const e={"admin-console-header":"_admin-console-header_1hlnp_13","admin-console-header__row":"_admin-console-header__row_1hlnp_21","admin-console-header__back":"_admin-console-header__back_1hlnp_29","admin-console-header__back-button":"_admin-console-header__back-button_1hlnp_43","admin-console-header__title-row":"_admin-console-header__title-row_1hlnp_51","admin-console-header__intro":"_admin-console-header__intro_1hlnp_61","admin-console-header__title":"_admin-console-header__title_1hlnp_51","admin-console-header__trailing":"_admin-console-header__trailing_1hlnp_81"};exports.default=e;
 //# sourceMappingURL=AdminConsoleHeader.module.scss.cjs.map

package/dist/components/admin-console-header/AdminConsoleHeader.module.scss.js

@@ -1,12 +1,12 @@
 import './AdminConsoleHeader.css';const e = {
-  "admin-console-header": "_admin-console-header_1kerw_2",
-  "admin-console-header__row": "_admin-console-header__row_1kerw_10",
-  "admin-console-header__back": "_admin-console-header__back_1kerw_18",
-  "admin-console-header__back-button": "_admin-console-header__back-button_1kerw_32",
-  "admin-console-header__title-row": "_admin-console-header__title-row_1kerw_40",
-  "admin-console-header__intro": "_admin-console-header__intro_1kerw_50",
-  "admin-console-header__title": "_admin-console-header__title_1kerw_40",
-  "admin-console-header__trailing": "_admin-console-header__trailing_1kerw_70"
+  "admin-console-header": "_admin-console-header_1hlnp_13",
+  "admin-console-header__row": "_admin-console-header__row_1hlnp_21",
+  "admin-console-header__back": "_admin-console-header__back_1hlnp_29",
+  "admin-console-header__back-button": "_admin-console-header__back-button_1hlnp_43",
+  "admin-console-header__title-row": "_admin-console-header__title-row_1hlnp_51",
+  "admin-console-header__intro": "_admin-console-header__intro_1hlnp_61",
+  "admin-console-header__title": "_admin-console-header__title_1hlnp_51",
+  "admin-console-header__trailing": "_admin-console-header__trailing_1hlnp_81"
 };
 export {
   e as default

package/dist/components/admin-panel/AdminPanel.css

@@ -1 +1 @@
-._admin-panel_iwm08_2{display:flex;flex-direction:column;width:100%;max-width:920px;background:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-m);box-shadow:var(--elevation-1);overflow:hidden}._admin-panel__collapse_iwm08_13{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-moderate) var(--ease-transition)}._admin-panel__collapse--expanded_iwm08_18{grid-template-rows:1fr}._admin-panel__collapse-inner_iwm08_21{overflow:hidden;min-height:0}._admin-panel__body_iwm08_25{flex:1 1 auto;width:100%;padding:var(--spacing-xxl);box-sizing:border-box}
+._admin-panel_xr2f9_13{display:flex;flex-direction:column;width:100%;max-width:920px;background:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-m);box-shadow:var(--elevation-1);overflow:hidden}._admin-panel__collapse_xr2f9_24{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-moderate) var(--ease-transition)}._admin-panel__collapse--expanded_xr2f9_29{grid-template-rows:1fr}._admin-panel__collapse-inner_xr2f9_32{overflow:hidden;min-height:0}._admin-panel__body_xr2f9_36{flex:1 1 auto;width:100%;padding:var(--spacing-xxl);box-sizing:border-box}

package/dist/components/admin-panel/AdminPanel.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanel.css');const e={"admin-panel":"_admin-panel_iwm08_2","admin-panel__collapse":"_admin-panel__collapse_iwm08_13","admin-panel__collapse--expanded":"_admin-panel__collapse--expanded_iwm08_18","admin-panel__collapse-inner":"_admin-panel__collapse-inner_iwm08_21","admin-panel__body":"_admin-panel__body_iwm08_25"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanel.css');const e={"admin-panel":"_admin-panel_xr2f9_13","admin-panel__collapse":"_admin-panel__collapse_xr2f9_24","admin-panel__collapse--expanded":"_admin-panel__collapse--expanded_xr2f9_29","admin-panel__collapse-inner":"_admin-panel__collapse-inner_xr2f9_32","admin-panel__body":"_admin-panel__body_xr2f9_36"};exports.default=e;
 //# sourceMappingURL=AdminPanel.module.scss.cjs.map

package/dist/components/admin-panel/AdminPanel.module.scss.js

@@ -1,9 +1,9 @@
 import './AdminPanel.css';const _ = {
-  "admin-panel": "_admin-panel_iwm08_2",
-  "admin-panel__collapse": "_admin-panel__collapse_iwm08_13",
-  "admin-panel__collapse--expanded": "_admin-panel__collapse--expanded_iwm08_18",
-  "admin-panel__collapse-inner": "_admin-panel__collapse-inner_iwm08_21",
-  "admin-panel__body": "_admin-panel__body_iwm08_25"
+  "admin-panel": "_admin-panel_xr2f9_13",
+  "admin-panel__collapse": "_admin-panel__collapse_xr2f9_24",
+  "admin-panel__collapse--expanded": "_admin-panel__collapse--expanded_xr2f9_29",
+  "admin-panel__collapse-inner": "_admin-panel__collapse-inner_xr2f9_32",
+  "admin-panel__body": "_admin-panel__body_xr2f9_36"
 };
 export {
   _ as default

package/dist/components/admin-panel-footer/AdminPanelFooter.css

@@ -1 +1 @@
-._admin-panel-footer_acg4e_2{display:flex;flex-direction:column;flex-shrink:0;width:100%;box-sizing:border-box;border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}._admin-panel-footer__content_acg4e_10{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-m);width:100%;padding:var(--spacing-xxl);box-sizing:border-box}._admin-panel-footer__left_acg4e_19,._admin-panel-footer__right_acg4e_19{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);min-width:0}._admin-panel-footer__left_acg4e_19{flex:1 1 auto;justify-content:flex-start}._admin-panel-footer__right_acg4e_19{flex-shrink:0;justify-content:flex-end}._admin-panel-footer--single_acg4e_34 ._admin-panel-footer__content_acg4e_10{justify-content:flex-start}._admin-panel-footer--single_acg4e_34 ._admin-panel-footer__left_acg4e_19,._admin-panel-footer--single_acg4e_34 ._admin-panel-footer__right_acg4e_19{flex:0 1 auto;justify-content:flex-start}
+._admin-panel-footer_blgk5_13{display:flex;flex-direction:column;flex-shrink:0;width:100%;box-sizing:border-box;border-top:1px solid rgba(var(--center-channel-color-rgb),.12)}._admin-panel-footer__content_blgk5_21{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-m);width:100%;padding:var(--spacing-xxl);box-sizing:border-box}._admin-panel-footer__left_blgk5_30,._admin-panel-footer__right_blgk5_30{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);min-width:0}._admin-panel-footer__left_blgk5_30{flex:1 1 auto;justify-content:flex-start}._admin-panel-footer__right_blgk5_30{flex-shrink:0;justify-content:flex-end}._admin-panel-footer--single_blgk5_45 ._admin-panel-footer__content_blgk5_21{justify-content:flex-start}._admin-panel-footer--single_blgk5_45 ._admin-panel-footer__left_blgk5_30,._admin-panel-footer--single_blgk5_45 ._admin-panel-footer__right_blgk5_30{flex:0 1 auto;justify-content:flex-start}

package/dist/components/admin-panel-footer/AdminPanelFooter.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanelFooter.css');const e={"admin-panel-footer":"_admin-panel-footer_acg4e_2","admin-panel-footer__content":"_admin-panel-footer__content_acg4e_10","admin-panel-footer__left":"_admin-panel-footer__left_acg4e_19","admin-panel-footer__right":"_admin-panel-footer__right_acg4e_19","admin-panel-footer--single":"_admin-panel-footer--single_acg4e_34"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./AdminPanelFooter.css');const e={"admin-panel-footer":"_admin-panel-footer_blgk5_13","admin-panel-footer__content":"_admin-panel-footer__content_blgk5_21","admin-panel-footer__left":"_admin-panel-footer__left_blgk5_30","admin-panel-footer__right":"_admin-panel-footer__right_blgk5_30","admin-panel-footer--single":"_admin-panel-footer--single_blgk5_45"};exports.default=e;
 //# sourceMappingURL=AdminPanelFooter.module.scss.cjs.map

package/dist/components/admin-panel-footer/AdminPanelFooter.module.scss.js

@@ -1,9 +1,9 @@
 import './AdminPanelFooter.css';const e = {
-  "admin-panel-footer": "_admin-panel-footer_acg4e_2",
-  "admin-panel-footer__content": "_admin-panel-footer__content_acg4e_10",
-  "admin-panel-footer__left": "_admin-panel-footer__left_acg4e_19",
-  "admin-panel-footer__right": "_admin-panel-footer__right_acg4e_19",
-  "admin-panel-footer--single": "_admin-panel-footer--single_acg4e_34"
+  "admin-panel-footer": "_admin-panel-footer_blgk5_13",
+  "admin-panel-footer__content": "_admin-panel-footer__content_blgk5_21",
+  "admin-panel-footer__left": "_admin-panel-footer__left_blgk5_30",
+  "admin-panel-footer__right": "_admin-panel-footer__right_blgk5_30",
+  "admin-panel-footer--single": "_admin-panel-footer--single_blgk5_45"
 };
 export {
   e as default

package/dist/components/admin-panel-header/AdminPanelHeader.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__A=require("@mattermost/compass-icons/components/chevron-down.js"),A=__A?.default??__A,__H=require("@mattermost/compass-icons/components/chevron-up.js"),H=__H?.default??__H,__T=require("@mattermost/compass-icons/components/cog-outline.js"),T=__T?.default??__T,__D=require("@mattermost/compass-icons/components/mattermost.js"),D=__D?.default??__D,L=require("../button/Button.cjs"),a=require("../icon/Icon.cjs"),R=require("../icon-button/IconButton.cjs"),o=require("../tag/Tag.cjs"),U=require("../switch/Switch.cjs"),l=require("./AdminPanelHeader.module.scss.cjs");function E({titleId:m,title:f,subtitle:d,headerActions:t,iconLeft:h=!1,leadingIcon:j,showBeta:x=!1,betaLabel:p="Beta",showEnterpriseLabel:_=!1,enterpriseLabel:v="Enterprise",showButton:i=!1,buttonLabel:q="Button",onButtonClick:y,showSwitch:r=!1,switchLabel:z="Off",switchChecked:N,defaultSwitchChecked:g,onSwitchChange:s,switchDisabled:I,expandable:u=!1,isExpanded:n=!1,onToggleExpand:b,expandLabel:k="Expand section",collapseLabel:C="Collapse section",showDivider:B=!0,className:P=""}){const M=r||i||t!=null||u,O=e.jsx(a.default,{size:"20",glyph:e.jsx(T,{})});return e.jsx("header",{className:[l.default["admin-panel-header"],B?l.default["admin-panel-header--divided"]:"",P].filter(Boolean).join(" ").trim(),children:e.jsxs("div",{className:l.default["admin-panel-header__main"],children:[e.jsxs("div",{className:l.default["admin-panel-header__start"],children:[h?e.jsx("div",{className:l.default["admin-panel-header__leading"],"aria-hidden":!0,children:e.jsx(a.IconSlotContext.Provider,{value:{size:"20"},children:j??O})}):null,e.jsxs("div",{className:l.default["admin-panel-header__title-stack"],children:[e.jsxs("div",{className:l.default["admin-panel-header__title-row"],children:[e.jsx("h2",{id:m,className:l.default["admin-panel-header__title"],children:f}),_?e.jsx(o.default,{label:v,size:"x-small",type:"default",leadingIcon:e.jsx(a.default,{size:"10",glyph:e.jsx(D,{})})}):null,x?e.jsx(o.default,{label:p,size:"x-small",type:"default"}):null]}),d!=null?e.jsx("p",{className:l.default["admin-panel-header__subtitle"],children:d}):null]})]}),M?e.jsxs("div",{className:l.default["admin-panel-header__actions"],children:[r?e.jsx(U.default,{size:"medium",checked:N,defaultChecked:g,disabled:I,onChange:c=>{s==null||s(c.target.checked,c)},children:z}):null,i?e.jsx(L.default,{type:"button",size:"medium",emphasis:"primary",onClick:y,children:q}):null,t,u?e.jsx(R.default,{type:"button",style:"default",size:"medium","aria-label":n?C:k,"aria-expanded":n,onClick:b,icon:e.jsx(a.default,{size:"20",glyph:n?e.jsx(H,{}):e.jsx(A,{})})}):null]}):null]})})}exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),U=require("react"),__V=require("@mattermost/compass-icons/components/chevron-down.js"),V=__V?.default??__V,__F=require("@mattermost/compass-icons/components/chevron-up.js"),F=__F?.default??__F,__G=require("@mattermost/compass-icons/components/cog-outline.js"),G=__G?.default??__G,__J=require("@mattermost/compass-icons/components/mattermost.js"),J=__J?.default??__J,K=require("../button/Button.cjs"),s=require("../icon/Icon.cjs"),Q=require("../icon-button/IconButton.cjs"),p=require("../tag/Tag.cjs"),S=require("../switch/Switch.cjs"),l=require("./AdminPanelHeader.module.scss.cjs"),W=["a[href]","button","input","select","textarea","label","summary",'[role="button"]','[role="link"]','[role="switch"]','[role="checkbox"]','[role="menuitem"]',"[tabindex]",'[contenteditable]:not([contenteditable="false"])'].join(", ");function X({titleId:_,title:b,subtitle:u,headerActions:c,iconLeft:v=!1,leadingIcon:q,showBeta:y=!1,betaLabel:k="Beta",showEnterpriseLabel:C=!1,enterpriseLabel:I="Enterprise",showButton:o=!1,buttonLabel:N="Button",onButtonClick:z,showSwitch:f=!1,switchLabel:R="Off",switchChecked:O,defaultSwitchChecked:P,onSwitchChange:i,switchDisabled:B,expandable:r=!1,isExpanded:d=!1,onToggleExpand:a,expandLabel:H="Expand section",collapseLabel:A="Collapse section",showDivider:M=!0,className:g=""}){const L=f||o||c!=null||r,D=e.jsx(s.default,{size:"20",glyph:e.jsx(G,{})}),m=U.useRef(null),h=r&&a!=null,T=t=>{var x;if(t.defaultPrevented)return;const n=t.target;if(typeof n.closest!="function"||!t.currentTarget.contains(n)||(x=m.current)!=null&&x.contains(n))return;const j=n.closest(W);j&&t.currentTarget.contains(j)||a==null||a()};return e.jsx("header",{onClick:h?T:void 0,className:[l.default["admin-panel-header"],M?l.default["admin-panel-header--divided"]:"",h?l.default["admin-panel-header--expandable"]:"",g].filter(Boolean).join(" ").trim(),children:e.jsxs("div",{className:l.default["admin-panel-header__main"],children:[e.jsxs("div",{className:l.default["admin-panel-header__start"],children:[v?e.jsx("div",{className:l.default["admin-panel-header__leading"],"aria-hidden":!0,children:e.jsx(s.IconSlotContext.Provider,{value:{size:"20"},children:q??D})}):null,e.jsxs("div",{className:l.default["admin-panel-header__title-stack"],children:[e.jsxs("div",{className:l.default["admin-panel-header__title-row"],children:[e.jsx("h2",{id:_,className:l.default["admin-panel-header__title"],children:b}),C?e.jsx(p.default,{label:I,size:"x-small",type:"default",leadingIcon:e.jsx(s.default,{size:"10",glyph:e.jsx(J,{})})}):null,y?e.jsx(p.default,{label:k,size:"x-small",type:"default"}):null]}),u!=null?e.jsx("p",{className:l.default["admin-panel-header__subtitle"],children:u}):null]})]}),L?e.jsxs("div",{ref:m,className:l.default["admin-panel-header__actions"],children:[f?e.jsx(S.default,{size:"medium",checked:O,defaultChecked:P,disabled:B,onChange:t=>{i==null||i(t.target.checked,t)},children:R}):null,o?e.jsx(K.default,{type:"button",size:"medium",emphasis:"primary",onClick:z,children:N}):null,c,r?e.jsx(Q.default,{type:"button",style:"default",size:"medium","aria-label":d?A:H,"aria-expanded":d,onClick:a,icon:e.jsx(s.default,{size:"20",glyph:d?e.jsx(F,{}):e.jsx(V,{})})}):null]}):null]})})}exports.default=X;
 //# sourceMappingURL=AdminPanelHeader.cjs.map

package/dist/components/admin-panel-header/AdminPanelHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPanelHeader.cjs","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"sourcesContent":["import { type ChangeEvent, type ReactNode } from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronUpIcon from '@mattermost/compass-icons/components/chevron-up';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport Switch from '@/components/switch/Switch';\nimport styles from './AdminPanelHeader.module.scss';\n\n/** System Console admin panel expand/collapse (`expandedState` in Figma). */\nexport type AdminPanelExpandedState = 'collapsed' | 'expanded';\n\nexport interface AdminPanelHeaderProps {\n  /** Passed to the title `h2` for `aria-labelledby` on the parent panel. */\n  titleId: string;\n  title: ReactNode;\n  subtitle?: ReactNode;\n  /** Trailing accessory actions rendered after Switch / Primary button and before expand. */\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  /** Icon for the 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} />` — AdminPanelHeader provides the correct size via context. */\n  leadingIcon?: ReactNode;\n  showBeta?: boolean;\n  /** Default: \"Beta\". Accepts translated nodes. */\n  betaLabel?: ReactNode;\n  showEnterpriseLabel?: boolean;\n  /** Default: \"Enterprise\". Accepts translated nodes. */\n  enterpriseLabel?: ReactNode;\n  showButton?: boolean;\n  /** Default: \"Button\". Accepts translated nodes. */\n  buttonLabel?: ReactNode;\n  onButtonClick?: () => void;\n  showSwitch?: boolean;\n  switchLabel?: ReactNode;\n  switchChecked?: boolean;\n  defaultSwitchChecked?: boolean;\n  onSwitchChange?: (\n    checked: boolean,\n    event: ChangeEvent<HTMLInputElement>,\n  ) => void;\n  switchDisabled?: boolean;\n  expandable?: boolean;\n  isExpanded?: boolean;\n  onToggleExpand?: () => void;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand section\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse section\". */\n  collapseLabel?: string;\n  /** Bottom border under the header row (hidden when expandable and collapsed). */\n  showDivider?: boolean;\n  className?: string;\n}\n\n/**\n * Admin Panel Header is the titled rail for a System Console settings section: optional\n * leading icon, title with optional tags, subtitle, and trailing controls. It is composed\n * inside the [`Admin Panel`](/patterns/admin-panel) pattern whenever that panel has a\n * `title` (Admin Panel may omit the header when it has a body only). Document the header on\n * its own when adjusting anatomy or behaviour.\n */\nexport default function AdminPanelHeader({\n  titleId,\n  title,\n  subtitle,\n  headerActions,\n  iconLeft = false,\n  leadingIcon,\n  showBeta = false,\n  betaLabel = 'Beta',\n  showEnterpriseLabel = false,\n  enterpriseLabel = 'Enterprise',\n  showButton = false,\n  buttonLabel = 'Button',\n  onButtonClick,\n  showSwitch = false,\n  switchLabel = 'Off',\n  switchChecked,\n  defaultSwitchChecked,\n  onSwitchChange,\n  switchDisabled,\n  expandable = false,\n  isExpanded = false,\n  onToggleExpand,\n  expandLabel = 'Expand section',\n  collapseLabel = 'Collapse section',\n  showDivider = true,\n  className = '',\n}: AdminPanelHeaderProps) {\n  const hasActions =\n    showSwitch || showButton || headerActions != null || expandable;\n\n  const defaultLeading = <Icon size=\"20\" glyph={<CogOutlineIcon />} />;\n\n  return (\n    <header\n      className={[\n        styles['admin-panel-header'],\n        showDivider ? styles['admin-panel-header--divided'] : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n    >\n      <div className={styles['admin-panel-header__main']}>\n        <div className={styles['admin-panel-header__start']}>\n          {iconLeft ? (\n            <div className={styles['admin-panel-header__leading']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '20' }}>\n                {leadingIcon ?? defaultLeading}\n              </IconSlotContext.Provider>\n            </div>\n          ) : null}\n          <div className={styles['admin-panel-header__title-stack']}>\n            <div className={styles['admin-panel-header__title-row']}>\n              <h2 id={titleId} className={styles['admin-panel-header__title']}>\n                {title}\n              </h2>\n              {showEnterpriseLabel ? (\n                <Tag\n                  label={enterpriseLabel}\n                  size=\"x-small\"\n                  type=\"default\"\n                  leadingIcon={<Icon size=\"10\" glyph={<MattermostIcon />} />}\n                />\n              ) : null}\n              {showBeta ? (\n                <Tag label={betaLabel} size=\"x-small\" type=\"default\" />\n              ) : null}\n            </div>\n            {subtitle != null ? (\n              <p className={styles['admin-panel-header__subtitle']}>\n                {subtitle}\n              </p>\n            ) : null}\n          </div>\n        </div>\n        {hasActions ? (\n          <div className={styles['admin-panel-header__actions']}>\n            {showSwitch ? (\n              <Switch\n                size=\"medium\"\n                checked={switchChecked}\n                defaultChecked={defaultSwitchChecked}\n                disabled={switchDisabled}\n                onChange={(e) => {\n                  onSwitchChange?.(e.target.checked, e);\n                }}\n              >\n                {switchLabel}\n              </Switch>\n            ) : null}\n            {showButton ? (\n              <Button\n                type=\"button\"\n                size=\"medium\"\n                emphasis=\"primary\"\n                onClick={onButtonClick}\n              >\n                {buttonLabel}\n              </Button>\n            ) : null}\n            {headerActions}\n            {expandable ? (\n              <IconButton\n                type=\"button\"\n                style=\"default\"\n                size=\"medium\"\n                aria-label={isExpanded ? collapseLabel : expandLabel}\n                aria-expanded={isExpanded}\n                onClick={onToggleExpand}\n                icon={\n                  <Icon\n                    size=\"20\"\n                    glyph={isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n                  />\n                }\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n"],"names":["AdminPanelHeader","titleId","title","subtitle","headerActions","iconLeft","leadingIcon","showBeta","betaLabel","showEnterpriseLabel","enterpriseLabel","showButton","buttonLabel","onButtonClick","showSwitch","switchLabel","switchChecked","defaultSwitchChecked","onSwitchChange","switchDisabled","expandable","isExpanded","onToggleExpand","expandLabel","collapseLabel","showDivider","className","hasActions","defaultLeading","Icon","jsx","CogOutlineIcon","styles","jsxs","IconSlotContext","Tag","MattermostIcon","Switch","e","Button","IconButton","ChevronUpIcon","ChevronDownIcon"],"mappings":"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"}
+{"version":3,"file":"AdminPanelHeader.cjs","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"sourcesContent":["import {\n  useRef,\n  type ChangeEvent,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport ChevronDownIcon from '@mattermost/compass-icons/components/chevron-down';\nimport ChevronUpIcon from '@mattermost/compass-icons/components/chevron-up';\nimport CogOutlineIcon from '@mattermost/compass-icons/components/cog-outline';\nimport MattermostIcon from '@mattermost/compass-icons/components/mattermost';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport Switch from '@/components/switch/Switch';\nimport styles from './AdminPanelHeader.module.scss';\n\n/** Click targets inside the header that handle their own activation. */\nconst INTERACTIVE_SELECTOR = [\n  'a[href]',\n  'button',\n  'input',\n  'select',\n  'textarea',\n  'label',\n  'summary',\n  '[role=\"button\"]',\n  '[role=\"link\"]',\n  '[role=\"switch\"]',\n  '[role=\"checkbox\"]',\n  '[role=\"menuitem\"]',\n  '[tabindex]',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n].join(', ');\n\n/** System Console admin panel expand/collapse (`expandedState` in Figma). */\nexport type AdminPanelExpandedState = 'collapsed' | 'expanded';\n\nexport interface AdminPanelHeaderProps {\n  /** Passed to the title `h2` for `aria-labelledby` on the parent panel. */\n  titleId: string;\n  title: ReactNode;\n  subtitle?: ReactNode;\n  /** Trailing accessory actions rendered after Switch / Primary button and before expand. */\n  headerActions?: ReactNode;\n  iconLeft?: boolean;\n  /** Icon for the 44×44 circular pill. Pass `<Icon glyph={<SomeIcon />} />` — AdminPanelHeader provides the correct size via context. */\n  leadingIcon?: ReactNode;\n  showBeta?: boolean;\n  /** Default: \"Beta\". Accepts translated nodes. */\n  betaLabel?: ReactNode;\n  showEnterpriseLabel?: boolean;\n  /** Default: \"Enterprise\". Accepts translated nodes. */\n  enterpriseLabel?: ReactNode;\n  showButton?: boolean;\n  /** Default: \"Button\". Accepts translated nodes. */\n  buttonLabel?: ReactNode;\n  onButtonClick?: () => void;\n  showSwitch?: boolean;\n  switchLabel?: ReactNode;\n  switchChecked?: boolean;\n  defaultSwitchChecked?: boolean;\n  onSwitchChange?: (\n    checked: boolean,\n    event: ChangeEvent<HTMLInputElement>,\n  ) => void;\n  switchDisabled?: boolean;\n  expandable?: boolean;\n  isExpanded?: boolean;\n  /**\n   * Called by the expand button, and by pointer clicks on the non-interactive\n   * header area (title, subtitle, padding) when `expandable`. Clicks on the\n   * header actions (Switch, Button, `headerActions`, expand button) or on other\n   * interactive descendants do not call it.\n   */\n  onToggleExpand?: () => void;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand section\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse section\". */\n  collapseLabel?: string;\n  /** Bottom border under the header row (hidden when expandable and collapsed). */\n  showDivider?: boolean;\n  className?: string;\n}\n\n/**\n * Admin Panel Header is the titled rail for a System Console settings section: optional\n * leading icon, title with optional tags, subtitle, and trailing controls. It is composed\n * inside the [`Admin Panel`](/patterns/admin-panel) pattern whenever that panel has a\n * `title` (Admin Panel may omit the header when it has a body only). Document the header on\n * its own when adjusting anatomy or behaviour.\n */\nexport default function AdminPanelHeader({\n  titleId,\n  title,\n  subtitle,\n  headerActions,\n  iconLeft = false,\n  leadingIcon,\n  showBeta = false,\n  betaLabel = 'Beta',\n  showEnterpriseLabel = false,\n  enterpriseLabel = 'Enterprise',\n  showButton = false,\n  buttonLabel = 'Button',\n  onButtonClick,\n  showSwitch = false,\n  switchLabel = 'Off',\n  switchChecked,\n  defaultSwitchChecked,\n  onSwitchChange,\n  switchDisabled,\n  expandable = false,\n  isExpanded = false,\n  onToggleExpand,\n  expandLabel = 'Expand section',\n  collapseLabel = 'Collapse section',\n  showDivider = true,\n  className = '',\n}: AdminPanelHeaderProps) {\n  const hasActions =\n    showSwitch || showButton || headerActions != null || expandable;\n\n  const defaultLeading = <Icon size=\"20\" glyph={<CogOutlineIcon />} />;\n\n  const actionsRef = useRef<HTMLDivElement>(null);\n  const toggleOnHeaderClick = expandable && onToggleExpand != null;\n\n  const handleHeaderClick = (event: MouseEvent<HTMLElement>) => {\n    if (event.defaultPrevented) return;\n    const target = event.target as Element;\n    if (typeof target.closest !== 'function') return;\n    if (!event.currentTarget.contains(target)) return;\n    if (actionsRef.current?.contains(target)) return;\n    const interactive = target.closest(INTERACTIVE_SELECTOR);\n    if (interactive && event.currentTarget.contains(interactive)) return;\n    onToggleExpand?.();\n  };\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- header click is a pointer shortcut; keyboard users toggle with the expand button\n    <header\n      onClick={toggleOnHeaderClick ? handleHeaderClick : undefined}\n      className={[\n        styles['admin-panel-header'],\n        showDivider ? styles['admin-panel-header--divided'] : '',\n        toggleOnHeaderClick ? styles['admin-panel-header--expandable'] : '',\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')\n        .trim()}\n    >\n      <div className={styles['admin-panel-header__main']}>\n        <div className={styles['admin-panel-header__start']}>\n          {iconLeft ? (\n            <div className={styles['admin-panel-header__leading']} aria-hidden>\n              <IconSlotContext.Provider value={{ size: '20' }}>\n                {leadingIcon ?? defaultLeading}\n              </IconSlotContext.Provider>\n            </div>\n          ) : null}\n          <div className={styles['admin-panel-header__title-stack']}>\n            <div className={styles['admin-panel-header__title-row']}>\n              <h2 id={titleId} className={styles['admin-panel-header__title']}>\n                {title}\n              </h2>\n              {showEnterpriseLabel ? (\n                <Tag\n                  label={enterpriseLabel}\n                  size=\"x-small\"\n                  type=\"default\"\n                  leadingIcon={<Icon size=\"10\" glyph={<MattermostIcon />} />}\n                />\n              ) : null}\n              {showBeta ? (\n                <Tag label={betaLabel} size=\"x-small\" type=\"default\" />\n              ) : null}\n            </div>\n            {subtitle != null ? (\n              <p className={styles['admin-panel-header__subtitle']}>\n                {subtitle}\n              </p>\n            ) : null}\n          </div>\n        </div>\n        {hasActions ? (\n          <div\n            ref={actionsRef}\n            className={styles['admin-panel-header__actions']}\n          >\n            {showSwitch ? (\n              <Switch\n                size=\"medium\"\n                checked={switchChecked}\n                defaultChecked={defaultSwitchChecked}\n                disabled={switchDisabled}\n                onChange={(e) => {\n                  onSwitchChange?.(e.target.checked, e);\n                }}\n              >\n                {switchLabel}\n              </Switch>\n            ) : null}\n            {showButton ? (\n              <Button\n                type=\"button\"\n                size=\"medium\"\n                emphasis=\"primary\"\n                onClick={onButtonClick}\n              >\n                {buttonLabel}\n              </Button>\n            ) : null}\n            {headerActions}\n            {expandable ? (\n              <IconButton\n                type=\"button\"\n                style=\"default\"\n                size=\"medium\"\n                aria-label={isExpanded ? collapseLabel : expandLabel}\n                aria-expanded={isExpanded}\n                onClick={onToggleExpand}\n                icon={\n                  <Icon\n                    size=\"20\"\n                    glyph={isExpanded ? <ChevronUpIcon /> : <ChevronDownIcon />}\n                  />\n                }\n              />\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </header>\n  );\n}\n"],"names":["INTERACTIVE_SELECTOR","AdminPanelHeader","titleId","title","subtitle","headerActions","iconLeft","leadingIcon","showBeta","betaLabel","showEnterpriseLabel","enterpriseLabel","showButton","buttonLabel","onButtonClick","showSwitch","switchLabel","switchChecked","defaultSwitchChecked","onSwitchChange","switchDisabled","expandable","isExpanded","onToggleExpand","expandLabel","collapseLabel","showDivider","className","hasActions","defaultLeading","Icon","jsx","CogOutlineIcon","actionsRef","useRef","toggleOnHeaderClick","handleHeaderClick","event","target","_a","interactive","styles","jsxs","IconSlotContext","Tag","MattermostIcon","Switch","e","Button","IconButton","ChevronUpIcon","ChevronDownIcon"],"mappings":"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"}

package/dist/components/admin-panel-header/AdminPanelHeader.css

@@ -1 +1 @@
-._admin-panel-header_19tix_2{flex-shrink:0;border-bottom:1px solid transparent;transition:border-color var(--duration-moderate) var(--ease-transition)}._admin-panel-header--divided_19tix_7{border-bottom-color:rgba(var(--center-channel-color-rgb),.12)}._admin-panel-header__main_19tix_10{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-m);width:100%;padding:var(--spacing-xxl);box-sizing:border-box}._admin-panel-header__start_19tix_19{display:flex;flex:1 1 auto;align-items:center;gap:var(--spacing-m);min-width:0}._admin-panel-header__leading_19tix_26{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.64)}._admin-panel-header__title-stack_19tix_37{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--spacing-xxxxs);align-items:flex-start;justify-content:center;min-width:0}._admin-panel-header__title-row_19tix_46{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;min-width:0;width:100%}._admin-panel-header__title_19tix_37{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._admin-panel-header__subtitle_19tix_66{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:rgba(var(--center-channel-color-rgb),.75);max-width:100%}._admin-panel-header__actions_19tix_75{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:var(--spacing-m)}
+._admin-panel-header_vb1i0_13{flex-shrink:0;border-bottom:1px solid transparent;transition:border-color var(--duration-moderate) var(--ease-transition)}._admin-panel-header--divided_vb1i0_18{border-bottom-color:rgba(var(--center-channel-color-rgb),.12)}._admin-panel-header--expandable_vb1i0_21{cursor:pointer}._admin-panel-header--expandable_vb1i0_21:hover{background-color:rgba(var(--center-channel-color-rgb),.02);transition:border-color var(--duration-moderate) var(--ease-transition),background-color var(--duration-quick) var(--ease-transition)}._admin-panel-header--expandable_vb1i0_21 ._admin-panel-header__actions_vb1i0_28{cursor:auto}._admin-panel-header__main_vb1i0_31{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-m);width:100%;padding:var(--spacing-xxl);box-sizing:border-box}._admin-panel-header__start_vb1i0_40{display:flex;flex:1 1 auto;align-items:center;gap:var(--spacing-m);min-width:0}._admin-panel-header__leading_vb1i0_47{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.64)}._admin-panel-header__title-stack_vb1i0_58{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--spacing-xxxxs);align-items:flex-start;justify-content:center;min-width:0}._admin-panel-header__title-row_vb1i0_67{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;min-width:0;width:100%}._admin-panel-header__title_vb1i0_58{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold);line-height:var(--line-height-200);color:var(--center-channel-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}._admin-panel-header__subtitle_vb1i0_87{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:rgba(var(--center-channel-color-rgb),.75);max-width:100%}._admin-panel-header__actions_vb1i0_28{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:var(--spacing-m)}

package/dist/components/admin-panel-header/AdminPanelHeader.d.ts

@@ -29,6 +29,12 @@ export interface AdminPanelHeaderProps {
     switchDisabled?: boolean;
     expandable?: boolean;
     isExpanded?: boolean;
+    /**
+     * Called by the expand button, and by pointer clicks on the non-interactive
+     * header area (title, subtitle, padding) when `expandable`. Clicks on the
+     * header actions (Switch, Button, `headerActions`, expand button) or on other
+     * interactive descendants do not call it.
+     */
     onToggleExpand?: () => void;
     /** Accessible name for the expand button while collapsed. Default: "Expand section". */
     expandLabel?: string;

package/dist/components/admin-panel-header/AdminPanelHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminPanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAazD,6EAA6E;AAC7E,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2FAA2F;IAC3F,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uIAAuI;IACvI,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uDAAuD;IACvD,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,CACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KACjC,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAgB,EAChB,WAAW,EACX,QAAgB,EAChB,SAAkB,EAClB,mBAA2B,EAC3B,eAA8B,EAC9B,UAAkB,EAClB,WAAsB,EACtB,aAAa,EACb,UAAkB,EAClB,WAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,UAAkB,EAClB,UAAkB,EAClB,cAAc,EACd,WAA8B,EAC9B,aAAkC,EAClC,WAAkB,EAClB,SAAc,GACf,EAAE,qBAAqB,2CAiGvB"}
+{"version":3,"file":"AdminPanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/admin-panel-header/AdminPanelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EAEhB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AA+Bf,6EAA6E;AAC7E,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,qBAAqB;IACpC,0EAA0E;IAC1E,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2FAA2F;IAC3F,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uIAAuI;IACvI,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,uDAAuD;IACvD,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,CACf,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KACjC,IAAI,CAAC;IACV,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,wFAAwF;IACxF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAgB,EAChB,WAAW,EACX,QAAgB,EAChB,SAAkB,EAClB,mBAA2B,EAC3B,eAA8B,EAC9B,UAAkB,EAClB,WAAsB,EACtB,aAAa,EACb,UAAkB,EAClB,WAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,UAAkB,EAClB,UAAkB,EAClB,cAAc,EACd,WAA8B,EAC9B,aAAkC,EAClC,WAAkB,EAClB,SAAc,GACf,EAAE,qBAAqB,2CAqHvB"}

package/dist/components/admin-panel-header/AdminPanelHeader.js

@@ -1,120 +1,156 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import __L from "@mattermost/compass-icons/components/chevron-down.js";const L=__L&&__L.default?__L.default:__L;
-import __M from "@mattermost/compass-icons/components/chevron-up.js";const M=__M&&__M.default?__M.default:__M;
-import __T from "@mattermost/compass-icons/components/cog-outline.js";const T=__T&&__T.default?__T.default:__T;
-import __U from "@mattermost/compass-icons/components/mattermost.js";const U=__U&&__U.default?__U.default:__U;
-import q from "../button/Button.js";
-import r, { IconSlotContext as E } from "../icon/Icon.js";
-import F from "../icon-button/IconButton.js";
-import p from "../tag/Tag.js";
-import G from "../switch/Switch.js";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { useRef as q } from "react";
+import __F from "@mattermost/compass-icons/components/chevron-down.js";const F=__F&&__F.default?__F.default:__F;
+import __G from "@mattermost/compass-icons/components/chevron-up.js";const G=__G&&__G.default?__G.default:__G;
+import __J from "@mattermost/compass-icons/components/cog-outline.js";const J=__J&&__J.default?__J.default:__J;
+import __K from "@mattermost/compass-icons/components/mattermost.js";const K=__K&&__K.default?__K.default:__K;
+import Q from "../button/Button.js";
+import d, { IconSlotContext as T } from "../icon/Icon.js";
+import W from "../icon-button/IconButton.js";
+import k from "../tag/Tag.js";
+import X from "../switch/Switch.js";
 import l from "./AdminPanelHeader.module.scss.js";
-function w({
-  titleId: u,
-  title: f,
-  subtitle: d,
-  headerActions: t,
-  iconLeft: h = !1,
-  leadingIcon: _,
-  showBeta: v = !1,
-  betaLabel: y = "Beta",
-  showEnterpriseLabel: z = !1,
-  enterpriseLabel: N = "Enterprise",
-  showButton: m = !1,
-  buttonLabel: I = "Button",
-  onButtonClick: g,
-  showSwitch: s = !1,
-  switchLabel: k = "Off",
-  switchChecked: b,
+const Y = [
+  "a[href]",
+  "button",
+  "input",
+  "select",
+  "textarea",
+  "label",
+  "summary",
+  '[role="button"]',
+  '[role="link"]',
+  '[role="switch"]',
+  '[role="checkbox"]',
+  '[role="menuitem"]',
+  "[tabindex]",
+  '[contenteditable]:not([contenteditable="false"])'
+].join(", ");
+function oe({
+  titleId: y,
+  title: v,
+  subtitle: c,
+  headerActions: m,
+  iconLeft: C = !1,
+  leadingIcon: I,
+  showBeta: N = !1,
+  betaLabel: z = "Beta",
+  showEnterpriseLabel: j = !1,
+  enterpriseLabel: B = "Enterprise",
+  showButton: u = !1,
+  buttonLabel: H = "Button",
+  onButtonClick: O,
+  showSwitch: f = !1,
+  switchLabel: R = "Off",
+  switchChecked: P,
   defaultSwitchChecked: x,
-  onSwitchChange: i,
-  switchDisabled: C,
-  expandable: o = !1,
-  isExpanded: n = !1,
-  onToggleExpand: B,
-  expandLabel: j = "Expand section",
-  collapseLabel: O = "Collapse section",
-  showDivider: P = !0,
-  className: A = ""
+  onSwitchChange: n,
+  switchDisabled: A,
+  expandable: s = !1,
+  isExpanded: o = !1,
+  onToggleExpand: t,
+  expandLabel: L = "Expand section",
+  collapseLabel: D = "Collapse section",
+  showDivider: M = !0,
+  className: U = ""
 }) {
-  const D = s || m || t != null || o, H = /* @__PURE__ */ e(r, { size: "20", glyph: /* @__PURE__ */ e(T, {}) });
-  return /* @__PURE__ */ e(
-    "header",
-    {
-      className: [
-        l["admin-panel-header"],
-        P ? l["admin-panel-header--divided"] : "",
-        A
-      ].filter(Boolean).join(" ").trim(),
-      children: /* @__PURE__ */ a("div", { className: l["admin-panel-header__main"], children: [
-        /* @__PURE__ */ a("div", { className: l["admin-panel-header__start"], children: [
-          h ? /* @__PURE__ */ e("div", { className: l["admin-panel-header__leading"], "aria-hidden": !0, children: /* @__PURE__ */ e(E.Provider, { value: { size: "20" }, children: _ ?? H }) }) : null,
-          /* @__PURE__ */ a("div", { className: l["admin-panel-header__title-stack"], children: [
-            /* @__PURE__ */ a("div", { className: l["admin-panel-header__title-row"], children: [
-              /* @__PURE__ */ e("h2", { id: u, className: l["admin-panel-header__title"], children: f }),
-              z ? /* @__PURE__ */ e(
-                p,
-                {
-                  label: N,
-                  size: "x-small",
-                  type: "default",
-                  leadingIcon: /* @__PURE__ */ e(r, { size: "10", glyph: /* @__PURE__ */ e(U, {}) })
-                }
-              ) : null,
-              v ? /* @__PURE__ */ e(p, { label: y, size: "x-small", type: "default" }) : null
-            ] }),
-            d != null ? /* @__PURE__ */ e("p", { className: l["admin-panel-header__subtitle"], children: d }) : null
-          ] })
-        ] }),
-        D ? /* @__PURE__ */ a("div", { className: l["admin-panel-header__actions"], children: [
-          s ? /* @__PURE__ */ e(
-            G,
+  const V = f || u || m != null || s, g = /* @__PURE__ */ e(d, { size: "20", glyph: /* @__PURE__ */ e(J, {}) }), p = q(null), h = s && t != null;
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- header click is a pointer shortcut; keyboard users toggle with the expand button
+    /* @__PURE__ */ e(
+      "header",
+      {
+        onClick: h ? (a) => {
+          var b;
+          if (a.defaultPrevented) return;
+          const i = a.target;
+          if (typeof i.closest != "function" || !a.currentTarget.contains(i) || (b = p.current) != null && b.contains(i)) return;
+          const _ = i.closest(Y);
+          _ && a.currentTarget.contains(_) || t == null || t();
+        } : void 0,
+        className: [
+          l["admin-panel-header"],
+          M ? l["admin-panel-header--divided"] : "",
+          h ? l["admin-panel-header--expandable"] : "",
+          U
+        ].filter(Boolean).join(" ").trim(),
+        children: /* @__PURE__ */ r("div", { className: l["admin-panel-header__main"], children: [
+          /* @__PURE__ */ r("div", { className: l["admin-panel-header__start"], children: [
+            C ? /* @__PURE__ */ e("div", { className: l["admin-panel-header__leading"], "aria-hidden": !0, children: /* @__PURE__ */ e(T.Provider, { value: { size: "20" }, children: I ?? g }) }) : null,
+            /* @__PURE__ */ r("div", { className: l["admin-panel-header__title-stack"], children: [
+              /* @__PURE__ */ r("div", { className: l["admin-panel-header__title-row"], children: [
+                /* @__PURE__ */ e("h2", { id: y, className: l["admin-panel-header__title"], children: v }),
+                j ? /* @__PURE__ */ e(
+                  k,
+                  {
+                    label: B,
+                    size: "x-small",
+                    type: "default",
+                    leadingIcon: /* @__PURE__ */ e(d, { size: "10", glyph: /* @__PURE__ */ e(K, {}) })
+                  }
+                ) : null,
+                N ? /* @__PURE__ */ e(k, { label: z, size: "x-small", type: "default" }) : null
+              ] }),
+              c != null ? /* @__PURE__ */ e("p", { className: l["admin-panel-header__subtitle"], children: c }) : null
+            ] })
+          ] }),
+          V ? /* @__PURE__ */ r(
+            "div",
             {
-              size: "medium",
-              checked: b,
-              defaultChecked: x,
-              disabled: C,
-              onChange: (c) => {
-                i == null || i(c.target.checked, c);
-              },
-              children: k
-            }
-          ) : null,
-          m ? /* @__PURE__ */ e(
-            q,
-            {
-              type: "button",
-              size: "medium",
-              emphasis: "primary",
-              onClick: g,
-              children: I
-            }
-          ) : null,
-          t,
-          o ? /* @__PURE__ */ e(
-            F,
-            {
-              type: "button",
-              style: "default",
-              size: "medium",
-              "aria-label": n ? O : j,
-              "aria-expanded": n,
-              onClick: B,
-              icon: /* @__PURE__ */ e(
-                r,
-                {
-                  size: "20",
-                  glyph: n ? /* @__PURE__ */ e(M, {}) : /* @__PURE__ */ e(L, {})
-                }
-              )
+              ref: p,
+              className: l["admin-panel-header__actions"],
+              children: [
+                f ? /* @__PURE__ */ e(
+                  X,
+                  {
+                    size: "medium",
+                    checked: P,
+                    defaultChecked: x,
+                    disabled: A,
+                    onChange: (a) => {
+                      n == null || n(a.target.checked, a);
+                    },
+                    children: R
+                  }
+                ) : null,
+                u ? /* @__PURE__ */ e(
+                  Q,
+                  {
+                    type: "button",
+                    size: "medium",
+                    emphasis: "primary",
+                    onClick: O,
+                    children: H
+                  }
+                ) : null,
+                m,
+                s ? /* @__PURE__ */ e(
+                  W,
+                  {
+                    type: "button",
+                    style: "default",
+                    size: "medium",
+                    "aria-label": o ? D : L,
+                    "aria-expanded": o,
+                    onClick: t,
+                    icon: /* @__PURE__ */ e(
+                      d,
+                      {
+                        size: "20",
+                        glyph: o ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ e(F, {})
+                      }
+                    )
+                  }
+                ) : null
+              ]
             }
           ) : null
-        ] }) : null
-      ] })
-    }
+        ] })
+      }
+    )
   );
 }
 export {
-  w as default
+  oe as default
 };
 //# sourceMappingURL=AdminPanelHeader.js.map