@kyndryl-design-system/shidoka-applications 2.51.2 → 2.52.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/components/reusable/notification/notification.d.ts +1 -0
  2. package/components/reusable/notification/notification.d.ts.map +1 -1
  3. package/components/reusable/notification/notification.js +12 -34
  4. package/components/reusable/notification/notification.js.map +1 -1
  5. package/package.json +1 -1
package/components/reusable/notification/notification.d.ts CHANGED
@@ -6,6 +6,7 @@ import '../badge';
6
6
  * Notification component.
7
7
  * @slot unnamed - Slot for notification message body.
8
8
  * @slot actions - Slot for menu.
9
+ * @slot icon - Slot for an icon.
9
10
  * @fires on-notification-click - Emit event for clickable notification.
10
11
  * @fires on-close - Emits when an inline/toast notification closes.
11
12
  */
package/components/reusable/notification/notification.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/notification/notification.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAKlD,OAAO,WAAW,CAAC;AAInB,OAAO,SAAS,CAAC;AAMjB,OAAO,UAAU,CAAC;AAClB;;;;;;GAMG;AAEH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAA+B;IAErD,qCAAqC;IAErC,QAAQ,CAAC,iBAAiB,SAAM;IAEhC,uCAAuC;IAEvC,QAAQ,CAAC,oBAAoB,SAAM;IAEnC;;;OAGG;IAEH,QAAQ,CAAC,SAAS,SAAM;IAExB,qBAAqB;IAErB,QAAQ,CAAC,IAAI,SAAM;IAEnB,mGAAmG;IAEnG,QAAQ,CAAC,SAAS,SAAa;IAE/B,kIAAkI;IAElI,QAAQ,CAAC,IAAI,SAAY;IAEzB,iCAAiC;IAEjC,QAAQ,CAAC,WAAW,EAAE,GAAG,CAKvB;IAEF,oEAAoE;IAEpE,QAAQ,CAAC,mBAAmB,SAAW;IAEvC;;;SAGK;IAEL,QAAQ,CAAC,6BAA6B,SAAM;IAE5C,6DAA6D;IAE7D,QAAQ,CAAC,gBAAgB,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAElE;;;SAGK;IAEL,QAAQ,CAAC,WAAW,SAAY;IAEhC;;OAEG;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,CAKvB;IAEF,4EAA4E;IAE5E,QAAQ,CAAC,MAAM,UAAS;IAExB,6JAA6J;IAE7J,QAAQ,CAAC,eAAe,UAAS;IAEjC,uJAAuJ;IAEvJ,QAAQ,CAAC,OAAO,SAAK;IAErB;;OAEG;IAEH,QAAQ,CAAC,0BAA0B,UAAS;IAEnC,MAAM;IAyDf,OAAO,CAAC,aAAa;IAyFZ,OAAO,CAAC,iBAAiB,EAAE,GAAG;IAcvC,OAAO,CAAC,MAAM;IAed,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,iBAAiB;CA4B1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,YAAY,CAAC;KAClC;CACF"}
1
+ {"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/notification/notification.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAKlD,OAAO,WAAW,CAAC;AAInB,OAAO,SAAS,CAAC;AAMjB,OAAO,UAAU,CAAC;AAClB;;;;;;;GAOG;AAEH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAA+B;IAErD,qCAAqC;IAErC,QAAQ,CAAC,iBAAiB,SAAM;IAEhC,uCAAuC;IAEvC,QAAQ,CAAC,oBAAoB,SAAM;IAEnC;;;OAGG;IAEH,QAAQ,CAAC,SAAS,SAAM;IAExB,qBAAqB;IAErB,QAAQ,CAAC,IAAI,SAAM;IAEnB,mGAAmG;IAEnG,QAAQ,CAAC,SAAS,SAAa;IAE/B,kIAAkI;IAElI,QAAQ,CAAC,IAAI,SAAY;IAEzB,iCAAiC;IAEjC,QAAQ,CAAC,WAAW,EAAE,GAAG,CAKvB;IAEF,oEAAoE;IAEpE,QAAQ,CAAC,mBAAmB,SAAW;IAEvC;;;SAGK;IAEL,QAAQ,CAAC,6BAA6B,SAAM;IAE5C,6DAA6D;IAE7D,QAAQ,CAAC,gBAAgB,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAElE;;;SAGK;IAEL,QAAQ,CAAC,WAAW,SAAY;IAEhC;;OAEG;IAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,CAKvB;IAEF,4EAA4E;IAE5E,QAAQ,CAAC,MAAM,UAAS;IAExB,6JAA6J;IAE7J,QAAQ,CAAC,eAAe,UAAS;IAEjC,uJAAuJ;IAEvJ,QAAQ,CAAC,OAAO,SAAK;IAErB;;OAEG;IAEH,QAAQ,CAAC,0BAA0B,UAAS;IAEnC,MAAM;IA2Df,OAAO,CAAC,aAAa;IA2FZ,OAAO,CAAC,iBAAiB,EAAE,GAAG;IAcvC,OAAO,CAAC,MAAM;IAed,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,iBAAiB;CA4B1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,YAAY,CAAC;KAClC;CACF"}
package/components/reusable/notification/notification.js CHANGED
@@ -57,26 +57,32 @@ kyn-card.notification-toast::part(card-wrapper):hover {
57
57
 
58
58
  kyn-card.notification-error::part(card-wrapper) {
59
59
  background-color: var(--kd-color-status-error-accent);
60
+ color: var(--kd-color-status-error-foreground);
60
61
  }
61
62
 
62
63
  kyn-card.notification-success::part(card-wrapper) {
63
64
  background-color: var(--kd-color-status-success-accent);
65
+ color: var(--kd-color-status-success-foreground);
64
66
  }
65
67
 
66
68
  kyn-card.notification-warning::part(card-wrapper) {
67
69
  background-color: var(--kd-color-status-warning-accent);
70
+ color: var(--kd-color-status-warning-foreground---dark);
68
71
  }
69
72
 
70
73
  kyn-card.notification-info::part(card-wrapper) {
71
74
  background-color: var(--kd-color-status-informational-accent);
75
+ color: var(--kd-color-status-informational-foreground);
72
76
  }
73
77
 
74
78
  kyn-card.notification-ai::part(card-wrapper) {
75
79
  background-color: var(--kd-color-background-container-ai-default);
80
+ color: var(--kd-color-icon-ai);
76
81
  }
77
82
 
78
83
  kyn-card.notification-default::part(card-wrapper) {
79
84
  background-color: var(--kd-color-status-neutral-light);
85
+ color: var(--kd-color-status-neutral-foreground);
80
86
  }
81
87
 
82
88
  kyn-card.notification-normal::part(card-wrapper) {
@@ -390,37 +396,7 @@ kyn-link::part(link) {
390
396
  text-indent: 200%;
391
397
  white-space: nowrap;
392
398
  width: 1px;
393
- }
394
-
395
- .info svg {
396
- fill: var(--kd-color-status-informational-foreground);
397
- display: flex;
398
- }
399
-
400
- .success svg {
401
- fill: var(--kd-color-status-success-foreground);
402
- display: flex;
403
- }
404
-
405
- .default svg {
406
- fill: var(--kd-color-status-neutral-foreground);
407
- display: flex;
408
- }
409
-
410
- .warning svg {
411
- fill: var(--kd-color-status-warning-foreground---dark);
412
- display: flex;
413
- }
414
-
415
- .error svg {
416
- fill: var(--kd-color-status-error-foreground);
417
- display: flex;
418
- }
419
-
420
- .ai svg {
421
- fill: var(--kd-color-icon-ai);
422
- display: flex;
423
- }`;let b=(()=>{var c,b,x,S,z,C,$,_,T,j,D,B,M,N,R,W;let E,I,L,O,U,X,q,P,Y,A,F,G,H,J,K,Q,V,Z,tt=[f("kyn-notification")],it=[],et=m,nt=[],at=[],ot=[],st=[],rt=[],lt=[],ct=[],dt=[],ft=[],ht=[],pt=[],mt=[],ut=[],gt=[],kt=[],vt=[],yt=[],wt=[],bt=[],xt=[],St=[],zt=[],Ct=[],$t=[],_t=[],Tt=[],jt=[],Dt=[],Bt=[],Mt=[],Nt=[],Rt=[];return I=class extends et{get notificationTitle(){return n(this,c,"f")}set notificationTitle(t){a(this,c,t,"f")}get notificationSubtitle(){return n(this,b,"f")}set notificationSubtitle(t){a(this,b,t,"f")}get timeStamp(){return n(this,x,"f")}set timeStamp(t){a(this,x,t,"f")}get href(){return n(this,S,"f")}set href(t){a(this,S,t,"f")}get tagStatus(){return n(this,z,"f")}set tagStatus(t){a(this,z,t,"f")}get type(){return n(this,C,"f")}set type(t){a(this,C,t,"f")}get textStrings(){return n(this,$,"f")}set textStrings(t){a(this,$,t,"f")}get closeBtnDescription(){return n(this,_,"f")}set closeBtnDescription(t){a(this,_,t,"f")}get assistiveNotificationTypeText(){return n(this,T,"f")}set assistiveNotificationTypeText(t){a(this,T,t,"f")}get notificationRole(){return n(this,j,"f")}set notificationRole(t){a(this,j,t,"f")}get statusLabel(){return n(this,D,"f")}set statusLabel(t){a(this,D,t,"f")}get _badgeColor(){return n(this,B,"f")}set _badgeColor(t){a(this,B,t,"f")}get unRead(){return n(this,M,"f")}set unRead(t){a(this,M,t,"f")}get hideCloseButton(){return n(this,N,"f")}set hideCloseButton(t){a(this,N,t,"f")}get timeout(){return n(this,R,"f")}set timeout(t){a(this,R,t,"f")}get _hasDescriptionSlotContent(){return n(this,W,"f")}set _hasDescriptionSlotContent(t){a(this,W,t,"f")}render(){const t={"notification-normal":"normal"===this.type,"notification-inline":"inline"===this.type,"notification-toast":"toast"===this.type,"notification-error":("inline"===this.type||"toast"===this.type)&&"error"===this.tagStatus,"notification-success":("inline"===this.type||"toast"===this.type)&&"success"===this.tagStatus,"notification-warning":("inline"===this.type||"toast"===this.type)&&"warning"===this.tagStatus,"notification-info":("inline"===this.type||"toast"===this.type)&&"info"===this.tagStatus,"notification-ai":"toast"===this.type&&"ai"===this.tagStatus,"notification-default":("inline"===this.type||"toast"===this.type)&&"default"===this.tagStatus,"notification-no-description":!this._hasDescriptionSlotContent};return s`
399
+ }`;let b=(()=>{var c,b,x,S,z,C,$,_,T,j,D,B,M,N,R,W;let E,I,L,O,U,X,q,P,Y,A,F,G,H,J,K,Q,V,Z,tt=[f("kyn-notification")],it=[],et=m,nt=[],at=[],ot=[],st=[],rt=[],lt=[],ct=[],dt=[],ft=[],ht=[],pt=[],mt=[],ut=[],gt=[],kt=[],vt=[],yt=[],wt=[],bt=[],xt=[],St=[],zt=[],Ct=[],$t=[],_t=[],Tt=[],jt=[],Dt=[],Bt=[],Mt=[],Nt=[],Rt=[];return I=class extends et{get notificationTitle(){return n(this,c,"f")}set notificationTitle(t){a(this,c,t,"f")}get notificationSubtitle(){return n(this,b,"f")}set notificationSubtitle(t){a(this,b,t,"f")}get timeStamp(){return n(this,x,"f")}set timeStamp(t){a(this,x,t,"f")}get href(){return n(this,S,"f")}set href(t){a(this,S,t,"f")}get tagStatus(){return n(this,z,"f")}set tagStatus(t){a(this,z,t,"f")}get type(){return n(this,C,"f")}set type(t){a(this,C,t,"f")}get textStrings(){return n(this,$,"f")}set textStrings(t){a(this,$,t,"f")}get closeBtnDescription(){return n(this,_,"f")}set closeBtnDescription(t){a(this,_,t,"f")}get assistiveNotificationTypeText(){return n(this,T,"f")}set assistiveNotificationTypeText(t){a(this,T,t,"f")}get notificationRole(){return n(this,j,"f")}set notificationRole(t){a(this,j,t,"f")}get statusLabel(){return n(this,D,"f")}set statusLabel(t){a(this,D,t,"f")}get _badgeColor(){return n(this,B,"f")}set _badgeColor(t){a(this,B,t,"f")}get unRead(){return n(this,M,"f")}set unRead(t){a(this,M,t,"f")}get hideCloseButton(){return n(this,N,"f")}set hideCloseButton(t){a(this,N,t,"f")}get timeout(){return n(this,R,"f")}set timeout(t){a(this,R,t,"f")}get _hasDescriptionSlotContent(){return n(this,W,"f")}set _hasDescriptionSlotContent(t){a(this,W,t,"f")}render(){const t={"notification-normal":"normal"===this.type,"notification-inline":"inline"===this.type,"notification-toast":"toast"===this.type,"notification-error":("inline"===this.type||"toast"===this.type)&&"error"===this.tagStatus,"notification-success":("inline"===this.type||"toast"===this.type)&&"success"===this.tagStatus,"notification-warning":("inline"===this.type||"toast"===this.type)&&"warning"===this.tagStatus,"notification-info":("inline"===this.type||"toast"===this.type)&&"info"===this.tagStatus,"notification-ai":("inline"===this.type||"toast"===this.type)&&"ai"===this.tagStatus,"notification-default":("inline"===this.type||"toast"===this.type)&&"default"===this.tagStatus,"notification-no-description":!this._hasDescriptionSlotContent};return s`
424
400
  ${"clickable"===this.type?s`<kyn-card
425
401
  class="notification-clickable"
426
402
  ?highlight=${this.unRead}
@@ -451,11 +427,13 @@ kyn-link::part(link) {
451
427
  <div class="notification-head">
452
428
  ${"inline"===this.type||"toast"===this.type?s` <span
453
429
  class="notification-state-icon ${this.tagStatus}"
454
- slot="icon"
455
430
  role="img"
456
431
  aria-label=${`${this.textStrings[this.tagStatus]} icon`}
457
- >${l(t[this.tagStatus])}</span
458
- >`:null}
432
+ >
433
+ <slot name="icon">
434
+ ${l(t[this.tagStatus])}
435
+ </slot>
436
+ </span>`:null}
459
437
 
460
438
  <div class="notification-title">${this.notificationTitle}</div>
461
439
 
package/components/reusable/notification/notification.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"notification.js","sources":["../../../../src/components/reusable/notification/notification.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport '../button';\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\nimport NotificationScss from './notification.scss?inline';\nimport '../card';\nimport successIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport warningIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/warning-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\nimport infoIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/information-filled.svg';\n\nimport '../badge';\n/**\n * Notification component.\n * @slot unnamed - Slot for notification message body.\n * @slot actions - Slot for menu.\n * @fires on-notification-click - Emit event for clickable notification.\n * @fires on-close - Emits when an inline/toast notification closes.\n */\n\n@customElement('kyn-notification')\nexport class Notification extends LitElement {\n static override styles = unsafeCSS(NotificationScss);\n\n /** Notification Title (Required). */\n @property({ type: String })\n accessor notificationTitle = '';\n\n /** Notification subtitle.(optional) */\n @property({ type: String })\n accessor notificationSubtitle = '';\n\n /**\n * Timestamp of notification.\n * It is recommended to add the context along with the timestamp. Example: `Updated 2 mins ago`.\n */\n @property({ type: String })\n accessor timeStamp = '';\n\n /** Card href link */\n @property({ type: String })\n accessor href = '';\n\n /** Notification status / tag type. `'default'`, `'info'`, `'warning'`, `'success'` & `'error'`. */\n @property({ type: String })\n accessor tagStatus = 'default'; // Need to change the name to badgeStatus, once old tags are removed.\n\n /** Notification type. `'normal'`, `'inline'`, `'toast'` and `'clickable'`. Clickable type can be use inside notification panel */\n @property({ type: String })\n accessor type = 'normal';\n\n /** Customizable text strings. */\n @property({ type: Object })\n accessor textStrings: any = {\n success: 'Success',\n warning: 'Warning',\n info: 'Information',\n error: 'Error',\n };\n\n /** Close button description (Required to support accessibility). */\n @property({ type: String })\n accessor closeBtnDescription = 'Close';\n\n /**\n * Assistive text for notification type.\n * Required for `'clickable'`, `'inline'` and `'toast'` notification types.\n * */\n @property({ type: String })\n accessor assistiveNotificationTypeText = '';\n\n /** Notification role (Required to support accessibility). */\n @property({ type: String })\n accessor notificationRole: 'alert' | 'log' | 'status' | undefined;\n\n /**\n * Status label (Required to support accessibility).\n * Assign the localized string value for the word **Status**.\n * */\n @property({ type: String })\n accessor statusLabel = 'Status';\n\n /** Set badgeColor based on provided tagStatus.\n * @internal\n */\n @state()\n accessor _badgeColor: any = {\n success: 'success',\n warning: 'warning',\n info: 'information',\n error: 'error',\n };\n\n /** Set notification mark read prop. Required ony for `type: 'clickable'`.*/\n @property({ type: Boolean, reflect: true })\n accessor unRead = false;\n\n /** Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true. */\n @property({ type: Boolean })\n accessor hideCloseButton = false;\n\n /** Timeout (Default 8 seconds for Toast). Specify an optional duration the toast notification should be closed in. Only apply with `type = 'toast'` */\n @property({ type: Number })\n accessor timeout = 8;\n\n /** Track if slot has content to conditionally render description div\n * @internal\n */\n @state()\n accessor _hasDescriptionSlotContent = false;\n\n override render() {\n const cardBgClasses = {\n 'notification-normal': this.type === 'normal',\n 'notification-inline': this.type === 'inline',\n 'notification-toast': this.type === 'toast',\n 'notification-error':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'error',\n 'notification-success':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'success',\n 'notification-warning':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'warning',\n 'notification-info':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'info',\n 'notification-ai': this.type === 'toast' && this.tagStatus === 'ai',\n 'notification-default':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'default',\n 'notification-no-description': !this._hasDescriptionSlotContent,\n };\n\n return html`\n ${this.type === 'clickable'\n ? html`<kyn-card\n class=\"notification-clickable\"\n ?highlight=${this.unRead}\n type=${this.type}\n href=${this.href}\n target=\"_blank\"\n rel=\"noopener\"\n @on-card-click=${(e: any) => this._handleCardClick(e)}\n hideBorder\n role=${ifDefined(this.notificationRole)}\n >\n <span id=\"notificationType\"\n >${this.assistiveNotificationTypeText}</span\n >\n ${this.renderInnerUI()}\n </kyn-card>`\n : html` <kyn-card\n type=${this.type}\n role=${ifDefined(this.notificationRole)}\n class=\"${classMap(cardBgClasses)}\"\n >\n ${this.type === 'inline' || this.type === 'toast'\n ? html`<span id=\"notificationType\"\n >${this.assistiveNotificationTypeText}</span\n >`\n : null}\n ${this.renderInnerUI()}\n </kyn-card>`}\n `;\n }\n\n private renderInnerUI() {\n const notificationIcon: any = {\n success: successIcon,\n error: errorIcon,\n warning: warningIcon,\n info: infoIcon,\n ai: successIcon,\n default: successIcon,\n };\n\n return html`<div class=\"notification-wrapper\">\n <div class=\"notification-title-wrap\">\n <div class=\"notification-head\">\n ${this.type === 'inline' || this.type === 'toast'\n ? html` <span\n class=\"notification-state-icon ${this.tagStatus}\"\n slot=\"icon\"\n role=\"img\"\n aria-label=${`${this.textStrings[this.tagStatus]} icon`}\n >${unsafeSVG(notificationIcon[this.tagStatus])}</span\n >`\n : null}\n\n <div class=\"notification-title\">${this.notificationTitle}</div>\n\n ${this.notificationSubtitle !== '' &&\n (this.type === 'normal' || this.type === 'clickable')\n ? html`\n <div class=\"notification-subtitle\">\n ${this.notificationSubtitle}\n </div>\n `\n : null}\n </div>\n\n <div>\n ${(this.type === 'toast' || this.type === 'inline') &&\n !this.hideCloseButton\n ? html` <kyn-button\n class=\"notification-toast-close-btn\"\n kind=\"ghost\"\n size=\"small\"\n description=${ifDefined(this.closeBtnDescription)}\n @on-click=\"${() => this._handleClose()}\"\n >\n <span\n slot=\"icon\"\n role=\"img\"\n aria-label=${ifDefined(this.closeBtnDescription)}\n >${unsafeSVG(closeIcon)}</span\n >\n </kyn-button>`\n : null}\n <!-- actions slot could be an overflow menu, close icon (for other notification types) etc. -->\n <slot name=\"actions\"></slot>\n </div>\n </div>\n\n ${this._hasDescriptionSlotContent\n ? html`<div class=\"notification-description\">\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>`\n : html`<slot\n @slotchange=\"${this._handleSlotChange}\"\n style=\"display: none;\"\n ></slot>`}\n\n <div class=\"notification-content-wrapper\">\n <div class=\"status-tag\">\n ${this.tagStatus !== 'default' &&\n (this.type === 'normal' || this.type === 'clickable')\n ? html`\n <span id=\"statusLabel\">${this.statusLabel}</span>\n <kyn-badge\n type=${'heavy'}\n ?hideIcon=${true}\n label=${this.textStrings[this.tagStatus]}\n status=${this._badgeColor[this.tagStatus]}\n ></kyn-badge>\n `\n : null}\n </div>\n <div class=\"timestamp-wrapper\">\n <div class=\"timestamp-text\">${this.timeStamp}</div>\n </div>\n </div>\n </div>`;\n }\n\n override updated(changedProperties: any) {\n // Close toast notification if timeout > 0\n if (\n this.type === 'toast' &&\n changedProperties.has('timeout') &&\n this.timeout > 0\n ) {\n setTimeout(() => {\n this._close();\n }, this.timeout * 1000);\n }\n }\n\n // Remove toast from DOM\n private _close() {\n const animation = this.animate([{ opacity: '1' }, { opacity: '0' }], {\n duration: 500,\n easing: 'ease-in-out',\n fill: 'forwards',\n });\n animation.onfinish = () => {\n this.parentNode?.removeChild(this);\n };\n\n // emit on-close event\n const event = new CustomEvent('on-close');\n this.dispatchEvent(event);\n }\n\n private _handleClose() {\n this._close();\n }\n\n private _handleCardClick(e: any) {\n const event = new CustomEvent('on-notification-click', {\n detail: e.detail.origEvent,\n });\n this.dispatchEvent(event);\n }\n\n private _handleSlotChange(e: Event) {\n this._checkSlotContent();\n }\n\n private _checkSlotContent() {\n const slot = this.shadowRoot?.querySelector(\n 'slot:not([name])'\n ) as HTMLSlotElement;\n if (!slot) {\n this._hasDescriptionSlotContent = false;\n return;\n }\n\n const assignedNodes = slot.assignedNodes();\n\n const hasContent = assignedNodes.some((node) => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n return true;\n }\n if (node.nodeType === Node.TEXT_NODE) {\n const textContent = node.textContent;\n return (\n textContent !== null &&\n textContent !== undefined &&\n textContent.trim() !== ''\n );\n }\n return false;\n });\n\n this._hasDescriptionSlotContent = hasContent;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-notification': Notification;\n }\n}\n"],"names":["Notification","customElement","LitElement","_classThis","_classSuper","notificationTitle","__classPrivateFieldGet","this","_Notification_notificationTitle_accessor_storage","value","__classPrivateFieldSet","notificationSubtitle","_Notification_notificationSubtitle_accessor_storage","timeStamp","_Notification_timeStamp_accessor_storage","href","_Notification_href_accessor_storage","tagStatus","_Notification_tagStatus_accessor_storage","type","_Notification_type_accessor_storage","textStrings","_Notification_textStrings_accessor_storage","closeBtnDescription","_Notification_closeBtnDescription_accessor_storage","assistiveNotificationTypeText","_Notification_assistiveNotificationTypeText_accessor_storage","notificationRole","_Notification_notificationRole_accessor_storage","statusLabel","_Notification_statusLabel_accessor_storage","_badgeColor","_Notification__badgeColor_accessor_storage","unRead","_Notification_unRead_accessor_storage","hideCloseButton","_Notification_hideCloseButton_accessor_storage","timeout","_Notification_timeout_accessor_storage","_hasDescriptionSlotContent","_Notification__hasDescriptionSlotContent_accessor_storage","render","cardBgClasses","html","e","_handleCardClick","ifDefined","renderInnerUI","classMap","notificationIcon","success","successIcon","error","errorIcon","warning","warningIcon","info","infoIcon","ai","default","unsafeSVG","_handleClose","closeIcon","_handleSlotChange","updated","changedProperties","has","setTimeout","_close","animate","opacity","duration","easing","fill","onfinish","_a","parentNode","removeChild","event","CustomEvent","dispatchEvent","detail","origEvent","_checkSlotContent","slot","shadowRoot","querySelector","hasContent","assignedNodes","some","node","nodeType","Node","ELEMENT_NODE","TEXT_NODE","textContent","trim","set","__runInitializers","_notificationTitle_initializers","_notificationTitle_extraInitializers","_notificationSubtitle_initializers","_notificationSubtitle_extraInitializers","_timeStamp_initializers","_timeStamp_extraInitializers","_href_initializers","_href_extraInitializers","_tagStatus_initializers","_tagStatus_extraInitializers","_type_initializers","_type_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","_closeBtnDescription_initializers","_closeBtnDescription_extraInitializers","_assistiveNotificationTypeText_initializers","_assistiveNotificationTypeText_extraInitializers","_notificationRole_initializers","_notificationRole_extraInitializers","_statusLabel_initializers","_statusLabel_extraInitializers","__badgeColor_initializers","__badgeColor_extraInitializers","_unRead_initializers","_unRead_extraInitializers","_hideCloseButton_initializers","_hideCloseButton_extraInitializers","_timeout_initializers","_timeout_extraInitializers","__hasDescriptionSlotContent_initializers","_notificationTitle_decorators","property","String","_notificationSubtitle_decorators","_timeStamp_decorators","_href_decorators","_tagStatus_decorators","_type_decorators","_textStrings_decorators","Object","_closeBtnDescription_decorators","_assistiveNotificationTypeText_decorators","_notificationRole_decorators","_statusLabel_decorators","__badgeColor_decorators","state","Boolean","reflect","_hideCloseButton_decorators","_timeout_decorators","Number","__hasDescriptionSlotContent_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_unRead_decorators","__hasDescriptionSlotContent_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","NotificationScss"],"mappings":"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"}
1
+ {"version":3,"file":"notification.js","sources":["../../../../src/components/reusable/notification/notification.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nimport '../button';\nimport closeIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/close-simple.svg';\n\nimport NotificationScss from './notification.scss?inline';\nimport '../card';\nimport successIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/checkmark-filled.svg';\nimport warningIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/warning-filled.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\nimport infoIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/information-filled.svg';\n\nimport '../badge';\n/**\n * Notification component.\n * @slot unnamed - Slot for notification message body.\n * @slot actions - Slot for menu.\n * @slot icon - Slot for an icon.\n * @fires on-notification-click - Emit event for clickable notification.\n * @fires on-close - Emits when an inline/toast notification closes.\n */\n\n@customElement('kyn-notification')\nexport class Notification extends LitElement {\n static override styles = unsafeCSS(NotificationScss);\n\n /** Notification Title (Required). */\n @property({ type: String })\n accessor notificationTitle = '';\n\n /** Notification subtitle.(optional) */\n @property({ type: String })\n accessor notificationSubtitle = '';\n\n /**\n * Timestamp of notification.\n * It is recommended to add the context along with the timestamp. Example: `Updated 2 mins ago`.\n */\n @property({ type: String })\n accessor timeStamp = '';\n\n /** Card href link */\n @property({ type: String })\n accessor href = '';\n\n /** Notification status / tag type. `'default'`, `'info'`, `'warning'`, `'success'` & `'error'`. */\n @property({ type: String })\n accessor tagStatus = 'default'; // Need to change the name to badgeStatus, once old tags are removed.\n\n /** Notification type. `'normal'`, `'inline'`, `'toast'` and `'clickable'`. Clickable type can be use inside notification panel */\n @property({ type: String })\n accessor type = 'normal';\n\n /** Customizable text strings. */\n @property({ type: Object })\n accessor textStrings: any = {\n success: 'Success',\n warning: 'Warning',\n info: 'Information',\n error: 'Error',\n };\n\n /** Close button description (Required to support accessibility). */\n @property({ type: String })\n accessor closeBtnDescription = 'Close';\n\n /**\n * Assistive text for notification type.\n * Required for `'clickable'`, `'inline'` and `'toast'` notification types.\n * */\n @property({ type: String })\n accessor assistiveNotificationTypeText = '';\n\n /** Notification role (Required to support accessibility). */\n @property({ type: String })\n accessor notificationRole: 'alert' | 'log' | 'status' | undefined;\n\n /**\n * Status label (Required to support accessibility).\n * Assign the localized string value for the word **Status**.\n * */\n @property({ type: String })\n accessor statusLabel = 'Status';\n\n /** Set badgeColor based on provided tagStatus.\n * @internal\n */\n @state()\n accessor _badgeColor: any = {\n success: 'success',\n warning: 'warning',\n info: 'information',\n error: 'error',\n };\n\n /** Set notification mark read prop. Required ony for `type: 'clickable'`.*/\n @property({ type: Boolean, reflect: true })\n accessor unRead = false;\n\n /** Hide close (x) button. Useful only for `type='toast'`. This required `timeout > 0` otherwise toast remain as it is when `hideCloseButton` is set true. */\n @property({ type: Boolean })\n accessor hideCloseButton = false;\n\n /** Timeout (Default 8 seconds for Toast). Specify an optional duration the toast notification should be closed in. Only apply with `type = 'toast'` */\n @property({ type: Number })\n accessor timeout = 8;\n\n /** Track if slot has content to conditionally render description div\n * @internal\n */\n @state()\n accessor _hasDescriptionSlotContent = false;\n\n override render() {\n const cardBgClasses = {\n 'notification-normal': this.type === 'normal',\n 'notification-inline': this.type === 'inline',\n 'notification-toast': this.type === 'toast',\n 'notification-error':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'error',\n 'notification-success':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'success',\n 'notification-warning':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'warning',\n 'notification-info':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'info',\n 'notification-ai':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'ai',\n 'notification-default':\n (this.type === 'inline' || this.type === 'toast') &&\n this.tagStatus === 'default',\n 'notification-no-description': !this._hasDescriptionSlotContent,\n };\n\n return html`\n ${this.type === 'clickable'\n ? html`<kyn-card\n class=\"notification-clickable\"\n ?highlight=${this.unRead}\n type=${this.type}\n href=${this.href}\n target=\"_blank\"\n rel=\"noopener\"\n @on-card-click=${(e: any) => this._handleCardClick(e)}\n hideBorder\n role=${ifDefined(this.notificationRole)}\n >\n <span id=\"notificationType\"\n >${this.assistiveNotificationTypeText}</span\n >\n ${this.renderInnerUI()}\n </kyn-card>`\n : html` <kyn-card\n type=${this.type}\n role=${ifDefined(this.notificationRole)}\n class=\"${classMap(cardBgClasses)}\"\n >\n ${this.type === 'inline' || this.type === 'toast'\n ? html`<span id=\"notificationType\"\n >${this.assistiveNotificationTypeText}</span\n >`\n : null}\n ${this.renderInnerUI()}\n </kyn-card>`}\n `;\n }\n\n private renderInnerUI() {\n const notificationIcon: any = {\n success: successIcon,\n error: errorIcon,\n warning: warningIcon,\n info: infoIcon,\n ai: successIcon,\n default: successIcon,\n };\n\n return html`<div class=\"notification-wrapper\">\n <div class=\"notification-title-wrap\">\n <div class=\"notification-head\">\n ${this.type === 'inline' || this.type === 'toast'\n ? html` <span\n class=\"notification-state-icon ${this.tagStatus}\"\n role=\"img\"\n aria-label=${`${this.textStrings[this.tagStatus]} icon`}\n >\n <slot name=\"icon\">\n ${unsafeSVG(notificationIcon[this.tagStatus])}\n </slot>\n </span>`\n : null}\n\n <div class=\"notification-title\">${this.notificationTitle}</div>\n\n ${this.notificationSubtitle !== '' &&\n (this.type === 'normal' || this.type === 'clickable')\n ? html`\n <div class=\"notification-subtitle\">\n ${this.notificationSubtitle}\n </div>\n `\n : null}\n </div>\n\n <div>\n ${(this.type === 'toast' || this.type === 'inline') &&\n !this.hideCloseButton\n ? html` <kyn-button\n class=\"notification-toast-close-btn\"\n kind=\"ghost\"\n size=\"small\"\n description=${ifDefined(this.closeBtnDescription)}\n @on-click=\"${() => this._handleClose()}\"\n >\n <span\n slot=\"icon\"\n role=\"img\"\n aria-label=${ifDefined(this.closeBtnDescription)}\n >${unsafeSVG(closeIcon)}</span\n >\n </kyn-button>`\n : null}\n <!-- actions slot could be an overflow menu, close icon (for other notification types) etc. -->\n <slot name=\"actions\"></slot>\n </div>\n </div>\n\n ${this._hasDescriptionSlotContent\n ? html`<div class=\"notification-description\">\n <slot @slotchange=\"${this._handleSlotChange}\"></slot>\n </div>`\n : html`<slot\n @slotchange=\"${this._handleSlotChange}\"\n style=\"display: none;\"\n ></slot>`}\n\n <div class=\"notification-content-wrapper\">\n <div class=\"status-tag\">\n ${this.tagStatus !== 'default' &&\n (this.type === 'normal' || this.type === 'clickable')\n ? html`\n <span id=\"statusLabel\">${this.statusLabel}</span>\n <kyn-badge\n type=${'heavy'}\n ?hideIcon=${true}\n label=${this.textStrings[this.tagStatus]}\n status=${this._badgeColor[this.tagStatus]}\n ></kyn-badge>\n `\n : null}\n </div>\n <div class=\"timestamp-wrapper\">\n <div class=\"timestamp-text\">${this.timeStamp}</div>\n </div>\n </div>\n </div>`;\n }\n\n override updated(changedProperties: any) {\n // Close toast notification if timeout > 0\n if (\n this.type === 'toast' &&\n changedProperties.has('timeout') &&\n this.timeout > 0\n ) {\n setTimeout(() => {\n this._close();\n }, this.timeout * 1000);\n }\n }\n\n // Remove toast from DOM\n private _close() {\n const animation = this.animate([{ opacity: '1' }, { opacity: '0' }], {\n duration: 500,\n easing: 'ease-in-out',\n fill: 'forwards',\n });\n animation.onfinish = () => {\n this.parentNode?.removeChild(this);\n };\n\n // emit on-close event\n const event = new CustomEvent('on-close');\n this.dispatchEvent(event);\n }\n\n private _handleClose() {\n this._close();\n }\n\n private _handleCardClick(e: any) {\n const event = new CustomEvent('on-notification-click', {\n detail: e.detail.origEvent,\n });\n this.dispatchEvent(event);\n }\n\n private _handleSlotChange(e: Event) {\n this._checkSlotContent();\n }\n\n private _checkSlotContent() {\n const slot = this.shadowRoot?.querySelector(\n 'slot:not([name])'\n ) as HTMLSlotElement;\n if (!slot) {\n this._hasDescriptionSlotContent = false;\n return;\n }\n\n const assignedNodes = slot.assignedNodes();\n\n const hasContent = assignedNodes.some((node) => {\n if (node.nodeType === Node.ELEMENT_NODE) {\n return true;\n }\n if (node.nodeType === Node.TEXT_NODE) {\n const textContent = node.textContent;\n return (\n textContent !== null &&\n textContent !== undefined &&\n textContent.trim() !== ''\n );\n }\n return false;\n });\n\n this._hasDescriptionSlotContent = hasContent;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-notification': Notification;\n }\n}\n"],"names":["Notification","customElement","LitElement","_classThis","_classSuper","notificationTitle","__classPrivateFieldGet","this","_Notification_notificationTitle_accessor_storage","value","__classPrivateFieldSet","notificationSubtitle","_Notification_notificationSubtitle_accessor_storage","timeStamp","_Notification_timeStamp_accessor_storage","href","_Notification_href_accessor_storage","tagStatus","_Notification_tagStatus_accessor_storage","type","_Notification_type_accessor_storage","textStrings","_Notification_textStrings_accessor_storage","closeBtnDescription","_Notification_closeBtnDescription_accessor_storage","assistiveNotificationTypeText","_Notification_assistiveNotificationTypeText_accessor_storage","notificationRole","_Notification_notificationRole_accessor_storage","statusLabel","_Notification_statusLabel_accessor_storage","_badgeColor","_Notification__badgeColor_accessor_storage","unRead","_Notification_unRead_accessor_storage","hideCloseButton","_Notification_hideCloseButton_accessor_storage","timeout","_Notification_timeout_accessor_storage","_hasDescriptionSlotContent","_Notification__hasDescriptionSlotContent_accessor_storage","render","cardBgClasses","html","e","_handleCardClick","ifDefined","renderInnerUI","classMap","notificationIcon","success","successIcon","error","errorIcon","warning","warningIcon","info","infoIcon","ai","default","unsafeSVG","_handleClose","closeIcon","_handleSlotChange","updated","changedProperties","has","setTimeout","_close","animate","opacity","duration","easing","fill","onfinish","_a","parentNode","removeChild","event","CustomEvent","dispatchEvent","detail","origEvent","_checkSlotContent","slot","shadowRoot","querySelector","hasContent","assignedNodes","some","node","nodeType","Node","ELEMENT_NODE","TEXT_NODE","textContent","trim","set","__runInitializers","_notificationTitle_initializers","_notificationTitle_extraInitializers","_notificationSubtitle_initializers","_notificationSubtitle_extraInitializers","_timeStamp_initializers","_timeStamp_extraInitializers","_href_initializers","_href_extraInitializers","_tagStatus_initializers","_tagStatus_extraInitializers","_type_initializers","_type_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","_closeBtnDescription_initializers","_closeBtnDescription_extraInitializers","_assistiveNotificationTypeText_initializers","_assistiveNotificationTypeText_extraInitializers","_notificationRole_initializers","_notificationRole_extraInitializers","_statusLabel_initializers","_statusLabel_extraInitializers","__badgeColor_initializers","__badgeColor_extraInitializers","_unRead_initializers","_unRead_extraInitializers","_hideCloseButton_initializers","_hideCloseButton_extraInitializers","_timeout_initializers","_timeout_extraInitializers","__hasDescriptionSlotContent_initializers","_notificationTitle_decorators","property","String","_notificationSubtitle_decorators","_timeStamp_decorators","_href_decorators","_tagStatus_decorators","_type_decorators","_textStrings_decorators","Object","_closeBtnDescription_decorators","_assistiveNotificationTypeText_decorators","_notificationRole_decorators","_statusLabel_decorators","__badgeColor_decorators","state","Boolean","reflect","_hideCloseButton_decorators","_timeout_decorators","Number","__hasDescriptionSlotContent_decorators","__esDecorate","kind","name","static","private","access","obj","get","metadata","_metadata","_unRead_decorators","__hasDescriptionSlotContent_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","NotificationScss"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kyndryl-design-system/shidoka-applications",
3
- "version": "2.51.2",
3
+ "version": "2.52.0",
4
4
  "description": "Shidoka Web Components for Applications",
5
5
  "license": "MIT",
6
6
  "main": "index.js",