@kyndryl-design-system/shidoka-applications 2.14.0 → 2.14.2
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.
- package/components/reusable/dropdown/dropdown.js +1 -1
- package/components/reusable/dropdown/index.js +1 -1
- package/components/reusable/globalFilter/globalFilter.table.sample.d.ts.map +1 -1
- package/components/reusable/notification/index.js +1 -1
- package/components/reusable/notification/notification.js +1 -1
- package/components/reusable/pagination/Pagination.js +1 -1
- package/components/reusable/pagination/index.js +1 -1
- package/components/reusable/pagination/pagination-page-size-dropdown.js +1 -1
- package/components/reusable/tabs/tab.js +0 -3
- package/components/reusable/tabs/tab.js.map +1 -1
- package/components/reusable/tag/index.js +1 -1
- package/components/reusable/tag/tag.js +1 -1
- package/components/reusable/tag/tag.skeleton.js +1 -1
- package/components/reusable/tag/tagGroup.js +1 -1
- package/index.js +1 -1
- package/package.json +2 -2
- package/{tag-bf951183.js → tag-728a04da.js} +58 -1
- package/{tag-bf951183.js.map → tag-728a04da.js.map} +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{o as i,n as l,t as o,l as s,i as a,e as r}from"../../../vendor/lit-7b0f5ebf.js";import{i as n,x as d,s as h}from"../../../vendor/lit-element-c6c02f24.js";import{FormMixin as c}from"../../../common/mixins/form-input.js";import{d as p}from"../../../vendor/deepmerge-ts-e62363e6.js";import"./dropdownOption.js";import"../tag/tag.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import"../button/button.js";import{j as u,f as v,i as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../checkbox/checkboxSubgroup.js";import"../../../tag-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{o as t}from"../../../vendor/lit-html-29220869.js";import{o as i,n as l,t as o,l as s,i as a,e as r}from"../../../vendor/lit-7b0f5ebf.js";import{i as n,x as d,s as h}from"../../../vendor/lit-element-c6c02f24.js";import{FormMixin as c}from"../../../common/mixins/form-input.js";import{d as p}from"../../../vendor/deepmerge-ts-e62363e6.js";import"./dropdownOption.js";import"../tag/tag.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import"../button/button.js";import{j as u,f as v,i as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../checkbox/checkboxSubgroup.js";import"../../../tag-728a04da.js";import"../link/link.js";import"../link/defs.js";import"../loaders/skeleton.js";var g=n`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Dropdown}from"./dropdown.js";export{DropdownOption}from"./dropdownOption.js";export{DropdownCategory}from"./dropdownCategory.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-7b0f5ebf.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../tag/tag.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../../../tag-
|
|
1
|
+
export{Dropdown}from"./dropdown.js";export{DropdownOption}from"./dropdownOption.js";export{DropdownCategory}from"./dropdownCategory.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-7b0f5ebf.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../tag/tag.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../../../tag-728a04da.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../checkbox/checkboxSubgroup.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"globalFilter.table.sample.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/globalFilter/globalFilter.table.sample.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,SAAS,CAAC;AACjB,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,CAAC;AAClB,OAAO,cAAc,CAAC;AACtB,OAAO,iBAAiB,CAAC;AACzB,OAAO,QAAQ,CAAC;AAChB,OAAO,UAAU,CAAC;AAClB,OAAO,WAAW,CAAC;AACnB,OAAO,cAAc,CAAC;AAQtB,8EAA8E;AAC9E,qBACa,0BAA2B,SAAQ,UAAU;IACxD,OAAgB,MAAM,0BAcpB;IAEF,+CAA+C;IAE/C,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAazB;IAGF,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAuC;IAG5D,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAGnC,OAAO,CAAC,UAAU,CAShB;IAGF,OAAO,CAAC,iBAAiB,CASvB;IAGF,YAAY,UAAM;IAGlB,MAAM,UAAS;IAEf,OAAO,CAAC,UAAU;IAIlB;;;OAGG;IAEH,OAAO,CAAC,QAAQ,CAAM;IAGtB,OAAO,CAAC,SAAS,CAAM;IAEd,MAAM;
|
|
1
|
+
{"version":3,"file":"globalFilter.table.sample.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/globalFilter/globalFilter.table.sample.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,SAAS,CAAC;AACjB,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,CAAC;AAClB,OAAO,cAAc,CAAC;AACtB,OAAO,iBAAiB,CAAC;AACzB,OAAO,QAAQ,CAAC;AAChB,OAAO,UAAU,CAAC;AAClB,OAAO,WAAW,CAAC;AACnB,OAAO,cAAc,CAAC;AAQtB,8EAA8E;AAC9E,qBACa,0BAA2B,SAAQ,UAAU;IACxD,OAAgB,MAAM,0BAcpB;IAEF,+CAA+C;IAE/C,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAazB;IAGF,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAuC;IAG5D,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,CAAM;IAGnC,OAAO,CAAC,UAAU,CAShB;IAGF,OAAO,CAAC,iBAAiB,CASvB;IAGF,YAAY,UAAM;IAGlB,MAAM,UAAS;IAEf,OAAO,CAAC,UAAU;IAIlB;;;OAGG;IAEH,OAAO,CAAC,QAAQ,CAAM;IAGtB,OAAO,CAAC,SAAS,CAAM;IAEd,MAAM;IAqKf,OAAO,CAAC,aAAa;IAQrB,OAAO,CAAC,iBAAiB;IAezB,OAAO,CAAC,iBAAiB;IAazB,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,OAAO;IAoCN,YAAY;IAQrB,OAAO,CAAC,oBAAoB;YAWd,mBAAmB;IAiBjC,OAAO,CAAC,yBAAyB;IAMjC,OAAO,CAAC,mBAAmB;CAiB5B;AACD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,+BAA+B,EAAE,0BAA0B,CAAC;KAC7D;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Notification}from"./notification.js";export{NotificationContainer}from"./notificationContainer.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-7b0f5ebf.js";import"../../../vendor/lit-element-c6c02f24.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../card/card.js";import"../card/vitalCard.skeleton.js";import"../loaders/skeleton.js";import"../../../cardSample-2ca726a3.js";import"../card/informationalCard.skeleton.js";import"../tag/tag.js";import"../../../tag-
|
|
1
|
+
export{Notification}from"./notification.js";export{NotificationContainer}from"./notificationContainer.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-7b0f5ebf.js";import"../../../vendor/lit-element-c6c02f24.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../card/card.js";import"../card/vitalCard.skeleton.js";import"../loaders/skeleton.js";import"../../../cardSample-2ca726a3.js";import"../card/informationalCard.skeleton.js";import"../tag/tag.js";import"../../../tag-728a04da.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as i}from"../../../vendor/lit-html-29220869.js";import{n as o,t as n,c as e,o as a,e as r}from"../../../vendor/lit-7b0f5ebf.js";import{i as s,s as l,x as d}from"../../../vendor/lit-element-c6c02f24.js";import"../button/button.js";import{c,r as p,i as f,w as h,t as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../card/card.js";import"../card/vitalCard.skeleton.js";import"../card/informationalCard.skeleton.js";import"../tag/tag.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../loaders/skeleton.js";import"../../../cardSample-2ca726a3.js";import"../../../tag-
|
|
1
|
+
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{o as i}from"../../../vendor/lit-html-29220869.js";import{n as o,t as n,c as e,o as a,e as r}from"../../../vendor/lit-7b0f5ebf.js";import{i as s,s as l,x as d}from"../../../vendor/lit-element-c6c02f24.js";import"../button/button.js";import{c,r as p,i as f,w as h,t as m}from"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../card/card.js";import"../card/vitalCard.skeleton.js";import"../card/informationalCard.skeleton.js";import"../tag/tag.js";import"../tag/tagGroup.js";import"../tag/tag.skeleton.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../loaders/skeleton.js";import"../../../cardSample-2ca726a3.js";import"../../../tag-728a04da.js";import"../link/link.js";import"../link/defs.js";var g=s`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,t as i,e as o}from"../../../vendor/lit-7b0f5ebf.js";import{s as n,x as p}from"../../../vendor/lit-element-c6c02f24.js";import{c as a}from"../../../pagination-a04f2f18.js";import"./pagination-items-range.js";import"./pagination-page-size-dropdown.js";import"./pagination-navigation-buttons.js";import"../dropdown/dropdown.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../dropdown/dropdownOption.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../checkbox/checkboxSubgroup.js";import"../tag/tag.js";import"../../../tag-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,t as i,e as o}from"../../../vendor/lit-7b0f5ebf.js";import{s as n,x as p}from"../../../vendor/lit-element-c6c02f24.js";import{c as a}from"../../../pagination-a04f2f18.js";import"./pagination-items-range.js";import"./pagination-page-size-dropdown.js";import"./pagination-navigation-buttons.js";import"../dropdown/dropdown.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../dropdown/dropdownOption.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../checkbox/checkboxSubgroup.js";import"../tag/tag.js";import"../../../tag-728a04da.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";let s=class extends n{constructor(){super(...arguments),this.count=0,this.pageNumber=1,this.pageSize=5,this.pageSizeOptions=[5,10,20,30,40,50,100],this._numberOfPages=1,this.pageSizeDropdownLabel="Items Per Page:",this.hideItemsRange=!1,this.hidePageSizeDropdown=!1,this.hideNavigationButtons=!1,this.textStrings={showing:"Showing",of:"of",items:"items",pages:"pages",itemsPerPage:"Items per page:",previousPage:"Previous page",nextPage:"Next page"}}handlePageSizeChange(e){this.pageSize=e.detail.value,this.pageNumber=1}handlePageNumberChange(e){this.pageNumber=e.detail.value}render(){return p`
|
|
2
2
|
${this.hideItemsRange?null:p`
|
|
3
3
|
<kyn-pagination-items-range
|
|
4
4
|
.pageNumber=${this.pageNumber}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Pagination}from"./Pagination.js";export{PaginationItemsRange}from"./pagination-items-range.js";export{PaginationPageSizeDropdown}from"./pagination-page-size-dropdown.js";export{PaginationNavigationButtons}from"./pagination-navigation-buttons.js";export{PaginationSkeleton}from"./pagination.skeleton.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-7b0f5ebf.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../pagination-a04f2f18.js";import"../dropdown/dropdown.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../dropdown/dropdownOption.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../checkbox/checkboxSubgroup.js";import"../tag/tag.js";import"../../../tag-
|
|
1
|
+
export{Pagination}from"./Pagination.js";export{PaginationItemsRange}from"./pagination-items-range.js";export{PaginationPageSizeDropdown}from"./pagination-page-size-dropdown.js";export{PaginationNavigationButtons}from"./pagination-navigation-buttons.js";export{PaginationSkeleton}from"./pagination.skeleton.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-7b0f5ebf.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../pagination-a04f2f18.js";import"../dropdown/dropdown.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../dropdown/dropdownOption.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../checkbox/checkboxSubgroup.js";import"../tag/tag.js";import"../../../tag-728a04da.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,e as i}from"../../../vendor/lit-7b0f5ebf.js";import{i as o,s as r,x as n}from"../../../vendor/lit-element-c6c02f24.js";import"../dropdown/dropdown.js";import"../dropdown/dropdownOption.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../tag/tag.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../../../tag-
|
|
1
|
+
import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,e as i}from"../../../vendor/lit-7b0f5ebf.js";import{i as o,s as r,x as n}from"../../../vendor/lit-element-c6c02f24.js";import"../dropdown/dropdown.js";import"../dropdown/dropdownOption.js";import"../../../vendor/lit-html-29220869.js";import"../../../common/mixins/form-input.js";import"../../../vendor/deepmerge-ts-e62363e6.js";import"../tag/tag.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../../../tag-728a04da.js";import"../tag/tagGroup.js";import"../link/link.js";import"../link/defs.js";import"../tag/tag.skeleton.js";import"../loaders/skeleton.js";import"../button/button.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";import"../checkbox/checkbox.js";import"../checkbox/checkboxGroup.js";import"../textInput/textInput.js";import"../checkbox/checkboxSubgroup.js";var s=o`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -172,9 +172,6 @@ import{_ as e}from"../../../vendor/tslib-53a81efe.js";import{n as t,t as o,o as
|
|
|
172
172
|
color: var(--kd-color-text-button-dark-primary);
|
|
173
173
|
border-color: transparent;
|
|
174
174
|
}
|
|
175
|
-
.tab.contained.ai-connected--false {
|
|
176
|
-
border-left: 2px solid var(--kd-color-border-error);
|
|
177
|
-
}
|
|
178
175
|
.tab.line.ai-connected--true:not(.disabled) {
|
|
179
176
|
color: var(--kd-color-text-button-ai-default);
|
|
180
177
|
border-color: var(--kd-color-border-variants-ai);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.js","sources":["../../../../src/components/reusable/tabs/tab.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport TabScss from './tab.scss';\n\n@customElement('kyn-tab')\nexport class Tab extends LitElement {\n static override styles = TabScss;\n\n @property({ type: String, reflect: true })\n override id = '';\n\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n @property({ type: Boolean })\n disabled = false;\n\n @state()\n private _size = 'md';\n\n @state()\n private _vertical = false;\n\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'data-aiconnected',\n converter: {\n fromAttribute: (value: string | null) => value === 'true',\n toAttribute: (value: boolean) => (value ? 'true' : 'false'),\n },\n })\n aiConnected = false;\n\n @property({ type: String, reflect: true, attribute: 'data-tab-style' })\n tabStyle = 'contained';\n\n @property({ type: String, reflect: true })\n override role = 'tab';\n\n @property({ type: Number, reflect: true })\n override tabIndex = 0;\n\n @property({ type: String, reflect: true })\n 'aria-selected' = 'false';\n\n @property({ type: String, reflect: true })\n 'aria-controls' = '';\n\n @property({ type: String, reflect: true })\n 'aria-disabled' = 'false';\n\n override render() {\n const classes = {\n tab: true,\n contained: this.tabStyle === 'contained',\n line: this.tabStyle === 'line',\n 'size--sm': this._size === 'sm',\n 'size--md': this._size === 'md',\n vertical: this._vertical,\n selected: this.selected,\n disabled: this.disabled,\n [`ai-connected--${this.aiConnected}`]: true,\n };\n\n return html`\n <div class=${classMap(classes)}>\n <slot></slot>\n </div>\n `;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this.addEventListener('click', this._handleClick);\n }\n\n override disconnectedCallback() {\n this.removeEventListener('click', this._handleClick);\n super.disconnectedCallback();\n }\n\n override willUpdate(changedProps: Map<string, unknown>) {\n if (changedProps.has('id')) {\n this['aria-controls'] = `${this.id}-panel`;\n }\n\n if (changedProps.has('selected')) {\n this['aria-selected'] = this.selected.toString();\n this.tabIndex = this.selected ? 0 : -1;\n }\n\n if (changedProps.has('disabled')) {\n this['aria-disabled'] = this.disabled.toString();\n }\n }\n\n private _handleClick = (e: Event) => {\n if (!this.selected && !this.disabled) {\n const event = new CustomEvent('tab-activated', {\n bubbles: true,\n composed: true,\n detail: { origEvent: e, tabId: this.id },\n });\n this.dispatchEvent(event);\n }\n };\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-tab': Tab;\n }\n}\n"],"names":["Tab","LitElement","constructor","this","id","selected","disabled","_size","_vertical","aiConnected","tabStyle","role","tabIndex","_handleClick","e","event","CustomEvent","bubbles","composed","detail","origEvent","tabId","dispatchEvent","render","classes","tab","contained","line","vertical","html","classMap","connectedCallback","super","addEventListener","disconnectedCallback","removeEventListener","willUpdate","changedProps","has","toString","styles","TabScss","__decorate","property","type","String","reflect","prototype","Boolean","state","attribute","converter","fromAttribute","value","toAttribute","Number","customElement"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tab.js","sources":["../../../../src/components/reusable/tabs/tab.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport TabScss from './tab.scss';\n\n@customElement('kyn-tab')\nexport class Tab extends LitElement {\n static override styles = TabScss;\n\n @property({ type: String, reflect: true })\n override id = '';\n\n @property({ type: Boolean, reflect: true })\n selected = false;\n\n @property({ type: Boolean })\n disabled = false;\n\n @state()\n private _size = 'md';\n\n @state()\n private _vertical = false;\n\n @property({\n type: Boolean,\n reflect: true,\n attribute: 'data-aiconnected',\n converter: {\n fromAttribute: (value: string | null) => value === 'true',\n toAttribute: (value: boolean) => (value ? 'true' : 'false'),\n },\n })\n aiConnected = false;\n\n @property({ type: String, reflect: true, attribute: 'data-tab-style' })\n tabStyle = 'contained';\n\n @property({ type: String, reflect: true })\n override role = 'tab';\n\n @property({ type: Number, reflect: true })\n override tabIndex = 0;\n\n @property({ type: String, reflect: true })\n 'aria-selected' = 'false';\n\n @property({ type: String, reflect: true })\n 'aria-controls' = '';\n\n @property({ type: String, reflect: true })\n 'aria-disabled' = 'false';\n\n override render() {\n const classes = {\n tab: true,\n contained: this.tabStyle === 'contained',\n line: this.tabStyle === 'line',\n 'size--sm': this._size === 'sm',\n 'size--md': this._size === 'md',\n vertical: this._vertical,\n selected: this.selected,\n disabled: this.disabled,\n [`ai-connected--${this.aiConnected}`]: true,\n };\n\n return html`\n <div class=${classMap(classes)}>\n <slot></slot>\n </div>\n `;\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this.addEventListener('click', this._handleClick);\n }\n\n override disconnectedCallback() {\n this.removeEventListener('click', this._handleClick);\n super.disconnectedCallback();\n }\n\n override willUpdate(changedProps: Map<string, unknown>) {\n if (changedProps.has('id')) {\n this['aria-controls'] = `${this.id}-panel`;\n }\n\n if (changedProps.has('selected')) {\n this['aria-selected'] = this.selected.toString();\n this.tabIndex = this.selected ? 0 : -1;\n }\n\n if (changedProps.has('disabled')) {\n this['aria-disabled'] = this.disabled.toString();\n }\n }\n\n private _handleClick = (e: Event) => {\n if (!this.selected && !this.disabled) {\n const event = new CustomEvent('tab-activated', {\n bubbles: true,\n composed: true,\n detail: { origEvent: e, tabId: this.id },\n });\n this.dispatchEvent(event);\n }\n };\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-tab': Tab;\n }\n}\n"],"names":["Tab","LitElement","constructor","this","id","selected","disabled","_size","_vertical","aiConnected","tabStyle","role","tabIndex","_handleClick","e","event","CustomEvent","bubbles","composed","detail","origEvent","tabId","dispatchEvent","render","classes","tab","contained","line","vertical","html","classMap","connectedCallback","super","addEventListener","disconnectedCallback","removeEventListener","willUpdate","changedProps","has","toString","styles","TabScss","__decorate","property","type","String","reflect","prototype","Boolean","state","attribute","converter","fromAttribute","value","toAttribute","Number","customElement"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{Tag}from"./tag.js";export{TagGroup}from"./tagGroup.js";export{TagSkeleton}from"./tag.skeleton.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-7b0f5ebf.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../../../tag-
|
|
1
|
+
export{Tag}from"./tag.js";export{TagGroup}from"./tagGroup.js";export{TagSkeleton}from"./tag.skeleton.js";import"../../../vendor/tslib-53a81efe.js";import"../../../vendor/lit-html-29220869.js";import"../../../vendor/lit-7b0f5ebf.js";import"../../../vendor/lit-element-c6c02f24.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../../../tag-728a04da.js";import"../link/link.js";import"../link/defs.js";import"../loaders/skeleton.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{e,o as i}from"../../../vendor/lit-html-29220869.js";import{n as a,e as l}from"../../../vendor/lit-7b0f5ebf.js";import{s,x as o}from"../../../vendor/lit-element-c6c02f24.js";import{c as n}from"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import{c as r}from"../../../tag-
|
|
1
|
+
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{e,o as i}from"../../../vendor/lit-html-29220869.js";import{n as a,e as l}from"../../../vendor/lit-7b0f5ebf.js";import{s,x as o}from"../../../vendor/lit-element-c6c02f24.js";import{c as n}from"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import{c as r}from"../../../tag-728a04da.js";let d=class extends s{constructor(){super(...arguments),this.label="",this.tagSize="md",this.disabled=!1,this.filter=!1,this.noTruncation=!1,this.clickable=!1,this.tagColor="spruce",this.clearTagText="Clear Tag"}render(){const t=`tag-${this.tagColor}`,a="md"===this.tagSize?"tag-medium":"tag-small",l={tags:!0,"tag-disable":this.disabled,"tag-clickable":this.clickable,[`tag-clickable-${this.tagColor}`]:this.clickable,[`${t}`]:!0,[`${a}`]:!0,[`${a}-filter`]:this.filter},s=`${t}-close-btn`,r=`tag-close-btn-${this.tagSize}`,d={"tag-close-btn":!0,[`${s}`]:!0,[`${r}`]:!0},h={"tag-label":!0,"no-truncation":this.noTruncation,[`${a}-label`]:!0,[`${a}-label-filter`]:this.filter};return o`
|
|
2
2
|
<div
|
|
3
3
|
class="${e(l)}"
|
|
4
4
|
tagSize="${this.tagSize}"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{n as e,e as i}from"../../../vendor/lit-7b0f5ebf.js";import{i as s,s as n,x as o}from"../../../vendor/lit-element-c6c02f24.js";import{e as r}from"../../../vendor/lit-html-29220869.js";import"../loaders/skeleton.js";import{c as l}from"../../../tag-
|
|
1
|
+
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{n as e,e as i}from"../../../vendor/lit-7b0f5ebf.js";import{i as s,s as n,x as o}from"../../../vendor/lit-element-c6c02f24.js";import{e as r}from"../../../vendor/lit-html-29220869.js";import"../loaders/skeleton.js";import{c as l}from"../../../tag-728a04da.js";let a=class extends n{constructor(){super(...arguments),this.tagSize="sm"}render(){const t="md"===this.tagSize?"tag-medium":"tag-small";return o`
|
|
2
2
|
<div class="${r({tags:!0,[`${t}`]:!0})}">
|
|
3
3
|
<kyn-skeleton
|
|
4
4
|
shape="rectangle"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{n as e,t as i,l as s,e as l}from"../../../vendor/lit-7b0f5ebf.js";import{i as o,s as a,x as r}from"../../../vendor/lit-element-c6c02f24.js";import{e as n}from"../../../vendor/lit-html-29220869.js";import"./tag.js";import"../link/link.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../../../tag-
|
|
1
|
+
import{_ as t}from"../../../vendor/tslib-53a81efe.js";import{n as e,t as i,l as s,e as l}from"../../../vendor/lit-7b0f5ebf.js";import{i as o,s as a,x as r}from"../../../vendor/lit-element-c6c02f24.js";import{e as n}from"../../../vendor/lit-html-29220869.js";import"./tag.js";import"../link/link.js";import"../../../vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"../../../tag-728a04da.js";import"../link/defs.js";var d=o`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
package/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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{HeaderCategory}from"./components/global/header/headerCategory.js";export{HeaderDivider}from"./components/global/header/headerDivider.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderUserProfile}from"./components/global/header/headerUserProfile.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{HeaderNotificationPanel}from"./components/global/header/headerNotificationPanel.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{LocalNavDivider}from"./components/global/localNav/localNavDivider.js";export{Footer}from"./components/global/footer/footer.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{CheckboxSubgroup}from"./components/reusable/checkbox/checkboxSubgroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{Avatar}from"./components/reusable/avatar/avatar.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DropdownCategory}from"./components/reusable/dropdown/dropdownCategory.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{ProgressBar}from"./components/reusable/progressBar/progressBar.js";export{BlockCodeView}from"./components/reusable/blockCodeView/blockCodeView.js";export{InlineCodeView}from"./components/reusable/inlineCodeView/inlineCodeView.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{T as Table}from"./table-4a7db07c.js";export{TableCell}from"./components/reusable/table/table-cell.js";export{TableRow}from"./components/reusable/table/table-row.js";export{TableBody}from"./components/reusable/table/table-body.js";export{TableHead}from"./components/reusable/table/table-head.js";export{TableHeader}from"./components/reusable/table/table-header.js";export{TableFoot}from"./components/reusable/table/table-foot.js";export{TableFooter}from"./components/reusable/table/table-footer.js";export{TableLegend}from"./components/reusable/table/table-legend.js";export{TableLegendItem}from"./components/reusable/table/table-legend-item.js";export{TableToolbar}from"./components/reusable/table/table-toolbar.js";export{TableContainer}from"./components/reusable/table/table-container.js";export{TableHeaderRow}from"./components/reusable/table/table-header-row.js";export{TableExpandedRow}from"./components/reusable/table/table-expanded-row.js";import"./components/reusable/table/table.skeleton.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";import"./components/reusable/pagination/pagination.skeleton.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";import"./components/reusable/tag/tag.skeleton.js";export{GlobalFilter}from"./components/reusable/globalFilter/globalFilter.js";export{SideDrawer}from"./components/reusable/sideDrawer/sideDrawer.js";export{PageTitle}from"./components/reusable/pagetitle/pageTitle.js";export{Notification}from"./components/reusable/notification/notification.js";export{NotificationContainer}from"./components/reusable/notification/notificationContainer.js";export{Widget}from"./components/reusable/widget/widget.js";export{WidgetDragHandle}from"./components/reusable/widget/widgetDragHandle.js";export{WidgetGridstack}from"./components/reusable/widget/widgetGridstack.js";export{Search}from"./components/reusable/search/search.js";export{Loader}from"./components/reusable/loaders/loader.js";export{LoaderInline}from"./components/reusable/loaders/inline.js";export{Skeleton}from"./components/reusable/loaders/skeleton.js";export{NumberInput}from"./components/reusable/numberInput/numberInput.js";export{createOptionsArray,debounce,stringToReactHtml}from"./common/helpers/helpers.js";export{Config,WidgetConstraints,WidgetSizes}from"./common/helpers/gridstack.js";export{SwiperConfig}from"./common/helpers/swiper.js";export{Stepper}from"./components/reusable/stepper/stepper.js";export{StepperItem}from"./components/reusable/stepper/stepperItem.js";export{StepperItemChild}from"./components/reusable/stepper/stepperItemChild.js";export{Button}from"./components/reusable/button/button.js";export{Link}from"./components/reusable/link/link.js";export{Accordion}from"./components/reusable/accordion/accordion.js";export{AccordionItem}from"./components/reusable/accordion/accordionItem.js";export{Card}from"./components/reusable/card/card.js";import"./components/reusable/card/vitalCard.skeleton.js";import"./components/reusable/card/informationalCard.skeleton.js";export{SplitButton}from"./components/reusable/splitButton/splitButton.js";export{SplitButtonOption}from"./components/reusable/splitButton/splitButtonOption.js";export{FloatingContainer}from"./components/reusable/floatingContainer/floatingContainer.js";export{InlineConfirm}from"./components/reusable/inlineConfirm/inlineConfirm.js";import"./vendor/tslib-53a81efe.js";import"./vendor/lit-7b0f5ebf.js";import"./vendor/lit-element-c6c02f24.js";import"./vendor/lit-html-29220869.js";import"./vendor/@kyndryl-design-system/shidoka-foundation-2d7bab68.js";import"./vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"./vendor/deepmerge-ts-e62363e6.js";import"./common/mixins/form-input.js";import"./common/helpers/flatpickr.js";import"./vendor/flatpickr-bbd13d61.js";import"./shidoka-flatpickr-theme-d7d388aa.js";import"./vendor/prismjs-61b50099.js";import"./vendor/@lit/context-6f74d22e.js";import"./components/reusable/table/table-context.js";import"./components/reusable/table/defs.js";import"./pagination-a04f2f18.js";import"./tag-
|
|
1
|
+
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{HeaderCategory}from"./components/global/header/headerCategory.js";export{HeaderDivider}from"./components/global/header/headerDivider.js";export{HeaderFlyouts}from"./components/global/header/headerFlyouts.js";export{HeaderFlyout}from"./components/global/header/headerFlyout.js";export{HeaderUserProfile}from"./components/global/header/headerUserProfile.js";export{HeaderPanelLink}from"./components/global/header/headerPanelLink.js";export{HeaderNotificationPanel}from"./components/global/header/headerNotificationPanel.js";export{LocalNav}from"./components/global/localNav/localNav.js";export{LocalNavLink}from"./components/global/localNav/localNavLink.js";export{LocalNavDivider}from"./components/global/localNav/localNavDivider.js";export{Footer}from"./components/global/footer/footer.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{CheckboxSubgroup}from"./components/reusable/checkbox/checkboxSubgroup.js";export{TextInput}from"./components/reusable/textInput/textInput.js";export{TextArea}from"./components/reusable/textArea/textArea.js";export{Avatar}from"./components/reusable/avatar/avatar.js";export{ToggleButton}from"./components/reusable/toggleButton/toggleButton.js";export{Dropdown}from"./components/reusable/dropdown/dropdown.js";export{DropdownOption}from"./components/reusable/dropdown/dropdownOption.js";export{DropdownCategory}from"./components/reusable/dropdown/dropdownCategory.js";export{DatePicker}from"./components/reusable/datePicker/datepicker.js";export{DateRangePicker}from"./components/reusable/daterangepicker/daterangepicker.js";export{TimePicker}from"./components/reusable/timepicker/timepicker.js";export{ProgressBar}from"./components/reusable/progressBar/progressBar.js";export{BlockCodeView}from"./components/reusable/blockCodeView/blockCodeView.js";export{InlineCodeView}from"./components/reusable/inlineCodeView/inlineCodeView.js";export{Breadcrumbs}from"./components/reusable/breadcrumbs/breadcrumbs.js";export{T as Table}from"./table-4a7db07c.js";export{TableCell}from"./components/reusable/table/table-cell.js";export{TableRow}from"./components/reusable/table/table-row.js";export{TableBody}from"./components/reusable/table/table-body.js";export{TableHead}from"./components/reusable/table/table-head.js";export{TableHeader}from"./components/reusable/table/table-header.js";export{TableFoot}from"./components/reusable/table/table-foot.js";export{TableFooter}from"./components/reusable/table/table-footer.js";export{TableLegend}from"./components/reusable/table/table-legend.js";export{TableLegendItem}from"./components/reusable/table/table-legend-item.js";export{TableToolbar}from"./components/reusable/table/table-toolbar.js";export{TableContainer}from"./components/reusable/table/table-container.js";export{TableHeaderRow}from"./components/reusable/table/table-header-row.js";export{TableExpandedRow}from"./components/reusable/table/table-expanded-row.js";import"./components/reusable/table/table.skeleton.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";import"./components/reusable/pagination/pagination.skeleton.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";import"./components/reusable/tag/tag.skeleton.js";export{GlobalFilter}from"./components/reusable/globalFilter/globalFilter.js";export{SideDrawer}from"./components/reusable/sideDrawer/sideDrawer.js";export{PageTitle}from"./components/reusable/pagetitle/pageTitle.js";export{Notification}from"./components/reusable/notification/notification.js";export{NotificationContainer}from"./components/reusable/notification/notificationContainer.js";export{Widget}from"./components/reusable/widget/widget.js";export{WidgetDragHandle}from"./components/reusable/widget/widgetDragHandle.js";export{WidgetGridstack}from"./components/reusable/widget/widgetGridstack.js";export{Search}from"./components/reusable/search/search.js";export{Loader}from"./components/reusable/loaders/loader.js";export{LoaderInline}from"./components/reusable/loaders/inline.js";export{Skeleton}from"./components/reusable/loaders/skeleton.js";export{NumberInput}from"./components/reusable/numberInput/numberInput.js";export{createOptionsArray,debounce,stringToReactHtml}from"./common/helpers/helpers.js";export{Config,WidgetConstraints,WidgetSizes}from"./common/helpers/gridstack.js";export{SwiperConfig}from"./common/helpers/swiper.js";export{Stepper}from"./components/reusable/stepper/stepper.js";export{StepperItem}from"./components/reusable/stepper/stepperItem.js";export{StepperItemChild}from"./components/reusable/stepper/stepperItemChild.js";export{Button}from"./components/reusable/button/button.js";export{Link}from"./components/reusable/link/link.js";export{Accordion}from"./components/reusable/accordion/accordion.js";export{AccordionItem}from"./components/reusable/accordion/accordionItem.js";export{Card}from"./components/reusable/card/card.js";import"./components/reusable/card/vitalCard.skeleton.js";import"./components/reusable/card/informationalCard.skeleton.js";export{SplitButton}from"./components/reusable/splitButton/splitButton.js";export{SplitButtonOption}from"./components/reusable/splitButton/splitButtonOption.js";export{FloatingContainer}from"./components/reusable/floatingContainer/floatingContainer.js";export{InlineConfirm}from"./components/reusable/inlineConfirm/inlineConfirm.js";import"./vendor/tslib-53a81efe.js";import"./vendor/lit-7b0f5ebf.js";import"./vendor/lit-element-c6c02f24.js";import"./vendor/lit-html-29220869.js";import"./vendor/@kyndryl-design-system/shidoka-foundation-2d7bab68.js";import"./vendor/@kyndryl-design-system/shidoka-icons-726d44b0.js";import"./vendor/deepmerge-ts-e62363e6.js";import"./common/mixins/form-input.js";import"./common/helpers/flatpickr.js";import"./vendor/flatpickr-bbd13d61.js";import"./shidoka-flatpickr-theme-d7d388aa.js";import"./vendor/prismjs-61b50099.js";import"./vendor/@lit/context-6f74d22e.js";import"./components/reusable/table/table-context.js";import"./components/reusable/table/defs.js";import"./pagination-a04f2f18.js";import"./tag-728a04da.js";import"./vendor/query-selector-shadow-dom-013e9d24.js";import"./vendor/gridstack-79fea57d.js";import"./vendor/lottie-web-9ccae634.js";import"./components/reusable/button/defs.js";import"./components/reusable/link/defs.js";import"./cardSample-2ca726a3.js";import"./components/reusable/splitButton/defs.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kyndryl-design-system/shidoka-applications",
|
|
3
|
-
"version": "2.14.
|
|
3
|
+
"version": "2.14.2",
|
|
4
4
|
"description": "Shidoka Web Components for Applications",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"type": "module",
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
"lint-staged": "^13.1.2",
|
|
92
92
|
"lit-analyzer": "^2.0.3",
|
|
93
93
|
"lit-css-loader": "^3.0.0",
|
|
94
|
-
"playwright": "^1.
|
|
94
|
+
"playwright": "^1.51.0",
|
|
95
95
|
"postcss": "^8.4.21",
|
|
96
96
|
"prettier": "^2.8.2",
|
|
97
97
|
"prismjs-components-importer": "^0.2.0",
|
|
@@ -192,60 +192,117 @@ import"./vendor/lit-7b0f5ebf.js";import{i as o}from"./vendor/lit-element-c6c02f2
|
|
|
192
192
|
.tag-clickable-grey:hover {
|
|
193
193
|
background-color: var(--kd-color-tags-hover-gray);
|
|
194
194
|
}
|
|
195
|
+
.tag-clickable-grey:active {
|
|
196
|
+
background-color: var(--kd-color-tags-background-gray);
|
|
197
|
+
}
|
|
195
198
|
.tag-clickable-spruce:hover {
|
|
196
199
|
background-color: var(--kd-color-tags-hover-spruce);
|
|
197
200
|
}
|
|
201
|
+
.tag-clickable-spruce:active {
|
|
202
|
+
background-color: var(--kd-color-tags-background-spruce);
|
|
203
|
+
}
|
|
198
204
|
.tag-clickable-interactive:hover {
|
|
199
205
|
background-color: var(--kd-color-tags-hover-interactive);
|
|
200
206
|
}
|
|
207
|
+
.tag-clickable-interactive:active {
|
|
208
|
+
background-color: var(--kd-color-tags-background-interactive);
|
|
209
|
+
}
|
|
201
210
|
.tag-clickable-blue:hover {
|
|
202
211
|
background-color: var(--kd-color-tags-hover-blue);
|
|
203
212
|
}
|
|
213
|
+
.tag-clickable-blue:active {
|
|
214
|
+
background-color: var(--kd-color-tags-background-blue);
|
|
215
|
+
}
|
|
204
216
|
.tag-clickable-error:hover {
|
|
205
217
|
background-color: var(--kd-color-tags-hover-error-light);
|
|
206
218
|
}
|
|
219
|
+
.tag-clickable-error:active {
|
|
220
|
+
background-color: var(--kd-color-tags-background-error);
|
|
221
|
+
}
|
|
207
222
|
.tag-clickable-warning:hover {
|
|
208
223
|
background-color: var(--kd-color-tags-hover-warning-light);
|
|
209
224
|
}
|
|
225
|
+
.tag-clickable-warning:active {
|
|
226
|
+
background-color: var(--kd-color-tags-background-warning);
|
|
227
|
+
}
|
|
210
228
|
.tag-clickable-success:hover {
|
|
211
229
|
background-color: var(--kd-color-tags-hover-success-light);
|
|
212
230
|
}
|
|
231
|
+
.tag-clickable-success:active {
|
|
232
|
+
background-color: var(--kd-color-tags-background-success);
|
|
233
|
+
}
|
|
213
234
|
.tag-clickable-cat01:hover {
|
|
214
235
|
background-color: var(--kd-color-tags-hover-cat-1);
|
|
215
236
|
}
|
|
237
|
+
.tag-clickable-cat01:active {
|
|
238
|
+
background-color: var(--kd-color-tags-background-cat-1);
|
|
239
|
+
}
|
|
216
240
|
.tag-clickable-cat02:hover {
|
|
217
241
|
background-color: var(--kd-color-tags-hover-cat-2);
|
|
218
242
|
}
|
|
243
|
+
.tag-clickable-cat02:active {
|
|
244
|
+
background-color: var(--kd-color-tags-background-cat-2);
|
|
245
|
+
}
|
|
219
246
|
.tag-clickable-cat03:hover {
|
|
220
247
|
background-color: var(--kd-color-tags-hover-cat-3);
|
|
221
248
|
}
|
|
249
|
+
.tag-clickable-cat03:active {
|
|
250
|
+
background-color: var(--kd-color-tags-background-cat-3);
|
|
251
|
+
}
|
|
222
252
|
.tag-clickable-cat04:hover {
|
|
223
253
|
background-color: var(--kd-color-tags-hover-cat-4);
|
|
224
254
|
}
|
|
255
|
+
.tag-clickable-cat04:active {
|
|
256
|
+
background-color: var(--kd-color-tags-background-cat-4);
|
|
257
|
+
}
|
|
225
258
|
.tag-clickable-cat05:hover {
|
|
226
259
|
background-color: var(--kd-color-tags-hover-cat-5);
|
|
227
260
|
}
|
|
261
|
+
.tag-clickable-cat05:active {
|
|
262
|
+
background-color: var(--kd-color-tags-background-cat-5);
|
|
263
|
+
}
|
|
228
264
|
.tag-clickable-cat06:hover {
|
|
229
265
|
background-color: var(--kd-color-tags-hover-cat-6);
|
|
230
266
|
}
|
|
267
|
+
.tag-clickable-cat06:active {
|
|
268
|
+
background-color: var(--kd-color-tags-background-cat-6);
|
|
269
|
+
}
|
|
231
270
|
.tag-clickable-successDark:hover {
|
|
232
271
|
background-color: var(--kd-color-tags-hover-success);
|
|
233
272
|
}
|
|
273
|
+
.tag-clickable-successDark:active {
|
|
274
|
+
background-color: var(--kd-color-tags-background-success-dark);
|
|
275
|
+
}
|
|
234
276
|
.tag-clickable-errorDark:hover {
|
|
235
277
|
background-color: var(--kd-color-tags-hover-error-light);
|
|
236
278
|
}
|
|
279
|
+
.tag-clickable-errorDark:active {
|
|
280
|
+
background-color: var(--kd-color-tags-background-error-dark);
|
|
281
|
+
}
|
|
237
282
|
.tag-clickable-warningDark:hover {
|
|
238
283
|
background-color: var(--kd-color-tags-hover-warning);
|
|
239
284
|
}
|
|
285
|
+
.tag-clickable-warningDark:active {
|
|
286
|
+
background-color: var(--kd-color-tags-background-warning-dark);
|
|
287
|
+
}
|
|
240
288
|
.tag-clickable-informationDark:hover {
|
|
241
289
|
background-color: var(--kd-color-tags-hover-blue-dark);
|
|
242
290
|
}
|
|
291
|
+
.tag-clickable-informationDark:active {
|
|
292
|
+
background-color: var(--kd-color-tags-background-information-dark);
|
|
293
|
+
}
|
|
243
294
|
.tag-clickable-criticalLight:hover {
|
|
244
295
|
background-color: var(--kd-color-tags-hover-critical-light);
|
|
245
296
|
}
|
|
297
|
+
.tag-clickable-criticalLight:active {
|
|
298
|
+
background-color: var(--kd-color-status-error-critical-light);
|
|
299
|
+
}
|
|
246
300
|
.tag-clickable-criticalDark:hover {
|
|
247
301
|
background-color: var(--kd-color-tags-background-error-dark);
|
|
248
302
|
}
|
|
303
|
+
.tag-clickable-criticalDark:active {
|
|
304
|
+
background-color: var(--kd-color-tags-background-critical-dark);
|
|
305
|
+
}
|
|
249
306
|
.tag-grey {
|
|
250
307
|
background-color: var(--kd-color-tags-background-gray);
|
|
251
308
|
}
|
|
@@ -613,4 +670,4 @@ import"./vendor/lit-7b0f5ebf.js";import{i as o}from"./vendor/lit-element-c6c02f2
|
|
|
613
670
|
.tag-criticalDark-close-btn:focus:active {
|
|
614
671
|
outline-color: var(--kd-color-border-ui-pressed);
|
|
615
672
|
}`;export{r as c};
|
|
616
|
-
//# sourceMappingURL=tag-
|
|
673
|
+
//# sourceMappingURL=tag-728a04da.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tag-
|
|
1
|
+
{"version":3,"file":"tag-728a04da.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|