@kyndryl-design-system/shidoka-applications 1.3.9 → 1.4.0

package/components/reusable/tag/index.d.ts

@@ -0,0 +1,3 @@
+export { Tag } from './tag';
+export { TagGroup } from './tagGroup';
+//# sourceMappingURL=index.d.ts.map

package/components/reusable/tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/components/reusable/tag/index.js

@@ -0,0 +1,2 @@
+export{Tag}from"./tag.js";export{TagGroup}from"./tagGroup.js";
+//# sourceMappingURL=index.js.map

package/components/reusable/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/reusable/tag/tag.d.ts

@@ -0,0 +1,41 @@
+import { LitElement } from 'lit';
+import '@kyndryl-design-system/shidoka-foundation/components/icon';
+/**
+ * Tag.
+ * @fires on-close - Captures the close event and emits the Tag value. Works with filterable tags.
+ */
+export declare class Tag extends LitElement {
+    static styles: import("lit").CSSResultGroup;
+    /**
+     * Tag name (Required).
+     */
+    label: string;
+    /**
+     * Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.
+     */
+    tagSize: string;
+    /**
+     * Specify if the Tag is disabled.
+     */
+    disabled: boolean;
+    /**
+     * Determine if Tag state is filter.
+     */
+    filter: boolean;
+    /**
+     * Shade `'light'` (default) and `'dark'` for tag
+     */
+    shade: string;
+    /**
+     * Color variants. Default spruce
+     */
+    tagColor: string;
+    render(): import("lit-html").TemplateResult<1>;
+    private handleTagClear;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kyn-tag': Tag;
+    }
+}
+//# sourceMappingURL=tag.d.ts.map

package/components/reusable/tag/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/tag/tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,2DAA2D,CAAC;AAInE;;;GAGG;AAEH,qBACa,GAAI,SAAQ,UAAU;IACjC,OAAgB,MAAM,+BAAW;IAEjC;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,OAAO,SAAQ;IAEf;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,SAAW;IAEhB;;OAEG;IAEH,QAAQ,SAAY;IAEX,MAAM;IAsDf,OAAO,CAAC,cAAc;CAavB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,GAAG,CAAC;KAChB;CACF"}

package/components/reusable/tag/tag.js

@@ -0,0 +1,24 @@
+import{__decorate as t}from"../../../_virtual/_tslib.js";import'./../../../external/@lit/reactive-element/reactive-element.js';import{html as e}from'./../../../external/lit-html/lit-html.js';import{LitElement as s}from'./../../../external/lit-element/lit-element.js';import{customElement as i}from'./../../../external/@lit/reactive-element/decorators/custom-element.js';import{property as o}from'./../../../external/@lit/reactive-element/decorators/property.js';import'./../../../external/@lit/reactive-element/decorators/query-assigned-elements.js';import{classMap as l}from'./../../../external/lit-html/directives/class-map.js';import"@kyndryl-design-system/shidoka-foundation/components/icon";import a from'./../../../external/@carbon/icons/es/close/16.js';import r from"./tag.scss.js";let d=class extends s{constructor(){super(...arguments),this.label="",this.tagSize="md",this.disabled=!1,this.filter=!1,this.shade="light",this.tagColor="spruce"}render(){const t=`tag-${this.tagColor}`,s="dark"===this.shade?"-dark":"",i="md"===this.tagSize?"tag-medium":"tag-small",o={tags:!0,"tag-disable":this.disabled,[`${t}${s}`]:!0,[`${i}`]:!0,[`${i}-filter`]:this.filter},r={"tag-close-btn":!0,[`${`${t}${s}-close-btn`}`]:!0,[`${`tag-close-btn-${this.tagSize}`}`]:!0},d={"tag-label":!0,[`${i}-label`]:!0,[`${i}-label-filter`]:this.filter};return e`
+      <div
+        class="${l(o)}"
+        tagSize="${this.tagSize}"
+        ?disabled="${this.disabled}"
+        ?filter=${this.filter}
+        tagColor=${this.tagColor}
+        shade=${this.shade}
+        title="${this.label}"
+      >
+        <span class="${l(d)}">${this.label}</span>
+        ${this.filter?e`
+              <button
+                class="${l(r)}"
+                shade=${this.shade}
+                ?disabled="${this.disabled}"
+                @click=${t=>this.handleTagClear(t,this.label)}
+              >
+                <kd-icon .icon=${a}></kd-icon>
+              </button>
+            `:""}
+      </div>
+    `}handleTagClear(t,e){if(!this.disabled){const s=new CustomEvent("on-close",{bubbles:!0,composed:!0,detail:{value:e,origEvent:t}});this.dispatchEvent(s)}}};d.styles=r,t([o({type:String})],d.prototype,"label",void 0),t([o({type:String})],d.prototype,"tagSize",void 0),t([o({type:Boolean})],d.prototype,"disabled",void 0),t([o({type:Boolean})],d.prototype,"filter",void 0),t([o({type:String})],d.prototype,"shade",void 0),t([o({type:String})],d.prototype,"tagColor",void 0),d=t([i("kyn-tag")],d);export{d as Tag};
+//# sourceMappingURL=tag.js.map

package/components/reusable/tag/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sources":["../../../../src/components/reusable/tag/tag.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport '@kyndryl-design-system/shidoka-foundation/components/icon';\nimport clearIcon16 from '@carbon/icons/es/close/16';\nimport TagScss from './tag.scss';\n\n/**\n * Tag.\n * @fires on-close - Captures the close event and emits the Tag value. Works with filterable tags.\n */\n\n@customElement('kyn-tag')\nexport class Tag extends LitElement {\n  static override styles = TagScss;\n\n  /**\n   * Tag name (Required).\n   */\n  @property({ type: String })\n  label = '';\n\n  /**\n   * Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.\n   */\n  @property({ type: String })\n  tagSize = 'md';\n\n  /**\n   * Specify if the Tag is disabled.\n   */\n  @property({ type: Boolean })\n  disabled = false;\n\n  /**\n   * Determine if Tag state is filter.\n   */\n  @property({ type: Boolean })\n  filter = false;\n\n  /**\n   * Shade `'light'` (default) and `'dark'` for tag\n   */\n  @property({ type: String })\n  shade = 'light';\n\n  /**\n   * Color variants. Default spruce\n   */\n  @property({ type: String })\n  tagColor = 'spruce';\n\n  override render() {\n    const baseColorClass = `tag-${this.tagColor}`;\n    const shadeClass = this.shade === 'dark' ? '-dark' : '';\n    const sizeClass = this.tagSize === 'md' ? 'tag-medium' : 'tag-small';\n\n    const tagClasses = {\n      tags: true,\n      'tag-disable': this.disabled,\n      [`${baseColorClass}${shadeClass}`]: true,\n      [`${sizeClass}`]: true,\n      [`${sizeClass}-filter`]: this.filter,\n    };\n\n    const iconOutlineClasses = `${baseColorClass}${shadeClass}-close-btn`;\n    const iconOutlineOffsetClass = `tag-close-btn-${this.tagSize}`;\n    const iconClasses = {\n      'tag-close-btn': true,\n      [`${iconOutlineClasses}`]: true,\n      [`${iconOutlineOffsetClass}`]: true,\n    };\n\n    const labelClasses = {\n      'tag-label': true,\n      [`${sizeClass}-label`]: true,\n      [`${sizeClass}-label-filter`]: this.filter,\n    };\n\n    return html`\n      <div\n        class=\"${classMap(tagClasses)}\"\n        tagSize=\"${this.tagSize}\"\n        ?disabled=\"${this.disabled}\"\n        ?filter=${this.filter}\n        tagColor=${this.tagColor}\n        shade=${this.shade}\n        title=\"${this.label}\"\n      >\n        <span class=\"${classMap(labelClasses)}\">${this.label}</span>\n        ${this.filter\n          ? html`\n              <button\n                class=\"${classMap(iconClasses)}\"\n                shade=${this.shade}\n                ?disabled=\"${this.disabled}\"\n                @click=${(e: any) => this.handleTagClear(e, this.label)}\n              >\n                <kd-icon .icon=${clearIcon16}></kd-icon>\n              </button>\n            `\n          : ''}\n      </div>\n    `;\n  }\n\n  private handleTagClear(e: any, value: string) {\n    if (!this.disabled) {\n      const event = new CustomEvent('on-close', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          value,\n          origEvent: e,\n        },\n      });\n      this.dispatchEvent(event);\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-tag': Tag;\n  }\n}\n"],"names":["Tag","LitElement","constructor","this","label","tagSize","disabled","filter","shade","tagColor","render","baseColorClass","shadeClass","sizeClass","tagClasses","tags","iconClasses","labelClasses","html","classMap","e","handleTagClear","clearIcon16","value","event","CustomEvent","bubbles","composed","detail","origEvent","dispatchEvent","styles","TagScss","__decorate","property","type","String","prototype","Boolean","customElement"],"mappings":"qyBAaO,IAAMA,EAAN,cAAkBC,EAAlBC,kCAOLC,KAAKC,MAAG,GAMRD,KAAOE,QAAG,KAMVF,KAAQG,UAAG,EAMXH,KAAMI,QAAG,EAMTJ,KAAKK,MAAG,QAMRL,KAAQM,SAAG,QAqEZ,CAnEUC,SACP,MAAMC,EAAiB,OAAOR,KAAKM,WAC7BG,EAA4B,SAAfT,KAAKK,MAAmB,QAAU,GAC/CK,EAA6B,OAAjBV,KAAKE,QAAmB,aAAe,YAEnDS,EAAa,CACjBC,MAAM,EACN,cAAeZ,KAAKG,SACpB,CAAC,GAAGK,IAAiBC,MAAe,EACpC,CAAC,GAAGC,MAAc,EAClB,CAAC,GAAGA,YAAqBV,KAAKI,QAK1BS,EAAc,CAClB,iBAAiB,EACjB,CAAC,GAJwB,GAAGL,IAAiBC,kBAIlB,EAC3B,CAAC,GAJ4B,iBAAiBT,KAAKE,cAIpB,GAG3BY,EAAe,CACnB,aAAa,EACb,CAAC,GAAGJ,YAAoB,EACxB,CAAC,GAAGA,kBAA2BV,KAAKI,QAGtC,OAAOW,CAAI;;iBAEEC,EAASL;mBACPX,KAAKE;qBACHF,KAAKG;kBACRH,KAAKI;mBACJJ,KAAKM;gBACRN,KAAKK;iBACJL,KAAKC;;uBAECe,EAASF,OAAkBd,KAAKC;UAC7CD,KAAKI,OACHW,CAAI;;yBAESC,EAASH;wBACVb,KAAKK;6BACAL,KAAKG;yBACRc,GAAWjB,KAAKkB,eAAeD,EAAGjB,KAAKC;;iCAEhCkB;;cAGrB;;KAGT,CAEOD,eAAeD,EAAQG,GAC7B,IAAKpB,KAAKG,SAAU,CAClB,MAAMkB,EAAQ,IAAIC,YAAY,WAAY,CACxCC,SAAS,EACTC,UAAU,EACVC,OAAQ,CACNL,QACAM,UAAWT,KAGfjB,KAAK2B,cAAcN,EACpB,CACF,GAxGexB,EAAM+B,OAAGC,EAMzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACPpC,EAAAqC,UAAA,aAAA,GAMXJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACHpC,EAAAqC,UAAA,eAAA,GAMfJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,WACDtC,EAAAqC,UAAA,gBAAA,GAMjBJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,WACHtC,EAAAqC,UAAA,cAAA,GAMfJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACFpC,EAAAqC,UAAA,aAAA,GAMhBJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACEpC,EAAAqC,UAAA,gBAAA,GArCTrC,EAAGiC,EAAA,CADfM,EAAc,YACFvC"}

package/components/reusable/tag/tag.scss.js

@@ -0,0 +1,304 @@
+import'./../../../external/@lit/reactive-element/reactive-element.js';import'./../../../external/lit-html/lit-html.js';import'./../../../external/lit-element/lit-element.js';import{css as o}from'./../../../external/@lit/reactive-element/css-tag.js';var t=o`*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+:root {
+  --kd-current-breakpoint: sm;
+}
+@media (min-width: 42rem) {
+  :root {
+    --kd-current-breakpoint: md;
+  }
+}
+@media (min-width: 74rem) {
+  :root {
+    --kd-current-breakpoint: lg;
+  }
+}
+@media (min-width: 82rem) {
+  :root {
+    --kd-current-breakpoint: xl;
+  }
+}
+@media (min-width: 99rem) {
+  :root {
+    --kd-current-breakpoint: max;
+  }
+}
+
+:host {
+  display: inline-block;
+}
+
+.tags {
+  font-family: var(--kd-font-family-secondary);
+  font-size: var(--kd-font-size-utility-3-sm);
+  line-height: var(--kd-line-height-utility-3-sm);
+  font-weight: var(--kd-font-weight-regular);
+  letter-spacing: var(--kd-letter-spacing-5);
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  border-radius: 4px;
+  gap: 4px;
+  color: var(--kd-color-text-primary);
+  min-width: 24px;
+}
+@media (min-width: 42rem) {
+  .tags {
+    font-size: var(--kd-font-size-utility-3-md);
+    line-height: var(--kd-line-height-utility-3-md);
+  }
+}
+@media (min-width: 74rem) {
+  .tags {
+    font-size: var(--kd-font-size-utility-3-lg);
+    line-height: var(--kd-line-height-utility-3-lg);
+  }
+}
+@media (min-width: 82rem) {
+  .tags {
+    font-size: var(--kd-font-size-utility-3-xlg);
+    line-height: var(--kd-line-height-utility-3-xlg);
+  }
+}
+@media (min-width: 99rem) {
+  .tags {
+    font-size: var(--kd-font-size-utility-3-max);
+    line-height: var(--kd-line-height-utility-3-max);
+  }
+}
+
+.tag-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 104px;
+}
+
+.tag-close-btn {
+  color: inherit;
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  border-color: inherit;
+  align-items: center;
+  display: flex;
+  cursor: pointer;
+  outline-offset: -3px;
+  outline: 1px solid transparent;
+  transition: outline 150ms ease-out;
+}
+.tag-close-btn-md {
+  height: 24px;
+  padding: 4px;
+}
+.tag-close-btn-md:hover {
+  outline-offset: -3px;
+}
+.tag-close-btn-md:focus, .tag-close-btn-md:active {
+  outline-offset: -4px;
+}
+.tag-close-btn-sm {
+  height: 20px;
+  padding: 2px;
+}
+.tag-close-btn-sm:hover {
+  outline-offset: -3px;
+}
+.tag-close-btn-sm:focus, .tag-close-btn-sm:active {
+  outline-offset: -4px;
+}
+.tag-close-btn:hover {
+  outline-width: 1px;
+  outline-style: solid;
+}
+.tag-close-btn:focus, .tag-close-btn:active {
+  outline-width: 2px;
+  outline-style: solid;
+}
+.tag-close-btn[disabled] {
+  background-color: var(--kd-color-background-disabled);
+  color: var(--kd-color-text-disabled);
+  border: none;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.tag {
+  /* Grey color */
+  /* spruce color */
+  /* failed color */
+  /* warning color */
+  /* passed color */
+  /** NOTE: Here onwards color has HEX value as there is no color pallete for Data Viz yet **/
+  /* cat01 color */
+  /* cat02 color */
+  /* cat03 color */
+  /* cat04 color */
+  /* cat05 color */
+}
+.tag-medium {
+  height: 24px;
+  padding: 0 4px 0 4px;
+}
+.tag-medium-filter {
+  padding-right: 0px;
+}
+.tag-medium-label {
+  padding: 4px 8px 4px 8px;
+}
+.tag-medium-label-filter {
+  padding-right: 1px;
+}
+.tag-small {
+  height: 20px;
+  padding: 0 2px 0 2px;
+}
+.tag-small-filter {
+  padding-right: 0px;
+}
+.tag-small-label {
+  padding: 2px 4px 2px 4px;
+}
+.tag-small-label-filter {
+  padding-right: 0px;
+}
+.tag-disable {
+  cursor: not-allowed;
+  background-color: var(--kd-color-background-disabled) !important;
+  color: var(--kd-color-text-disabled) !important;
+}
+.tag-grey {
+  background-color: var(--kd-color-background-ui-subtle);
+  color: var(--kd-color-text-primary);
+}
+.tag-grey-close-btn:hover, .tag-grey-close-btn:focus, .tag-grey-close-btn:active {
+  outline-color: var(--kd-color-border-primary);
+}
+.tag-grey-dark {
+  background-color: var(--kd-color-background-ui-strong);
+  color: var(--kd-color-text-inversed);
+}
+.tag-grey-dark-close-btn:hover, .tag-grey-dark-close-btn:focus, .tag-grey-dark-close-btn:active {
+  outline-color: var(--kd-color-border-inverse);
+}
+.tag-spruce {
+  background-color: var(--kd-color-spruce-10);
+}
+.tag-spruce-close-btn:hover, .tag-spruce-close-btn:focus, .tag-spruce-close-btn:active {
+  outline-color: var(--kd-color-background-primary);
+}
+.tag-spruce-dark {
+  background-color: var(--kd-color-background-primary);
+  color: var(--kd-color-text-inversed);
+}
+.tag-spruce-dark-close-btn:hover, .tag-spruce-dark-close-btn:focus, .tag-spruce-dark-close-btn:active {
+  outline-color: var(--kd-color-background-inverse-hover);
+}
+.tag-failed {
+  background-color: var(--kd-color-background-error-light);
+}
+.tag-failed-close-btn:hover, .tag-failed-close-btn:focus, .tag-failed-close-btn:active {
+  outline-color: var(--kd-color-border-error);
+}
+.tag-failed-dark {
+  background-color: var(--kd-color-background-destructive);
+  color: var(--kd-color-text-inversed);
+}
+.tag-failed-dark-close-btn:hover, .tag-failed-dark-close-btn:focus, .tag-failed-dark-close-btn:active {
+  outline-color: var(--kd-color-error-light);
+}
+.tag-warning {
+  background-color: var(--kd-color-background-warning-light);
+}
+.tag-warning-close-btn:hover, .tag-warning-close-btn:focus, .tag-warning-close-btn:active {
+  outline-color: var(--kd-color-background-warning);
+}
+.tag-warning-dark {
+  background-color: var(--kd-color-background-warning);
+}
+.tag-warning-dark-close-btn:hover, .tag-warning-dark-close-btn:focus, .tag-warning-dark-close-btn:active {
+  outline-color: var(--kd-color-background-warning-light);
+}
+.tag-passed {
+  background-color: var(--kd-color-background-success-light);
+}
+.tag-passed-close-btn:hover, .tag-passed-close-btn:focus, .tag-passed-close-btn:active {
+  outline-color: #00af41;
+}
+.tag-passed-dark {
+  background-color: #00af41;
+  color: var(--kd-color-text-inversed);
+}
+.tag-passed-dark-close-btn:hover, .tag-passed-dark-close-btn:focus, .tag-passed-dark-close-btn:active {
+  outline-color: var(--kd-color-background-success-light);
+}
+.tag-cat01 {
+  background-color: #ace1f8;
+}
+.tag-cat01-close-btn:hover, .tag-cat01-close-btn:focus, .tag-cat01-close-btn:active {
+  outline-color: #64b5e1;
+}
+.tag-cat01-dark {
+  background-color: #64b5e1;
+  color: var(--kd-color-text-inversed);
+}
+.tag-cat01-dark-close-btn:hover, .tag-cat01-dark-close-btn:focus, .tag-cat01-dark-close-btn:active {
+  outline-color: #ace1f8;
+}
+.tag-cat02 {
+  background-color: #9beeca;
+}
+.tag-cat02-close-btn:hover, .tag-cat02-close-btn:focus, .tag-cat02-close-btn:active {
+  outline-color: #008d72;
+}
+.tag-cat02-dark {
+  background-color: #008d72;
+  color: var(--kd-color-text-inversed);
+}
+.tag-cat02-dark-close-btn:hover, .tag-cat02-dark-close-btn:focus, .tag-cat02-dark-close-btn:active {
+  outline-color: #9beeca;
+}
+.tag-cat03 {
+  background-color: #ffd46a;
+}
+.tag-cat03-close-btn:hover, .tag-cat03-close-btn:focus, .tag-cat03-close-btn:active {
+  outline-color: #f26e01;
+}
+.tag-cat03-dark {
+  background-color: #f26e01;
+  color: var(--kd-color-text-inversed);
+}
+.tag-cat03-dark-close-btn:hover, .tag-cat03-dark-close-btn:focus, .tag-cat03-dark-close-btn:active {
+  outline-color: #ffd46a;
+}
+.tag-cat04 {
+  background-color: #f2c4e2;
+}
+.tag-cat04-close-btn:hover, .tag-cat04-close-btn:focus, .tag-cat04-close-btn:active {
+  outline-color: #c4407e;
+}
+.tag-cat04-dark {
+  background-color: #c4407e;
+  color: var(--kd-color-text-inversed);
+}
+.tag-cat04-dark-close-btn:hover, .tag-cat04-dark-close-btn:focus, .tag-cat04-dark-close-btn:active {
+  outline-color: #f2c4e2;
+}
+.tag-cat05 {
+  background-color: #e2c6ff;
+}
+.tag-cat05-close-btn:hover, .tag-cat05-close-btn:focus, .tag-cat05-close-btn:active {
+  outline-color: #945cc2;
+}
+.tag-cat05-dark {
+  background-color: #945cc2;
+  color: var(--kd-color-text-inversed);
+}
+.tag-cat05-dark-close-btn:hover, .tag-cat05-dark-close-btn:focus, .tag-cat05-dark-close-btn:active {
+  outline-color: #e2c6ff;
+}`;export{t as default};
+//# sourceMappingURL=tag.scss.js.map

package/components/reusable/tag/tag.scss.js.map

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

package/components/reusable/tag/tagGroup.d.ts

@@ -0,0 +1,40 @@
+import { LitElement } from 'lit';
+import './tag';
+/**
+ * Tag & Tag Group
+ * @slot unnamed - Slot for individual tags.
+ */
+export declare class TagGroup extends LitElement {
+    static styles: import("lit").CSSResultGroup;
+    /** Text string customization. */
+    textStrings: {
+        showAll: string;
+        showLess: string;
+    };
+    /** Limits visible tags (5) behind a "Show all" button. Use only if having more than 5 tags.*/
+    limitTags: boolean;
+    /** Tag limit visibility.
+     * @internal
+     */
+    limitRevealed: boolean;
+    /** Tag group filter */
+    filter: boolean;
+    /**
+     * Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.
+     */
+    tagSize: string;
+    /**
+     * Queries for slotted tags.
+     * @ignore
+     */
+    tags: Array<any>;
+    render(): import("lit-html").TemplateResult<1>;
+    updated(changedProps: any): void;
+    private _toggleRevealed;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'kyn-tag-group': TagGroup;
+    }
+}
+//# sourceMappingURL=tagGroup.d.ts.map

package/components/reusable/tag/tagGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/tag/tagGroup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,OAAO,CAAC;AAGf;;;GAGG;AAEH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,+BAAgB;IAEtC,iCAAiC;IAEjC,WAAW;;;MAGT;IAEF,8FAA8F;IAE9F,SAAS,UAAS;IAElB;;OAEG;IAEH,aAAa,UAAS;IAEtB,uBAAuB;IAEvB,MAAM,UAAS;IAEf;;OAEG;IAEH,OAAO,SAAQ;IAEf;;;OAGG;IAEH,IAAI,EAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IAET,MAAM;IAwBN,OAAO,CAAC,YAAY,EAAE,GAAG;IAkBlC,OAAO,CAAC,eAAe;CAexB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,QAAQ,CAAC;KAC3B;CACF"}

package/components/reusable/tag/tagGroup.js

@@ -0,0 +1,14 @@
+import{__decorate as t}from"../../../_virtual/_tslib.js";import'./../../../external/@lit/reactive-element/reactive-element.js';import{html as e}from'./../../../external/lit-html/lit-html.js';import{LitElement as s}from'./../../../external/lit-element/lit-element.js';import{customElement as i}from'./../../../external/@lit/reactive-element/decorators/custom-element.js';import{property as l}from'./../../../external/@lit/reactive-element/decorators/property.js';import{state as o}from'./../../../external/@lit/reactive-element/decorators/state.js';import{queryAssignedElements as a}from'./../../../external/@lit/reactive-element/decorators/query-assigned-elements.js';import{classMap as r}from'./../../../external/lit-html/directives/class-map.js';import"./tag.js";import m from"./tagGroup.scss.js";let n=class extends s{constructor(){super(...arguments),this.textStrings={showAll:"Show all",showLess:"Show less"},this.limitTags=!1,this.limitRevealed=!1,this.filter=!1,this.tagSize="md"}render(){const t={"tag-reveal-toggle":!0,[`tag-reveal-toggle-${this.tagSize}`]:!0};return e`
+      <div class="tags-container">
+        <slot></slot>
+        ${this.limitTags&&this.tags.length>5?e`
+              <button
+                class="${r(t)}"
+                @click=${()=>this._toggleRevealed(!this.limitRevealed)}
+              >
+                ${this.limitRevealed?this.textStrings.showLess:e` ${this.textStrings.showAll}`}
+              </button>
+            `:null}
+      </div>
+    `}updated(t){t.has("filter")&&this.tags.forEach((t=>{t.filter=this.filter})),t.has("tagSize")&&this.tags.forEach((t=>{t.tagSize=this.tagSize})),t.has("limitTags")&&this._toggleRevealed(!1)}_toggleRevealed(t){this.limitRevealed=t,this.tags.forEach(((t,e)=>{!this.limitTags||this.limitRevealed?t.style.display="inline-block":t.style.display=e<5?"inline-block":"none"}))}};n.styles=m,t([l({type:Object})],n.prototype,"textStrings",void 0),t([l({type:Boolean})],n.prototype,"limitTags",void 0),t([o()],n.prototype,"limitRevealed",void 0),t([l({type:Boolean})],n.prototype,"filter",void 0),t([l({type:String})],n.prototype,"tagSize",void 0),t([a()],n.prototype,"tags",void 0),n=t([i("kyn-tag-group")],n);export{n as TagGroup};
+//# sourceMappingURL=tagGroup.js.map

package/components/reusable/tag/tagGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagGroup.js","sources":["../../../../src/components/reusable/tag/tagGroup.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport {\n  customElement,\n  property,\n  state,\n  queryAssignedElements,\n} from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport './tag';\nimport TagGroupScss from './tagGroup.scss';\n\n/**\n * Tag & Tag Group\n * @slot unnamed - Slot for individual tags.\n */\n\n@customElement('kyn-tag-group')\nexport class TagGroup extends LitElement {\n  static override styles = TagGroupScss;\n\n  /** Text string customization. */\n  @property({ type: Object })\n  textStrings = {\n    showAll: 'Show all',\n    showLess: 'Show less',\n  };\n\n  /** Limits visible tags (5) behind a \"Show all\" button. Use only if having more than 5 tags.*/\n  @property({ type: Boolean })\n  limitTags = false;\n\n  /** Tag limit visibility.\n   * @internal\n   */\n  @state()\n  limitRevealed = false;\n\n  /** Tag group filter */\n  @property({ type: Boolean })\n  filter = false;\n\n  /**\n   * Size of the tag, `'md'` (default) or `'sm'`. Icon size: 16px.\n   */\n  @property({ type: String })\n  tagSize = 'md';\n\n  /**\n   * Queries for slotted tags.\n   * @ignore\n   */\n  @queryAssignedElements()\n  tags!: Array<any>;\n\n  override render() {\n    const toggleBtnClasses = {\n      'tag-reveal-toggle': true,\n      [`tag-reveal-toggle-${this.tagSize}`]: true,\n    };\n\n    return html`\n      <div class=\"tags-container\">\n        <slot></slot>\n        ${this.limitTags && this.tags.length > 5\n          ? html`\n              <button\n                class=\"${classMap(toggleBtnClasses)}\"\n                @click=${() => this._toggleRevealed(!this.limitRevealed)}\n              >\n                ${this.limitRevealed\n                  ? this.textStrings.showLess\n                  : html` ${this.textStrings.showAll}`}\n              </button>\n            `\n          : null}\n      </div>\n    `;\n  }\n  override updated(changedProps: any) {\n    // set filter for each tag\n    if (changedProps.has('filter')) {\n      this.tags.forEach((tag: any) => {\n        tag.filter = this.filter;\n      });\n    }\n    // set tag size for each tag\n    if (changedProps.has('tagSize')) {\n      this.tags.forEach((tag: any) => {\n        tag.tagSize = this.tagSize;\n      });\n    }\n    if (changedProps.has('limitTags')) {\n      this._toggleRevealed(false);\n    }\n  }\n\n  private _toggleRevealed(revealed: boolean) {\n    const Limit = 5;\n    this.limitRevealed = revealed;\n    this.tags.forEach((tagEl, index) => {\n      if (!this.limitTags || this.limitRevealed) {\n        tagEl.style.display = 'inline-block';\n      } else {\n        if (index < Limit) {\n          tagEl.style.display = 'inline-block';\n        } else {\n          tagEl.style.display = 'none';\n        }\n      }\n    });\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-tag-group': TagGroup;\n  }\n}\n"],"names":["TagGroup","LitElement","constructor","this","textStrings","showAll","showLess","limitTags","limitRevealed","filter","tagSize","render","toggleBtnClasses","html","tags","length","classMap","_toggleRevealed","updated","changedProps","has","forEach","tag","revealed","tagEl","index","style","display","styles","TagGroupScss","__decorate","property","type","Object","prototype","Boolean","state","String","queryAssignedElements","customElement"],"mappings":"+yBAiBO,IAAMA,EAAN,cAAuBC,EAAvBC,kCAKLC,KAAAC,YAAc,CACZC,QAAS,WACTC,SAAU,aAKZH,KAASI,WAAG,EAMZJ,KAAaK,eAAG,EAIhBL,KAAMM,QAAG,EAMTN,KAAOO,QAAG,IAkEX,CAzDUC,SACP,MAAMC,EAAmB,CACvB,qBAAqB,EACrB,CAAC,qBAAqBT,KAAKO,YAAY,GAGzC,OAAOG,CAAI;;;UAGLV,KAAKI,WAAaJ,KAAKW,KAAKC,OAAS,EACnCF,CAAI;;yBAESG,EAASJ;yBACT,IAAMT,KAAKc,iBAAiBd,KAAKK;;kBAExCL,KAAKK,cACHL,KAAKC,YAAYE,SACjBO,CAAI,IAAIV,KAAKC,YAAYC;;cAGjC;;KAGT,CACQa,QAAQC,GAEXA,EAAaC,IAAI,WACnBjB,KAAKW,KAAKO,SAASC,IACjBA,EAAIb,OAASN,KAAKM,MAAM,IAIxBU,EAAaC,IAAI,YACnBjB,KAAKW,KAAKO,SAASC,IACjBA,EAAIZ,QAAUP,KAAKO,OAAO,IAG1BS,EAAaC,IAAI,cACnBjB,KAAKc,iBAAgB,EAExB,CAEOA,gBAAgBM,GAEtBpB,KAAKK,cAAgBe,EACrBpB,KAAKW,KAAKO,SAAQ,CAACG,EAAOC,MACnBtB,KAAKI,WAAaJ,KAAKK,cAC1BgB,EAAME,MAAMC,QAAU,eAGpBH,EAAME,MAAMC,QADVF,EANM,EAOc,eAEA,MAEzB,GAEJ,GA5FezB,EAAM4B,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,UAIhBjC,EAAAkC,UAAA,mBAAA,GAIFJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,WACAnC,EAAAkC,UAAA,iBAAA,GAMlBJ,EAAA,CADCM,KACqBpC,EAAAkC,UAAA,qBAAA,GAItBJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,WACHnC,EAAAkC,UAAA,cAAA,GAMfJ,EAAA,CADCC,EAAS,CAAEC,KAAMK,UACHrC,EAAAkC,UAAA,eAAA,GAOfJ,EAAA,CADCQ,KACiBtC,EAAAkC,UAAA,YAAA,GAnCPlC,EAAQ8B,EAAA,CADpBS,EAAc,kBACFvC"}

package/components/reusable/tag/tagGroup.scss.js

@@ -0,0 +1,97 @@
+import'./../../../external/@lit/reactive-element/reactive-element.js';import'./../../../external/lit-html/lit-html.js';import'./../../../external/lit-element/lit-element.js';import{css as e}from'./../../../external/@lit/reactive-element/css-tag.js';var t=e`*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+:root {
+  --kd-current-breakpoint: sm;
+}
+@media (min-width: 42rem) {
+  :root {
+    --kd-current-breakpoint: md;
+  }
+}
+@media (min-width: 74rem) {
+  :root {
+    --kd-current-breakpoint: lg;
+  }
+}
+@media (min-width: 82rem) {
+  :root {
+    --kd-current-breakpoint: xl;
+  }
+}
+@media (min-width: 99rem) {
+  :root {
+    --kd-current-breakpoint: max;
+  }
+}
+
+:host {
+  display: block;
+}
+
+.tags-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+}
+
+.tag-reveal-toggle {
+  font-family: var(--kd-font-family-secondary);
+  font-size: var(--kd-font-size-utility-3-sm);
+  line-height: var(--kd-line-height-utility-3-sm);
+  font-weight: var(--kd-font-weight-regular);
+  letter-spacing: var(--kd-letter-spacing-5);
+  padding: 0 4px 0 4px;
+  background: 0 0;
+  border: none;
+  color: var(--kd-color-text-link);
+  border-radius: 2px;
+  cursor: pointer;
+  outline: 2px solid transparent;
+  min-width: 72px;
+  margin-left: 2px;
+}
+@media (min-width: 42rem) {
+  .tag-reveal-toggle {
+    font-size: var(--kd-font-size-utility-3-md);
+    line-height: var(--kd-line-height-utility-3-md);
+  }
+}
+@media (min-width: 74rem) {
+  .tag-reveal-toggle {
+    font-size: var(--kd-font-size-utility-3-lg);
+    line-height: var(--kd-line-height-utility-3-lg);
+  }
+}
+@media (min-width: 82rem) {
+  .tag-reveal-toggle {
+    font-size: var(--kd-font-size-utility-3-xlg);
+    line-height: var(--kd-line-height-utility-3-xlg);
+  }
+}
+@media (min-width: 99rem) {
+  .tag-reveal-toggle {
+    font-size: var(--kd-font-size-utility-3-max);
+    line-height: var(--kd-line-height-utility-3-max);
+  }
+}
+.tag-reveal-toggle:hover {
+  color: var(--kd-color-text-link-hover);
+  background-color: var(--kd-color-background-accent-subtle);
+}
+.tag-reveal-toggle:active {
+  color: var(--kd-color-text-pressed);
+}
+.tag-reveal-toggle:focus {
+  outline-color: var(--kd-color-border-focus);
+}
+.tag-reveal-toggle-md {
+  height: 24px;
+}
+.tag-reveal-toggle-sm {
+  height: 20px;
+}`;export{t as default};
+//# sourceMappingURL=tagGroup.scss.js.map

package/components/reusable/tag/tagGroup.scss.js.map

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

package/index.d.ts

@@ -19,4 +19,5 @@ export { OverflowMenu, OverflowMenuItem, } from './components/reusable/overflowM
 export { Tabs, Tab, TabPanel } from './components/reusable/tabs';
 export { Modal } from './components/reusable/modal';
 export { Tooltip } from './components/reusable/tooltip';
+export { Tag, TagGroup } from './components/reusable/tag';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,GAChB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EACL,WAAW,EACX,gBAAgB,GACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EACL,YAAY,EACZ,gBAAgB,GACjB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,GAChB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EACL,WAAW,EACX,gBAAgB,GACjB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EACL,YAAY,EACZ,gBAAgB,GACjB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC"}

package/index.js

@@ -1,2 +1,2 @@
-export{Header}from"./components/global/header/header.js";export{HeaderNav}from"./components/global/header/headerNav.js";export{HeaderLink}from"./components/global/header/headerLink.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderAvatar}from"./components/global/header/headerAvatar.js";export{HeaderPanel}from"./components/global/header/headerPanel.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{Footer}from"./components/global/footer/footer.js";export{FooterNav}from"./components/global/footer/footerNav.js";export{FooterNavLink}from"./components/global/footer/footerLink.js";export{UiShell}from"./components/global/uiShell/uiShell.js";export{RadioButton}from"./components/reusable/radioButton/radioButton.js";export{RadioButtonGroup}from"./components/reusable/radioButton/radioButtonGroup.js";export{Checkbox}from"./components/reusable/checkbox/checkbox.js";export{CheckboxGroup}from"./components/reusable/checkbox/checkboxGroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{BreadcrumbItem}from"./components/reusable/breadcrumbs/breadcrumbItem.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{Table}from"./components/reusable/table/Table.js";import"./components/reusable/table/table-cell.js";import"./components/reusable/table/table-row.js";import"./components/reusable/table/table-body.js";import"./components/reusable/table/table-head.js";import"./components/reusable/table/table-header.js";import"./components/reusable/table/table-footer.js";import"./components/reusable/table/table-toolbar.js";import"./components/reusable/table/table-container.js";export{Pagination}from"./components/reusable/pagination/Pagination.js";import"./components/reusable/pagination/pagination-items-range.js";import"./components/reusable/pagination/pagination-page-size-dropdown.js";import"./components/reusable/pagination/pagination-navigation-buttons.js";export{DataTable}from"./components/reusable/table/data-table.js";export{OverflowMenu}from"./components/reusable/overflowMenu/overflowMenu.js";export{OverflowMenuItem}from"./components/reusable/overflowMenu/overflowMenuItem.js";export{Tabs}from"./components/reusable/tabs/tabs.js";export{Tab}from"./components/reusable/tabs/tab.js";export{TabPanel}from"./components/reusable/tabs/tabPanel.js";export{Modal}from"./components/reusable/modal/modal.js";export{Tooltip}from"./components/reusable/tooltip/tooltip.js";
+export{Header}from"./components/global/header/header.js";export{HeaderNav}from"./components/global/header/headerNav.js";export{HeaderLink}from"./components/global/header/headerLink.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderAvatar}from"./components/global/header/headerAvatar.js";export{HeaderPanel}from"./components/global/header/headerPanel.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{Footer}from"./components/global/footer/footer.js";export{FooterNav}from"./components/global/footer/footerNav.js";export{FooterNavLink}from"./components/global/footer/footerLink.js";export{UiShell}from"./components/global/uiShell/uiShell.js";export{RadioButton}from"./components/reusable/radioButton/radioButton.js";export{RadioButtonGroup}from"./components/reusable/radioButton/radioButtonGroup.js";export{Checkbox}from"./components/reusable/checkbox/checkbox.js";export{CheckboxGroup}from"./components/reusable/checkbox/checkboxGroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{BreadcrumbItem}from"./components/reusable/breadcrumbs/breadcrumbItem.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{Table}from"./components/reusable/table/Table.js";import"./components/reusable/table/table-cell.js";import"./components/reusable/table/table-row.js";import"./components/reusable/table/table-body.js";import"./components/reusable/table/table-head.js";import"./components/reusable/table/table-header.js";import"./components/reusable/table/table-footer.js";import"./components/reusable/table/table-toolbar.js";import"./components/reusable/table/table-container.js";export{Pagination}from"./components/reusable/pagination/Pagination.js";import"./components/reusable/pagination/pagination-items-range.js";import"./components/reusable/pagination/pagination-page-size-dropdown.js";import"./components/reusable/pagination/pagination-navigation-buttons.js";export{DataTable}from"./components/reusable/table/data-table.js";export{OverflowMenu}from"./components/reusable/overflowMenu/overflowMenu.js";export{OverflowMenuItem}from"./components/reusable/overflowMenu/overflowMenuItem.js";export{Tabs}from"./components/reusable/tabs/tabs.js";export{Tab}from"./components/reusable/tabs/tab.js";export{TabPanel}from"./components/reusable/tabs/tabPanel.js";export{Modal}from"./components/reusable/modal/modal.js";export{Tooltip}from"./components/reusable/tooltip/tooltip.js";export{Tag}from"./components/reusable/tag/tag.js";export{TagGroup}from"./components/reusable/tag/tagGroup.js";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kyndryl-design-system/shidoka-applications",
-  "version": "1.3.9",
+  "version": "1.4.0",
   "description": "Shidoka Web Components for Applications",
   "main": "index.js",
   "type": "module",