@mattermost/compass-ui 0.1.0-alpha.3 → 0.1.0-alpha.30

package/dist/components/search-input/SearchInput.module.scss.js

@@ -1,27 +1,19 @@
-import './SearchInput.module.css';const _ = "_searchInput_1wqgu_2", n = "_searchInput__wrapper_1wqgu_7", e = "_searchInput__input_1wqgu_17", a = "_searchInput__label_1wqgu_27", t = "_searchInput__inner_1wqgu_54", s = "_searchInput__leadingIcon_1wqgu_85", u = "_searchInput__trailingIcon_1wqgu_85", c = "_searchInput__clearButton_1wqgu_99", r = {
-  searchInput: _,
-  searchInput__wrapper: n,
-  searchInput__input: e,
-  searchInput__label: a,
-  "searchInput--label-floated": "_searchInput--label-floated_1wqgu_47",
-  searchInput__inner: t,
-  searchInput__leadingIcon: s,
-  searchInput__trailingIcon: u,
-  searchInput__clearButton: c,
-  "searchInput--size-small": "_searchInput--size-small_1wqgu_114",
-  "searchInput--size-medium": "_searchInput--size-medium_1wqgu_130",
-  "searchInput--size-large": "_searchInput--size-large_1wqgu_150",
-  "searchInput--has-leading-icon": "_searchInput--has-leading-icon_1wqgu_171"
+import './SearchInput.css';const a = {
+  "search-input": "_search-input_1wqam_13",
+  "search-input__wrapper": "_search-input__wrapper_1wqam_19",
+  "search-input__input": "_search-input__input_1wqam_29",
+  "search-input__label": "_search-input__label_1wqam_39",
+  "search-input--label-floated": "_search-input--label-floated_1wqam_59",
+  "search-input__inner": "_search-input__inner_1wqam_66",
+  "search-input__leading-icon": "_search-input__leading-icon_1wqam_97",
+  "search-input__trailing-icon": "_search-input__trailing-icon_1wqam_97",
+  "search-input--size-small": "_search-input--size-small_1wqam_111",
+  "search-input--size-medium": "_search-input--size-medium_1wqam_127",
+  "search-input--size-large": "_search-input--size-large_1wqam_147",
+  "search-input--has-leading-icon": "_search-input--has-leading-icon_1wqam_168",
+  "search-input--invalid": "_search-input--invalid_1wqam_192"
 };
 export {
-  r as default,
-  _ as searchInput,
-  c as searchInput__clearButton,
-  t as searchInput__inner,
-  e as searchInput__input,
-  a as searchInput__label,
-  s as searchInput__leadingIcon,
-  u as searchInput__trailingIcon,
-  n as searchInput__wrapper
+  a as default
 };
 //# sourceMappingURL=SearchInput.module.scss.js.map

package/dist/components/search-tip-banner/SearchTipBanner.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("../icon-button/IconButton.cjs"),o=require("../icon/Icon.cjs"),d=require("../shortcut-tag/ShortcutTag.cjs"),__h=require("@mattermost/compass-icons/components/close.js"),h=__h?.default??__h,a=require("./SearchTipBanner.module.scss.cjs");function p({prefix:l="Tip: Try",suffix:n="to search this channel",shortcutKeys:r=[{label:"⌘"},{label:"Shift"},{label:"F"}],onDismiss:t,className:s="",children:i}){return e.jsxs("div",{className:[a.default["search-tip-banner"],s].filter(Boolean).join(" "),children:[e.jsx("div",{className:a.default["search-tip-banner__content"],children:i??e.jsxs(e.Fragment,{children:[e.jsx("span",{className:a.default["search-tip-banner__text"],children:l}),e.jsx(d.ShortcutTagGroup,{labels:r.map(c=>c.label),size:"medium"}),e.jsx("span",{className:a.default["search-tip-banner__text"],children:n})]})}),t!=null&&e.jsx(u.default,{"aria-label":"Dismiss tip",size:"small",icon:e.jsx(o.default,{size:"16",glyph:e.jsx(h,{})}),onClick:t})]})}exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),o=require("../icon-button/IconButton.cjs"),d=require("../icon/Icon.cjs"),h=require("../shortcut-tag/ShortcutTag.cjs"),__p=require("@mattermost/compass-icons/components/close.js"),p=__p?.default??__p,a=require("./SearchTipBanner.module.scss.cjs");function b({prefix:l="Tip: Try",suffix:n="to search this channel",shortcutKeys:r=[{label:"⌘"},{label:"Shift"},{label:"F"}],onDismiss:t,dismissLabel:s="Dismiss tip",className:i="",children:c}){return e.jsxs("div",{className:[a.default["search-tip-banner"],i].filter(Boolean).join(" "),children:[e.jsx("div",{className:a.default["search-tip-banner__content"],children:c??e.jsxs(e.Fragment,{children:[e.jsx("span",{className:a.default["search-tip-banner__text"],children:l}),e.jsx(h.ShortcutTagGroup,{labels:r.map(u=>u.label),size:"medium"}),e.jsx("span",{className:a.default["search-tip-banner__text"],children:n})]})}),t!=null&&e.jsx(o.default,{"aria-label":s,size:"small",icon:e.jsx(d.default,{size:"16",glyph:e.jsx(p,{})}),onClick:t})]})}exports.default=b;
 //# sourceMappingURL=SearchTipBanner.cjs.map

package/dist/components/search-tip-banner/SearchTipBanner.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTipBanner.cjs","sources":["../../../src/components/search-tip-banner/SearchTipBanner.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './SearchTipBanner.module.scss';\n\nexport interface ShortcutKey {\n  label: string;\n}\n\nexport interface SearchTipBannerProps {\n  /** Text shown before the shortcut keys. Default: \"Tip: Try\". */\n  prefix?: string;\n  /** Text shown after the shortcut keys. Default: \"to search this channel\". */\n  suffix?: string;\n  /** Keyboard shortcut keys to display. */\n  shortcutKeys?: ShortcutKey[];\n  /** Called when the dismiss button is clicked. */\n  onDismiss?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Custom content to replace the default tip content. */\n  children?: ReactNode;\n}\n\n/**\n * The Search Tip Banner nudges people toward the keyboard shortcut for in-channel search. It\n * appears once a user has scrolled up far enough that they're clearly looking for something,\n * and offers a faster path than scroll-and-skim.\n */\nexport default function SearchTipBanner({\n  prefix = 'Tip: Try',\n  suffix = 'to search this channel',\n  shortcutKeys = [{ label: '⌘' }, { label: 'Shift' }, { label: 'F' }],\n  onDismiss,\n  className = '',\n  children,\n}: SearchTipBannerProps) {\n  return (\n    <div\n      className={[styles['search-tip-banner'], className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={styles['search-tip-banner__content']}>\n        {children ?? (\n          <>\n            <span className={styles['search-tip-banner__text']}>{prefix}</span>\n            <ShortcutTagGroup\n              labels={shortcutKeys.map((key) => key.label)}\n              size=\"medium\"\n            />\n            <span className={styles['search-tip-banner__text']}>{suffix}</span>\n          </>\n        )}\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          aria-label=\"Dismiss tip\"\n          size=\"small\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["SearchTipBanner","prefix","suffix","shortcutKeys","onDismiss","className","children","jsxs","styles","jsx","Fragment","ShortcutTagGroup","key","IconButton","Icon","CloseIcon"],"mappings":"4WA+BA,SAAwBA,EAAgB,CACtC,OAAAC,EAAS,WACT,OAAAC,EAAS,yBACT,aAAAC,EAAe,CAAC,CAAE,MAAO,KAAO,CAAE,MAAO,SAAW,CAAE,MAAO,IAAK,EAClE,UAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,CACF,EAAyB,CACvB,OACEC,EAAAA,KAAC,MAAA,CACC,UAAW,CAACC,UAAO,mBAAmB,EAAGH,CAAS,EAC/C,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAAA,CAAAI,EAAAA,IAAC,OAAI,UAAWD,EAAAA,QAAO,4BAA4B,EAChD,YACCD,EAAAA,KAAAG,EAAAA,SAAA,CACE,SAAA,CAAAD,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,yBAAyB,EAAI,SAAAP,EAAO,EAC5DQ,EAAAA,IAACE,EAAAA,iBAAA,CACC,OAAQR,EAAa,IAAKS,GAAQA,EAAI,KAAK,EAC3C,KAAK,QAAA,CAAA,QAEN,OAAA,CAAK,UAAWJ,EAAAA,QAAO,yBAAyB,EAAI,SAAAN,CAAA,CAAO,CAAA,CAAA,CAC9D,CAAA,CAEJ,EACCE,GAAa,MACZK,EAAAA,IAACI,EAAAA,QAAA,CACC,aAAW,cACX,KAAK,QACL,WAAOC,UAAA,CAAK,KAAK,KAAK,MAAOL,MAACM,IAAU,EAAI,EAC5C,QAASX,CAAA,CAAA,CACX,CAAA,CAAA,CAIR"}
+{"version":3,"file":"SearchTipBanner.cjs","sources":["../../../src/components/search-tip-banner/SearchTipBanner.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './SearchTipBanner.module.scss';\n\nexport interface ShortcutKey {\n  /** Key label (e.g. `⌘`, `Shift`). Kept as `string`: it doubles as the React key. */\n  label: string;\n}\n\nexport interface SearchTipBannerProps {\n  /** Text shown before the shortcut keys. Default: \"Tip: Try\". Accepts translated nodes. */\n  prefix?: ReactNode;\n  /** Text shown after the shortcut keys. Default: \"to search this channel\". Accepts translated nodes. */\n  suffix?: ReactNode;\n  /** Keyboard shortcut keys to display. */\n  shortcutKeys?: ShortcutKey[];\n  /** Called when the dismiss button is clicked. */\n  onDismiss?: () => void;\n  /** Accessible name for the dismiss button. Default: \"Dismiss tip\". */\n  dismissLabel?: string;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Custom content to replace the default tip content. */\n  children?: ReactNode;\n}\n\n/**\n * The Search Tip Banner nudges people toward the keyboard shortcut for in-channel search. It\n * appears once a user has scrolled up far enough that they're clearly looking for something,\n * and offers a faster path than scroll-and-skim.\n */\nexport default function SearchTipBanner({\n  prefix = 'Tip: Try',\n  suffix = 'to search this channel',\n  shortcutKeys = [{ label: '⌘' }, { label: 'Shift' }, { label: 'F' }],\n  onDismiss,\n  dismissLabel = 'Dismiss tip',\n  className = '',\n  children,\n}: SearchTipBannerProps) {\n  return (\n    <div\n      className={[styles['search-tip-banner'], className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={styles['search-tip-banner__content']}>\n        {children ?? (\n          <>\n            <span className={styles['search-tip-banner__text']}>{prefix}</span>\n            <ShortcutTagGroup\n              labels={shortcutKeys.map((key) => key.label)}\n              size=\"medium\"\n            />\n            <span className={styles['search-tip-banner__text']}>{suffix}</span>\n          </>\n        )}\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          aria-label={dismissLabel}\n          size=\"small\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["SearchTipBanner","prefix","suffix","shortcutKeys","onDismiss","dismissLabel","className","children","jsxs","styles","jsx","Fragment","ShortcutTagGroup","key","IconButton","Icon","CloseIcon"],"mappings":"4WAkCA,SAAwBA,EAAgB,CACtC,OAAAC,EAAS,WACT,OAAAC,EAAS,yBACT,aAAAC,EAAe,CAAC,CAAE,MAAO,KAAO,CAAE,MAAO,SAAW,CAAE,MAAO,IAAK,EAClE,UAAAC,EACA,aAAAC,EAAe,cACf,UAAAC,EAAY,GACZ,SAAAC,CACF,EAAyB,CACvB,OACEC,EAAAA,KAAC,MAAA,CACC,UAAW,CAACC,UAAO,mBAAmB,EAAGH,CAAS,EAC/C,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAAA,CAAAI,EAAAA,IAAC,OAAI,UAAWD,EAAAA,QAAO,4BAA4B,EAChD,YACCD,EAAAA,KAAAG,EAAAA,SAAA,CACE,SAAA,CAAAD,MAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,yBAAyB,EAAI,SAAAR,EAAO,EAC5DS,EAAAA,IAACE,EAAAA,iBAAA,CACC,OAAQT,EAAa,IAAKU,GAAQA,EAAI,KAAK,EAC3C,KAAK,QAAA,CAAA,QAEN,OAAA,CAAK,UAAWJ,EAAAA,QAAO,yBAAyB,EAAI,SAAAP,CAAA,CAAO,CAAA,CAAA,CAC9D,CAAA,CAEJ,EACCE,GAAa,MACZM,EAAAA,IAACI,EAAAA,QAAA,CACC,aAAYT,EACZ,KAAK,QACL,WAAOU,UAAA,CAAK,KAAK,KAAK,MAAOL,MAACM,IAAU,EAAI,EAC5C,QAASZ,CAAA,CAAA,CACX,CAAA,CAAA,CAIR"}

package/dist/components/search-tip-banner/SearchTipBanner.css

@@ -0,0 +1 @@
+._search-tip-banner_1yblp_13{display:inline-flex;align-items:center;justify-content:flex-start;width:fit-content;max-width:100%;gap:var(--spacing-l);padding:var(--spacing-xxxs) var(--spacing-xxxs) var(--spacing-xxxs) var(--spacing-m);background-color:var(--center-channel-bg);border:1px solid rgba(var(--center-channel-color-rgb),.16);border-radius:var(--radius-s);box-shadow:var(--elevation-2)}._search-tip-banner__content_1yblp_26{display:inline-flex;align-items:center;gap:var(--spacing-s);height:24px;overflow:hidden}._search-tip-banner__text_1yblp_33{font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:var(--line-height-100);color:var(--center-channel-color);white-space:nowrap}

package/dist/components/search-tip-banner/SearchTipBanner.d.ts

@@ -1,16 +1,19 @@
 import { ReactNode } from 'react';
 export interface ShortcutKey {
+    /** Key label (e.g. `⌘`, `Shift`). Kept as `string`: it doubles as the React key. */
     label: string;
 }
 export interface SearchTipBannerProps {
-    /** Text shown before the shortcut keys. Default: "Tip: Try". */
-    prefix?: string;
-    /** Text shown after the shortcut keys. Default: "to search this channel". */
-    suffix?: string;
+    /** Text shown before the shortcut keys. Default: "Tip: Try". Accepts translated nodes. */
+    prefix?: ReactNode;
+    /** Text shown after the shortcut keys. Default: "to search this channel". Accepts translated nodes. */
+    suffix?: ReactNode;
     /** Keyboard shortcut keys to display. */
     shortcutKeys?: ShortcutKey[];
     /** Called when the dismiss button is clicked. */
     onDismiss?: () => void;
+    /** Accessible name for the dismiss button. Default: "Dismiss tip". */
+    dismissLabel?: string;
     /** Optional CSS class name. */
     className?: string;
     /** Custom content to replace the default tip content. */
@@ -21,5 +24,5 @@ export interface SearchTipBannerProps {
  * appears once a user has scrolled up far enough that they're clearly looking for something,
  * and offers a faster path than scroll-and-skim.
  */
-export default function SearchTipBanner({ prefix, suffix, shortcutKeys, onDismiss, className, children, }: SearchTipBannerProps): import("react/jsx-runtime").JSX.Element;
+export default function SearchTipBanner({ prefix, suffix, shortcutKeys, onDismiss, dismissLabel, className, children, }: SearchTipBannerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SearchTipBanner.d.ts.map

package/dist/components/search-tip-banner/SearchTipBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTipBanner.d.ts","sourceRoot":"","sources":["../../../src/components/search-tip-banner/SearchTipBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAmB,EACnB,MAAiC,EACjC,YAAmE,EACnE,SAAS,EACT,SAAc,EACd,QAAQ,GACT,EAAE,oBAAoB,2CA6BtB"}
+{"version":3,"file":"SearchTipBanner.d.ts","sourceRoot":"","sources":["../../../src/components/search-tip-banner/SearchTipBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,MAAM,WAAW,WAAW;IAC1B,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,0FAA0F;IAC1F,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,uGAAuG;IACvG,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yCAAyC;IACzC,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAmB,EACnB,MAAiC,EACjC,YAAmE,EACnE,SAAS,EACT,YAA4B,EAC5B,SAAc,EACd,QAAQ,GACT,EAAE,oBAAoB,2CA6BtB"}

package/dist/components/search-tip-banner/SearchTipBanner.js

@@ -1,39 +1,40 @@
-import { jsxs as l, jsx as e, Fragment as m } from "react/jsx-runtime";
-import p from "../icon-button/IconButton.js";
-import h from "../icon/Icon.js";
-import { ShortcutTagGroup as b } from "../shortcut-tag/ShortcutTag.js";
-import __f from "@mattermost/compass-icons/components/close.js";const f=__f&&__f.default?__f.default:__f;
+import { jsxs as l, jsx as e, Fragment as p } from "react/jsx-runtime";
+import h from "../icon-button/IconButton.js";
+import b from "../icon/Icon.js";
+import { ShortcutTagGroup as f } from "../shortcut-tag/ShortcutTag.js";
+import __d from "@mattermost/compass-icons/components/close.js";const d=__d&&__d.default?__d.default:__d;
 import a from "./SearchTipBanner.module.scss.js";
-function g({
+function j({
   prefix: n = "Tip: Try",
   suffix: i = "to search this channel",
   shortcutKeys: t = [{ label: "⌘" }, { label: "Shift" }, { label: "F" }],
   onDismiss: r,
-  className: s = "",
-  children: o
+  dismissLabel: s = "Dismiss tip",
+  className: o = "",
+  children: c
 }) {
   return /* @__PURE__ */ l(
     "div",
     {
-      className: [a["search-tip-banner"], s].filter(Boolean).join(" "),
+      className: [a["search-tip-banner"], o].filter(Boolean).join(" "),
       children: [
-        /* @__PURE__ */ e("div", { className: a["search-tip-banner__content"], children: o ?? /* @__PURE__ */ l(m, { children: [
+        /* @__PURE__ */ e("div", { className: a["search-tip-banner__content"], children: c ?? /* @__PURE__ */ l(p, { children: [
           /* @__PURE__ */ e("span", { className: a["search-tip-banner__text"], children: n }),
           /* @__PURE__ */ e(
-            b,
+            f,
             {
-              labels: t.map((c) => c.label),
+              labels: t.map((m) => m.label),
               size: "medium"
             }
           ),
           /* @__PURE__ */ e("span", { className: a["search-tip-banner__text"], children: i })
         ] }) }),
         r != null && /* @__PURE__ */ e(
-          p,
+          h,
           {
-            "aria-label": "Dismiss tip",
+            "aria-label": s,
             size: "small",
-            icon: /* @__PURE__ */ e(h, { size: "16", glyph: /* @__PURE__ */ e(f, {}) }),
+            icon: /* @__PURE__ */ e(b, { size: "16", glyph: /* @__PURE__ */ e(d, {}) }),
             onClick: r
           }
         )
@@ -42,6 +43,6 @@ function g({
   );
 }
 export {
-  g as default
+  j as default
 };
 //# sourceMappingURL=SearchTipBanner.js.map

package/dist/components/search-tip-banner/SearchTipBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchTipBanner.js","sources":["../../../src/components/search-tip-banner/SearchTipBanner.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './SearchTipBanner.module.scss';\n\nexport interface ShortcutKey {\n  label: string;\n}\n\nexport interface SearchTipBannerProps {\n  /** Text shown before the shortcut keys. Default: \"Tip: Try\". */\n  prefix?: string;\n  /** Text shown after the shortcut keys. Default: \"to search this channel\". */\n  suffix?: string;\n  /** Keyboard shortcut keys to display. */\n  shortcutKeys?: ShortcutKey[];\n  /** Called when the dismiss button is clicked. */\n  onDismiss?: () => void;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Custom content to replace the default tip content. */\n  children?: ReactNode;\n}\n\n/**\n * The Search Tip Banner nudges people toward the keyboard shortcut for in-channel search. It\n * appears once a user has scrolled up far enough that they're clearly looking for something,\n * and offers a faster path than scroll-and-skim.\n */\nexport default function SearchTipBanner({\n  prefix = 'Tip: Try',\n  suffix = 'to search this channel',\n  shortcutKeys = [{ label: '⌘' }, { label: 'Shift' }, { label: 'F' }],\n  onDismiss,\n  className = '',\n  children,\n}: SearchTipBannerProps) {\n  return (\n    <div\n      className={[styles['search-tip-banner'], className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={styles['search-tip-banner__content']}>\n        {children ?? (\n          <>\n            <span className={styles['search-tip-banner__text']}>{prefix}</span>\n            <ShortcutTagGroup\n              labels={shortcutKeys.map((key) => key.label)}\n              size=\"medium\"\n            />\n            <span className={styles['search-tip-banner__text']}>{suffix}</span>\n          </>\n        )}\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          aria-label=\"Dismiss tip\"\n          size=\"small\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["SearchTipBanner","prefix","suffix","shortcutKeys","onDismiss","className","children","jsxs","styles","jsx","Fragment","ShortcutTagGroup","key","IconButton","Icon","CloseIcon"],"mappings":";;;;;;AA+BA,SAAwBA,EAAgB;AAAA,EACtC,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,cAAAC,IAAe,CAAC,EAAE,OAAO,OAAO,EAAE,OAAO,WAAW,EAAE,OAAO,KAAK;AAAA,EAClE,WAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AACF,GAAyB;AACvB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,EAAO,mBAAmB,GAAGH,CAAS,EAC/C,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAI,EAAC,SAAI,WAAWD,EAAO,4BAA4B,GAChD,eACC,gBAAAD,EAAAG,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWD,EAAO,yBAAyB,GAAI,UAAAP,GAAO;AAAA,UAC5D,gBAAAQ;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,QAAQR,EAAa,IAAI,CAACS,MAAQA,EAAI,KAAK;AAAA,cAC3C,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,4BAEN,QAAA,EAAK,WAAWJ,EAAO,yBAAyB,GAAI,UAAAN,EAAA,CAAO;AAAA,QAAA,EAAA,CAC9D,EAAA,CAEJ;AAAA,QACCE,KAAa,QACZ,gBAAAK;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,cAAW;AAAA,YACX,MAAK;AAAA,YACL,wBAAOC,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAL,EAACM,KAAU,GAAI;AAAA,YAC5C,SAASX;AAAA,UAAA;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"SearchTipBanner.js","sources":["../../../src/components/search-tip-banner/SearchTipBanner.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport { ShortcutTagGroup } from '@/components/shortcut-tag/ShortcutTag';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './SearchTipBanner.module.scss';\n\nexport interface ShortcutKey {\n  /** Key label (e.g. `⌘`, `Shift`). Kept as `string`: it doubles as the React key. */\n  label: string;\n}\n\nexport interface SearchTipBannerProps {\n  /** Text shown before the shortcut keys. Default: \"Tip: Try\". Accepts translated nodes. */\n  prefix?: ReactNode;\n  /** Text shown after the shortcut keys. Default: \"to search this channel\". Accepts translated nodes. */\n  suffix?: ReactNode;\n  /** Keyboard shortcut keys to display. */\n  shortcutKeys?: ShortcutKey[];\n  /** Called when the dismiss button is clicked. */\n  onDismiss?: () => void;\n  /** Accessible name for the dismiss button. Default: \"Dismiss tip\". */\n  dismissLabel?: string;\n  /** Optional CSS class name. */\n  className?: string;\n  /** Custom content to replace the default tip content. */\n  children?: ReactNode;\n}\n\n/**\n * The Search Tip Banner nudges people toward the keyboard shortcut for in-channel search. It\n * appears once a user has scrolled up far enough that they're clearly looking for something,\n * and offers a faster path than scroll-and-skim.\n */\nexport default function SearchTipBanner({\n  prefix = 'Tip: Try',\n  suffix = 'to search this channel',\n  shortcutKeys = [{ label: '⌘' }, { label: 'Shift' }, { label: 'F' }],\n  onDismiss,\n  dismissLabel = 'Dismiss tip',\n  className = '',\n  children,\n}: SearchTipBannerProps) {\n  return (\n    <div\n      className={[styles['search-tip-banner'], className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={styles['search-tip-banner__content']}>\n        {children ?? (\n          <>\n            <span className={styles['search-tip-banner__text']}>{prefix}</span>\n            <ShortcutTagGroup\n              labels={shortcutKeys.map((key) => key.label)}\n              size=\"medium\"\n            />\n            <span className={styles['search-tip-banner__text']}>{suffix}</span>\n          </>\n        )}\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          aria-label={dismissLabel}\n          size=\"small\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["SearchTipBanner","prefix","suffix","shortcutKeys","onDismiss","dismissLabel","className","children","jsxs","styles","jsx","Fragment","ShortcutTagGroup","key","IconButton","Icon","CloseIcon"],"mappings":";;;;;;AAkCA,SAAwBA,EAAgB;AAAA,EACtC,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,cAAAC,IAAe,CAAC,EAAE,OAAO,OAAO,EAAE,OAAO,WAAW,EAAE,OAAO,KAAK;AAAA,EAClE,WAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,UAAAC;AACF,GAAyB;AACvB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAACC,EAAO,mBAAmB,GAAGH,CAAS,EAC/C,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAI,EAAC,SAAI,WAAWD,EAAO,4BAA4B,GAChD,eACC,gBAAAD,EAAAG,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAD,EAAC,QAAA,EAAK,WAAWD,EAAO,yBAAyB,GAAI,UAAAR,GAAO;AAAA,UAC5D,gBAAAS;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,QAAQT,EAAa,IAAI,CAACU,MAAQA,EAAI,KAAK;AAAA,cAC3C,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,4BAEN,QAAA,EAAK,WAAWJ,EAAO,yBAAyB,GAAI,UAAAP,EAAA,CAAO;AAAA,QAAA,EAAA,CAC9D,EAAA,CAEJ;AAAA,QACCE,KAAa,QACZ,gBAAAM;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,cAAYT;AAAA,YACZ,MAAK;AAAA,YACL,wBAAOU,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAL,EAACM,KAAU,GAAI;AAAA,YAC5C,SAASZ;AAAA,UAAA;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/search-tip-banner/SearchTipBanner.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchTipBanner.module.css');const e={"search-tip-banner":"_search-tip-banner_slriu_2","search-tip-banner__content":"_search-tip-banner__content_slriu_15","search-tip-banner__text":"_search-tip-banner__text_slriu_22"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SearchTipBanner.css');const e={"search-tip-banner":"_search-tip-banner_1yblp_13","search-tip-banner__content":"_search-tip-banner__content_1yblp_26","search-tip-banner__text":"_search-tip-banner__text_1yblp_33"};exports.default=e;
 //# sourceMappingURL=SearchTipBanner.module.scss.cjs.map

package/dist/components/search-tip-banner/SearchTipBanner.module.scss.js

@@ -1,7 +1,7 @@
-import './SearchTipBanner.module.css';const e = {
-  "search-tip-banner": "_search-tip-banner_slriu_2",
-  "search-tip-banner__content": "_search-tip-banner__content_slriu_15",
-  "search-tip-banner__text": "_search-tip-banner__text_slriu_22"
+import './SearchTipBanner.css';const e = {
+  "search-tip-banner": "_search-tip-banner_1yblp_13",
+  "search-tip-banner__content": "_search-tip-banner__content_1yblp_26",
+  "search-tip-banner__text": "_search-tip-banner__text_1yblp_33"
 };
 export {
   e as default

package/dist/components/section-notice/SectionNotice.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("../button/Button.cjs"),C=require("../icon-button/IconButton.cjs"),i=require("../icon/Icon.cjs"),__d=require("@mattermost/compass-icons/components/information-outline.js"),d=__d?.default??__d,__N=require("@mattermost/compass-icons/components/alert-outline.js"),N=__N?.default??__N,__g=require("@mattermost/compass-icons/components/alert-circle-outline.js"),g=__g?.default??__g,__q=require("@mattermost/compass-icons/components/check-circle-outline.js"),q=__q?.default??__q,__I=require("@mattermost/compass-icons/components/close.js"),I=__I?.default??__I,s=require("./SectionNotice.module.scss.cjs"),v={info:e.jsx(i.default,{size:"20",glyph:e.jsx(d,{})}),warning:e.jsx(i.default,{size:"20",glyph:e.jsx(g,{})}),danger:e.jsx(i.default,{size:"20",glyph:e.jsx(N,{})}),success:e.jsx(i.default,{size:"20",glyph:e.jsx(q,{})}),hint:e.jsx(i.default,{size:"20",glyph:e.jsx(d,{})})};function z({className:f="",type:t="info",icon:c,title:j,description:o,primaryButtonLabel:n,onPrimaryAction:x,secondaryButtonLabel:l,onSecondaryAction:h,onDismiss:a}){const _=s.default[`section-notice--type-${t.toLowerCase()}`],m=[s.default["section-notice"],_,f].filter(Boolean).join(" "),u=c!==void 0?c:v[t],p=n!=null||l!=null;return e.jsxs("div",{className:m,children:[e.jsxs("div",{className:s.default["section-notice__content"],children:[u!=null&&e.jsx("span",{className:s.default["section-notice__icon"],"aria-hidden":!0,children:u}),e.jsxs("div",{className:s.default["section-notice__body"],children:[e.jsx("p",{className:s.default["section-notice__title"],children:j}),o!=null&&e.jsx("div",{className:s.default["section-notice__description"],children:o}),p&&e.jsxs("div",{className:s.default["section-notice__actions"],children:[n!=null&&e.jsx(r.default,{emphasis:"primary",size:"small",onClick:x,children:n}),l!=null&&e.jsx(r.default,{emphasis:"secondary",size:"small",onClick:h,children:l})]})]})]}),a!=null&&e.jsx(C.default,{className:s.default["section-notice__dismiss"],"aria-label":"Dismiss",size:"small",icon:e.jsx(i.default,{size:"16",glyph:e.jsx(I,{})}),onClick:a})]})}exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../button/Button.cjs"),y=require("../icon-button/IconButton.cjs"),s=require("../icon/Icon.cjs"),__j=require("@mattermost/compass-icons/components/information-outline.js"),j=__j?.default??__j,__O=require("@mattermost/compass-icons/components/alert-outline.js"),O=__O?.default??__O,__S=require("@mattermost/compass-icons/components/alert-circle-outline.js"),S=__S?.default??__S,__k=require("@mattermost/compass-icons/components/check-circle-outline.js"),k=__k?.default??__k,__A=require("@mattermost/compass-icons/components/close.js"),A=__A?.default??__A,b=require("../../utils/props.cjs"),l=require("./SectionNotice.module.scss.cjs"),w={info:e.jsx(s.default,{size:"20",glyph:e.jsx(j,{})}),warning:e.jsx(s.default,{size:"20",glyph:e.jsx(S,{})}),danger:e.jsx(s.default,{size:"20",glyph:e.jsx(O,{})}),success:e.jsx(s.default,{size:"20",glyph:e.jsx(k,{})}),hint:e.jsx(s.default,{size:"20",glyph:e.jsx(j,{})})};function M({className:f="",type:t="info",icon:o,title:x,description:a,primaryButtonLabel:n,onPrimaryAction:h,secondaryButtonLabel:c,onSecondaryAction:_,primaryActionDisabled:m,primaryActionLoading:g,secondaryActionDisabled:C,secondaryActionLoading:N,onDismiss:r,dismissLabel:q="Dismiss",dismissButtonProps:i,...v}){const I=l.default[`section-notice--type-${t.toLowerCase()}`],z=[l.default["section-notice"],I,f].filter(Boolean).join(" "),u=o!==void 0?o:w[t],p=n!=null||c!=null;return e.jsxs("div",{...v,className:z,children:[e.jsxs("div",{className:l.default["section-notice__content"],children:[u!=null&&e.jsx("span",{className:l.default["section-notice__icon"],"aria-hidden":!0,children:e.jsx(s.IconSlotContext.Provider,{value:{size:"20"},children:u})}),e.jsxs("div",{className:l.default["section-notice__body"],children:[e.jsx("h4",{className:l.default["section-notice__title"],children:x}),a!=null&&e.jsx("div",{className:l.default["section-notice__description"],children:a}),p&&e.jsxs("div",{className:l.default["section-notice__actions"],children:[n!=null&&e.jsx(d.default,{emphasis:"primary",size:"small",disabled:m,loading:g,onClick:h,children:n}),c!=null&&e.jsx(d.default,{emphasis:"tertiary",size:"small",disabled:C,loading:N,onClick:_,children:c})]})]})]}),r!=null&&e.jsx(y.default,{...i,className:b.mergeClassNames(l.default["section-notice__dismiss"],i==null?void 0:i.className),"aria-label":q,size:"small",icon:e.jsx(s.default,{size:"16",glyph:e.jsx(A,{})}),onClick:r})]})}exports.default=M;
 //# sourceMappingURL=SectionNotice.cjs.map

package/dist/components/section-notice/SectionNotice.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionNotice.cjs","sources":["../../../src/components/section-notice/SectionNotice.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './SectionNotice.module.scss';\n\nexport type SectionNoticeType =\n  | 'info'\n  | 'warning'\n  | 'danger'\n  | 'success'\n  | 'hint';\n\nexport interface SectionNoticeProps {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Type controls color-coding. Default: Info. */\n  type?: SectionNoticeType;\n  /** Optional leading icon. When omitted a default type icon is shown. */\n  icon?: ReactNode;\n  /** Title / headline text. */\n  title: string;\n  /** Optional body description. */\n  description?: ReactNode;\n  /** Primary action button label. */\n  primaryButtonLabel?: string;\n  /** Primary action callback. */\n  onPrimaryAction?: () => void;\n  /** Secondary action button label. */\n  secondaryButtonLabel?: string;\n  /** Secondary action callback. */\n  onSecondaryAction?: () => void;\n  /** Called when dismiss (×) button is clicked. When omitted, dismiss button is hidden. */\n  onDismiss?: () => void;\n}\n\nconst DEFAULT_ICONS: Record<SectionNoticeType, ReactNode> = {\n  info: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n  warning: <Icon size=\"20\" glyph={<AlertCircleOutlineIcon />} />,\n  danger: <Icon size=\"20\" glyph={<AlertOutlineIcon />} />,\n  success: <Icon size=\"20\" glyph={<CheckCircleOutlineIcon />} />,\n  hint: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n};\n\n/**\n * A Section Notice is an in-context alert that lives inside a settings page, admin panel, or\n * other content region. Use it to flag important information, report a state change, or\n * surface a problem the user needs to act on — without yanking them out of the flow.\n */\nexport default function SectionNotice({\n  className = '',\n  type = 'info',\n  icon,\n  title,\n  description,\n  primaryButtonLabel,\n  onPrimaryAction,\n  secondaryButtonLabel,\n  onSecondaryAction,\n  onDismiss,\n}: SectionNoticeProps) {\n  const typeClass = styles[`section-notice--type-${type.toLowerCase()}`];\n\n  const rootClass = [styles['section-notice'], typeClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const resolvedIcon = icon !== undefined ? icon : DEFAULT_ICONS[type];\n\n  const hasActions = primaryButtonLabel != null || secondaryButtonLabel != null;\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['section-notice__content']}>\n        {resolvedIcon != null && (\n          <span className={styles['section-notice__icon']} aria-hidden>\n            {resolvedIcon}\n          </span>\n        )}\n        <div className={styles['section-notice__body']}>\n          <p className={styles['section-notice__title']}>{title}</p>\n          {description != null && (\n            <div className={styles['section-notice__description']}>\n              {description}\n            </div>\n          )}\n          {hasActions && (\n            <div className={styles['section-notice__actions']}>\n              {primaryButtonLabel != null && (\n                <Button\n                  emphasis=\"primary\"\n                  size=\"small\"\n                  onClick={onPrimaryAction}\n                >\n                  {primaryButtonLabel}\n                </Button>\n              )}\n              {secondaryButtonLabel != null && (\n                <Button\n                  emphasis=\"secondary\"\n                  size=\"small\"\n                  onClick={onSecondaryAction}\n                >\n                  {secondaryButtonLabel}\n                </Button>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          className={styles['section-notice__dismiss']}\n          aria-label=\"Dismiss\"\n          size=\"small\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["DEFAULT_ICONS","Icon","jsx","InformationOutlineIcon","AlertCircleOutlineIcon","AlertOutlineIcon","CheckCircleOutlineIcon","SectionNotice","className","type","icon","title","description","primaryButtonLabel","onPrimaryAction","secondaryButtonLabel","onSecondaryAction","onDismiss","typeClass","styles","rootClass","resolvedIcon","hasActions","jsxs","Button","IconButton","CloseIcon"],"mappings":"onBAyCMA,EAAsD,CAC1D,WAAOC,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACC,IAAuB,EAAI,EACzD,cAAUF,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACE,IAAuB,EAAI,EAC5D,aAASH,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACG,IAAiB,EAAI,EACrD,cAAUJ,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACI,IAAuB,EAAI,EAC5D,WAAOL,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOC,EAAAA,IAACC,IAAuB,CAAA,CAAI,CAC3D,EAOA,SAAwBI,EAAc,CACpC,UAAAC,EAAY,GACZ,KAAAC,EAAO,OACP,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,gBAAAC,EACA,qBAAAC,EACA,kBAAAC,EACA,UAAAC,CACF,EAAuB,CACrB,MAAMC,EAAYC,EAAAA,QAAO,wBAAwBV,EAAK,YAAA,CAAa,EAAE,EAE/DW,EAAY,CAACD,UAAO,gBAAgB,EAAGD,EAAWV,CAAS,EAC9D,OAAO,OAAO,EACd,KAAK,GAAG,EAELa,EAAeX,IAAS,OAAYA,EAAOV,EAAcS,CAAI,EAE7Da,EAAaT,GAAsB,MAAQE,GAAwB,KAEzE,OACEQ,EAAAA,KAAC,MAAA,CAAI,UAAWH,EACd,SAAA,CAAAG,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,yBAAyB,EAC7C,SAAA,CAAAE,GAAgB,YACd,OAAA,CAAK,UAAWF,EAAAA,QAAO,sBAAsB,EAAG,cAAW,GACzD,SAAAE,CAAA,CACH,EAEFE,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,sBAAsB,EAC3C,SAAA,CAAAjB,MAAC,IAAA,CAAE,UAAWiB,EAAAA,QAAO,uBAAuB,EAAI,SAAAR,EAAM,EACrDC,GAAe,MACdV,MAAC,MAAA,CAAI,UAAWiB,EAAAA,QAAO,6BAA6B,EACjD,SAAAP,EACH,EAEDU,GACCC,EAAAA,KAAC,MAAA,CAAI,UAAWJ,UAAO,yBAAyB,EAC7C,SAAA,CAAAN,GAAsB,MACrBX,EAAAA,IAACsB,EAAAA,QAAA,CACC,SAAS,UACT,KAAK,QACL,QAASV,EAER,SAAAD,CAAA,CAAA,EAGJE,GAAwB,MACvBb,EAAAA,IAACsB,EAAAA,QAAA,CACC,SAAS,YACT,KAAK,QACL,QAASR,EAER,SAAAD,CAAA,CAAA,CACH,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAAA,EACF,EACCE,GAAa,MACZf,EAAAA,IAACuB,EAAAA,QAAA,CACC,UAAWN,EAAAA,QAAO,yBAAyB,EAC3C,aAAW,UACX,KAAK,QACL,WAAOlB,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACwB,IAAU,EAAI,EAC5C,QAAST,CAAA,CAAA,CACX,EAEJ,CAEJ"}
+{"version":3,"file":"SectionNotice.cjs","sources":["../../../src/components/section-notice/SectionNotice.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport { mergeClassNames } from '@/utils/props';\nimport styles from './SectionNotice.module.scss';\n\nexport type SectionNoticeType =\n  | 'info'\n  | 'warning'\n  | 'danger'\n  | 'success'\n  | 'hint';\n\nexport interface SectionNoticeProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title'\n> {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Type controls color-coding. Default: Info. */\n  type?: SectionNoticeType;\n  /** Optional leading icon. When omitted a default type icon is shown. Pass `<Icon glyph={<SomeIcon />} />` — SectionNotice provides the correct size via context. */\n  icon?: ReactNode;\n  /** Title / headline. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  title: ReactNode;\n  /** Optional body description. */\n  description?: ReactNode;\n  /** Primary action button label. */\n  primaryButtonLabel?: ReactNode;\n  /** Primary action callback. */\n  onPrimaryAction?: () => void;\n  /** Disables the primary action button. */\n  primaryActionDisabled?: boolean;\n  /** Shows a spinner in the primary action button and disables it. */\n  primaryActionLoading?: boolean;\n  /** Secondary action button label. */\n  secondaryButtonLabel?: ReactNode;\n  /** Secondary action callback. */\n  onSecondaryAction?: () => void;\n  /** Disables the secondary action button. */\n  secondaryActionDisabled?: boolean;\n  /** Shows a spinner in the secondary action button and disables it. */\n  secondaryActionLoading?: boolean;\n  /** Called when dismiss (×) button is clicked. When omitted, dismiss button is hidden. */\n  onDismiss?: () => void;\n  /** Accessible name for the dismiss button. Default: \"Dismiss\". */\n  dismissLabel?: string;\n  /** Extra attributes for the dismiss button (e.g. `data-testid`). */\n  dismissButtonProps?: BuiltInButtonProps;\n}\n\nconst DEFAULT_ICONS: Record<SectionNoticeType, ReactNode> = {\n  info: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n  warning: <Icon size=\"20\" glyph={<AlertCircleOutlineIcon />} />,\n  danger: <Icon size=\"20\" glyph={<AlertOutlineIcon />} />,\n  success: <Icon size=\"20\" glyph={<CheckCircleOutlineIcon />} />,\n  hint: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n};\n\n/**\n * A Section Notice is an in-context alert that lives inside a settings page, admin panel, or\n * other content region. Use it to flag important information, report a state change, or\n * surface a problem the user needs to act on — without yanking them out of the flow.\n */\nexport default function SectionNotice({\n  className = '',\n  type = 'info',\n  icon,\n  title,\n  description,\n  primaryButtonLabel,\n  onPrimaryAction,\n  secondaryButtonLabel,\n  onSecondaryAction,\n  primaryActionDisabled,\n  primaryActionLoading,\n  secondaryActionDisabled,\n  secondaryActionLoading,\n  onDismiss,\n  dismissLabel = 'Dismiss',\n  dismissButtonProps,\n  ...rest\n}: SectionNoticeProps) {\n  const typeClass = styles[`section-notice--type-${type.toLowerCase()}`];\n\n  const rootClass = [styles['section-notice'], typeClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const resolvedIcon = icon !== undefined ? icon : DEFAULT_ICONS[type];\n\n  const hasActions = primaryButtonLabel != null || secondaryButtonLabel != null;\n\n  return (\n    <div {...rest} className={rootClass}>\n      <div className={styles['section-notice__content']}>\n        {resolvedIcon != null && (\n          <span className={styles['section-notice__icon']} aria-hidden>\n            <IconSlotContext.Provider value={{ size: '20' }}>\n              {resolvedIcon}\n            </IconSlotContext.Provider>\n          </span>\n        )}\n        <div className={styles['section-notice__body']}>\n          <h4 className={styles['section-notice__title']}>{title}</h4>\n          {description != null && (\n            <div className={styles['section-notice__description']}>\n              {description}\n            </div>\n          )}\n          {hasActions && (\n            <div className={styles['section-notice__actions']}>\n              {primaryButtonLabel != null && (\n                <Button\n                  emphasis=\"primary\"\n                  size=\"small\"\n                  disabled={primaryActionDisabled}\n                  loading={primaryActionLoading}\n                  onClick={onPrimaryAction}\n                >\n                  {primaryButtonLabel}\n                </Button>\n              )}\n              {secondaryButtonLabel != null && (\n                <Button\n                  emphasis=\"tertiary\"\n                  size=\"small\"\n                  disabled={secondaryActionDisabled}\n                  loading={secondaryActionLoading}\n                  onClick={onSecondaryAction}\n                >\n                  {secondaryButtonLabel}\n                </Button>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          {...dismissButtonProps}\n          className={mergeClassNames(\n            styles['section-notice__dismiss'],\n            dismissButtonProps?.className,\n          )}\n          aria-label={dismissLabel}\n          size=\"small\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["DEFAULT_ICONS","Icon","jsx","InformationOutlineIcon","AlertCircleOutlineIcon","AlertOutlineIcon","CheckCircleOutlineIcon","SectionNotice","className","type","icon","title","description","primaryButtonLabel","onPrimaryAction","secondaryButtonLabel","onSecondaryAction","primaryActionDisabled","primaryActionLoading","secondaryActionDisabled","secondaryActionLoading","onDismiss","dismissLabel","dismissButtonProps","rest","typeClass","styles","rootClass","resolvedIcon","hasActions","jsxs","IconSlotContext","Button","IconButton","mergeClassNames","CloseIcon"],"mappings":"upBA2DMA,EAAsD,CAC1D,WAAOC,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACC,IAAuB,EAAI,EACzD,cAAUF,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACE,IAAuB,EAAI,EAC5D,aAASH,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACG,IAAiB,EAAI,EACrD,cAAUJ,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACI,IAAuB,EAAI,EAC5D,WAAOL,EAAAA,QAAA,CAAK,KAAK,KAAK,MAAOC,EAAAA,IAACC,IAAuB,CAAA,CAAI,CAC3D,EAOA,SAAwBI,EAAc,CACpC,UAAAC,EAAY,GACZ,KAAAC,EAAO,OACP,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,mBAAAC,EACA,gBAAAC,EACA,qBAAAC,EACA,kBAAAC,EACA,sBAAAC,EACA,qBAAAC,EACA,wBAAAC,EACA,uBAAAC,EACA,UAAAC,EACA,aAAAC,EAAe,UACf,mBAAAC,EACA,GAAGC,CACL,EAAuB,CACrB,MAAMC,EAAYC,EAAAA,QAAO,wBAAwBjB,EAAK,YAAA,CAAa,EAAE,EAE/DkB,EAAY,CAACD,UAAO,gBAAgB,EAAGD,EAAWjB,CAAS,EAC9D,OAAO,OAAO,EACd,KAAK,GAAG,EAELoB,EAAelB,IAAS,OAAYA,EAAOV,EAAcS,CAAI,EAE7DoB,EAAahB,GAAsB,MAAQE,GAAwB,KAEzE,OACEe,EAAAA,KAAC,MAAA,CAAK,GAAGN,EAAM,UAAWG,EACxB,SAAA,CAAAG,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,yBAAyB,EAC7C,SAAA,CAAAE,GAAgB,MACf1B,EAAAA,IAAC,OAAA,CAAK,UAAWwB,EAAAA,QAAO,sBAAsB,EAAG,cAAW,GAC1D,eAACK,kBAAgB,SAAhB,CAAyB,MAAO,CAAE,KAAM,IAAA,EACtC,WACH,EACF,EAEFD,EAAAA,KAAC,MAAA,CAAI,UAAWJ,EAAAA,QAAO,sBAAsB,EAC3C,SAAA,CAAAxB,MAAC,KAAA,CAAG,UAAWwB,EAAAA,QAAO,uBAAuB,EAAI,SAAAf,EAAM,EACtDC,GAAe,MACdV,MAAC,MAAA,CAAI,UAAWwB,EAAAA,QAAO,6BAA6B,EACjD,SAAAd,EACH,EAEDiB,GACCC,EAAAA,KAAC,MAAA,CAAI,UAAWJ,UAAO,yBAAyB,EAC7C,SAAA,CAAAb,GAAsB,MACrBX,EAAAA,IAAC8B,EAAAA,QAAA,CACC,SAAS,UACT,KAAK,QACL,SAAUf,EACV,QAASC,EACT,QAASJ,EAER,SAAAD,CAAA,CAAA,EAGJE,GAAwB,MACvBb,EAAAA,IAAC8B,EAAAA,QAAA,CACC,SAAS,WACT,KAAK,QACL,SAAUb,EACV,QAASC,EACT,QAASJ,EAER,SAAAD,CAAA,CAAA,CACH,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAAA,EACF,EACCM,GAAa,MACZnB,EAAAA,IAAC+B,EAAAA,QAAA,CACE,GAAGV,EACJ,UAAWW,EAAAA,gBACTR,EAAAA,QAAO,yBAAyB,EAChCH,GAAA,YAAAA,EAAoB,SAAA,EAEtB,aAAYD,EACZ,KAAK,QACL,WAAOrB,UAAA,CAAK,KAAK,KAAK,MAAOC,MAACiC,IAAU,EAAI,EAC5C,QAASd,CAAA,CAAA,CACX,EAEJ,CAEJ"}

package/dist/components/section-notice/SectionNotice.css

@@ -0,0 +1 @@
+._section-notice_kwgux_13{display:flex;flex-direction:column;align-items:flex-end;position:relative;border-radius:var(--radius-s);border:1px solid rgba(var(--color-info-rgb),.16);background-color:rgba(var(--color-info-rgb),.04)}._section-notice__content_kwgux_22{display:flex;align-items:flex-start;gap:var(--spacing-m);padding:var(--spacing-m);width:100%}._section-notice__icon_kwgux_29{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-info)}._section-notice__body_kwgux_36{display:flex;flex:1 0 0;flex-direction:column;gap:var(--spacing-xs);min-width:0;overflow:hidden;padding-right:var(--spacing-xl)}._section-notice__title_kwgux_45._section-notice__title_kwgux_45{margin:0;font-weight:var(--font-weight-semibold)}._section-notice__title_kwgux_45{padding:0;font-family:var(--font-family-body);font-size:var(--font-size-100);line-height:var(--line-height-100);letter-spacing:var(--letter-spacing-normal);text-transform:none;color:var(--center-channel-color)}._section-notice__description_kwgux_58{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);line-height:var(--line-height-100);color:var(--center-channel-color)}._section-notice__actions_kwgux_64{display:flex;align-items:center;gap:var(--spacing-s);padding:var(--spacing-xxs) 0}._section-notice__dismiss_kwgux_70{position:absolute;top:var(--spacing-xxs);right:var(--spacing-xxs)}._section-notice--type-warning_kwgux_75{background-color:rgba(var(--color-warning-rgb),.04);border-color:rgba(var(--color-warning-rgb),.16)}._section-notice--type-warning_kwgux_75 ._section-notice__icon_kwgux_29{color:var(--color-warning)}._section-notice--type-danger_kwgux_82{background-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.04);border-color:rgba(var(--error-text-color-rgb, var(--color-danger-rgb)),.16)}._section-notice--type-danger_kwgux_82 ._section-notice__icon_kwgux_29{color:var(--error-text, var(--color-danger))}._section-notice--type-success_kwgux_89{background-color:rgba(var(--color-success-rgb),.04);border-color:rgba(var(--color-success-rgb),.16)}._section-notice--type-success_kwgux_89 ._section-notice__icon_kwgux_29{color:var(--color-success)}._section-notice--type-hint_kwgux_96{background-color:rgba(var(--center-channel-color-rgb),.04);border-color:rgba(var(--center-channel-color-rgb),.16)}._section-notice--type-hint_kwgux_96 ._section-notice__icon_kwgux_29{color:rgba(var(--center-channel-color-rgb),.64)}

package/dist/components/section-notice/SectionNotice.d.ts

@@ -1,31 +1,44 @@
-import { ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+import { BuiltInButtonProps } from '../../utils/props';
 export type SectionNoticeType = 'info' | 'warning' | 'danger' | 'success' | 'hint';
-export interface SectionNoticeProps {
+export interface SectionNoticeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
     /** Optional CSS class name. */
     className?: string;
     /** Type controls color-coding. Default: Info. */
     type?: SectionNoticeType;
-    /** Optional leading icon. When omitted a default type icon is shown. */
+    /** Optional leading icon. When omitted a default type icon is shown. Pass `<Icon glyph={<SomeIcon />} />` — SectionNotice provides the correct size via context. */
     icon?: ReactNode;
-    /** Title / headline text. */
-    title: string;
+    /** Title / headline. Accepts translated nodes (e.g. `<FormattedMessage/>`). */
+    title: ReactNode;
     /** Optional body description. */
     description?: ReactNode;
     /** Primary action button label. */
-    primaryButtonLabel?: string;
+    primaryButtonLabel?: ReactNode;
     /** Primary action callback. */
     onPrimaryAction?: () => void;
+    /** Disables the primary action button. */
+    primaryActionDisabled?: boolean;
+    /** Shows a spinner in the primary action button and disables it. */
+    primaryActionLoading?: boolean;
     /** Secondary action button label. */
-    secondaryButtonLabel?: string;
+    secondaryButtonLabel?: ReactNode;
     /** Secondary action callback. */
     onSecondaryAction?: () => void;
+    /** Disables the secondary action button. */
+    secondaryActionDisabled?: boolean;
+    /** Shows a spinner in the secondary action button and disables it. */
+    secondaryActionLoading?: boolean;
     /** Called when dismiss (×) button is clicked. When omitted, dismiss button is hidden. */
     onDismiss?: () => void;
+    /** Accessible name for the dismiss button. Default: "Dismiss". */
+    dismissLabel?: string;
+    /** Extra attributes for the dismiss button (e.g. `data-testid`). */
+    dismissButtonProps?: BuiltInButtonProps;
 }
 /**
  * A Section Notice is an in-context alert that lives inside a settings page, admin panel, or
  * other content region. Use it to flag important information, report a state change, or
  * surface a problem the user needs to act on — without yanking them out of the flow.
  */
-export default function SectionNotice({ className, type, icon, title, description, primaryButtonLabel, onPrimaryAction, secondaryButtonLabel, onSecondaryAction, onDismiss, }: SectionNoticeProps): import("react/jsx-runtime").JSX.Element;
+export default function SectionNotice({ className, type, icon, title, description, primaryButtonLabel, onPrimaryAction, secondaryButtonLabel, onSecondaryAction, primaryActionDisabled, primaryActionLoading, secondaryActionDisabled, secondaryActionLoading, onDismiss, dismissLabel, dismissButtonProps, ...rest }: SectionNoticeProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SectionNotice.d.ts.map

package/dist/components/section-notice/SectionNotice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionNotice.d.ts","sourceRoot":"","sources":["../../../src/components/section-notice/SectionNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvC,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,wEAAwE;IACxE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,qCAAqC;IACrC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAUD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,SAAc,EACd,IAAa,EACb,IAAI,EACJ,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,GACV,EAAE,kBAAkB,2CA6DpB"}
+{"version":3,"file":"SectionNotice.d.ts","sourceRoot":"","sources":["../../../src/components/section-notice/SectionNotice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAIxD,MAAM,MAAM,iBAAiB,GACzB,MAAM,GACN,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAC9C,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,CACR;IACC,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,oKAAoK;IACpK,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,KAAK,EAAE,SAAS,CAAC;IACjB,iCAAiC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,+BAA+B;IAC/B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0CAA0C;IAC1C,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,oEAAoE;IACpE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qCAAqC;IACrC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,4CAA4C;IAC5C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,sEAAsE;IACtE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC;AAUD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,SAAc,EACd,IAAa,EACb,IAAI,EACJ,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,sBAAsB,EACtB,SAAS,EACT,YAAwB,EACxB,kBAAkB,EAClB,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAuEpB"}

package/dist/components/section-notice/SectionNotice.js

@@ -1,74 +1,90 @@
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import d from "../button/Button.js";
-import z from "../icon-button/IconButton.js";
-import e from "../icon/Icon.js";
-import __h from "@mattermost/compass-icons/components/information-outline.js";const h=__h&&__h.default?__h.default:__h;
-import __g from "@mattermost/compass-icons/components/alert-outline.js";const g=__g&&__g.default?__g.default:__g;
-import __v from "@mattermost/compass-icons/components/alert-circle-outline.js";const v=__v&&__v.default?__v.default:__v;
-import __y from "@mattermost/compass-icons/components/check-circle-outline.js";const y=__y&&__y.default?__y.default:__y;
-import __O from "@mattermost/compass-icons/components/close.js";const O=__O&&__O.default?__O.default:__O;
-import o from "./SectionNotice.module.scss.js";
-const k = {
-  info: /* @__PURE__ */ i(e, { size: "20", glyph: /* @__PURE__ */ i(h, {}) }),
-  warning: /* @__PURE__ */ i(e, { size: "20", glyph: /* @__PURE__ */ i(v, {}) }),
-  danger: /* @__PURE__ */ i(e, { size: "20", glyph: /* @__PURE__ */ i(g, {}) }),
-  success: /* @__PURE__ */ i(e, { size: "20", glyph: /* @__PURE__ */ i(y, {}) }),
-  hint: /* @__PURE__ */ i(e, { size: "20", glyph: /* @__PURE__ */ i(h, {}) })
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import h from "../button/Button.js";
+import A from "../icon-button/IconButton.js";
+import l, { IconSlotContext as j } from "../icon/Icon.js";
+import __f from "@mattermost/compass-icons/components/information-outline.js";const f=__f&&__f.default?__f.default:__f;
+import __S from "@mattermost/compass-icons/components/alert-outline.js";const S=__S&&__S.default?__S.default:__S;
+import __w from "@mattermost/compass-icons/components/alert-circle-outline.js";const w=__w&&__w.default?__w.default:__w;
+import __D from "@mattermost/compass-icons/components/check-circle-outline.js";const D=__D&&__D.default?__D.default:__D;
+import __E from "@mattermost/compass-icons/components/close.js";const E=__E&&__E.default?__E.default:__E;
+import { mergeClassNames as F } from "../../utils/props.js";
+import i from "./SectionNotice.module.scss.js";
+const T = {
+  info: /* @__PURE__ */ e(l, { size: "20", glyph: /* @__PURE__ */ e(f, {}) }),
+  warning: /* @__PURE__ */ e(l, { size: "20", glyph: /* @__PURE__ */ e(w, {}) }),
+  danger: /* @__PURE__ */ e(l, { size: "20", glyph: /* @__PURE__ */ e(S, {}) }),
+  success: /* @__PURE__ */ e(l, { size: "20", glyph: /* @__PURE__ */ e(D, {}) }),
+  hint: /* @__PURE__ */ e(l, { size: "20", glyph: /* @__PURE__ */ e(f, {}) })
 };
-function $({
+function V({
   className: p = "",
-  type: l = "info",
-  icon: t,
-  title: f,
-  description: r,
-  primaryButtonLabel: s,
-  onPrimaryAction: _,
-  secondaryButtonLabel: c,
-  onSecondaryAction: u,
-  onDismiss: m
+  type: t = "info",
+  icon: r,
+  title: _,
+  description: a,
+  primaryButtonLabel: c,
+  onPrimaryAction: C,
+  secondaryButtonLabel: s,
+  onSecondaryAction: N,
+  primaryActionDisabled: g,
+  primaryActionLoading: I,
+  secondaryActionDisabled: u,
+  secondaryActionLoading: z,
+  onDismiss: m,
+  dismissLabel: v = "Dismiss",
+  dismissButtonProps: n,
+  ...y
 }) {
-  const C = o[`section-notice--type-${l.toLowerCase()}`], I = [o["section-notice"], C, p].filter(Boolean).join(" "), a = t !== void 0 ? t : k[l], N = s != null || c != null;
-  return /* @__PURE__ */ n("div", { className: I, children: [
-    /* @__PURE__ */ n("div", { className: o["section-notice__content"], children: [
-      a != null && /* @__PURE__ */ i("span", { className: o["section-notice__icon"], "aria-hidden": !0, children: a }),
-      /* @__PURE__ */ n("div", { className: o["section-notice__body"], children: [
-        /* @__PURE__ */ i("p", { className: o["section-notice__title"], children: f }),
-        r != null && /* @__PURE__ */ i("div", { className: o["section-notice__description"], children: r }),
-        N && /* @__PURE__ */ n("div", { className: o["section-notice__actions"], children: [
-          s != null && /* @__PURE__ */ i(
-            d,
+  const O = i[`section-notice--type-${t.toLowerCase()}`], k = [i["section-notice"], O, p].filter(Boolean).join(" "), d = r !== void 0 ? r : T[t], x = c != null || s != null;
+  return /* @__PURE__ */ o("div", { ...y, className: k, children: [
+    /* @__PURE__ */ o("div", { className: i["section-notice__content"], children: [
+      d != null && /* @__PURE__ */ e("span", { className: i["section-notice__icon"], "aria-hidden": !0, children: /* @__PURE__ */ e(j.Provider, { value: { size: "20" }, children: d }) }),
+      /* @__PURE__ */ o("div", { className: i["section-notice__body"], children: [
+        /* @__PURE__ */ e("h4", { className: i["section-notice__title"], children: _ }),
+        a != null && /* @__PURE__ */ e("div", { className: i["section-notice__description"], children: a }),
+        x && /* @__PURE__ */ o("div", { className: i["section-notice__actions"], children: [
+          c != null && /* @__PURE__ */ e(
+            h,
             {
               emphasis: "primary",
               size: "small",
-              onClick: _,
-              children: s
+              disabled: g,
+              loading: I,
+              onClick: C,
+              children: c
             }
           ),
-          c != null && /* @__PURE__ */ i(
-            d,
+          s != null && /* @__PURE__ */ e(
+            h,
             {
-              emphasis: "secondary",
+              emphasis: "tertiary",
               size: "small",
-              onClick: u,
-              children: c
+              disabled: u,
+              loading: z,
+              onClick: N,
+              children: s
             }
           )
         ] })
       ] })
     ] }),
-    m != null && /* @__PURE__ */ i(
-      z,
+    m != null && /* @__PURE__ */ e(
+      A,
       {
-        className: o["section-notice__dismiss"],
-        "aria-label": "Dismiss",
+        ...n,
+        className: F(
+          i["section-notice__dismiss"],
+          n == null ? void 0 : n.className
+        ),
+        "aria-label": v,
         size: "small",
-        icon: /* @__PURE__ */ i(e, { size: "16", glyph: /* @__PURE__ */ i(O, {}) }),
+        icon: /* @__PURE__ */ e(l, { size: "16", glyph: /* @__PURE__ */ e(E, {}) }),
         onClick: m
       }
     )
   ] });
 }
 export {
-  $ as default
+  V as default
 };
 //# sourceMappingURL=SectionNotice.js.map

package/dist/components/section-notice/SectionNotice.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionNotice.js","sources":["../../../src/components/section-notice/SectionNotice.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport styles from './SectionNotice.module.scss';\n\nexport type SectionNoticeType =\n  | 'info'\n  | 'warning'\n  | 'danger'\n  | 'success'\n  | 'hint';\n\nexport interface SectionNoticeProps {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Type controls color-coding. Default: Info. */\n  type?: SectionNoticeType;\n  /** Optional leading icon. When omitted a default type icon is shown. */\n  icon?: ReactNode;\n  /** Title / headline text. */\n  title: string;\n  /** Optional body description. */\n  description?: ReactNode;\n  /** Primary action button label. */\n  primaryButtonLabel?: string;\n  /** Primary action callback. */\n  onPrimaryAction?: () => void;\n  /** Secondary action button label. */\n  secondaryButtonLabel?: string;\n  /** Secondary action callback. */\n  onSecondaryAction?: () => void;\n  /** Called when dismiss (×) button is clicked. When omitted, dismiss button is hidden. */\n  onDismiss?: () => void;\n}\n\nconst DEFAULT_ICONS: Record<SectionNoticeType, ReactNode> = {\n  info: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n  warning: <Icon size=\"20\" glyph={<AlertCircleOutlineIcon />} />,\n  danger: <Icon size=\"20\" glyph={<AlertOutlineIcon />} />,\n  success: <Icon size=\"20\" glyph={<CheckCircleOutlineIcon />} />,\n  hint: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n};\n\n/**\n * A Section Notice is an in-context alert that lives inside a settings page, admin panel, or\n * other content region. Use it to flag important information, report a state change, or\n * surface a problem the user needs to act on — without yanking them out of the flow.\n */\nexport default function SectionNotice({\n  className = '',\n  type = 'info',\n  icon,\n  title,\n  description,\n  primaryButtonLabel,\n  onPrimaryAction,\n  secondaryButtonLabel,\n  onSecondaryAction,\n  onDismiss,\n}: SectionNoticeProps) {\n  const typeClass = styles[`section-notice--type-${type.toLowerCase()}`];\n\n  const rootClass = [styles['section-notice'], typeClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const resolvedIcon = icon !== undefined ? icon : DEFAULT_ICONS[type];\n\n  const hasActions = primaryButtonLabel != null || secondaryButtonLabel != null;\n\n  return (\n    <div className={rootClass}>\n      <div className={styles['section-notice__content']}>\n        {resolvedIcon != null && (\n          <span className={styles['section-notice__icon']} aria-hidden>\n            {resolvedIcon}\n          </span>\n        )}\n        <div className={styles['section-notice__body']}>\n          <p className={styles['section-notice__title']}>{title}</p>\n          {description != null && (\n            <div className={styles['section-notice__description']}>\n              {description}\n            </div>\n          )}\n          {hasActions && (\n            <div className={styles['section-notice__actions']}>\n              {primaryButtonLabel != null && (\n                <Button\n                  emphasis=\"primary\"\n                  size=\"small\"\n                  onClick={onPrimaryAction}\n                >\n                  {primaryButtonLabel}\n                </Button>\n              )}\n              {secondaryButtonLabel != null && (\n                <Button\n                  emphasis=\"secondary\"\n                  size=\"small\"\n                  onClick={onSecondaryAction}\n                >\n                  {secondaryButtonLabel}\n                </Button>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          className={styles['section-notice__dismiss']}\n          aria-label=\"Dismiss\"\n          size=\"small\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["DEFAULT_ICONS","Icon","jsx","InformationOutlineIcon","AlertCircleOutlineIcon","AlertOutlineIcon","CheckCircleOutlineIcon","SectionNotice","className","type","icon","title","description","primaryButtonLabel","onPrimaryAction","secondaryButtonLabel","onSecondaryAction","onDismiss","typeClass","styles","rootClass","resolvedIcon","hasActions","jsxs","Button","IconButton","CloseIcon"],"mappings":";;;;;;;;;;AAyCA,MAAMA,IAAsD;AAAA,EAC1D,wBAAOC,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACC,KAAuB,GAAI;AAAA,EACzD,2BAAUF,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACE,KAAuB,GAAI;AAAA,EAC5D,0BAASH,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACG,KAAiB,GAAI;AAAA,EACrD,2BAAUJ,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACI,KAAuB,GAAI;AAAA,EAC5D,wBAAOL,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACC,KAAuB,EAAA,CAAI;AAC3D;AAOA,SAAwBI,EAAc;AAAA,EACpC,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAAuB;AACrB,QAAMC,IAAYC,EAAO,wBAAwBV,EAAK,YAAA,CAAa,EAAE,GAE/DW,IAAY,CAACD,EAAO,gBAAgB,GAAGD,GAAWV,CAAS,EAC9D,OAAO,OAAO,EACd,KAAK,GAAG,GAELa,IAAeX,MAAS,SAAYA,IAAOV,EAAcS,CAAI,GAE7Da,IAAaT,KAAsB,QAAQE,KAAwB;AAEzE,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWH,GACd,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWJ,EAAO,yBAAyB,GAC7C,UAAA;AAAA,MAAAE,KAAgB,0BACd,QAAA,EAAK,WAAWF,EAAO,sBAAsB,GAAG,eAAW,IACzD,UAAAE,EAAA,CACH;AAAA,MAEF,gBAAAE,EAAC,OAAA,EAAI,WAAWJ,EAAO,sBAAsB,GAC3C,UAAA;AAAA,QAAA,gBAAAjB,EAAC,KAAA,EAAE,WAAWiB,EAAO,uBAAuB,GAAI,UAAAR,GAAM;AAAA,QACrDC,KAAe,QACd,gBAAAV,EAAC,OAAA,EAAI,WAAWiB,EAAO,6BAA6B,GACjD,UAAAP,GACH;AAAA,QAEDU,KACC,gBAAAC,EAAC,OAAA,EAAI,WAAWJ,EAAO,yBAAyB,GAC7C,UAAA;AAAA,UAAAN,KAAsB,QACrB,gBAAAX;AAAA,YAACsB;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,SAASV;AAAA,cAER,UAAAD;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJE,KAAwB,QACvB,gBAAAb;AAAA,YAACsB;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,SAASR;AAAA,cAER,UAAAD;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CAEJ;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,IACCE,KAAa,QACZ,gBAAAf;AAAA,MAACuB;AAAA,MAAA;AAAA,QACC,WAAWN,EAAO,yBAAyB;AAAA,QAC3C,cAAW;AAAA,QACX,MAAK;AAAA,QACL,wBAAOlB,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACwB,KAAU,GAAI;AAAA,QAC5C,SAAST;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GAEJ;AAEJ;"}
+{"version":3,"file":"SectionNotice.js","sources":["../../../src/components/section-notice/SectionNotice.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\nimport Button from '@/components/button/Button';\nimport IconButton from '@/components/icon-button/IconButton';\nimport Icon from '@/components/icon/Icon';\nimport { IconSlotContext } from '@/components/icon/Icon';\nimport InformationOutlineIcon from '@mattermost/compass-icons/components/information-outline';\nimport AlertOutlineIcon from '@mattermost/compass-icons/components/alert-outline';\nimport AlertCircleOutlineIcon from '@mattermost/compass-icons/components/alert-circle-outline';\nimport CheckCircleOutlineIcon from '@mattermost/compass-icons/components/check-circle-outline';\nimport CloseIcon from '@mattermost/compass-icons/components/close';\nimport type { BuiltInButtonProps } from '@/utils/props';\nimport { mergeClassNames } from '@/utils/props';\nimport styles from './SectionNotice.module.scss';\n\nexport type SectionNoticeType =\n  | 'info'\n  | 'warning'\n  | 'danger'\n  | 'success'\n  | 'hint';\n\nexport interface SectionNoticeProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title'\n> {\n  /** Optional CSS class name. */\n  className?: string;\n  /** Type controls color-coding. Default: Info. */\n  type?: SectionNoticeType;\n  /** Optional leading icon. When omitted a default type icon is shown. Pass `<Icon glyph={<SomeIcon />} />` — SectionNotice provides the correct size via context. */\n  icon?: ReactNode;\n  /** Title / headline. Accepts translated nodes (e.g. `<FormattedMessage/>`). */\n  title: ReactNode;\n  /** Optional body description. */\n  description?: ReactNode;\n  /** Primary action button label. */\n  primaryButtonLabel?: ReactNode;\n  /** Primary action callback. */\n  onPrimaryAction?: () => void;\n  /** Disables the primary action button. */\n  primaryActionDisabled?: boolean;\n  /** Shows a spinner in the primary action button and disables it. */\n  primaryActionLoading?: boolean;\n  /** Secondary action button label. */\n  secondaryButtonLabel?: ReactNode;\n  /** Secondary action callback. */\n  onSecondaryAction?: () => void;\n  /** Disables the secondary action button. */\n  secondaryActionDisabled?: boolean;\n  /** Shows a spinner in the secondary action button and disables it. */\n  secondaryActionLoading?: boolean;\n  /** Called when dismiss (×) button is clicked. When omitted, dismiss button is hidden. */\n  onDismiss?: () => void;\n  /** Accessible name for the dismiss button. Default: \"Dismiss\". */\n  dismissLabel?: string;\n  /** Extra attributes for the dismiss button (e.g. `data-testid`). */\n  dismissButtonProps?: BuiltInButtonProps;\n}\n\nconst DEFAULT_ICONS: Record<SectionNoticeType, ReactNode> = {\n  info: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n  warning: <Icon size=\"20\" glyph={<AlertCircleOutlineIcon />} />,\n  danger: <Icon size=\"20\" glyph={<AlertOutlineIcon />} />,\n  success: <Icon size=\"20\" glyph={<CheckCircleOutlineIcon />} />,\n  hint: <Icon size=\"20\" glyph={<InformationOutlineIcon />} />,\n};\n\n/**\n * A Section Notice is an in-context alert that lives inside a settings page, admin panel, or\n * other content region. Use it to flag important information, report a state change, or\n * surface a problem the user needs to act on — without yanking them out of the flow.\n */\nexport default function SectionNotice({\n  className = '',\n  type = 'info',\n  icon,\n  title,\n  description,\n  primaryButtonLabel,\n  onPrimaryAction,\n  secondaryButtonLabel,\n  onSecondaryAction,\n  primaryActionDisabled,\n  primaryActionLoading,\n  secondaryActionDisabled,\n  secondaryActionLoading,\n  onDismiss,\n  dismissLabel = 'Dismiss',\n  dismissButtonProps,\n  ...rest\n}: SectionNoticeProps) {\n  const typeClass = styles[`section-notice--type-${type.toLowerCase()}`];\n\n  const rootClass = [styles['section-notice'], typeClass, className]\n    .filter(Boolean)\n    .join(' ');\n\n  const resolvedIcon = icon !== undefined ? icon : DEFAULT_ICONS[type];\n\n  const hasActions = primaryButtonLabel != null || secondaryButtonLabel != null;\n\n  return (\n    <div {...rest} className={rootClass}>\n      <div className={styles['section-notice__content']}>\n        {resolvedIcon != null && (\n          <span className={styles['section-notice__icon']} aria-hidden>\n            <IconSlotContext.Provider value={{ size: '20' }}>\n              {resolvedIcon}\n            </IconSlotContext.Provider>\n          </span>\n        )}\n        <div className={styles['section-notice__body']}>\n          <h4 className={styles['section-notice__title']}>{title}</h4>\n          {description != null && (\n            <div className={styles['section-notice__description']}>\n              {description}\n            </div>\n          )}\n          {hasActions && (\n            <div className={styles['section-notice__actions']}>\n              {primaryButtonLabel != null && (\n                <Button\n                  emphasis=\"primary\"\n                  size=\"small\"\n                  disabled={primaryActionDisabled}\n                  loading={primaryActionLoading}\n                  onClick={onPrimaryAction}\n                >\n                  {primaryButtonLabel}\n                </Button>\n              )}\n              {secondaryButtonLabel != null && (\n                <Button\n                  emphasis=\"tertiary\"\n                  size=\"small\"\n                  disabled={secondaryActionDisabled}\n                  loading={secondaryActionLoading}\n                  onClick={onSecondaryAction}\n                >\n                  {secondaryButtonLabel}\n                </Button>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n      {onDismiss != null && (\n        <IconButton\n          {...dismissButtonProps}\n          className={mergeClassNames(\n            styles['section-notice__dismiss'],\n            dismissButtonProps?.className,\n          )}\n          aria-label={dismissLabel}\n          size=\"small\"\n          icon={<Icon size=\"16\" glyph={<CloseIcon />} />}\n          onClick={onDismiss}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["DEFAULT_ICONS","Icon","jsx","InformationOutlineIcon","AlertCircleOutlineIcon","AlertOutlineIcon","CheckCircleOutlineIcon","SectionNotice","className","type","icon","title","description","primaryButtonLabel","onPrimaryAction","secondaryButtonLabel","onSecondaryAction","primaryActionDisabled","primaryActionLoading","secondaryActionDisabled","secondaryActionLoading","onDismiss","dismissLabel","dismissButtonProps","rest","typeClass","styles","rootClass","resolvedIcon","hasActions","jsxs","IconSlotContext","Button","IconButton","mergeClassNames","CloseIcon"],"mappings":";;;;;;;;;;;AA2DA,MAAMA,IAAsD;AAAA,EAC1D,wBAAOC,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACC,KAAuB,GAAI;AAAA,EACzD,2BAAUF,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACE,KAAuB,GAAI;AAAA,EAC5D,0BAASH,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACG,KAAiB,GAAI;AAAA,EACrD,2BAAUJ,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACI,KAAuB,GAAI;AAAA,EAC5D,wBAAOL,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACC,KAAuB,EAAA,CAAI;AAC3D;AAOA,SAAwBI,EAAc;AAAA,EACpC,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,oBAAAC;AAAA,EACA,GAAGC;AACL,GAAuB;AACrB,QAAMC,IAAYC,EAAO,wBAAwBjB,EAAK,YAAA,CAAa,EAAE,GAE/DkB,IAAY,CAACD,EAAO,gBAAgB,GAAGD,GAAWjB,CAAS,EAC9D,OAAO,OAAO,EACd,KAAK,GAAG,GAELoB,IAAelB,MAAS,SAAYA,IAAOV,EAAcS,CAAI,GAE7DoB,IAAahB,KAAsB,QAAQE,KAAwB;AAEzE,SACE,gBAAAe,EAAC,OAAA,EAAK,GAAGN,GAAM,WAAWG,GACxB,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWJ,EAAO,yBAAyB,GAC7C,UAAA;AAAA,MAAAE,KAAgB,QACf,gBAAA1B,EAAC,QAAA,EAAK,WAAWwB,EAAO,sBAAsB,GAAG,eAAW,IAC1D,4BAACK,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAM,KAAA,GACtC,aACH,GACF;AAAA,MAEF,gBAAAD,EAAC,OAAA,EAAI,WAAWJ,EAAO,sBAAsB,GAC3C,UAAA;AAAA,QAAA,gBAAAxB,EAAC,MAAA,EAAG,WAAWwB,EAAO,uBAAuB,GAAI,UAAAf,GAAM;AAAA,QACtDC,KAAe,QACd,gBAAAV,EAAC,OAAA,EAAI,WAAWwB,EAAO,6BAA6B,GACjD,UAAAd,GACH;AAAA,QAEDiB,KACC,gBAAAC,EAAC,OAAA,EAAI,WAAWJ,EAAO,yBAAyB,GAC7C,UAAA;AAAA,UAAAb,KAAsB,QACrB,gBAAAX;AAAA,YAAC8B;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,UAAUf;AAAA,cACV,SAASC;AAAA,cACT,SAASJ;AAAA,cAER,UAAAD;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJE,KAAwB,QACvB,gBAAAb;AAAA,YAAC8B;AAAA,YAAA;AAAA,cACC,UAAS;AAAA,cACT,MAAK;AAAA,cACL,UAAUb;AAAA,cACV,SAASC;AAAA,cACT,SAASJ;AAAA,cAER,UAAAD;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CAEJ;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,IACCM,KAAa,QACZ,gBAAAnB;AAAA,MAAC+B;AAAA,MAAA;AAAA,QACE,GAAGV;AAAA,QACJ,WAAWW;AAAA,UACTR,EAAO,yBAAyB;AAAA,UAChCH,KAAA,gBAAAA,EAAoB;AAAA,QAAA;AAAA,QAEtB,cAAYD;AAAA,QACZ,MAAK;AAAA,QACL,wBAAOrB,GAAA,EAAK,MAAK,MAAK,OAAO,gBAAAC,EAACiC,KAAU,GAAI;AAAA,QAC5C,SAASd;AAAA,MAAA;AAAA,IAAA;AAAA,EACX,GAEJ;AAEJ;"}

package/dist/components/section-notice/SectionNotice.module.scss.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SectionNotice.module.css');const e={"section-notice":"_section-notice_853w8_2","section-notice__content":"_section-notice__content_853w8_11","section-notice__icon":"_section-notice__icon_853w8_18","section-notice__body":"_section-notice__body_853w8_25","section-notice__title":"_section-notice__title_853w8_34","section-notice__description":"_section-notice__description_853w8_41","section-notice__actions":"_section-notice__actions_853w8_47","section-notice__dismiss":"_section-notice__dismiss_853w8_53","section-notice--type-warning":"_section-notice--type-warning_853w8_58","section-notice--type-danger":"_section-notice--type-danger_853w8_65","section-notice--type-success":"_section-notice--type-success_853w8_72","section-notice--type-hint":"_section-notice--type-hint_853w8_79"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./SectionNotice.css');const e={"section-notice":"_section-notice_kwgux_13","section-notice__content":"_section-notice__content_kwgux_22","section-notice__icon":"_section-notice__icon_kwgux_29","section-notice__body":"_section-notice__body_kwgux_36","section-notice__title":"_section-notice__title_kwgux_45","section-notice__description":"_section-notice__description_kwgux_58","section-notice__actions":"_section-notice__actions_kwgux_64","section-notice__dismiss":"_section-notice__dismiss_kwgux_70","section-notice--type-warning":"_section-notice--type-warning_kwgux_75","section-notice--type-danger":"_section-notice--type-danger_kwgux_82","section-notice--type-success":"_section-notice--type-success_kwgux_89","section-notice--type-hint":"_section-notice--type-hint_kwgux_96"};exports.default=e;
 //# sourceMappingURL=SectionNotice.module.scss.cjs.map