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

package/dist/components/radio/Radio.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Radio.css');const _="_radio_h0rbb_2",i="_radio__input_h0rbb_17",r="_radio__circle_h0rbb_36",o="_radio__dot_h0rbb_62",a="_radio__label_h0rbb_119",d={radio:_,radio__input:i,radio__circle:r,radio__dot:o,"radio--invalid":"_radio--invalid_h0rbb_83",radio__label:a,"radio--size-small":"_radio--size-small_h0rbb_122","radio--size-medium":"_radio--size-medium_h0rbb_143","radio--size-large":"_radio--size-large_h0rbb_164"};exports.default=d;exports.radio=_;exports.radio__circle=r;exports.radio__dot=o;exports.radio__input=i;exports.radio__label=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Radio.css');const _="_radio_1v3hu_13",i="_radio__input_1v3hu_28",o="_radio__circle_1v3hu_47",a="_radio__dot_1v3hu_73",d="_radio__label_1v3hu_130",r={radio:_,radio__input:i,radio__circle:o,radio__dot:a,"radio--invalid":"_radio--invalid_1v3hu_94",radio__label:d,"radio--size-small":"_radio--size-small_1v3hu_133","radio--size-medium":"_radio--size-medium_1v3hu_154","radio--size-large":"_radio--size-large_1v3hu_175"};exports.default=r;exports.radio=_;exports.radio__circle=o;exports.radio__dot=a;exports.radio__input=i;exports.radio__label=d;
 //# sourceMappingURL=Radio.module.scss.cjs.map

package/dist/components/radio/Radio.module.scss.js

@@ -1,20 +1,20 @@
-import './Radio.css';const _ = "_radio_h0rbb_2", i = "_radio__input_h0rbb_17", r = "_radio__circle_h0rbb_36", a = "_radio__dot_h0rbb_62", o = "_radio__label_h0rbb_119", d = {
+import './Radio.css';const _ = "_radio_1v3hu_13", i = "_radio__input_1v3hu_28", a = "_radio__circle_1v3hu_47", o = "_radio__dot_1v3hu_73", d = "_radio__label_1v3hu_130", r = {
   radio: _,
   radio__input: i,
-  radio__circle: r,
-  radio__dot: a,
-  "radio--invalid": "_radio--invalid_h0rbb_83",
-  radio__label: o,
-  "radio--size-small": "_radio--size-small_h0rbb_122",
-  "radio--size-medium": "_radio--size-medium_h0rbb_143",
-  "radio--size-large": "_radio--size-large_h0rbb_164"
+  radio__circle: a,
+  radio__dot: o,
+  "radio--invalid": "_radio--invalid_1v3hu_94",
+  radio__label: d,
+  "radio--size-small": "_radio--size-small_1v3hu_133",
+  "radio--size-medium": "_radio--size-medium_1v3hu_154",
+  "radio--size-large": "_radio--size-large_1v3hu_175"
 };
 export {
-  d as default,
+  r as default,
   _ as radio,
-  r as radio__circle,
-  a as radio__dot,
+  a as radio__circle,
+  o as radio__dot,
   i as radio__input,
-  o as radio__label
+  d as radio__label
 };
 //# sourceMappingURL=Radio.module.scss.js.map

package/dist/components/reaction-button/ReactionButton.css

@@ -1 +1 @@
-@keyframes _reaction-count-up_15oyo_1{0%{transform:translateY(var(--spacing-xxs));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _reaction-count-down_15oyo_1{0%{transform:translateY(calc(var(--spacing-xxs) * -1));opacity:0}to{transform:translateY(0);opacity:1}}._reaction-button_15oyo_22{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.08);cursor:pointer;outline:2px solid color-mix(in srgb,var(--focus-ring-color) 0%,transparent);outline-offset:0;transition:background-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition)}._reaction-button_15oyo_22:hover{background-color:rgba(var(--center-channel-color-rgb),.12)}._reaction-button_15oyo_22:focus-visible{outline-color:var(--focus-ring-color);outline-offset:3px}._reaction-button--mine_15oyo_42{background-color:rgba(var(--link-color-rgb),.08);box-shadow:inset 0 0 0 1px var(--link-color)}._reaction-button--mine_15oyo_42:hover{background-color:rgba(var(--link-color-rgb),.12)}._reaction-button--mine_15oyo_42 ._reaction-button__count_15oyo_49{color:var(--link-color)}._reaction-button__emoji_15oyo_52{font-size:var(--font-size-200);line-height:var(--line-height-50)}._reaction-button__count_15oyo_49{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.56)}._reaction-button__count--anim-up_15oyo_63{animation:_reaction-count-up_15oyo_1 var(--duration-moderate) var(--ease-entrance)}._reaction-button__count--anim-down_15oyo_66{animation:_reaction-count-down_15oyo_1 var(--duration-moderate) var(--ease-entrance)}
+@keyframes _reaction-count-up_195fe_1{0%{transform:translateY(var(--spacing-xxs));opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _reaction-count-down_195fe_1{0%{transform:translateY(calc(var(--spacing-xxs) * -1));opacity:0}to{transform:translateY(0);opacity:1}}._reaction-button_195fe_33{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--center-channel-color-rgb),.08);cursor:pointer;outline:none}._reaction-button_195fe_33:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:3px;animation:_focus-ring-in_195fe_1 var(--duration-quick) var(--ease-transition)}@media(prefers-reduced-motion:reduce){._reaction-button_195fe_33:focus-visible{animation:none}}._reaction-button_195fe_33:not(._-host-shadow-a_195fe_54):not(._-host-shadow-b_195fe_54){box-shadow:none;border-radius:var(--radius-s)}@keyframes _focus-ring-in_195fe_1{0%{outline-color:transparent;outline-offset:0}}._reaction-button_195fe_33:hover:not([aria-pressed]){transition:background-color var(--duration-quick) var(--ease-transition),box-shadow var(--duration-quick) var(--ease-transition)}._reaction-button_195fe_33:hover{background-color:rgba(var(--center-channel-color-rgb),.12)}._reaction-button--mine_195fe_70{background-color:rgba(var(--link-color-rgb),.08);box-shadow:inset 0 0 0 1px var(--link-color)}._reaction-button--mine_195fe_70:hover{background-color:rgba(var(--link-color-rgb),.12)}._reaction-button--mine_195fe_70:not(._-host-shadow-a_195fe_54):not(._-host-shadow-b_195fe_54){box-shadow:inset 0 0 0 1px var(--link-color)}._reaction-button--mine_195fe_70 ._reaction-button__count_195fe_80{color:var(--link-color)}._reaction-button__emoji_195fe_83{font-size:var(--font-size-200);line-height:var(--line-height-50)}._reaction-button__count_195fe_80{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.56)}._reaction-button__count--anim-up_195fe_94{animation:_reaction-count-up_195fe_1 var(--duration-moderate) var(--ease-entrance)}._reaction-button__count--anim-down_195fe_97{animation:_reaction-count-down_195fe_1 var(--duration-moderate) var(--ease-entrance)}

package/dist/components/reaction-button/ReactionButton.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionButton.css');const o={"reaction-button":"_reaction-button_15oyo_22","reaction-button--mine":"_reaction-button--mine_15oyo_42","reaction-button__count":"_reaction-button__count_15oyo_49","reaction-button__emoji":"_reaction-button__emoji_15oyo_52","reaction-button__count--anim-up":"_reaction-button__count--anim-up_15oyo_63","reaction-button__count--anim-down":"_reaction-button__count--anim-down_15oyo_66"};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionButton.css');const t={"reaction-button":"_reaction-button_195fe_33","reaction-button--mine":"_reaction-button--mine_195fe_70","reaction-button__count":"_reaction-button__count_195fe_80","reaction-button__emoji":"_reaction-button__emoji_195fe_83","reaction-button__count--anim-up":"_reaction-button__count--anim-up_195fe_94","reaction-button__count--anim-down":"_reaction-button__count--anim-down_195fe_97"};exports.default=t;
 //# sourceMappingURL=ReactionButton.module.scss.cjs.map

package/dist/components/reaction-button/ReactionButton.module.scss.js

@@ -1,12 +1,12 @@
-import './ReactionButton.css';const o = {
-  "reaction-button": "_reaction-button_15oyo_22",
-  "reaction-button--mine": "_reaction-button--mine_15oyo_42",
-  "reaction-button__count": "_reaction-button__count_15oyo_49",
-  "reaction-button__emoji": "_reaction-button__emoji_15oyo_52",
-  "reaction-button__count--anim-up": "_reaction-button__count--anim-up_15oyo_63",
-  "reaction-button__count--anim-down": "_reaction-button__count--anim-down_15oyo_66"
+import './ReactionButton.css';const t = {
+  "reaction-button": "_reaction-button_195fe_33",
+  "reaction-button--mine": "_reaction-button--mine_195fe_70",
+  "reaction-button__count": "_reaction-button__count_195fe_80",
+  "reaction-button__emoji": "_reaction-button__emoji_195fe_83",
+  "reaction-button__count--anim-up": "_reaction-button__count--anim-up_195fe_94",
+  "reaction-button__count--anim-down": "_reaction-button__count--anim-down_195fe_97"
 };
 export {
-  o as default
+  t as default
 };
 //# sourceMappingURL=ReactionButton.module.scss.js.map

package/dist/components/reactions-row/ReactionsRow.css

@@ -1 +1 @@
-._reactions-row_2mtjp_2{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xxxxs) 0}._reactions-row__buttons_2mtjp_9{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xxxs)}@media(hover:hover)and (pointer:fine){._reactions-row__add-reaction_2mtjp_16{opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._reactions-row_2mtjp_2:hover ._reactions-row__add-reaction_2mtjp_16,._reactions-row_2mtjp_2:focus-within ._reactions-row__add-reaction_2mtjp_16{opacity:1;pointer-events:auto}}._reactions-row__ack_2mtjp_26{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--color-success-rgb),.12);color:var(--color-success);cursor:pointer;outline:2px solid color-mix(in srgb,var(--color-success) 0%,transparent);outline-offset:0;transition:background-color var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition)}._reactions-row__ack_2mtjp_26:hover{background-color:rgba(var(--color-success-rgb),.2)}._reactions-row__ack_2mtjp_26:focus-visible{outline-color:var(--color-success);outline-offset:3px}._reactions-row__ack--active_2mtjp_47{background-color:var(--color-success);color:var(--button-color)}._reactions-row__ack--active_2mtjp_47:hover{background-color:color-mix(in srgb,black 8%,var(--color-success))}._reactions-row__ack-icon_2mtjp_54{display:inline-flex;align-items:center}._reactions-row__ack-count_2mtjp_58,._reactions-row__ack-label_2mtjp_64{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75)}
+._reactions-row_1myyt_13{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-xxxxs) 0}._reactions-row__buttons_1myyt_20{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xxxs)}@media(hover:hover)and (pointer:fine){._reactions-row__add-reaction_1myyt_27{opacity:0;pointer-events:none;transition:opacity var(--duration-quick) var(--ease-transition)}._reactions-row_1myyt_13:hover ._reactions-row__add-reaction_1myyt_27,._reactions-row_1myyt_13:focus-within ._reactions-row__add-reaction_1myyt_27{opacity:1;pointer-events:auto}}._reactions-row__ack_1myyt_37{display:inline-flex;align-items:center;gap:var(--spacing-xxxs);padding:var(--spacing-xxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:rgba(var(--color-success-rgb),.12);color:var(--color-success);cursor:pointer;outline:none}._reactions-row__ack_1myyt_37:focus-visible{outline:2px solid var(--color-success);outline-offset:3px;animation:_focus-ring-in_1myyt_1 var(--duration-quick) var(--ease-transition)}@media(prefers-reduced-motion:reduce){._reactions-row__ack_1myyt_37:focus-visible{animation:none}}._reactions-row__ack_1myyt_37:not(._-host-shadow-a_1myyt_59):not(._-host-shadow-b_1myyt_59){box-shadow:none;border-radius:var(--radius-s)}@keyframes _focus-ring-in_1myyt_1{0%{outline-color:transparent;outline-offset:0}}._reactions-row__ack_1myyt_37:hover:not([aria-pressed]){transition:background-color var(--duration-quick) var(--ease-transition)}._reactions-row__ack_1myyt_37:hover{background-color:rgba(var(--color-success-rgb),.2)}._reactions-row__ack--active_1myyt_75{background-color:var(--color-success);color:var(--button-color)}._reactions-row__ack--active_1myyt_75:hover{background-color:color-mix(in srgb,black 8%,var(--color-success))}._reactions-row__ack-icon_1myyt_82{display:inline-flex;align-items:center}._reactions-row__ack-count_1myyt_86,._reactions-row__ack-label_1myyt_92{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75)}

package/dist/components/reactions-row/ReactionsRow.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionsRow.css');const _={"reactions-row":"_reactions-row_2mtjp_2","reactions-row__buttons":"_reactions-row__buttons_2mtjp_9","reactions-row__add-reaction":"_reactions-row__add-reaction_2mtjp_16","reactions-row__ack":"_reactions-row__ack_2mtjp_26","reactions-row__ack--active":"_reactions-row__ack--active_2mtjp_47","reactions-row__ack-icon":"_reactions-row__ack-icon_2mtjp_54","reactions-row__ack-count":"_reactions-row__ack-count_2mtjp_58","reactions-row__ack-label":"_reactions-row__ack-label_2mtjp_64"};exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./ReactionsRow.css');const _={"reactions-row":"_reactions-row_1myyt_13","reactions-row__buttons":"_reactions-row__buttons_1myyt_20","reactions-row__add-reaction":"_reactions-row__add-reaction_1myyt_27","reactions-row__ack":"_reactions-row__ack_1myyt_37","reactions-row__ack--active":"_reactions-row__ack--active_1myyt_75","reactions-row__ack-icon":"_reactions-row__ack-icon_1myyt_82","reactions-row__ack-count":"_reactions-row__ack-count_1myyt_86","reactions-row__ack-label":"_reactions-row__ack-label_1myyt_92"};exports.default=_;
 //# sourceMappingURL=ReactionsRow.module.scss.cjs.map

package/dist/components/reactions-row/ReactionsRow.module.scss.js

@@ -1,12 +1,12 @@
 import './ReactionsRow.css';const _ = {
-  "reactions-row": "_reactions-row_2mtjp_2",
-  "reactions-row__buttons": "_reactions-row__buttons_2mtjp_9",
-  "reactions-row__add-reaction": "_reactions-row__add-reaction_2mtjp_16",
-  "reactions-row__ack": "_reactions-row__ack_2mtjp_26",
-  "reactions-row__ack--active": "_reactions-row__ack--active_2mtjp_47",
-  "reactions-row__ack-icon": "_reactions-row__ack-icon_2mtjp_54",
-  "reactions-row__ack-count": "_reactions-row__ack-count_2mtjp_58",
-  "reactions-row__ack-label": "_reactions-row__ack-label_2mtjp_64"
+  "reactions-row": "_reactions-row_1myyt_13",
+  "reactions-row__buttons": "_reactions-row__buttons_1myyt_20",
+  "reactions-row__add-reaction": "_reactions-row__add-reaction_1myyt_27",
+  "reactions-row__ack": "_reactions-row__ack_1myyt_37",
+  "reactions-row__ack--active": "_reactions-row__ack--active_1myyt_75",
+  "reactions-row__ack-icon": "_reactions-row__ack-icon_1myyt_82",
+  "reactions-row__ack-count": "_reactions-row__ack-count_1myyt_86",
+  "reactions-row__ack-label": "_reactions-row__ack-label_1myyt_92"
 };
 export {
   _ as default

package/dist/components/right-sidebar-header/RightSidebarHeader.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__S=require("@mattermost/compass-icons/components/arrow-collapse.js"),S=__S?.default??__S,__A=require("@mattermost/compass-icons/components/arrow-expand.js"),A=__A?.default??__A,__H=require("@mattermost/compass-icons/components/arrow-left.js"),H=__H?.default??__H,__M=require("@mattermost/compass-icons/components/close.js"),M=__M?.default??__M,__O=require("@mattermost/compass-icons/components/dock-window.js"),O=__O?.default??__O,i=require("../icon/Icon.cjs"),l=require("../icon-button/IconButton.cjs"),D=require("../tag/Tag.cjs"),E=require("../../utils/props.cjs"),a=require("./RightSidebarHeader.module.scss.cjs");function W({title:m,secondaryTitle:r,onSecondaryTitleClick:d,secondaryTitleButtonProps:s,tag:c,tagType:o="info",leadingIcon:h,onBack:t,backLabel:N="Back",onExpand:u,expanded:n=!1,expandLabel:q="Expand",collapseLabel:C="Collapse",onPopout:f,popoutLabel:z="Open in new window",onClose:j,closeLabel:k="Close",actionLabel:x,onActionClick:v,actionActive:_=!1,actions:w,className:I="",...p}){const R=[a.default["right-sidebar-header"],I].filter(Boolean).join(" ");return e.jsxs("div",{...p,className:R,children:[e.jsxs("div",{className:a.default["right-sidebar-header__left"],children:[e.jsxs("div",{className:a.default["right-sidebar-header__primary"],children:[t&&e.jsx(l.default,{className:a.default["right-sidebar-header__back"],size:"small","aria-label":N,onClick:t,icon:e.jsx(i.default,{size:"16",glyph:e.jsx(H,{})})}),h&&e.jsx("span",{className:a.default["right-sidebar-header__leading-icon"],children:h}),e.jsx("span",{className:a.default["right-sidebar-header__title"],children:m}),c&&e.jsx("span",{className:a.default["right-sidebar-header__tag"],children:e.jsx(D.default,{label:c,type:o,size:"x-small",casing:"all-caps"})})]}),r&&e.jsx("div",{className:a.default["right-sidebar-header__secondary"],children:d?e.jsx("button",{type:"button",...s,className:E.mergeClassNames(a.default["right-sidebar-header__secondary-text"],a.default["right-sidebar-header__secondary-button"],s==null?void 0:s.className),onClick:b=>{var g;d(b),(g=s==null?void 0:s.onClick)==null||g.call(s,b)},children:r}):e.jsx("span",{className:a.default["right-sidebar-header__secondary-text"],children:r})})]}),e.jsxs("div",{className:a.default["right-sidebar-header__actions"],children:[x&&e.jsx("button",{type:"button",className:[a.default["right-sidebar-header__action"],_?a.default["right-sidebar-header__action--active"]:""].filter(Boolean).join(" "),onClick:v,"aria-pressed":_?!0:void 0,children:x}),w,u&&e.jsx(l.default,{size:"small","aria-label":n?C:q,onClick:u,icon:e.jsx(i.default,{size:"16",glyph:n?e.jsx(S,{}):e.jsx(A,{})})}),f&&e.jsx(l.default,{size:"small","aria-label":z,onClick:f,icon:e.jsx(i.default,{size:"16",glyph:e.jsx(O,{})})}),j&&e.jsx(l.default,{size:"small","aria-label":k,onClick:j,icon:e.jsx(i.default,{size:"16",glyph:e.jsx(M,{})})})]})]})}exports.default=W;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),__S=require("@mattermost/compass-icons/components/arrow-collapse.js"),S=__S?.default??__S,__A=require("@mattermost/compass-icons/components/arrow-expand.js"),A=__A?.default??__A,__H=require("@mattermost/compass-icons/components/arrow-left.js"),H=__H?.default??__H,__M=require("@mattermost/compass-icons/components/close.js"),M=__M?.default??__M,__O=require("@mattermost/compass-icons/components/dock-window.js"),O=__O?.default??__O,D=require("../button/Button.cjs"),i=require("../icon/Icon.cjs"),l=require("../icon-button/IconButton.cjs"),E=require("../tag/Tag.cjs"),W=require("../../utils/props.cjs"),a=require("./RightSidebarHeader.module.scss.cjs");function F({title:g,secondaryTitle:r,onSecondaryTitleClick:d,secondaryTitleButtonProps:s,tag:c,tagType:o="info",leadingIcon:h,onBack:t,backLabel:N="Back",onExpand:u,expanded:n=!1,expandLabel:q="Expand",collapseLabel:C="Collapse",onPopout:f,popoutLabel:z="Open in new window",onClose:j,closeLabel:k="Close",actionLabel:x,onActionClick:v,actionActive:_=!1,actions:w,className:p="",...I}){const R=[a.default["right-sidebar-header"],p].filter(Boolean).join(" ");return e.jsxs("div",{...I,className:R,children:[e.jsxs("div",{className:a.default["right-sidebar-header__left"],children:[e.jsxs("div",{className:a.default["right-sidebar-header__primary"],children:[t&&e.jsx(l.default,{className:a.default["right-sidebar-header__back"],size:"small","aria-label":N,onClick:t,icon:e.jsx(i.default,{size:"16",glyph:e.jsx(H,{})})}),h&&e.jsx("span",{className:a.default["right-sidebar-header__leading-icon"],children:h}),e.jsx("span",{className:a.default["right-sidebar-header__title"],children:g}),c&&e.jsx("span",{className:a.default["right-sidebar-header__tag"],children:e.jsx(E.default,{label:c,type:o,size:"x-small",casing:"all-caps"})})]}),r&&e.jsx("div",{className:a.default["right-sidebar-header__secondary"],children:d?e.jsx("button",{type:"button",...s,className:W.mergeClassNames(a.default["right-sidebar-header__secondary-text"],a.default["right-sidebar-header__secondary-button"],s==null?void 0:s.className),onClick:m=>{var b;d(m),(b=s==null?void 0:s.onClick)==null||b.call(s,m)},children:r}):e.jsx("span",{className:a.default["right-sidebar-header__secondary-text"],children:r})})]}),e.jsxs("div",{className:a.default["right-sidebar-header__actions"],children:[x&&e.jsx(D.default,{emphasis:"dim",size:"small",compact:!0,className:[a.default["right-sidebar-header__action"],_?a.default["right-sidebar-header__action--active"]:""].filter(Boolean).join(" "),onClick:v,"aria-pressed":_?!0:void 0,children:x}),w,u&&e.jsx(l.default,{size:"small","aria-label":n?C:q,onClick:u,icon:e.jsx(i.default,{size:"16",glyph:n?e.jsx(S,{}):e.jsx(A,{})})}),f&&e.jsx(l.default,{size:"small","aria-label":z,onClick:f,icon:e.jsx(i.default,{size:"16",glyph:e.jsx(O,{})})}),j&&e.jsx(l.default,{size:"small","aria-label":k,onClick:j,icon:e.jsx(i.default,{size:"16",glyph:e.jsx(M,{})})})]})]})}exports.default=F;
 //# sourceMappingURL=RightSidebarHeader.cjs.map

package/dist/components/right-sidebar-header/RightSidebarHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RightSidebarHeader.cjs","sources":["../../../src/components/right-sidebar-header/RightSidebarHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, MouseEvent, ReactNode } from 'react';\nimport ArrowCollapseIcon from '@mattermost/compass-icons/components/arrow-collapse';\nimport ArrowExpandIcon from '@mattermost/compass-icons/components/arrow-expand';\nimport ArrowLeftIcon from '@mattermost/compass-icons/components/arrow-left';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport DockWindowIcon from '@mattermost/compass-icons/components/dock-window';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport type { TagType } from '@/components/tag/Tag';\nimport { mergeClassNames } from '@/utils/props';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport styles from './RightSidebarHeader.module.scss';\n\nexport interface RightSidebarHeaderProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'children' | 'dangerouslySetInnerHTML'\n> {\n  /** Primary title text. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  title: ReactNode;\n  /** Secondary title shown to the right of a vertical divider (e.g. parent channel name). */\n  secondaryTitle?: ReactNode;\n  /** When set, the secondary title renders as a button (e.g. to open the parent channel) and calls this on click with the event. It looks the same at rest and shows a dim background on hover. */\n  onSecondaryTitleClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /** Extra attributes for the secondary title button (e.g. `aria-label`, `data-testid`). Only used with `onSecondaryTitleClick`; its `onClick` also runs, after that handler. */\n  secondaryTitleButtonProps?: BuiltInButtonProps;\n  /** Optional tag rendered next to the title (e.g. \"BETA\"). */\n  tag?: ReactNode;\n  /** Tag visual style. Default: Info. */\n  tagType?: TagType;\n  /** Optional leading element shown before the title — typically a `UserAvatar` or an icon. When passing an icon, use `<Icon glyph={<SomeIcon />} size=\"20\" />` to align with the title text. */\n  leadingIcon?: ReactNode;\n  /** When set, shows a back button and calls this on click. */\n  onBack?: () => void;\n  /** Accessible name for the back button. Default: \"Back\". */\n  backLabel?: string;\n  /** When set, shows an expand/collapse button and calls this on click. */\n  onExpand?: () => void;\n  /** When true, the expand button shows the collapse icon. Requires `onExpand`. */\n  expanded?: boolean;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse\". */\n  collapseLabel?: string;\n  /** When set, shows a pop out button (open in a new window) between expand and close, and calls this on click. */\n  onPopout?: () => void;\n  /** Accessible name for the pop out button. Default: \"Open in new window\". */\n  popoutLabel?: string;\n  /** When set, shows a close button and calls this on click. */\n  onClose?: () => void;\n  /** Accessible name for the close button. Default: \"Close\". */\n  closeLabel?: string;\n  /** Optional inline action label (e.g. \"Follow\"). Accepts translated nodes. */\n  actionLabel?: ReactNode;\n  /** Click handler for the action label. */\n  onActionClick?: () => void;\n  /** When true, the action button shows in its active state. */\n  actionActive?: boolean;\n  /** Optional custom actions (e.g. a Filters `Button` + popover) rendered in the actions region after `actionLabel` and before the expand / pop out / close buttons. */\n  actions?: ReactNode;\n  className?: string;\n}\n\nexport default function RightSidebarHeader({\n  title,\n  secondaryTitle,\n  onSecondaryTitleClick,\n  secondaryTitleButtonProps,\n  tag,\n  tagType = 'info',\n  leadingIcon,\n  onBack,\n  backLabel = 'Back',\n  onExpand,\n  expanded = false,\n  expandLabel = 'Expand',\n  collapseLabel = 'Collapse',\n  onPopout,\n  popoutLabel = 'Open in new window',\n  onClose,\n  closeLabel = 'Close',\n  actionLabel,\n  onActionClick,\n  actionActive = false,\n  actions,\n  className = '',\n  ...rest\n}: RightSidebarHeaderProps) {\n  const rootClass = [styles['right-sidebar-header'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...rest} className={rootClass}>\n      <div className={styles['right-sidebar-header__left']}>\n        <div className={styles['right-sidebar-header__primary']}>\n          {onBack && (\n            <IconButton\n              className={styles['right-sidebar-header__back']}\n              size=\"small\"\n              aria-label={backLabel}\n              onClick={onBack}\n              icon={<Icon size=\"16\" glyph={<ArrowLeftIcon />} />}\n            />\n          )}\n          {leadingIcon && (\n            <span className={styles['right-sidebar-header__leading-icon']}>\n              {leadingIcon}\n            </span>\n          )}\n          <span className={styles['right-sidebar-header__title']}>{title}</span>\n          {tag && (\n            <span className={styles['right-sidebar-header__tag']}>\n              <Tag\n                label={tag}\n                type={tagType}\n                size=\"x-small\"\n                casing=\"all-caps\"\n              />\n            </span>\n          )}\n        </div>\n        {secondaryTitle && (\n          <div className={styles['right-sidebar-header__secondary']}>\n            {onSecondaryTitleClick ? (\n              <button\n                type=\"button\"\n                {...secondaryTitleButtonProps}\n                className={mergeClassNames(\n                  styles['right-sidebar-header__secondary-text'],\n                  styles['right-sidebar-header__secondary-button'],\n                  secondaryTitleButtonProps?.className,\n                )}\n                onClick={(event) => {\n                  onSecondaryTitleClick(event);\n                  secondaryTitleButtonProps?.onClick?.(event);\n                }}\n              >\n                {secondaryTitle}\n              </button>\n            ) : (\n              <span className={styles['right-sidebar-header__secondary-text']}>\n                {secondaryTitle}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      <div className={styles['right-sidebar-header__actions']}>\n        {actionLabel && (\n          <button\n            type=\"button\"\n            className={[\n              styles['right-sidebar-header__action'],\n              actionActive\n                ? styles['right-sidebar-header__action--active']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onActionClick}\n            aria-pressed={actionActive ? true : undefined}\n          >\n            {actionLabel}\n          </button>\n        )}\n        {actions}\n        {onExpand && (\n          <IconButton\n            size=\"small\"\n            aria-label={expanded ? collapseLabel : expandLabel}\n            onClick={onExpand}\n            icon={\n              <Icon\n                size=\"16\"\n                glyph={expanded ? <ArrowCollapseIcon /> : <ArrowExpandIcon />}\n              />\n            }\n          />\n        )}\n        {onPopout && (\n          <IconButton\n            size=\"small\"\n            aria-label={popoutLabel}\n            onClick={onPopout}\n            icon={<Icon size=\"16\" glyph={<DockWindowIcon />} />}\n          />\n        )}\n        {onClose && (\n          <IconButton\n            size=\"small\"\n            aria-label={closeLabel}\n            onClick={onClose}\n            icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["RightSidebarHeader","title","secondaryTitle","onSecondaryTitleClick","secondaryTitleButtonProps","tag","tagType","leadingIcon","onBack","backLabel","onExpand","expanded","expandLabel","collapseLabel","onPopout","popoutLabel","onClose","closeLabel","actionLabel","onActionClick","actionActive","actions","className","rest","rootClass","styles","jsxs","jsx","IconButton","Icon","ArrowLeftIcon","Tag","mergeClassNames","event","_a","ArrowCollapseIcon","ArrowExpandIcon","DockWindowIcon","CloseIcon"],"mappings":"6nBA+DA,SAAwBA,EAAmB,CACzC,MAAAC,EACA,eAAAC,EACA,sBAAAC,EACA,0BAAAC,EACA,IAAAC,EACA,QAAAC,EAAU,OACV,YAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,OACZ,SAAAC,EACA,SAAAC,EAAW,GACX,YAAAC,EAAc,SACd,cAAAC,EAAgB,WAChB,SAAAC,EACA,YAAAC,EAAc,qBACd,QAAAC,EACA,WAAAC,EAAa,QACb,YAAAC,EACA,cAAAC,EACA,aAAAC,EAAe,GACf,QAAAC,EACA,UAAAC,EAAY,GACZ,GAAGC,CACL,EAA4B,CAC1B,MAAMC,EAAY,CAACC,UAAO,sBAAsB,EAAGH,CAAS,EACzD,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEI,EAAAA,KAAC,MAAA,CAAK,GAAGH,EAAM,UAAWC,EACxB,SAAA,CAAAE,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,4BAA4B,EACjD,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,+BAA+B,EACnD,SAAA,CAAAjB,GACCmB,EAAAA,IAACC,EAAAA,QAAA,CACC,UAAWH,EAAAA,QAAO,4BAA4B,EAC9C,KAAK,QACL,aAAYhB,EACZ,QAASD,EACT,WAAOqB,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACG,IAAc,CAAA,CAAI,CAAA,CAAA,EAGnDvB,GACCoB,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,oCAAoC,EACzD,SAAAlB,EACH,QAED,OAAA,CAAK,UAAWkB,EAAAA,QAAO,6BAA6B,EAAI,SAAAxB,EAAM,EAC9DI,GACCsB,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,2BAA2B,EACjD,SAAAE,EAAAA,IAACI,EAAAA,QAAA,CACC,MAAO1B,EACP,KAAMC,EACN,KAAK,UACL,OAAO,UAAA,CAAA,CACT,CACF,CAAA,EAEJ,EACCJ,GACCyB,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,iCAAiC,EACrD,SAAAtB,EACCwB,EAAAA,IAAC,SAAA,CACC,KAAK,SACJ,GAAGvB,EACJ,UAAW4B,EAAAA,gBACTP,EAAAA,QAAO,sCAAsC,EAC7CA,EAAAA,QAAO,wCAAwC,EAC/CrB,GAAA,YAAAA,EAA2B,SAAA,EAE7B,QAAU6B,GAAU,OAClB9B,EAAsB8B,CAAK,GAC3BC,EAAA9B,GAAA,YAAAA,EAA2B,UAA3B,MAAA8B,EAAA,KAAA9B,EAAqC6B,EACvC,EAEC,SAAA/B,CAAA,CAAA,QAGF,OAAA,CAAK,UAAWuB,EAAAA,QAAO,sCAAsC,EAC3D,WACH,CAAA,CAEJ,CAAA,EAEJ,EAEAC,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,+BAA+B,EACnD,SAAA,CAAAP,GACCS,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAW,CACTF,EAAAA,QAAO,8BAA8B,EACrCL,EACIK,EAAAA,QAAO,sCAAsC,EAC7C,EAAA,EAEH,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QAASN,EACT,eAAcC,EAAe,GAAO,OAEnC,SAAAF,CAAA,CAAA,EAGJG,EACAX,GACCiB,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAK,QACL,aAAYjB,EAAWE,EAAgBD,EACvC,QAASF,EACT,KACEiB,EAAAA,IAACE,EAAAA,QAAA,CACC,KAAK,KACL,MAAOlB,EAAWgB,MAACQ,EAAA,CAAA,CAAkB,QAAMC,EAAA,CAAA,CAAgB,CAAA,CAAA,CAC7D,CAAA,EAILtB,GACCa,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAK,QACL,aAAYb,EACZ,QAASD,EACT,WAAOe,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACU,IAAe,CAAA,CAAI,CAAA,CAAA,EAGpDrB,GACCW,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAK,QACL,aAAYX,EACZ,QAASD,EACT,WAAOa,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOF,EAAAA,IAACW,IAAU,CAAA,CAAI,CAAA,CAAA,CAC9C,CAAA,CAEJ,CAAA,EACF,CAEJ"}
+{"version":3,"file":"RightSidebarHeader.cjs","sources":["../../../src/components/right-sidebar-header/RightSidebarHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, MouseEvent, ReactNode } from 'react';\nimport ArrowCollapseIcon from '@mattermost/compass-icons/components/arrow-collapse';\nimport ArrowExpandIcon from '@mattermost/compass-icons/components/arrow-expand';\nimport ArrowLeftIcon from '@mattermost/compass-icons/components/arrow-left';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport DockWindowIcon from '@mattermost/compass-icons/components/dock-window';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport type { TagType } from '@/components/tag/Tag';\nimport { mergeClassNames } from '@/utils/props';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport styles from './RightSidebarHeader.module.scss';\n\nexport interface RightSidebarHeaderProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'children' | 'dangerouslySetInnerHTML'\n> {\n  /** Primary title text. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  title: ReactNode;\n  /** Secondary title shown to the right of a vertical divider (e.g. parent channel name). */\n  secondaryTitle?: ReactNode;\n  /** When set, the secondary title renders as a button (e.g. to open the parent channel) and calls this on click with the event. It looks the same at rest and shows a dim background on hover. */\n  onSecondaryTitleClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /** Extra attributes for the secondary title button (e.g. `aria-label`, `data-testid`). Only used with `onSecondaryTitleClick`; its `onClick` also runs, after that handler. */\n  secondaryTitleButtonProps?: BuiltInButtonProps;\n  /** Optional tag rendered next to the title (e.g. \"BETA\"). */\n  tag?: ReactNode;\n  /** Tag visual style. Default: Info. */\n  tagType?: TagType;\n  /** Optional leading element shown before the title — typically a `UserAvatar` or an icon. When passing an icon, use `<Icon glyph={<SomeIcon />} size=\"20\" />` to align with the title text. */\n  leadingIcon?: ReactNode;\n  /** When set, shows a back button and calls this on click. */\n  onBack?: () => void;\n  /** Accessible name for the back button. Default: \"Back\". */\n  backLabel?: string;\n  /** When set, shows an expand/collapse button and calls this on click. */\n  onExpand?: () => void;\n  /** When true, the expand button shows the collapse icon. Requires `onExpand`. */\n  expanded?: boolean;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse\". */\n  collapseLabel?: string;\n  /** When set, shows a pop out button (open in a new window) between expand and close, and calls this on click. */\n  onPopout?: () => void;\n  /** Accessible name for the pop out button. Default: \"Open in new window\". */\n  popoutLabel?: string;\n  /** When set, shows a close button and calls this on click. */\n  onClose?: () => void;\n  /** Accessible name for the close button. Default: \"Close\". */\n  closeLabel?: string;\n  /** Optional inline action label (e.g. \"Follow\"). Accepts translated nodes. */\n  actionLabel?: ReactNode;\n  /** Click handler for the action label. */\n  onActionClick?: () => void;\n  /** When true, the action button shows in its active state. */\n  actionActive?: boolean;\n  /** Optional custom actions (e.g. a Filters `Button` + popover) rendered in the actions region after `actionLabel` and before the expand / pop out / close buttons. */\n  actions?: ReactNode;\n  className?: string;\n}\n\nexport default function RightSidebarHeader({\n  title,\n  secondaryTitle,\n  onSecondaryTitleClick,\n  secondaryTitleButtonProps,\n  tag,\n  tagType = 'info',\n  leadingIcon,\n  onBack,\n  backLabel = 'Back',\n  onExpand,\n  expanded = false,\n  expandLabel = 'Expand',\n  collapseLabel = 'Collapse',\n  onPopout,\n  popoutLabel = 'Open in new window',\n  onClose,\n  closeLabel = 'Close',\n  actionLabel,\n  onActionClick,\n  actionActive = false,\n  actions,\n  className = '',\n  ...rest\n}: RightSidebarHeaderProps) {\n  const rootClass = [styles['right-sidebar-header'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...rest} className={rootClass}>\n      <div className={styles['right-sidebar-header__left']}>\n        <div className={styles['right-sidebar-header__primary']}>\n          {onBack && (\n            <IconButton\n              className={styles['right-sidebar-header__back']}\n              size=\"small\"\n              aria-label={backLabel}\n              onClick={onBack}\n              icon={<Icon size=\"16\" glyph={<ArrowLeftIcon />} />}\n            />\n          )}\n          {leadingIcon && (\n            <span className={styles['right-sidebar-header__leading-icon']}>\n              {leadingIcon}\n            </span>\n          )}\n          <span className={styles['right-sidebar-header__title']}>{title}</span>\n          {tag && (\n            <span className={styles['right-sidebar-header__tag']}>\n              <Tag\n                label={tag}\n                type={tagType}\n                size=\"x-small\"\n                casing=\"all-caps\"\n              />\n            </span>\n          )}\n        </div>\n        {secondaryTitle && (\n          <div className={styles['right-sidebar-header__secondary']}>\n            {onSecondaryTitleClick ? (\n              <button\n                type=\"button\"\n                {...secondaryTitleButtonProps}\n                className={mergeClassNames(\n                  styles['right-sidebar-header__secondary-text'],\n                  styles['right-sidebar-header__secondary-button'],\n                  secondaryTitleButtonProps?.className,\n                )}\n                onClick={(event) => {\n                  onSecondaryTitleClick(event);\n                  secondaryTitleButtonProps?.onClick?.(event);\n                }}\n              >\n                {secondaryTitle}\n              </button>\n            ) : (\n              <span className={styles['right-sidebar-header__secondary-text']}>\n                {secondaryTitle}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      <div className={styles['right-sidebar-header__actions']}>\n        {actionLabel && (\n          <Button\n            emphasis=\"dim\"\n            size=\"small\"\n            compact\n            className={[\n              styles['right-sidebar-header__action'],\n              actionActive\n                ? styles['right-sidebar-header__action--active']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onActionClick}\n            aria-pressed={actionActive ? true : undefined}\n          >\n            {actionLabel}\n          </Button>\n        )}\n        {actions}\n        {onExpand && (\n          <IconButton\n            size=\"small\"\n            aria-label={expanded ? collapseLabel : expandLabel}\n            onClick={onExpand}\n            icon={\n              <Icon\n                size=\"16\"\n                glyph={expanded ? <ArrowCollapseIcon /> : <ArrowExpandIcon />}\n              />\n            }\n          />\n        )}\n        {onPopout && (\n          <IconButton\n            size=\"small\"\n            aria-label={popoutLabel}\n            onClick={onPopout}\n            icon={<Icon size=\"16\" glyph={<DockWindowIcon />} />}\n          />\n        )}\n        {onClose && (\n          <IconButton\n            size=\"small\"\n            aria-label={closeLabel}\n            onClick={onClose}\n            icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["RightSidebarHeader","title","secondaryTitle","onSecondaryTitleClick","secondaryTitleButtonProps","tag","tagType","leadingIcon","onBack","backLabel","onExpand","expanded","expandLabel","collapseLabel","onPopout","popoutLabel","onClose","closeLabel","actionLabel","onActionClick","actionActive","actions","className","rest","rootClass","styles","jsxs","jsx","IconButton","Icon","ArrowLeftIcon","Tag","mergeClassNames","event","_a","Button","ArrowCollapseIcon","ArrowExpandIcon","DockWindowIcon","CloseIcon"],"mappings":"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"}

package/dist/components/right-sidebar-header/RightSidebarHeader.css

@@ -1 +1 @@
-._right-sidebar-header_1jogp_2{display:flex;align-items:center;gap:var(--spacing-l);height:56px;padding:var(--spacing-m);background-color:var(--center-channel-bg);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.12);box-sizing:border-box}._right-sidebar-header__left_1jogp_12{display:flex;flex:1 1 0;min-width:0;align-items:center}._right-sidebar-header__primary_1jogp_18{display:flex;align-items:center;gap:var(--spacing-xxs);padding:0 var(--spacing-xs);min-width:0}._right-sidebar-header__back_1jogp_25{margin-left:-12px}._right-sidebar-header__leading-icon_1jogp_28{display:inline-flex;align-items:center;flex-shrink:0}._right-sidebar-header__tag_1jogp_33{display:inline-flex;align-items:center}._right-sidebar-header__title_1jogp_37{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}._right-sidebar-header__secondary_1jogp_47{display:flex;flex:1 1 0;min-width:0;align-items:center;padding:0 var(--spacing-xs);border-left:1px solid rgba(var(--center-channel-color-rgb),.16);transition:border-color var(--duration-quick) var(--ease-transition)}._right-sidebar-header__secondary_1jogp_47:has(._right-sidebar-header__secondary-button_1jogp_56:hover){border-left-color:transparent}._right-sidebar-header__secondary-text_1jogp_59{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-200);color:rgba(var(--center-channel-color-rgb),.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._right-sidebar-header__secondary-button_1jogp_56{min-width:0;max-width:calc(100% + var(--spacing-xxs) * 2);margin:0 calc(var(--spacing-xxs) * -1);padding:var(--spacing-xxxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:transparent;cursor:pointer;outline:2px solid color-mix(in srgb,var(--focus-ring-color, var(--button-bg)) 0%,transparent);outline-offset:0;transition:background-color var(--duration-quick) var(--ease-transition),outline-color var(--duration-quick) var(--ease-transition),outline-offset var(--duration-quick) var(--ease-transition)}._right-sidebar-header__secondary-button_1jogp_56:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._right-sidebar-header__secondary-button_1jogp_56:active:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.12)}._right-sidebar-header__secondary-button_1jogp_56:focus-visible{outline-color:var(--focus-ring-color, var(--button-bg));outline-offset:3px}._right-sidebar-header__secondary-button_1jogp_56:disabled{cursor:default}._right-sidebar-header__actions_1jogp_95{display:flex;align-items:center;gap:var(--spacing-xxxs);flex-shrink:0}._right-sidebar-header__action_1jogp_95{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:var(--spacing-xxxxs) var(--spacing-s);border:none;border-radius:var(--radius-s);background-color:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-semibold);line-height:var(--line-height-75);color:rgba(var(--center-channel-color-rgb),.64);cursor:pointer;transition:background-color var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition)}._right-sidebar-header__action_1jogp_95:hover{background-color:rgba(var(--center-channel-color-rgb),.08);color:rgba(var(--center-channel-color-rgb),.75)}._right-sidebar-header__action_1jogp_95:active{background-color:rgba(var(--center-channel-color-rgb),.12)}._right-sidebar-header__action_1jogp_95:focus-visible{outline:none;box-shadow:0 0 0 2px var(--button-bg)}._right-sidebar-header__action--active_1jogp_129{background-color:rgba(var(--center-channel-color-rgb),.08);color:var(--center-channel-color)}
+._right-sidebar-header_gkzgk_13{display:flex;align-items:center;gap:var(--spacing-l);height:56px;padding:var(--spacing-m);background-color:var(--center-channel-bg);border-bottom:1px solid rgba(var(--center-channel-color-rgb),.12);box-sizing:border-box}._right-sidebar-header__left_gkzgk_23{display:flex;flex:1 1 0;min-width:0;align-items:center}._right-sidebar-header__primary_gkzgk_29{display:flex;align-items:center;gap:var(--spacing-xxs);padding:0 var(--spacing-xs);min-width:0}._right-sidebar-header__back_gkzgk_36{margin-left:calc(-1 * var(--spacing-m))}._right-sidebar-header__leading-icon_gkzgk_39{display:inline-flex;align-items:center;flex-shrink:0}._right-sidebar-header__tag_gkzgk_44{display:inline-flex;align-items:center}._right-sidebar-header__title_gkzgk_48{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}._right-sidebar-header__secondary_gkzgk_58{display:flex;flex:1 1 0;min-width:0;align-items:center;padding:0 var(--spacing-xs);border-left:1px solid rgba(var(--center-channel-color-rgb),.16);transition:border-color var(--duration-quick) var(--ease-transition)}._right-sidebar-header__secondary_gkzgk_58:has(._right-sidebar-header__secondary-button_gkzgk_67:hover){border-left-color:transparent}._right-sidebar-header__secondary-text_gkzgk_70{font-family:var(--font-family-body);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);line-height:var(--line-height-200);color:rgba(var(--center-channel-color-rgb),.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._right-sidebar-header__secondary-button_gkzgk_67{min-width:0;max-width:calc(100% + var(--spacing-xxs) * 2);margin:0 calc(var(--spacing-xxs) * -1);padding:var(--spacing-xxxxs) var(--spacing-xxs);border:none;border-radius:var(--radius-s);background-color:transparent;cursor:pointer;outline:none}._right-sidebar-header__secondary-button_gkzgk_67:focus-visible{outline:2px solid var(--focus-ring-color, var(--button-bg));outline-offset:3px;animation:_focus-ring-in_gkzgk_1 var(--duration-quick) var(--ease-transition)}@media(prefers-reduced-motion:reduce){._right-sidebar-header__secondary-button_gkzgk_67:focus-visible{animation:none}}@keyframes _focus-ring-in_gkzgk_1{0%{outline-color:transparent;outline-offset:0}}._right-sidebar-header__secondary-button_gkzgk_67:hover:not(:disabled),._right-sidebar-header__secondary-button_gkzgk_67:active:not(:disabled){transition:background-color var(--duration-quick) var(--ease-transition)}._right-sidebar-header__secondary-button_gkzgk_67:hover:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.08)}._right-sidebar-header__secondary-button_gkzgk_67:active:not(:disabled){background-color:rgba(var(--center-channel-color-rgb),.12)}._right-sidebar-header__secondary-button_gkzgk_67:disabled{cursor:default}._right-sidebar-header__actions_gkzgk_119{display:flex;align-items:center;gap:var(--spacing-xxxs);flex-shrink:0}._right-sidebar-header__action--active_gkzgk_125._right-sidebar-header__action--active_gkzgk_125._right-sidebar-header__action--active_gkzgk_125._right-sidebar-header__action--active_gkzgk_125{--button-fg: var(--center-channel-color);background-color:rgba(var(--center-channel-color-rgb),.08)}

package/dist/components/right-sidebar-header/RightSidebarHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RightSidebarHeader.d.ts","sourceRoot":"","sources":["../../../src/components/right-sidebar-header/RightSidebarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASnE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,GAAG,UAAU,GAAG,yBAAyB,CACjD;IACC,iFAAiF;IACjF,KAAK,EAAE,SAAS,CAAC;IACjB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iMAAiM;IACjM,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvE,+KAA+K;IAC/K,yBAAyB,CAAC,EAAE,kBAAkB,CAAC;IAC/C,6DAA6D;IAC7D,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+LAA+L;IAC/L,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iHAAiH;IACjH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sKAAsK;IACtK,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,cAAc,EACd,qBAAqB,EACrB,yBAAyB,EACzB,GAAG,EACH,OAAgB,EAChB,WAAW,EACX,MAAM,EACN,SAAkB,EAClB,QAAQ,EACR,QAAgB,EAChB,WAAsB,EACtB,aAA0B,EAC1B,QAAQ,EACR,WAAkC,EAClC,OAAO,EACP,UAAoB,EACpB,WAAW,EACX,aAAa,EACb,YAAoB,EACpB,OAAO,EACP,SAAc,EACd,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAiHzB"}
+{"version":3,"file":"RightSidebarHeader.d.ts","sourceRoot":"","sources":["../../../src/components/right-sidebar-header/RightSidebarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUnE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,GAAG,UAAU,GAAG,yBAAyB,CACjD;IACC,iFAAiF;IACjF,KAAK,EAAE,SAAS,CAAC;IACjB,2FAA2F;IAC3F,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,iMAAiM;IACjM,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvE,+KAA+K;IAC/K,yBAAyB,CAAC,EAAE,kBAAkB,CAAC;IAC/C,6DAA6D;IAC7D,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+LAA+L;IAC/L,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iHAAiH;IACjH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sKAAsK;IACtK,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAK,EACL,cAAc,EACd,qBAAqB,EACrB,yBAAyB,EACzB,GAAG,EACH,OAAgB,EAChB,WAAW,EACX,MAAM,EACN,SAAkB,EAClB,QAAQ,EACR,QAAgB,EAChB,WAAsB,EACtB,aAA0B,EAC1B,QAAQ,EACR,WAAkC,EAClC,OAAO,EACP,UAAoB,EACpB,WAAW,EACX,aAAa,EACb,YAAoB,EACpB,OAAO,EACP,SAAc,EACd,GAAG,IAAI,EACR,EAAE,uBAAuB,2CAmHzB"}

package/dist/components/right-sidebar-header/RightSidebarHeader.js

@@ -4,15 +4,16 @@ import __R from "@mattermost/compass-icons/components/arrow-expand.js";const R=_
 import __W from "@mattermost/compass-icons/components/arrow-left.js";const W=__W&&__W.default?__W.default:__W;
 import __q from "@mattermost/compass-icons/components/close.js";const q=__q&&__q.default?__q.default:__q;
 import __F from "@mattermost/compass-icons/components/dock-window.js";const F=__F&&__F.default?__F.default:__F;
-import l from "../icon/Icon.js";
-import s from "../icon-button/IconButton.js";
-import G from "../tag/Tag.js";
-import { mergeClassNames as J } from "../../utils/props.js";
+import G from "../button/Button.js";
+import s from "../icon/Icon.js";
+import l from "../icon-button/IconButton.js";
+import J from "../tag/Tag.js";
+import { mergeClassNames as K } from "../../utils/props.js";
 import i from "./RightSidebarHeader.module.scss.js";
-function y({
+function B({
   title: C,
-  secondaryTitle: h,
-  onSecondaryTitleClick: m,
+  secondaryTitle: m,
+  onSecondaryTitleClick: h,
   secondaryTitleButtonProps: e,
   tag: d,
   tagType: z = "info",
@@ -20,14 +21,14 @@ function y({
   onBack: _,
   backLabel: k = "Back",
   onExpand: b,
-  expanded: g = !1,
+  expanded: o = !1,
   expandLabel: w = "Expand",
   collapseLabel: x = "Collapse",
-  onPopout: n,
+  onPopout: g,
   popoutLabel: I = "Open in new window",
-  onClose: o,
+  onClose: f,
   closeLabel: v = "Close",
-  actionLabel: f,
+  actionLabel: n,
   onActionClick: j,
   actionActive: p = !1,
   actions: A,
@@ -39,19 +40,19 @@ function y({
     /* @__PURE__ */ r("div", { className: i["right-sidebar-header__left"], children: [
       /* @__PURE__ */ r("div", { className: i["right-sidebar-header__primary"], children: [
         _ && /* @__PURE__ */ a(
-          s,
+          l,
           {
             className: i["right-sidebar-header__back"],
             size: "small",
             "aria-label": k,
             onClick: _,
-            icon: /* @__PURE__ */ a(l, { size: "16", glyph: /* @__PURE__ */ a(W, {}) })
+            icon: /* @__PURE__ */ a(s, { size: "16", glyph: /* @__PURE__ */ a(W, {}) })
           }
         ),
         c && /* @__PURE__ */ a("span", { className: i["right-sidebar-header__leading-icon"], children: c }),
         /* @__PURE__ */ a("span", { className: i["right-sidebar-header__title"], children: C }),
         d && /* @__PURE__ */ a("span", { className: i["right-sidebar-header__tag"], children: /* @__PURE__ */ a(
-          G,
+          J,
           {
             label: d,
             type: z,
@@ -60,76 +61,78 @@ function y({
           }
         ) })
       ] }),
-      h && /* @__PURE__ */ a("div", { className: i["right-sidebar-header__secondary"], children: m ? /* @__PURE__ */ a(
+      m && /* @__PURE__ */ a("div", { className: i["right-sidebar-header__secondary"], children: h ? /* @__PURE__ */ a(
         "button",
         {
           type: "button",
           ...e,
-          className: J(
+          className: K(
             i["right-sidebar-header__secondary-text"],
             i["right-sidebar-header__secondary-button"],
             e == null ? void 0 : e.className
           ),
           onClick: (N) => {
             var t;
-            m(N), (t = e == null ? void 0 : e.onClick) == null || t.call(e, N);
+            h(N), (t = e == null ? void 0 : e.onClick) == null || t.call(e, N);
           },
-          children: h
+          children: m
         }
-      ) : /* @__PURE__ */ a("span", { className: i["right-sidebar-header__secondary-text"], children: h }) })
+      ) : /* @__PURE__ */ a("span", { className: i["right-sidebar-header__secondary-text"], children: m }) })
     ] }),
     /* @__PURE__ */ r("div", { className: i["right-sidebar-header__actions"], children: [
-      f && /* @__PURE__ */ a(
-        "button",
+      n && /* @__PURE__ */ a(
+        G,
         {
-          type: "button",
+          emphasis: "dim",
+          size: "small",
+          compact: !0,
           className: [
             i["right-sidebar-header__action"],
             p ? i["right-sidebar-header__action--active"] : ""
           ].filter(Boolean).join(" "),
           onClick: j,
           "aria-pressed": p ? !0 : void 0,
-          children: f
+          children: n
         }
       ),
       A,
       b && /* @__PURE__ */ a(
-        s,
+        l,
         {
           size: "small",
-          "aria-label": g ? x : w,
+          "aria-label": o ? x : w,
           onClick: b,
           icon: /* @__PURE__ */ a(
-            l,
+            s,
             {
               size: "16",
-              glyph: g ? /* @__PURE__ */ a(O, {}) : /* @__PURE__ */ a(R, {})
+              glyph: o ? /* @__PURE__ */ a(O, {}) : /* @__PURE__ */ a(R, {})
             }
           )
         }
       ),
-      n && /* @__PURE__ */ a(
-        s,
+      g && /* @__PURE__ */ a(
+        l,
         {
           size: "small",
           "aria-label": I,
-          onClick: n,
-          icon: /* @__PURE__ */ a(l, { size: "16", glyph: /* @__PURE__ */ a(F, {}) })
+          onClick: g,
+          icon: /* @__PURE__ */ a(s, { size: "16", glyph: /* @__PURE__ */ a(F, {}) })
         }
       ),
-      o && /* @__PURE__ */ a(
-        s,
+      f && /* @__PURE__ */ a(
+        l,
         {
           size: "small",
           "aria-label": v,
-          onClick: o,
-          icon: /* @__PURE__ */ a(l, { size: "16", glyph: /* @__PURE__ */ a(q, {}) })
+          onClick: f,
+          icon: /* @__PURE__ */ a(s, { size: "16", glyph: /* @__PURE__ */ a(q, {}) })
         }
       )
     ] })
   ] });
 }
 export {
-  y as default
+  B as default
 };
 //# sourceMappingURL=RightSidebarHeader.js.map

package/dist/components/right-sidebar-header/RightSidebarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightSidebarHeader.js","sources":["../../../src/components/right-sidebar-header/RightSidebarHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, MouseEvent, ReactNode } from 'react';\nimport ArrowCollapseIcon from '@mattermost/compass-icons/components/arrow-collapse';\nimport ArrowExpandIcon from '@mattermost/compass-icons/components/arrow-expand';\nimport ArrowLeftIcon from '@mattermost/compass-icons/components/arrow-left';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport DockWindowIcon from '@mattermost/compass-icons/components/dock-window';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport type { TagType } from '@/components/tag/Tag';\nimport { mergeClassNames } from '@/utils/props';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport styles from './RightSidebarHeader.module.scss';\n\nexport interface RightSidebarHeaderProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'children' | 'dangerouslySetInnerHTML'\n> {\n  /** Primary title text. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  title: ReactNode;\n  /** Secondary title shown to the right of a vertical divider (e.g. parent channel name). */\n  secondaryTitle?: ReactNode;\n  /** When set, the secondary title renders as a button (e.g. to open the parent channel) and calls this on click with the event. It looks the same at rest and shows a dim background on hover. */\n  onSecondaryTitleClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /** Extra attributes for the secondary title button (e.g. `aria-label`, `data-testid`). Only used with `onSecondaryTitleClick`; its `onClick` also runs, after that handler. */\n  secondaryTitleButtonProps?: BuiltInButtonProps;\n  /** Optional tag rendered next to the title (e.g. \"BETA\"). */\n  tag?: ReactNode;\n  /** Tag visual style. Default: Info. */\n  tagType?: TagType;\n  /** Optional leading element shown before the title — typically a `UserAvatar` or an icon. When passing an icon, use `<Icon glyph={<SomeIcon />} size=\"20\" />` to align with the title text. */\n  leadingIcon?: ReactNode;\n  /** When set, shows a back button and calls this on click. */\n  onBack?: () => void;\n  /** Accessible name for the back button. Default: \"Back\". */\n  backLabel?: string;\n  /** When set, shows an expand/collapse button and calls this on click. */\n  onExpand?: () => void;\n  /** When true, the expand button shows the collapse icon. Requires `onExpand`. */\n  expanded?: boolean;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse\". */\n  collapseLabel?: string;\n  /** When set, shows a pop out button (open in a new window) between expand and close, and calls this on click. */\n  onPopout?: () => void;\n  /** Accessible name for the pop out button. Default: \"Open in new window\". */\n  popoutLabel?: string;\n  /** When set, shows a close button and calls this on click. */\n  onClose?: () => void;\n  /** Accessible name for the close button. Default: \"Close\". */\n  closeLabel?: string;\n  /** Optional inline action label (e.g. \"Follow\"). Accepts translated nodes. */\n  actionLabel?: ReactNode;\n  /** Click handler for the action label. */\n  onActionClick?: () => void;\n  /** When true, the action button shows in its active state. */\n  actionActive?: boolean;\n  /** Optional custom actions (e.g. a Filters `Button` + popover) rendered in the actions region after `actionLabel` and before the expand / pop out / close buttons. */\n  actions?: ReactNode;\n  className?: string;\n}\n\nexport default function RightSidebarHeader({\n  title,\n  secondaryTitle,\n  onSecondaryTitleClick,\n  secondaryTitleButtonProps,\n  tag,\n  tagType = 'info',\n  leadingIcon,\n  onBack,\n  backLabel = 'Back',\n  onExpand,\n  expanded = false,\n  expandLabel = 'Expand',\n  collapseLabel = 'Collapse',\n  onPopout,\n  popoutLabel = 'Open in new window',\n  onClose,\n  closeLabel = 'Close',\n  actionLabel,\n  onActionClick,\n  actionActive = false,\n  actions,\n  className = '',\n  ...rest\n}: RightSidebarHeaderProps) {\n  const rootClass = [styles['right-sidebar-header'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...rest} className={rootClass}>\n      <div className={styles['right-sidebar-header__left']}>\n        <div className={styles['right-sidebar-header__primary']}>\n          {onBack && (\n            <IconButton\n              className={styles['right-sidebar-header__back']}\n              size=\"small\"\n              aria-label={backLabel}\n              onClick={onBack}\n              icon={<Icon size=\"16\" glyph={<ArrowLeftIcon />} />}\n            />\n          )}\n          {leadingIcon && (\n            <span className={styles['right-sidebar-header__leading-icon']}>\n              {leadingIcon}\n            </span>\n          )}\n          <span className={styles['right-sidebar-header__title']}>{title}</span>\n          {tag && (\n            <span className={styles['right-sidebar-header__tag']}>\n              <Tag\n                label={tag}\n                type={tagType}\n                size=\"x-small\"\n                casing=\"all-caps\"\n              />\n            </span>\n          )}\n        </div>\n        {secondaryTitle && (\n          <div className={styles['right-sidebar-header__secondary']}>\n            {onSecondaryTitleClick ? (\n              <button\n                type=\"button\"\n                {...secondaryTitleButtonProps}\n                className={mergeClassNames(\n                  styles['right-sidebar-header__secondary-text'],\n                  styles['right-sidebar-header__secondary-button'],\n                  secondaryTitleButtonProps?.className,\n                )}\n                onClick={(event) => {\n                  onSecondaryTitleClick(event);\n                  secondaryTitleButtonProps?.onClick?.(event);\n                }}\n              >\n                {secondaryTitle}\n              </button>\n            ) : (\n              <span className={styles['right-sidebar-header__secondary-text']}>\n                {secondaryTitle}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      <div className={styles['right-sidebar-header__actions']}>\n        {actionLabel && (\n          <button\n            type=\"button\"\n            className={[\n              styles['right-sidebar-header__action'],\n              actionActive\n                ? styles['right-sidebar-header__action--active']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onActionClick}\n            aria-pressed={actionActive ? true : undefined}\n          >\n            {actionLabel}\n          </button>\n        )}\n        {actions}\n        {onExpand && (\n          <IconButton\n            size=\"small\"\n            aria-label={expanded ? collapseLabel : expandLabel}\n            onClick={onExpand}\n            icon={\n              <Icon\n                size=\"16\"\n                glyph={expanded ? <ArrowCollapseIcon /> : <ArrowExpandIcon />}\n              />\n            }\n          />\n        )}\n        {onPopout && (\n          <IconButton\n            size=\"small\"\n            aria-label={popoutLabel}\n            onClick={onPopout}\n            icon={<Icon size=\"16\" glyph={<DockWindowIcon />} />}\n          />\n        )}\n        {onClose && (\n          <IconButton\n            size=\"small\"\n            aria-label={closeLabel}\n            onClick={onClose}\n            icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["RightSidebarHeader","title","secondaryTitle","onSecondaryTitleClick","secondaryTitleButtonProps","tag","tagType","leadingIcon","onBack","backLabel","onExpand","expanded","expandLabel","collapseLabel","onPopout","popoutLabel","onClose","closeLabel","actionLabel","onActionClick","actionActive","actions","className","rest","rootClass","styles","jsxs","jsx","IconButton","Icon","ArrowLeftIcon","Tag","mergeClassNames","event","_a","ArrowCollapseIcon","ArrowExpandIcon","DockWindowIcon","CloseIcon"],"mappings":"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"}
+{"version":3,"file":"RightSidebarHeader.js","sources":["../../../src/components/right-sidebar-header/RightSidebarHeader.tsx"],"sourcesContent":["import type { HTMLAttributes, MouseEvent, ReactNode } from 'react';\nimport ArrowCollapseIcon from '@mattermost/compass-icons/components/arrow-collapse';\nimport ArrowExpandIcon from '@mattermost/compass-icons/components/arrow-expand';\nimport ArrowLeftIcon from '@mattermost/compass-icons/components/arrow-left';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport DockWindowIcon from '@mattermost/compass-icons/components/dock-window';\nimport Button from '@/components/button/Button';\nimport Icon from '@/components/icon/Icon';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Tag from '@/components/tag/Tag';\nimport type { TagType } from '@/components/tag/Tag';\nimport { mergeClassNames } from '@/utils/props';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport styles from './RightSidebarHeader.module.scss';\n\nexport interface RightSidebarHeaderProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'children' | 'dangerouslySetInnerHTML'\n> {\n  /** Primary title text. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  title: ReactNode;\n  /** Secondary title shown to the right of a vertical divider (e.g. parent channel name). */\n  secondaryTitle?: ReactNode;\n  /** When set, the secondary title renders as a button (e.g. to open the parent channel) and calls this on click with the event. It looks the same at rest and shows a dim background on hover. */\n  onSecondaryTitleClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n  /** Extra attributes for the secondary title button (e.g. `aria-label`, `data-testid`). Only used with `onSecondaryTitleClick`; its `onClick` also runs, after that handler. */\n  secondaryTitleButtonProps?: BuiltInButtonProps;\n  /** Optional tag rendered next to the title (e.g. \"BETA\"). */\n  tag?: ReactNode;\n  /** Tag visual style. Default: Info. */\n  tagType?: TagType;\n  /** Optional leading element shown before the title — typically a `UserAvatar` or an icon. When passing an icon, use `<Icon glyph={<SomeIcon />} size=\"20\" />` to align with the title text. */\n  leadingIcon?: ReactNode;\n  /** When set, shows a back button and calls this on click. */\n  onBack?: () => void;\n  /** Accessible name for the back button. Default: \"Back\". */\n  backLabel?: string;\n  /** When set, shows an expand/collapse button and calls this on click. */\n  onExpand?: () => void;\n  /** When true, the expand button shows the collapse icon. Requires `onExpand`. */\n  expanded?: boolean;\n  /** Accessible name for the expand button while collapsed. Default: \"Expand\". */\n  expandLabel?: string;\n  /** Accessible name for the expand button while expanded. Default: \"Collapse\". */\n  collapseLabel?: string;\n  /** When set, shows a pop out button (open in a new window) between expand and close, and calls this on click. */\n  onPopout?: () => void;\n  /** Accessible name for the pop out button. Default: \"Open in new window\". */\n  popoutLabel?: string;\n  /** When set, shows a close button and calls this on click. */\n  onClose?: () => void;\n  /** Accessible name for the close button. Default: \"Close\". */\n  closeLabel?: string;\n  /** Optional inline action label (e.g. \"Follow\"). Accepts translated nodes. */\n  actionLabel?: ReactNode;\n  /** Click handler for the action label. */\n  onActionClick?: () => void;\n  /** When true, the action button shows in its active state. */\n  actionActive?: boolean;\n  /** Optional custom actions (e.g. a Filters `Button` + popover) rendered in the actions region after `actionLabel` and before the expand / pop out / close buttons. */\n  actions?: ReactNode;\n  className?: string;\n}\n\nexport default function RightSidebarHeader({\n  title,\n  secondaryTitle,\n  onSecondaryTitleClick,\n  secondaryTitleButtonProps,\n  tag,\n  tagType = 'info',\n  leadingIcon,\n  onBack,\n  backLabel = 'Back',\n  onExpand,\n  expanded = false,\n  expandLabel = 'Expand',\n  collapseLabel = 'Collapse',\n  onPopout,\n  popoutLabel = 'Open in new window',\n  onClose,\n  closeLabel = 'Close',\n  actionLabel,\n  onActionClick,\n  actionActive = false,\n  actions,\n  className = '',\n  ...rest\n}: RightSidebarHeaderProps) {\n  const rootClass = [styles['right-sidebar-header'], className]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <div {...rest} className={rootClass}>\n      <div className={styles['right-sidebar-header__left']}>\n        <div className={styles['right-sidebar-header__primary']}>\n          {onBack && (\n            <IconButton\n              className={styles['right-sidebar-header__back']}\n              size=\"small\"\n              aria-label={backLabel}\n              onClick={onBack}\n              icon={<Icon size=\"16\" glyph={<ArrowLeftIcon />} />}\n            />\n          )}\n          {leadingIcon && (\n            <span className={styles['right-sidebar-header__leading-icon']}>\n              {leadingIcon}\n            </span>\n          )}\n          <span className={styles['right-sidebar-header__title']}>{title}</span>\n          {tag && (\n            <span className={styles['right-sidebar-header__tag']}>\n              <Tag\n                label={tag}\n                type={tagType}\n                size=\"x-small\"\n                casing=\"all-caps\"\n              />\n            </span>\n          )}\n        </div>\n        {secondaryTitle && (\n          <div className={styles['right-sidebar-header__secondary']}>\n            {onSecondaryTitleClick ? (\n              <button\n                type=\"button\"\n                {...secondaryTitleButtonProps}\n                className={mergeClassNames(\n                  styles['right-sidebar-header__secondary-text'],\n                  styles['right-sidebar-header__secondary-button'],\n                  secondaryTitleButtonProps?.className,\n                )}\n                onClick={(event) => {\n                  onSecondaryTitleClick(event);\n                  secondaryTitleButtonProps?.onClick?.(event);\n                }}\n              >\n                {secondaryTitle}\n              </button>\n            ) : (\n              <span className={styles['right-sidebar-header__secondary-text']}>\n                {secondaryTitle}\n              </span>\n            )}\n          </div>\n        )}\n      </div>\n\n      <div className={styles['right-sidebar-header__actions']}>\n        {actionLabel && (\n          <Button\n            emphasis=\"dim\"\n            size=\"small\"\n            compact\n            className={[\n              styles['right-sidebar-header__action'],\n              actionActive\n                ? styles['right-sidebar-header__action--active']\n                : '',\n            ]\n              .filter(Boolean)\n              .join(' ')}\n            onClick={onActionClick}\n            aria-pressed={actionActive ? true : undefined}\n          >\n            {actionLabel}\n          </Button>\n        )}\n        {actions}\n        {onExpand && (\n          <IconButton\n            size=\"small\"\n            aria-label={expanded ? collapseLabel : expandLabel}\n            onClick={onExpand}\n            icon={\n              <Icon\n                size=\"16\"\n                glyph={expanded ? <ArrowCollapseIcon /> : <ArrowExpandIcon />}\n              />\n            }\n          />\n        )}\n        {onPopout && (\n          <IconButton\n            size=\"small\"\n            aria-label={popoutLabel}\n            onClick={onPopout}\n            icon={<Icon size=\"16\" glyph={<DockWindowIcon />} />}\n          />\n        )}\n        {onClose && (\n          <IconButton\n            size=\"small\"\n            aria-label={closeLabel}\n            onClick={onClose}\n            icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["RightSidebarHeader","title","secondaryTitle","onSecondaryTitleClick","secondaryTitleButtonProps","tag","tagType","leadingIcon","onBack","backLabel","onExpand","expanded","expandLabel","collapseLabel","onPopout","popoutLabel","onClose","closeLabel","actionLabel","onActionClick","actionActive","actions","className","rest","rootClass","styles","jsxs","jsx","IconButton","Icon","ArrowLeftIcon","Tag","mergeClassNames","event","_a","Button","ArrowCollapseIcon","ArrowExpandIcon","DockWindowIcon","CloseIcon"],"mappings":"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"}

package/dist/components/right-sidebar-header/RightSidebarHeader.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./RightSidebarHeader.css');const e={"right-sidebar-header":"_right-sidebar-header_1jogp_2","right-sidebar-header__left":"_right-sidebar-header__left_1jogp_12","right-sidebar-header__primary":"_right-sidebar-header__primary_1jogp_18","right-sidebar-header__back":"_right-sidebar-header__back_1jogp_25","right-sidebar-header__leading-icon":"_right-sidebar-header__leading-icon_1jogp_28","right-sidebar-header__tag":"_right-sidebar-header__tag_1jogp_33","right-sidebar-header__title":"_right-sidebar-header__title_1jogp_37","right-sidebar-header__secondary":"_right-sidebar-header__secondary_1jogp_47","right-sidebar-header__secondary-button":"_right-sidebar-header__secondary-button_1jogp_56","right-sidebar-header__secondary-text":"_right-sidebar-header__secondary-text_1jogp_59","right-sidebar-header__actions":"_right-sidebar-header__actions_1jogp_95","right-sidebar-header__action":"_right-sidebar-header__action_1jogp_95","right-sidebar-header__action--active":"_right-sidebar-header__action--active_1jogp_129"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./RightSidebarHeader.css');const e={"right-sidebar-header":"_right-sidebar-header_gkzgk_13","right-sidebar-header__left":"_right-sidebar-header__left_gkzgk_23","right-sidebar-header__primary":"_right-sidebar-header__primary_gkzgk_29","right-sidebar-header__back":"_right-sidebar-header__back_gkzgk_36","right-sidebar-header__leading-icon":"_right-sidebar-header__leading-icon_gkzgk_39","right-sidebar-header__tag":"_right-sidebar-header__tag_gkzgk_44","right-sidebar-header__title":"_right-sidebar-header__title_gkzgk_48","right-sidebar-header__secondary":"_right-sidebar-header__secondary_gkzgk_58","right-sidebar-header__secondary-button":"_right-sidebar-header__secondary-button_gkzgk_67","right-sidebar-header__secondary-text":"_right-sidebar-header__secondary-text_gkzgk_70","right-sidebar-header__actions":"_right-sidebar-header__actions_gkzgk_119","right-sidebar-header__action--active":"_right-sidebar-header__action--active_gkzgk_125"};exports.default=e;
 //# sourceMappingURL=RightSidebarHeader.module.scss.cjs.map

package/dist/components/right-sidebar-header/RightSidebarHeader.module.scss.js

@@ -1,17 +1,16 @@
 import './RightSidebarHeader.css';const e = {
-  "right-sidebar-header": "_right-sidebar-header_1jogp_2",
-  "right-sidebar-header__left": "_right-sidebar-header__left_1jogp_12",
-  "right-sidebar-header__primary": "_right-sidebar-header__primary_1jogp_18",
-  "right-sidebar-header__back": "_right-sidebar-header__back_1jogp_25",
-  "right-sidebar-header__leading-icon": "_right-sidebar-header__leading-icon_1jogp_28",
-  "right-sidebar-header__tag": "_right-sidebar-header__tag_1jogp_33",
-  "right-sidebar-header__title": "_right-sidebar-header__title_1jogp_37",
-  "right-sidebar-header__secondary": "_right-sidebar-header__secondary_1jogp_47",
-  "right-sidebar-header__secondary-button": "_right-sidebar-header__secondary-button_1jogp_56",
-  "right-sidebar-header__secondary-text": "_right-sidebar-header__secondary-text_1jogp_59",
-  "right-sidebar-header__actions": "_right-sidebar-header__actions_1jogp_95",
-  "right-sidebar-header__action": "_right-sidebar-header__action_1jogp_95",
-  "right-sidebar-header__action--active": "_right-sidebar-header__action--active_1jogp_129"
+  "right-sidebar-header": "_right-sidebar-header_gkzgk_13",
+  "right-sidebar-header__left": "_right-sidebar-header__left_gkzgk_23",
+  "right-sidebar-header__primary": "_right-sidebar-header__primary_gkzgk_29",
+  "right-sidebar-header__back": "_right-sidebar-header__back_gkzgk_36",
+  "right-sidebar-header__leading-icon": "_right-sidebar-header__leading-icon_gkzgk_39",
+  "right-sidebar-header__tag": "_right-sidebar-header__tag_gkzgk_44",
+  "right-sidebar-header__title": "_right-sidebar-header__title_gkzgk_48",
+  "right-sidebar-header__secondary": "_right-sidebar-header__secondary_gkzgk_58",
+  "right-sidebar-header__secondary-button": "_right-sidebar-header__secondary-button_gkzgk_67",
+  "right-sidebar-header__secondary-text": "_right-sidebar-header__secondary-text_gkzgk_70",
+  "right-sidebar-header__actions": "_right-sidebar-header__actions_gkzgk_119",
+  "right-sidebar-header__action--active": "_right-sidebar-header__action--active_gkzgk_125"
 };
 export {
   e as default

package/dist/components/right-sidebar-header/RightSidebarHeader.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"RightSidebarHeader.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
+{"version":3,"file":"RightSidebarHeader.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/components/scrollbar/Scrollbar.css

@@ -1 +1 @@
-._scrollbar_xs0gi_2{width:100%;height:100%;min-height:0;--scrollbar-color: var(--center-channel-color-rgb)}._scrollbar_xs0gi_2 .simplebar-track.simplebar-vertical{width:8px}._scrollbar_xs0gi_2 .simplebar-track.simplebar-horizontal{height:8px}._scrollbar--size-wide_xs0gi_14 .simplebar-track.simplebar-vertical{width:10px}._scrollbar--size-wide_xs0gi_14 .simplebar-track.simplebar-horizontal{height:10px}._scrollbar_xs0gi_2 .simplebar-scrollbar:before{left:2px;right:2px;top:2px;bottom:2px;border-radius:var(--radius-pill);background-color:rgba(var(--scrollbar-color, var(--center-channel-color-rgb)),.24);transition:opacity var(--duration-quick) var(--ease-exit),background-color var(--duration-quick) var(--ease-transition)}._scrollbar_xs0gi_2 .simplebar-scrollbar.simplebar-visible:before{opacity:1}._scrollbar_xs0gi_2 .simplebar-track:hover .simplebar-scrollbar:before,._scrollbar_xs0gi_2 .simplebar-scrollbar.simplebar-hover:before{opacity:1;background-color:rgba(var(--scrollbar-color, var(--center-channel-color-rgb)),.4)}._scrollbar_xs0gi_2 .simplebar-track{pointer-events:auto}
+._scrollbar_c4qaw_13{width:100%;height:100%;min-height:0;--scrollbar-color: var(--center-channel-color-rgb)}._scrollbar_c4qaw_13 .simplebar-track.simplebar-vertical{width:8px}._scrollbar_c4qaw_13 .simplebar-track.simplebar-horizontal{height:8px}._scrollbar--size-wide_c4qaw_25 .simplebar-track.simplebar-vertical{width:10px}._scrollbar--size-wide_c4qaw_25 .simplebar-track.simplebar-horizontal{height:10px}._scrollbar_c4qaw_13 .simplebar-scrollbar:before{left:2px;right:2px;top:2px;bottom:2px;border-radius:var(--radius-pill);background-color:rgba(var(--scrollbar-color, var(--center-channel-color-rgb)),.24);transition:opacity var(--duration-quick) var(--ease-exit),background-color var(--duration-quick) var(--ease-transition)}._scrollbar_c4qaw_13 .simplebar-scrollbar.simplebar-visible:before{opacity:1}._scrollbar_c4qaw_13 .simplebar-track:hover .simplebar-scrollbar:before,._scrollbar_c4qaw_13 .simplebar-scrollbar.simplebar-hover:before{opacity:1;background-color:rgba(var(--scrollbar-color, var(--center-channel-color-rgb)),.4)}._scrollbar_c4qaw_13 .simplebar-track{pointer-events:auto}

package/dist/components/scrollbar/Scrollbar.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Scrollbar.css');const l="_scrollbar_xs0gi_2",e={scrollbar:l,"scrollbar--size-wide":"_scrollbar--size-wide_xs0gi_14"};exports.default=e;exports.scrollbar=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./Scrollbar.css');const l="_scrollbar_c4qaw_13",e={scrollbar:l,"scrollbar--size-wide":"_scrollbar--size-wide_c4qaw_25"};exports.default=e;exports.scrollbar=l;
 //# sourceMappingURL=Scrollbar.module.scss.cjs.map

package/dist/components/scrollbar/Scrollbar.module.scss.js

@@ -1,9 +1,9 @@
-import './Scrollbar.css';const s = "_scrollbar_xs0gi_2", l = {
-  scrollbar: s,
-  "scrollbar--size-wide": "_scrollbar--size-wide_xs0gi_14"
+import './Scrollbar.css';const l = "_scrollbar_c4qaw_13", s = {
+  scrollbar: l,
+  "scrollbar--size-wide": "_scrollbar--size-wide_c4qaw_25"
 };
 export {
-  l as default,
-  s as scrollbar
+  s as default,
+  l as scrollbar
 };
 //# sourceMappingURL=Scrollbar.module.scss.js.map

package/dist/components/search-input/SearchInput.css

@@ -1 +1 @@
-._search-input_1c95e_2{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._search-input__wrapper_1c95e_8{position:relative;display:flex;flex-direction:column;min-height:0;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:not(:disabled)):hover:not(:focus-within) ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:focus-visible) ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:disabled) ._search-input__wrapper_1c95e_8{background-color:var(--center-channel-bg);opacity:.56}._search-input__label_1c95e_28{position:absolute;left:var(--spacing-xs);top:50%;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition)}._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px;color:rgba(var(--center-channel-color-rgb),.64)}._search-input__inner_1c95e_55{display:flex;align-items:center;flex:1;min-width:0}._search-input__input_1c95e_18{flex:1 1 0;min-width:0;margin:0;padding:0;border:0;background:transparent;font-family:Open Sans,sans-serif;font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._search-input__input_1c95e_18::-webkit-search-decoration,._search-input__input_1c95e_18::-webkit-search-cancel-button{-webkit-appearance:none}._search-input__input_1c95e_18:focus{outline:none}._search-input__input_1c95e_18::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._search-input__input_1c95e_18:disabled{cursor:not-allowed}._search-input__leading-icon_1c95e_86,._search-input__trailing-icon_1c95e_86{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._search-input__leading-icon_1c95e_86{margin-right:var(--spacing-xs);pointer-events:none}._search-input__trailing-icon_1c95e_86{margin-left:var(--spacing-xs)}._search-input--size-small_1c95e_100 ._search-input__wrapper_1c95e_8{min-height:32px}._search-input--size-small_1c95e_100 ._search-input__inner_1c95e_55{padding:var(--spacing-xs) var(--spacing-m)}._search-input--size-small_1c95e_100 ._search-input__input_1c95e_18{font-size:var(--font-size-75);line-height:var(--line-height-25)}._search-input--size-small_1c95e_100._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--size-medium_1c95e_116 ._search-input__wrapper_1c95e_8{min-height:40px}._search-input--size-medium_1c95e_116 ._search-input__inner_1c95e_55{padding:var(--spacing-s) var(--spacing-l)}._search-input--size-medium_1c95e_116 ._search-input__input_1c95e_18{font-size:var(--font-size-100);line-height:var(--line-height-100)}._search-input--size-medium_1c95e_116 ._search-input__label_1c95e_28{font-size:var(--font-size-100);left:var(--spacing-m)}._search-input--size-medium_1c95e_116._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--size-large_1c95e_136 ._search-input__wrapper_1c95e_8{min-height:48px}._search-input--size-large_1c95e_136 ._search-input__inner_1c95e_55{padding:var(--spacing-m) var(--spacing-l)}._search-input--size-large_1c95e_136 ._search-input__input_1c95e_18{font-size:var(--font-size-200);line-height:var(--line-height-200)}._search-input--size-large_1c95e_136 ._search-input__label_1c95e_28{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._search-input--size-large_1c95e_136._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:14px}._search-input--has-leading-icon_1c95e_157 ._search-input__label_1c95e_28{left:28px}._search-input--has-leading-icon_1c95e_157._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{left:var(--spacing-xs)}._search-input--has-leading-icon_1c95e_157._search-input--size-medium_1c95e_116 ._search-input__label_1c95e_28{left:36px}._search-input--has-leading-icon_1c95e_157._search-input--size-medium_1c95e_116._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{left:var(--spacing-m)}._search-input--has-leading-icon_1c95e_157._search-input--size-large_1c95e_136 ._search-input__label_1c95e_28{left:40px}._search-input--has-leading-icon_1c95e_157._search-input--size-large_1c95e_136._search-input--label-floated_1c95e_48 ._search-input__label_1c95e_28{left:var(--spacing-m)}._search-input_1c95e_2:has(._search-input__input_1c95e_18:focus-visible) ._search-input__label_1c95e_28{color:var(--button-bg)}._search-input_1c95e_2:not(._search-input--label-floated_1c95e_48) ._search-input__label_1c95e_28~* ._search-input__input_1c95e_18::placeholder{color:transparent}._search-input--invalid_1c95e_181 ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._search-input--invalid_1c95e_181:has(._search-input__input_1c95e_18:focus-visible) ._search-input__wrapper_1c95e_8{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._search-input--invalid_1c95e_181 ._search-input__label_1c95e_28{color:var(--error-text, var(--color-danger))}._search-input--invalid_1c95e_181:has(._search-input__input_1c95e_18:focus-visible) ._search-input__label_1c95e_28{color:var(--error-text, var(--color-danger))}
+._search-input_1wqam_13{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}._search-input__wrapper_1wqam_19{position:relative;display:flex;flex-direction:column;min-height:0;background-color:var(--center-channel-bg);border-radius:var(--radius-s);box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.16);transition:box-shadow var(--duration-quick) var(--ease-transition)}._search-input_1wqam_13:has(._search-input__input_1wqam_29:not(:disabled)):hover:not(:focus-within) ._search-input__wrapper_1wqam_19{box-shadow:inset 0 0 0 1px rgba(var(--center-channel-color-rgb),.24)}._search-input_1wqam_13:has(._search-input__input_1wqam_29:focus-visible) ._search-input__wrapper_1wqam_19{box-shadow:inset 0 0 0 1px var(--focus-ring-color),0 0 0 1px var(--focus-ring-color)}._search-input_1wqam_13:has(._search-input__input_1wqam_29:disabled) ._search-input__wrapper_1wqam_19{background-color:var(--center-channel-bg);opacity:.56}._search-input__label_1wqam_39{position:absolute;left:var(--spacing-xs);top:50%;padding:0 var(--spacing-xxxs);transform:translateY(-50%);margin:0;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:rgba(var(--center-channel-color-rgb),.64);background-color:var(--center-channel-bg);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 24px);transition:transform var(--duration-quick) var(--ease-transition),font-size var(--duration-quick) var(--ease-transition),color var(--duration-quick) var(--ease-transition),top var(--duration-quick) var(--ease-transition),left var(--duration-quick) var(--ease-transition)}._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:1.4;color:rgba(var(--center-channel-color-rgb),.64)}._search-input__inner_1wqam_66{display:flex;align-items:center;flex:1;min-width:0}._search-input__input_1wqam_29{flex:1 1 0;min-width:0;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-75);line-height:var(--line-height-25);font-weight:var(--font-weight-regular);color:var(--center-channel-color)}._search-input__input_1wqam_29::-webkit-search-decoration,._search-input__input_1wqam_29::-webkit-search-cancel-button{-webkit-appearance:none}._search-input__input_1wqam_29:focus{outline:none}._search-input__input_1wqam_29::placeholder{color:rgba(var(--center-channel-color-rgb),.64)}._search-input__input_1wqam_29:disabled{cursor:not-allowed}._search-input__leading-icon_1wqam_97,._search-input__trailing-icon_1wqam_97{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(var(--center-channel-color-rgb),.64)}._search-input__leading-icon_1wqam_97{margin-right:var(--spacing-xs);pointer-events:none}._search-input__trailing-icon_1wqam_97{margin-left:var(--spacing-xs)}._search-input--size-small_1wqam_111 ._search-input__wrapper_1wqam_19{min-height:32px}._search-input--size-small_1wqam_111 ._search-input__inner_1wqam_66{padding:var(--spacing-xs) var(--spacing-m)}._search-input--size-small_1wqam_111 ._search-input__input_1wqam_29{font-size:var(--font-size-75);line-height:var(--line-height-25)}._search-input--size-small_1wqam_111._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:1.4}._search-input--size-medium_1wqam_127 ._search-input__wrapper_1wqam_19{min-height:40px}._search-input--size-medium_1wqam_127 ._search-input__inner_1wqam_66{padding:var(--spacing-s) var(--spacing-l)}._search-input--size-medium_1wqam_127 ._search-input__input_1wqam_29{font-size:var(--font-size-100);line-height:var(--line-height-100)}._search-input--size-medium_1wqam_127 ._search-input__label_1wqam_39{font-size:var(--font-size-100);left:var(--spacing-m)}._search-input--size-medium_1wqam_127._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:1.4}._search-input--size-large_1wqam_147 ._search-input__wrapper_1wqam_19{min-height:48px}._search-input--size-large_1wqam_147 ._search-input__inner_1wqam_66{padding:var(--spacing-m) var(--spacing-l)}._search-input--size-large_1wqam_147 ._search-input__input_1wqam_29{font-size:var(--font-size-200);line-height:var(--line-height-200)}._search-input--size-large_1wqam_147 ._search-input__label_1wqam_39{font-size:var(--font-size-200);line-height:var(--line-height-200);left:var(--spacing-m)}._search-input--size-large_1wqam_147._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{top:0;transform:translateY(-50%);font-size:var(--font-size-25);line-height:1.4}._search-input--has-leading-icon_1wqam_168 ._search-input__label_1wqam_39{left:28px}._search-input--has-leading-icon_1wqam_168._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{left:var(--spacing-xs)}._search-input--has-leading-icon_1wqam_168._search-input--size-medium_1wqam_127 ._search-input__label_1wqam_39{left:36px}._search-input--has-leading-icon_1wqam_168._search-input--size-medium_1wqam_127._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{left:var(--spacing-m)}._search-input--has-leading-icon_1wqam_168._search-input--size-large_1wqam_147 ._search-input__label_1wqam_39{left:40px}._search-input--has-leading-icon_1wqam_168._search-input--size-large_1wqam_147._search-input--label-floated_1wqam_59 ._search-input__label_1wqam_39{left:var(--spacing-m)}._search-input_1wqam_13:has(._search-input__input_1wqam_29:focus-visible) ._search-input__label_1wqam_39{color:var(--button-bg)}._search-input_1wqam_13:not(._search-input--label-floated_1wqam_59) ._search-input__label_1wqam_39~* ._search-input__input_1wqam_29::placeholder{color:transparent}._search-input--invalid_1wqam_192 ._search-input__wrapper_1wqam_19{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger))}._search-input--invalid_1wqam_192:has(._search-input__input_1wqam_29:focus-visible) ._search-input__wrapper_1wqam_19{box-shadow:inset 0 0 0 1px var(--error-text, var(--color-danger)),0 0 0 1px var(--error-text, var(--color-danger))}._search-input--invalid_1wqam_192 ._search-input__label_1wqam_39{color:var(--error-text, var(--color-danger))}._search-input--invalid_1wqam_192:has(._search-input__input_1wqam_29:focus-visible) ._search-input__label_1wqam_39{color:var(--error-text, var(--color-danger))}