@carbon/web-components 2.52.0 → 2.53.0-rc.0

package/es/components/notification/stories/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../../../src/components/notification/stories/helper.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { NOTIFICATION_KIND } from '../inline-notification';\n\nconst kinds = {\n  [`Error (${NOTIFICATION_KIND.ERROR})`]: NOTIFICATION_KIND.ERROR,\n  [`Info (${NOTIFICATION_KIND.INFO})`]: NOTIFICATION_KIND.INFO,\n  [`Info (${NOTIFICATION_KIND.INFO_SQUARE})`]: NOTIFICATION_KIND.INFO_SQUARE,\n  [`Success (${NOTIFICATION_KIND.SUCCESS})`]: NOTIFICATION_KIND.SUCCESS,\n  [`Warning (${NOTIFICATION_KIND.WARNING})`]: NOTIFICATION_KIND.WARNING,\n  [`Warning Alt (${NOTIFICATION_KIND.WARNING_ALT})`]:\n    NOTIFICATION_KIND.WARNING_ALT,\n};\n\nexport default kinds;\n"],"mappings":";;;;;;;;;;;;;;;;;AASA,MAAM,QAAQ;EACX,UAAU,kBAAkB,MAAM,KAAK,kBAAkB;EACzD,SAAS,kBAAkB,KAAK,KAAK,kBAAkB;EACvD,SAAS,kBAAkB,YAAY,KAAK,kBAAkB;EAC9D,YAAY,kBAAkB,QAAQ,KAAK,kBAAkB;EAC7D,YAAY,kBAAkB,QAAQ,KAAK,kBAAkB;EAC7D,gBAAgB,kBAAkB,YAAY,KAC7C,kBAAkB;CACrB"}
+{"version":3,"file":"helper.js","names":[],"sources":["../../../../src/components/notification/stories/helper.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { NOTIFICATION_KIND } from '../inline-notification';\n\nconst kinds = {\n  [`Error (${NOTIFICATION_KIND.ERROR})`]: NOTIFICATION_KIND.ERROR,\n  [`Info (${NOTIFICATION_KIND.INFO})`]: NOTIFICATION_KIND.INFO,\n  [`Info (${NOTIFICATION_KIND.INFO_SQUARE})`]: NOTIFICATION_KIND.INFO_SQUARE,\n  [`Success (${NOTIFICATION_KIND.SUCCESS})`]: NOTIFICATION_KIND.SUCCESS,\n  [`Warning (${NOTIFICATION_KIND.WARNING})`]: NOTIFICATION_KIND.WARNING,\n  [`Warning Alt (${NOTIFICATION_KIND.WARNING_ALT})`]:\n    NOTIFICATION_KIND.WARNING_ALT,\n};\n\nexport default kinds;\n"],"mappings":";;;;;;;;;;AASA,MAAM,QAAQ;EACX,kBAAkC;EAClC,gBAAgC;EAChC,uBAAuC;EACvC,sBAAsC;EACtC,sBAAsC;EACtC,8BAA8C;CAEhD"}

package/es/components/notification/toast-notification.js

@@ -5,15 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
-import { NOTIFICATION_TYPE } from "./defs.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
+import "./defs.js";
 import inline_notification_default from "./inline-notification.js";
 import toast_notification_default$1 from "./toast-notification.scss.js";
 import { html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/notification/toast-notification.ts
 /**
 * Copyright IBM Corp. 2019, 2025
@@ -35,20 +34,20 @@ import { property } from "lit/decorators.js";
 let CDSToastNotification = class CDSToastNotification extends inline_notification_default {
 	constructor(..._args) {
 		super(..._args);
-		this._type = NOTIFICATION_TYPE.TOAST;
+		this._type = "toast";
 		this.caption = "";
 	}
 	_renderText() {
 		const { caption, subtitle, title, _type: type } = this;
 		return html`
-      <div class="${prefix}--${type}-notification__title">
+      <div class="${"cds"}--${type}-notification__title">
         ${title}<slot name="title"></slot>
       </div>
-      <div class="${prefix}--${type}-notification__subtitle">
+      <div class="${"cds"}--${type}-notification__subtitle">
         ${subtitle}<slot name="subtitle"></slot>
       </div>
       ${caption || this.querySelector("[slot=\"caption\"]") ? html`
-            <div class="${prefix}--${type}-notification__caption">
+            <div class="${"cds"}--${type}-notification__caption">
               ${caption}<slot name="caption"></slot>
             </div>
           ` : null}
@@ -59,7 +58,7 @@ let CDSToastNotification = class CDSToastNotification extends inline_notificatio
 		const { _type: type } = this;
 		return html`
       ${this._renderIcon()}
-      <div class="${prefix}--${type}-notification__details">
+      <div class="${"cds"}--${type}-notification__details">
         ${this._renderText()}
       </div>
       ${this._renderButton()}
@@ -70,9 +69,9 @@ let CDSToastNotification = class CDSToastNotification extends inline_notificatio
 	}
 };
 __decorate([property()], CDSToastNotification.prototype, "caption", void 0);
-CDSToastNotification = __decorate([carbonElement(`${prefix}-toast-notification`)], CDSToastNotification);
+CDSToastNotification = __decorate([carbonElement(`cds-toast-notification`)], CDSToastNotification);
 var toast_notification_default = CDSToastNotification;
-
 //#endregion
 export { toast_notification_default as default };
+
 //# sourceMappingURL=toast-notification.js.map

package/es/components/notification/toast-notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast-notification.js","names":["CDSInlineNotification","styles","customElement"],"sources":["../../../src/components/notification/toast-notification.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { NOTIFICATION_TYPE } from './defs';\nimport CDSInlineNotification from './inline-notification';\nimport styles from './toast-notification.scss?lit';\n\n/**\n * Toast notification.\n *\n * @element cds-toast-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @fires cds-notification-beingclosed\n *   The custom event fired before this notification is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this notification.\n * @fires cds-notification-closed - The custom event fired after this notification is closed upon a user gesture.\n */\n@customElement(`${prefix}-toast-notification`)\nclass CDSToastNotification extends CDSInlineNotification {\n  protected _type = NOTIFICATION_TYPE.TOAST;\n\n  protected _renderText() {\n    const { caption, subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__title\">\n        ${title}<slot name=\"title\"></slot>\n      </div>\n      <div class=\"${prefix}--${type}-notification__subtitle\">\n        ${subtitle}<slot name=\"subtitle\"></slot>\n      </div>\n      ${caption || this.querySelector('[slot=\"caption\"]')\n        ? html`\n            <div class=\"${prefix}--${type}-notification__caption\">\n              ${caption}<slot name=\"caption\"></slot>\n            </div>\n          `\n        : null}\n      <slot></slot>\n    `;\n  }\n\n  /**\n   * Specify the caption\n   */\n  @property()\n  caption = '';\n\n  render() {\n    const { _type: type } = this;\n    return html`\n      ${this._renderIcon()}\n      <div class=\"${prefix}--${type}-notification__details\">\n        ${this._renderText()}\n      </div>\n      ${this._renderButton()}\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSToastNotification;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,iCACM,6BAA6BA,4BAAsB;;;eACrC,kBAAkB;iBA0B1B;;CAxBV,AAAU,cAAc;EACtB,MAAM,EAAE,SAAS,UAAU,OAAO,OAAO,SAAS;AAClD,SAAO,IAAI;oBACK,OAAO,IAAI,KAAK;UAC1B,MAAM;;oBAEI,OAAO,IAAI,KAAK;UAC1B,SAAS;;QAEX,WAAW,KAAK,cAAc,qBAAmB,GAC/C,IAAI;0BACY,OAAO,IAAI,KAAK;gBAC1B,QAAQ;;cAGd,KAAK;;;;CAWb,SAAS;EACP,MAAM,EAAE,OAAO,SAAS;AACxB,SAAO,IAAI;QACP,KAAK,aAAa,CAAC;oBACP,OAAO,IAAI,KAAK;UAC1B,KAAK,aAAa,CAAC;;QAErB,KAAK,eAAe,CAAC;;;;gBAIXC;;;YAdf,UAAU;mCA3BZC,cAAc,GAAG,OAAO,qBAAqB;AA4C9C,iCAAe"}
+{"version":3,"file":"toast-notification.js","names":["CDSInlineNotification","styles","customElement"],"sources":["../../../src/components/notification/toast-notification.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { NOTIFICATION_TYPE } from './defs';\nimport CDSInlineNotification from './inline-notification';\nimport styles from './toast-notification.scss?lit';\n\n/**\n * Toast notification.\n *\n * @element cds-toast-notification\n * @slot subtitle - The subtitle.\n * @slot title - The title.\n * @fires cds-notification-beingclosed\n *   The custom event fired before this notification is being closed upon a user gesture.\n *   Cancellation of this event stops the user-initiated action of closing this notification.\n * @fires cds-notification-closed - The custom event fired after this notification is closed upon a user gesture.\n */\n@customElement(`${prefix}-toast-notification`)\nclass CDSToastNotification extends CDSInlineNotification {\n  protected _type = NOTIFICATION_TYPE.TOAST;\n\n  protected _renderText() {\n    const { caption, subtitle, title, _type: type } = this;\n    return html`\n      <div class=\"${prefix}--${type}-notification__title\">\n        ${title}<slot name=\"title\"></slot>\n      </div>\n      <div class=\"${prefix}--${type}-notification__subtitle\">\n        ${subtitle}<slot name=\"subtitle\"></slot>\n      </div>\n      ${caption || this.querySelector('[slot=\"caption\"]')\n        ? html`\n            <div class=\"${prefix}--${type}-notification__caption\">\n              ${caption}<slot name=\"caption\"></slot>\n            </div>\n          `\n        : null}\n      <slot></slot>\n    `;\n  }\n\n  /**\n   * Specify the caption\n   */\n  @property()\n  caption = '';\n\n  render() {\n    const { _type: type } = this;\n    return html`\n      ${this._renderIcon()}\n      <div class=\"${prefix}--${type}-notification__details\">\n        ${this._renderText()}\n      </div>\n      ${this._renderButton()}\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSToastNotification;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,IAAA,uBAAA,MACM,6BAA6BA,4BAAsB;;;;iBA2B7C;;CAxBV,cAAwB;EACtB,MAAM,EAAE,SAAS,UAAU,OAAO,OAAO,SAAS;AAClD,SAAO,IAAI;0BACY,IAAI,KAAK;UAC1B,MAAM;;0BAEW,IAAI,KAAK;UAC1B,SAAS;;QAEX,WAAW,KAAK,cAAc,qBAAmB,GAC/C,IAAI;gCACmB,IAAI,KAAK;gBAC1B,QAAQ;;cAGd,KAAK;;;;CAWb,SAAS;EACP,MAAM,EAAE,OAAO,SAAS;AACxB,SAAO,IAAI;QACP,KAAK,aAAa,CAAC;0BACA,IAAI,KAAK;UAC1B,KAAK,aAAa,CAAC;;QAErB,KAAK,eAAe,CAAC;;;;gBAIXC;;;YAdf,UAAU,CAAA,EAAA,qBAAA,WAAA,WAAA,KAAA,EAAA;mCA3BZC,cAAc,yBAA+B,CAAA,EAAA,qBAAA;AA4C9C,IAAA,6BAAe"}