@kyndryl-design-system/shidoka-applications 1.44.6 → 1.45.0

package/components/reusable/loaders/skeleton.d.ts

@@ -6,6 +6,8 @@ export declare class Skeleton extends LitElement {
     static styles: any;
     /** Use inline style instead of block. */
     inline: boolean;
+    /** Number of skeleton lines to show. */
+    lines: number;
     render(): import("lit").TemplateResult<1>;
 }
 declare global {

package/components/reusable/loaders/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/loaders/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC;;GAEG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,MAAU;IAEhC,yCAAyC;IAEzC,MAAM,UAAS;IAEN,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,QAAQ,CAAC;KAC1B;CACF"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/loaders/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC;;GAEG;AACH,qBACa,QAAS,SAAQ,UAAU;IACtC,OAAgB,MAAM,MAAU;IAEhC,yCAAyC;IAEzC,MAAM,UAAS;IAEf,wCAAwC;IAExC,KAAK,SAAK;IAED,MAAM;CAOhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,QAAQ,CAAC;KAC1B;CACF"}

package/components/reusable/loaders/skeleton.js

@@ -1,4 +1,4 @@
-import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as o,e as i}from"../../../vendor/lit-52eb9e23.js";import{i as r,s as t,x as n}from"../../../vendor/lit-element-3185f710.js";var s=r`*,
+import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as o,e as i}from"../../../vendor/lit-52eb9e23.js";import{i as t,s as r,x as n}from"../../../vendor/lit-element-3185f710.js";var s=t`*,
 *::before,
 *::after {
   box-sizing: border-box;
@@ -22,6 +22,10 @@ import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as o,e as i}from"
   animation: pulse 1.5s infinite;
 }
 
+.skeleton:not(:last-child) {
+  margin-block-end: 0.5rem;
+}
+
 @keyframes pulse {
   0% {
     background-color: #edf1f2;
@@ -32,5 +36,5 @@ import{_ as e}from"../../../vendor/tslib-958f81aa.js";import{n as o,e as i}from"
   100% {
     background-color: #edf1f2;
   }
-}`;let d=class extends t{constructor(){super(...arguments),this.inline=!1}render(){return n` <div class="skeleton"></div> `}};d.styles=s,e([o({type:Boolean})],d.prototype,"inline",void 0),d=e([i("kyn-skeleton")],d);export{d as Skeleton};
+}`;let l=class extends r{constructor(){super(...arguments),this.inline=!1,this.lines=1}render(){const e=Array.from({length:this.lines},(()=>n` <div class="skeleton"></div> `));return n` ${e}`}};l.styles=s,e([o({type:Boolean})],l.prototype,"inline",void 0),e([o({type:Number})],l.prototype,"lines",void 0),l=e([i("kyn-skeleton")],l);export{l as Skeleton};
 //# sourceMappingURL=skeleton.js.map

package/components/reusable/loaders/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../../../../src/components/reusable/loaders/skeleton.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport Styles from './skeleton.scss';\n\n/**\n * Skeleton block\n */\n@customElement('kyn-skeleton')\nexport class Skeleton extends LitElement {\n  static override styles = Styles;\n\n  /** Use inline style instead of block. */\n  @property({ type: Boolean })\n  inline = false;\n\n  override render() {\n    return html` <div class=\"skeleton\"></div> `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-skeleton': Skeleton;\n  }\n}\n"],"names":["Skeleton","LitElement","constructor","this","inline","render","html","styles","Styles","__decorate","property","type","Boolean","prototype","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAQO,IAAMA,EAAN,cAAuBC,EAAvB,WAAAC,uBAKLC,KAAMC,QAAG,CAKV,CAHU,MAAAC,GACP,OAAOC,CAAI,gCACZ,GAReN,EAAMO,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACHZ,EAAAa,UAAA,cAAA,GALJb,EAAQS,EAAA,CADpBK,EAAc,iBACFd"}
+{"version":3,"file":"skeleton.js","sources":["../../../../src/components/reusable/loaders/skeleton.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport Styles from './skeleton.scss';\n\n/**\n * Skeleton block\n */\n@customElement('kyn-skeleton')\nexport class Skeleton extends LitElement {\n  static override styles = Styles;\n\n  /** Use inline style instead of block. */\n  @property({ type: Boolean })\n  inline = false;\n\n  /** Number of skeleton lines to show. */\n  @property({ type: Number })\n  lines = 1;\n\n  override render() {\n    const skeletonLines = Array.from(\n      { length: this.lines },\n      () => html` <div class=\"skeleton\"></div> `\n    );\n    return html` ${skeletonLines}`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kyn-skeleton': Skeleton;\n  }\n}\n"],"names":["Skeleton","LitElement","constructor","this","inline","lines","render","skeletonLines","Array","from","length","html","styles","Styles","__decorate","property","type","Boolean","prototype","Number","customElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAQO,IAAMA,EAAN,cAAuBC,EAAvB,WAAAC,uBAKLC,KAAMC,QAAG,EAITD,KAAKE,MAAG,CAST,CAPU,MAAAC,GACP,MAAMC,EAAgBC,MAAMC,KAC1B,CAAEC,OAAQP,KAAKE,QACf,IAAMM,CAAI,mCAEZ,OAAOA,CAAI,IAAIJ,GAChB,GAhBeP,EAAMY,OAAGC,EAIzBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACHjB,EAAAkB,UAAA,cAAA,GAIfJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,UACRnB,EAAAkB,UAAA,aAAA,GATClB,EAAQc,EAAA,CADpBM,EAAc,iBACFpB"}

package/package.json

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