@kyndryl-design-system/shidoka-applications 2.67.2 → 2.67.3
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,b as
|
|
1
|
+
import{_ as t,a as e,b as i,c as a,d as l}from"../../../vendor/tslib-Ac8XvvSX.js";import{i as r,t as n,r as s,n as o}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{x as d}from"../../../vendor/lit-html-fDTfWwFR.js";import{i as m}from"../../../vendor/lit-element-DxLLCKb1.js";var b=r`*,
|
|
2
2
|
*::before,
|
|
3
3
|
*::after {
|
|
4
4
|
box-sizing: border-box;
|
|
@@ -48,18 +48,48 @@ import{_ as t,a as e,b as a,c as i,d as l}from"../../../vendor/tslib-Ac8XvvSX.js
|
|
|
48
48
|
font-size: 20px;
|
|
49
49
|
font-weight: var(--kd-font-weight-medium);
|
|
50
50
|
color: var(--kd-color-text-level-primary);
|
|
51
|
+
line-height: 24px;
|
|
51
52
|
}
|
|
52
53
|
|
|
53
54
|
.subtitle {
|
|
55
|
+
font-family: var(--kd-font-family-secondary);
|
|
56
|
+
font-size: var(--kd-font-size-body-2-sm);
|
|
57
|
+
line-height: var(--kd-line-height-body-2-sm);
|
|
58
|
+
font-weight: var(--kd-font-weight-regular);
|
|
59
|
+
letter-spacing: var(--kd-letter-spacing-4);
|
|
54
60
|
color: var(--kd-color-text-level-secondary);
|
|
55
61
|
}
|
|
62
|
+
@media (min-width: 42rem) {
|
|
63
|
+
.subtitle {
|
|
64
|
+
font-size: var(--kd-font-size-body-2-md);
|
|
65
|
+
line-height: var(--kd-line-height-body-2-md);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
@media (min-width: 74rem) {
|
|
69
|
+
.subtitle {
|
|
70
|
+
font-size: var(--kd-font-size-body-2-lg);
|
|
71
|
+
line-height: var(--kd-line-height-body-2-lg);
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
@media (min-width: 82rem) {
|
|
75
|
+
.subtitle {
|
|
76
|
+
font-size: var(--kd-font-size-body-2-xlg);
|
|
77
|
+
line-height: var(--kd-line-height-body-2-xlg);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
@media (min-width: 99rem) {
|
|
81
|
+
.subtitle {
|
|
82
|
+
font-size: var(--kd-font-size-body-2-max);
|
|
83
|
+
line-height: var(--kd-line-height-body-2-max);
|
|
84
|
+
}
|
|
85
|
+
}
|
|
56
86
|
|
|
57
87
|
.slot-wrapper {
|
|
58
88
|
height: 52px;
|
|
59
89
|
display: flex;
|
|
60
90
|
align-items: center;
|
|
61
91
|
justify-content: space-around;
|
|
62
|
-
}`;let
|
|
92
|
+
}`;let h=(()=>{var r,h;let c,v,p,g,u=[n("kyn-table-toolbar")],f=[],k=m,y=[],w=[],x=[],S=[];return v=class extends k{get tableTitle(){return a(this,r,"f")}set tableTitle(t){l(this,r,t,"f")}get tableSubtitle(){return a(this,h,"f")}set tableSubtitle(t){l(this,h,t,"f")}render(){return d`
|
|
63
93
|
<div class="title-wrapper">
|
|
64
94
|
${this.tableTitle?d`<div class="title">${this.tableTitle}</div>`:""}
|
|
65
95
|
${this.tableSubtitle?d`<div class="subtitle">${this.tableSubtitle}</div>`:""}
|
|
@@ -68,5 +98,5 @@ import{_ as t,a as e,b as a,c as i,d as l}from"../../../vendor/tslib-Ac8XvvSX.js
|
|
|
68
98
|
<div class="slot-wrapper">
|
|
69
99
|
<slot></slot>
|
|
70
100
|
</div>
|
|
71
|
-
`}constructor(){super(...arguments),r.set(this,
|
|
101
|
+
`}constructor(){super(...arguments),r.set(this,i(this,y,"")),h.set(this,(i(this,w),i(this,x,""))),i(this,S)}},r=new WeakMap,h=new WeakMap,t(v,"TableToolbar"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=k[Symbol.metadata])&&void 0!==t?t:null):void 0;p=[o({type:String})],g=[o({type:String})],e(v,null,p,{kind:"accessor",name:"tableTitle",static:!1,private:!1,access:{has:t=>"tableTitle"in t,get:t=>t.tableTitle,set:(t,e)=>{t.tableTitle=e}},metadata:i},y,w),e(v,null,g,{kind:"accessor",name:"tableSubtitle",static:!1,private:!1,access:{has:t=>"tableSubtitle"in t,get:t=>t.tableSubtitle,set:(t,e)=>{t.tableSubtitle=e}},metadata:i},x,S),e(null,c={value:v},u,{kind:"class",name:v.name,metadata:i},null,f),v=c.value,i&&Object.defineProperty(v,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),v.styles=s(b),i(v,f),v})();export{h as TableToolbar};
|
|
72
102
|
//# sourceMappingURL=table-toolbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-toolbar.js","sources":["../../../../src/components/reusable/table/table-toolbar.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport styles from './table-toolbar.scss?inline';\n\n/**\n * `kyn-table-toolbar` Web Component.\n *\n * This component provides a toolbar for tables, primarily featuring a title and additional content.\n * The title is rendered prominently, while the slot can be used for controls, buttons, or other interactive elements.\n *\n * @slot unnamed - The primary content slot for controls, buttons, or other toolbar content.\n */\n@customElement('kyn-table-toolbar')\nexport class TableToolbar extends LitElement {\n static override styles = unsafeCSS(styles);\n\n /**The title for the toolbar */\n @property({ type: String })\n accessor tableTitle = '';\n\n /**The subtitle for the toolbar */\n @property({ type: String })\n accessor tableSubtitle = '';\n\n override render() {\n return html`\n <div class=\"title-wrapper\">\n ${this.tableTitle\n ? html`<div class=\"title\">${this.tableTitle}</div>`\n : ''}\n ${this.tableSubtitle\n ? html`<div class=\"subtitle\">${this.tableSubtitle}</div>`\n : ''}\n </div>\n\n <div class=\"slot-wrapper\">\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-table-toolbar': TableToolbar;\n }\n}\n"],"names":["TableToolbar","customElement","LitElement","_classThis","_classSuper","tableTitle","__classPrivateFieldGet","this","_TableToolbar_tableTitle_accessor_storage","value","__classPrivateFieldSet","tableSubtitle","_TableToolbar_tableSubtitle_accessor_storage","render","html","set","__runInitializers","_tableTitle_initializers","_tableTitle_extraInitializers","_tableSubtitle_initializers","_tableTitle_decorators","property","type","String","_tableSubtitle_decorators","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","_tableSubtitle_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":"
|
|
1
|
+
{"version":3,"file":"table-toolbar.js","sources":["../../../../src/components/reusable/table/table-toolbar.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nimport styles from './table-toolbar.scss?inline';\n\n/**\n * `kyn-table-toolbar` Web Component.\n *\n * This component provides a toolbar for tables, primarily featuring a title and additional content.\n * The title is rendered prominently, while the slot can be used for controls, buttons, or other interactive elements.\n *\n * @slot unnamed - The primary content slot for controls, buttons, or other toolbar content.\n */\n@customElement('kyn-table-toolbar')\nexport class TableToolbar extends LitElement {\n static override styles = unsafeCSS(styles);\n\n /**The title for the toolbar */\n @property({ type: String })\n accessor tableTitle = '';\n\n /**The subtitle for the toolbar */\n @property({ type: String })\n accessor tableSubtitle = '';\n\n override render() {\n return html`\n <div class=\"title-wrapper\">\n ${this.tableTitle\n ? html`<div class=\"title\">${this.tableTitle}</div>`\n : ''}\n ${this.tableSubtitle\n ? html`<div class=\"subtitle\">${this.tableSubtitle}</div>`\n : ''}\n </div>\n\n <div class=\"slot-wrapper\">\n <slot></slot>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-table-toolbar': TableToolbar;\n }\n}\n"],"names":["TableToolbar","customElement","LitElement","_classThis","_classSuper","tableTitle","__classPrivateFieldGet","this","_TableToolbar_tableTitle_accessor_storage","value","__classPrivateFieldSet","tableSubtitle","_TableToolbar_tableSubtitle_accessor_storage","render","html","set","__runInitializers","_tableTitle_initializers","_tableTitle_extraInitializers","_tableSubtitle_initializers","_tableTitle_decorators","property","type","String","_tableSubtitle_decorators","__esDecorate","kind","name","static","private","access","has","obj","get","metadata","_metadata","_tableSubtitle_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAcaA,EAAY,6BADxBC,EAAc,6BACmBC,6BAARC,EAAA,cAAQC,EAKhC,cAASC,GAAU,OAAAC,EAAAC,KAAAC,EAAA,IAAA,CAAnB,cAASH,CAAUI,GAAAC,EAAAH,KAAAC,EAAAC,EAAA,IAAA,CAInB,iBAASE,GAAa,OAAAL,EAAAC,KAAAK,EAAA,IAAA,CAAtB,iBAASD,CAAaF,GAAAC,EAAAH,KAAAK,EAAAH,EAAA,IAAA,CAEb,MAAAI,GACP,OAAOC,CAAI;;UAELP,KAAKF,WACHS,CAAI,sBAAsBP,KAAKF,mBAC/B;UACFE,KAAKI,cACHG,CAAI,yBAAyBP,KAAKI,sBAClC;;;;;;wCAdDH,EAAAO,IAAAR,KAAAS,EAAAT,KAAAU,EAAa,KAIbL,EAAAG,IAAAR,MAAAS,EAAAT,KAAAW,GAAAF,EAAAT,KAAAY,EAAgB,wMALxBC,EAAA,CAAAC,EAAS,CAAEC,KAAMC,UAIjBC,EAAA,CAAAH,EAAS,CAAEC,KAAMC,UAHlBE,EAAAtB,EAAA,KAAAiB,EAAA,CAAAM,KAAA,WAAAC,KAAA,aAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,eAAAA,EAAAC,IAAAD,GAAAA,EAAS3B,WAAUU,IAAA,CAAAiB,EAAAvB,KAAAuB,EAAV3B,WAAUI,CAAA,GAAAyB,SAAAC,GAAAlB,EAAAC,GAInBO,EAAAtB,EAAA,KAAAqB,EAAA,CAAAE,KAAA,WAAAC,KAAA,gBAAAC,QAAA,EAAAC,SAAA,EAAAC,OAAA,CAAAC,IAAAC,GAAA,kBAAAA,EAAAC,IAAAD,GAAAA,EAASrB,cAAaI,IAAA,CAAAiB,EAAAvB,KAAAuB,EAAbrB,cAAaF,CAAA,GAAAyB,SAAAC,GAAAhB,EAAAiB,GATxBX,EAAA,KAAAY,EAAA,CAAA5B,MAAAN,GAAAmC,EAAA,CAAAZ,KAAA,QAAAC,KAAAxB,EAAAwB,KAAAO,SAAAC,GAAA,KAAAI,iHACkBpC,EAAAqC,OAASC,EAAUD,GADxBxB,EAAAb,EAAAoC,MAAY"}
|