@kyndryl-design-system/shidoka-applications 2.57.1 → 2.57.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.
@@ -3,10 +3,14 @@ import '../button';
3
3
  declare const NumberInput_base: (new (...args: any[]) => import("../../../common/mixins/form-input").FormMixinInterface) & typeof LitElement;
4
4
  /**
5
5
  * Number input.
6
+ *
6
7
  * @fires on-input - Captures the input event and emits the value and original event details.`detail:{ value: number }`
7
8
  * @slot tooltip - Slot for tooltip.
8
9
  * @attr {string} [name=''] - The name of the input, used for form submission.
9
10
  * @attr {string} [invalidText=''] - The custom validation message when the input is invalid.
11
+ *
12
+ * @cssprop --kyn-number-input-inner-max-width - Maximum width of the number input inner container.
13
+ * @cssprop --kyn-number-input-inner-min-width - Minimum width of the number input inner container.
10
14
  */
11
15
  export declare class NumberInput extends NumberInput_base {
12
16
  static styles: import("lit").CSSResult;
@@ -1 +1 @@
1
- {"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/numberInput/numberInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAMlD,OAAO,WAAW,CAAC;;AAcnB;;;;;;GAMG;AACH,qBACa,WAAY,SAAQ,gBAAqB;IACpD,OAAgB,MAAM,0BAAqB;IAE3C,kBAAkB;IAElB,QAAQ,CAAC,KAAK,SAAM;IAEpB,uCAAuC;IAEvC,QAAQ,CAAC,IAAI,SAAQ;IAErB,mBAAmB;IACV,KAAK,SAAK;IAEnB,yBAAyB;IAEzB,QAAQ,CAAC,WAAW,SAAM;IAE1B,gCAAgC;IAEhC,QAAQ,CAAC,QAAQ,UAAS;IAE1B,4BAA4B;IAE5B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,4BAA4B;IAE5B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,uCAAuC;IAEvC,QAAQ,CAAC,OAAO,SAAM;IAEtB,qBAAqB;IAErB,QAAQ,CAAC,GAAG,EAAG,MAAM,CAAC;IAEtB,qBAAqB;IAErB,QAAQ,CAAC,GAAG,EAAG,MAAM,CAAC;IAEtB,kBAAkB;IAElB,QAAQ,CAAC,IAAI,SAAK;IAElB,+BAA+B;IAE/B,QAAQ,CAAC,SAAS,UAAS;IAE3B,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;;;MAAuB;IAE3C;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;;;MAAuB;IAE5C;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,EAAG,gBAAgB,CAAC;IAE5B,MAAM;IAiGf,OAAO,CAAC,QAAQ;IAehB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,SAAS;IA0BR,OAAO,CAAC,YAAY,EAAE,GAAG;IASzB,UAAU,CAAC,YAAY,EAAE,GAAG;CAKtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAC;KACjC;CACF"}
1
+ {"version":3,"file":"numberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/numberInput/numberInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAmB,MAAM,KAAK,CAAC;AAMlD,OAAO,WAAW,CAAC;;AAcnB;;;;;;;;;;GAUG;AACH,qBACa,WAAY,SAAQ,gBAAqB;IACpD,OAAgB,MAAM,0BAAqB;IAE3C,kBAAkB;IAElB,QAAQ,CAAC,KAAK,SAAM;IAEpB,uCAAuC;IAEvC,QAAQ,CAAC,IAAI,SAAQ;IAErB,mBAAmB;IACV,KAAK,SAAK;IAEnB,yBAAyB;IAEzB,QAAQ,CAAC,WAAW,SAAM;IAE1B,gCAAgC;IAEhC,QAAQ,CAAC,QAAQ,UAAS;IAE1B,4BAA4B;IAE5B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,4BAA4B;IAE5B,QAAQ,CAAC,QAAQ,UAAS;IAE1B,uCAAuC;IAEvC,QAAQ,CAAC,OAAO,SAAM;IAEtB,qBAAqB;IAErB,QAAQ,CAAC,GAAG,EAAG,MAAM,CAAC;IAEtB,qBAAqB;IAErB,QAAQ,CAAC,GAAG,EAAG,MAAM,CAAC;IAEtB,kBAAkB;IAElB,QAAQ,CAAC,IAAI,SAAK;IAElB,+BAA+B;IAE/B,QAAQ,CAAC,SAAS,UAAS;IAE3B,iCAAiC;IAEjC,QAAQ,CAAC,WAAW;;;;;MAAuB;IAE3C;;OAEG;IAEH,QAAQ,CAAC,YAAY;;;;;MAAuB;IAE5C;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,EAAG,gBAAgB,CAAC;IAE5B,MAAM;IAiGf,OAAO,CAAC,QAAQ;IAehB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,YAAY;IAYpB,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,SAAS;IA0BR,OAAO,CAAC,YAAY,EAAE,GAAG;IASzB,UAAU,CAAC,YAAY,EAAE,GAAG;CAKtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,WAAW,CAAC;KACjC;CACF"}
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e,b as i,c as a,d as r}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as n,o as l,b as s,x as o}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as d,a as c,t as p,r as h,n as u,e as m}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as v}from"../../../vendor/lit-element-m-OqzV5s.js";import{FormMixin as b}from"../../../common/mixins/form-input.js";import"../button/button.js";import{d as g}from"../../../vendor/deepmerge-ts-OFb5ej8y.js";import{j as k,b as f,g as x}from"../../../vendor/@kyndryl-design-system/shidoka-icons-bi0_OAYf.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var y=d`*,
1
+ import{_ as t,a as e,b as i,c as a,d as r}from"../../../vendor/tslib-Ac8XvvSX.js";import{e as n,o as l,b as s,x as o}from"../../../vendor/lit-html-BRBT5o_V.js";import{i as d,a as p,t as c,r as h,n as u,e as m}from"../../../vendor/@lit/reactive-element-f91Vet7N.js";import{i as v}from"../../../vendor/lit-element-m-OqzV5s.js";import{FormMixin as b}from"../../../common/mixins/form-input.js";import"../button/button.js";import{d as g}from"../../../vendor/deepmerge-ts-OFb5ej8y.js";import{j as k,b as f,g as x}from"../../../vendor/@kyndryl-design-system/shidoka-icons-bi0_OAYf.js";import"../../../common/helpers/helpers.js";import"../button/defs.js";var y=d`*,
2
2
  *::before,
3
3
  *::after {
4
4
  box-sizing: border-box;
@@ -500,25 +500,48 @@ textarea:not([disabled])[invalid] {
500
500
 
501
501
  :host {
502
502
  display: inline-block;
503
- width: 224px;
504
503
  max-width: 100%;
504
+ box-sizing: border-box;
505
+ --kyn-number-input-inner-max-width: 200px;
506
+ --kyn-number-input-inner-min-width: 0px;
507
+ }
508
+
509
+ .label-text {
510
+ display: block;
511
+ white-space: normal;
512
+ word-wrap: break-word;
513
+ overflow: visible;
514
+ width: 100%;
515
+ margin-bottom: 8px;
505
516
  }
506
517
 
507
518
  .input-wrapper {
519
+ display: flex;
520
+ align-items: center;
508
521
  gap: 8px;
522
+ width: 100%;
523
+ min-width: 0;
524
+ justify-content: flex-start;
525
+ }
526
+
527
+ kyn-button {
528
+ flex: 0 0 auto;
509
529
  }
510
530
 
511
531
  input {
512
532
  -webkit-appearance: none;
513
533
  appearance: none;
514
534
  display: block;
515
- flex-grow: 1;
516
- min-width: 170px;
535
+ flex: 1 1 auto;
536
+ min-width: var(--kyn-number-input-inner-min-width);
537
+ width: 100%;
538
+ max-width: var(--kyn-number-input-inner-max-width);
517
539
  border-width: 1px;
518
540
  border-style: solid;
519
541
  border-radius: 4px;
520
542
  height: 48px;
521
543
  padding: 0 16px;
544
+ box-sizing: border-box;
522
545
  }
523
546
  input:focus-visible {
524
547
  outline-color: var(--kd-color-border-variants-focus);
@@ -548,12 +571,12 @@ input::-webkit-inner-spin-button {
548
571
 
549
572
  input[type=number] {
550
573
  -moz-appearance: textfield;
551
- /* Firefox */
574
+ appearance: textfield;
552
575
  }
553
576
 
554
577
  span[slot=icon] {
555
578
  display: flex;
556
- }`;const w={requiredText:"Required",subtract:"Subtract",add:"Add",error:"Error"};let z=(()=>{var d,z,_,$,S,E,M,j,q,W,V,I,L,N;let T,B,A,O,U,Y,C,D,F,H,P,R,G,J,K,Q,X=[p("kyn-number-input")],Z=[],tt=b(v),et=[],it=[],at=[],rt=[],nt=[],lt=[],st=[],ot=[],dt=[],ct=[],pt=[],ht=[],ut=[],mt=[],vt=[],bt=[],gt=[],kt=[],ft=[],xt=[],yt=[],wt=[],zt=[],_t=[],$t=[],St=[],Et=[],Mt=[];return B=class extends tt{get label(){return a(this,d,"f")}set label(t){r(this,d,t,"f")}get size(){return a(this,z,"f")}set size(t){r(this,z,t,"f")}get placeholder(){return a(this,_,"f")}set placeholder(t){r(this,_,t,"f")}get required(){return a(this,$,"f")}set required(t){r(this,$,t,"f")}get disabled(){return a(this,S,"f")}set disabled(t){r(this,S,t,"f")}get readonly(){return a(this,E,"f")}set readonly(t){r(this,E,t,"f")}get caption(){return a(this,M,"f")}set caption(t){r(this,M,t,"f")}get max(){return a(this,j,"f")}set max(t){r(this,j,t,"f")}get min(){return a(this,q,"f")}set min(t){r(this,q,t,"f")}get step(){return a(this,W,"f")}set step(t){r(this,W,t,"f")}get hideLabel(){return a(this,V,"f")}set hideLabel(t){r(this,V,t,"f")}get textStrings(){return a(this,I,"f")}set textStrings(t){r(this,I,t,"f")}get _textStrings(){return a(this,L,"f")}set _textStrings(t){r(this,L,t,"f")}get _inputEl(){return a(this,N,"f")}set _inputEl(t){r(this,N,t,"f")}render(){var t;return o`
579
+ }`;const w={requiredText:"Required",subtract:"Subtract",add:"Add",error:"Error"};let z=(()=>{var d,z,_,$,S,E,M,j,q,W,V,I,L,N;let T,B,A,O,U,Y,C,D,H,P,R,F,G,J,K,Q,X=[c("kyn-number-input")],Z=[],tt=b(v),et=[],it=[],at=[],rt=[],nt=[],lt=[],st=[],ot=[],dt=[],pt=[],ct=[],ht=[],ut=[],mt=[],vt=[],bt=[],gt=[],kt=[],ft=[],xt=[],yt=[],wt=[],zt=[],_t=[],$t=[],St=[],Et=[],Mt=[];return B=class extends tt{get label(){return a(this,d,"f")}set label(t){r(this,d,t,"f")}get size(){return a(this,z,"f")}set size(t){r(this,z,t,"f")}get placeholder(){return a(this,_,"f")}set placeholder(t){r(this,_,t,"f")}get required(){return a(this,$,"f")}set required(t){r(this,$,t,"f")}get disabled(){return a(this,S,"f")}set disabled(t){r(this,S,t,"f")}get readonly(){return a(this,E,"f")}set readonly(t){r(this,E,t,"f")}get caption(){return a(this,M,"f")}set caption(t){r(this,M,t,"f")}get max(){return a(this,j,"f")}set max(t){r(this,j,t,"f")}get min(){return a(this,q,"f")}set min(t){r(this,q,t,"f")}get step(){return a(this,W,"f")}set step(t){r(this,W,t,"f")}get hideLabel(){return a(this,V,"f")}set hideLabel(t){r(this,V,t,"f")}get textStrings(){return a(this,I,"f")}set textStrings(t){r(this,I,t,"f")}get _textStrings(){return a(this,L,"f")}set _textStrings(t){r(this,L,t,"f")}get _inputEl(){return a(this,N,"f")}set _inputEl(t){r(this,N,t,"f")}render(){var t;return o`
557
580
  <div class="number-input" ?disabled=${this.disabled}>
558
581
  <label
559
582
  class="label-text ${this.hideLabel?"sr-only":""}"
@@ -630,5 +653,5 @@ span[slot=icon] {
630
653
  </div>
631
654
  `:null}
632
655
  </div>
633
- `}_sizeMap(t){let e="medium";switch(t){case"lg":e="large";break;case"sm":e="small"}return e}_handleSubtract(){this.readonly||(this._inputEl.stepDown(),this.value=Number(this._inputEl.value),this._validate(!0,!1),this._emitValue())}_handleAdd(){this.readonly||(this._inputEl.stepUp(),this.value=Number(this._inputEl.value),this._validate(!0,!1),this._emitValue())}_handleInput(t){""===t.target.value?(this.value=0,this._inputEl.value="0"):this.value=Number(t.target.value),this._validate(!0,!1),this._emitValue(t)}_emitValue(t){const e={value:this.value};t&&(e.origEvent=t);const i=new CustomEvent("on-input",{detail:e});this.dispatchEvent(i)}_validate(t,e){const i=""!==this.invalidText?{...this._inputEl.validity,customError:!0}:this._inputEl.validity,a=""!==this.invalidText?this.invalidText:this._inputEl.validationMessage;this._internals.setValidity(i,a,this._inputEl),t&&(this._internalValidationMsg=this._inputEl.validationMessage),e&&this._internals.reportValidity()}updated(t){this._onUpdated(t),t.has("value")&&(this._inputEl.value=this.value.toString())}willUpdate(t){t.has("textStrings")&&(this._textStrings=g(w,this.textStrings))}constructor(){super(...arguments),d.set(this,i(this,et,"")),z.set(this,(i(this,it),i(this,at,"md"))),this.value=(i(this,rt),0),_.set(this,i(this,nt,"")),$.set(this,(i(this,lt),i(this,st,!1))),S.set(this,(i(this,ot),i(this,dt,!1))),E.set(this,(i(this,ct),i(this,pt,!1))),M.set(this,(i(this,ht),i(this,ut,""))),j.set(this,(i(this,mt),i(this,vt,void 0))),q.set(this,(i(this,bt),i(this,gt,void 0))),W.set(this,(i(this,kt),i(this,ft,1))),V.set(this,(i(this,xt),i(this,yt,!1))),I.set(this,(i(this,wt),i(this,zt,w))),L.set(this,(i(this,_t),i(this,$t,w))),N.set(this,(i(this,St),i(this,Et,void 0))),i(this,Mt)}},d=new WeakMap,z=new WeakMap,_=new WeakMap,$=new WeakMap,S=new WeakMap,E=new WeakMap,M=new WeakMap,j=new WeakMap,q=new WeakMap,W=new WeakMap,V=new WeakMap,I=new WeakMap,L=new WeakMap,N=new WeakMap,t(B,"NumberInput"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=tt[Symbol.metadata])&&void 0!==t?t:null):void 0;A=[u({type:String})],O=[u({type:String})],U=[u({type:String})],Y=[u({type:Boolean})],C=[u({type:Boolean})],D=[u({type:Boolean})],F=[u({type:String})],H=[u({type:Number})],P=[u({type:Number})],R=[u({type:Number})],G=[u({type:Boolean})],J=[u({type:Object})],K=[c()],Q=[m("input")],e(B,null,A,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:i},et,it),e(B,null,O,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:i},at,rt),e(B,null,U,{kind:"accessor",name:"placeholder",static:!1,private:!1,access:{has:t=>"placeholder"in t,get:t=>t.placeholder,set:(t,e)=>{t.placeholder=e}},metadata:i},nt,lt),e(B,null,Y,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:t=>"required"in t,get:t=>t.required,set:(t,e)=>{t.required=e}},metadata:i},st,ot),e(B,null,C,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:i},dt,ct),e(B,null,D,{kind:"accessor",name:"readonly",static:!1,private:!1,access:{has:t=>"readonly"in t,get:t=>t.readonly,set:(t,e)=>{t.readonly=e}},metadata:i},pt,ht),e(B,null,F,{kind:"accessor",name:"caption",static:!1,private:!1,access:{has:t=>"caption"in t,get:t=>t.caption,set:(t,e)=>{t.caption=e}},metadata:i},ut,mt),e(B,null,H,{kind:"accessor",name:"max",static:!1,private:!1,access:{has:t=>"max"in t,get:t=>t.max,set:(t,e)=>{t.max=e}},metadata:i},vt,bt),e(B,null,P,{kind:"accessor",name:"min",static:!1,private:!1,access:{has:t=>"min"in t,get:t=>t.min,set:(t,e)=>{t.min=e}},metadata:i},gt,kt),e(B,null,R,{kind:"accessor",name:"step",static:!1,private:!1,access:{has:t=>"step"in t,get:t=>t.step,set:(t,e)=>{t.step=e}},metadata:i},ft,xt),e(B,null,G,{kind:"accessor",name:"hideLabel",static:!1,private:!1,access:{has:t=>"hideLabel"in t,get:t=>t.hideLabel,set:(t,e)=>{t.hideLabel=e}},metadata:i},yt,wt),e(B,null,J,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:t=>"textStrings"in t,get:t=>t.textStrings,set:(t,e)=>{t.textStrings=e}},metadata:i},zt,_t),e(B,null,K,{kind:"accessor",name:"_textStrings",static:!1,private:!1,access:{has:t=>"_textStrings"in t,get:t=>t._textStrings,set:(t,e)=>{t._textStrings=e}},metadata:i},$t,St),e(B,null,Q,{kind:"accessor",name:"_inputEl",static:!1,private:!1,access:{has:t=>"_inputEl"in t,get:t=>t._inputEl,set:(t,e)=>{t._inputEl=e}},metadata:i},Et,Mt),e(null,T={value:B},X,{kind:"class",name:B.name,metadata:i},null,Z),B=T.value,i&&Object.defineProperty(B,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),B.styles=h(y),i(B,Z),B})();export{z as NumberInput};
656
+ `}_sizeMap(t){let e="medium";switch(t){case"lg":e="large";break;case"sm":e="small"}return e}_handleSubtract(){this.readonly||(this._inputEl.stepDown(),this.value=Number(this._inputEl.value),this._validate(!0,!1),this._emitValue())}_handleAdd(){this.readonly||(this._inputEl.stepUp(),this.value=Number(this._inputEl.value),this._validate(!0,!1),this._emitValue())}_handleInput(t){""===t.target.value?(this.value=0,this._inputEl.value="0"):this.value=Number(t.target.value),this._validate(!0,!1),this._emitValue(t)}_emitValue(t){const e={value:this.value};t&&(e.origEvent=t);const i=new CustomEvent("on-input",{detail:e});this.dispatchEvent(i)}_validate(t,e){const i=""!==this.invalidText?{...this._inputEl.validity,customError:!0}:this._inputEl.validity,a=""!==this.invalidText?this.invalidText:this._inputEl.validationMessage;this._internals.setValidity(i,a,this._inputEl),t&&(this._internalValidationMsg=this._inputEl.validationMessage),e&&this._internals.reportValidity()}updated(t){this._onUpdated(t),t.has("value")&&(this._inputEl.value=this.value.toString())}willUpdate(t){t.has("textStrings")&&(this._textStrings=g(w,this.textStrings))}constructor(){super(...arguments),d.set(this,i(this,et,"")),z.set(this,(i(this,it),i(this,at,"md"))),this.value=(i(this,rt),0),_.set(this,i(this,nt,"")),$.set(this,(i(this,lt),i(this,st,!1))),S.set(this,(i(this,ot),i(this,dt,!1))),E.set(this,(i(this,pt),i(this,ct,!1))),M.set(this,(i(this,ht),i(this,ut,""))),j.set(this,(i(this,mt),i(this,vt,void 0))),q.set(this,(i(this,bt),i(this,gt,void 0))),W.set(this,(i(this,kt),i(this,ft,1))),V.set(this,(i(this,xt),i(this,yt,!1))),I.set(this,(i(this,wt),i(this,zt,w))),L.set(this,(i(this,_t),i(this,$t,w))),N.set(this,(i(this,St),i(this,Et,void 0))),i(this,Mt)}},d=new WeakMap,z=new WeakMap,_=new WeakMap,$=new WeakMap,S=new WeakMap,E=new WeakMap,M=new WeakMap,j=new WeakMap,q=new WeakMap,W=new WeakMap,V=new WeakMap,I=new WeakMap,L=new WeakMap,N=new WeakMap,t(B,"NumberInput"),(()=>{var t;const i="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(t=tt[Symbol.metadata])&&void 0!==t?t:null):void 0;A=[u({type:String})],O=[u({type:String})],U=[u({type:String})],Y=[u({type:Boolean})],C=[u({type:Boolean})],D=[u({type:Boolean})],H=[u({type:String})],P=[u({type:Number})],R=[u({type:Number})],F=[u({type:Number})],G=[u({type:Boolean})],J=[u({type:Object})],K=[p()],Q=[m("input")],e(B,null,A,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:t=>"label"in t,get:t=>t.label,set:(t,e)=>{t.label=e}},metadata:i},et,it),e(B,null,O,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:t=>"size"in t,get:t=>t.size,set:(t,e)=>{t.size=e}},metadata:i},at,rt),e(B,null,U,{kind:"accessor",name:"placeholder",static:!1,private:!1,access:{has:t=>"placeholder"in t,get:t=>t.placeholder,set:(t,e)=>{t.placeholder=e}},metadata:i},nt,lt),e(B,null,Y,{kind:"accessor",name:"required",static:!1,private:!1,access:{has:t=>"required"in t,get:t=>t.required,set:(t,e)=>{t.required=e}},metadata:i},st,ot),e(B,null,C,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:t=>"disabled"in t,get:t=>t.disabled,set:(t,e)=>{t.disabled=e}},metadata:i},dt,pt),e(B,null,D,{kind:"accessor",name:"readonly",static:!1,private:!1,access:{has:t=>"readonly"in t,get:t=>t.readonly,set:(t,e)=>{t.readonly=e}},metadata:i},ct,ht),e(B,null,H,{kind:"accessor",name:"caption",static:!1,private:!1,access:{has:t=>"caption"in t,get:t=>t.caption,set:(t,e)=>{t.caption=e}},metadata:i},ut,mt),e(B,null,P,{kind:"accessor",name:"max",static:!1,private:!1,access:{has:t=>"max"in t,get:t=>t.max,set:(t,e)=>{t.max=e}},metadata:i},vt,bt),e(B,null,R,{kind:"accessor",name:"min",static:!1,private:!1,access:{has:t=>"min"in t,get:t=>t.min,set:(t,e)=>{t.min=e}},metadata:i},gt,kt),e(B,null,F,{kind:"accessor",name:"step",static:!1,private:!1,access:{has:t=>"step"in t,get:t=>t.step,set:(t,e)=>{t.step=e}},metadata:i},ft,xt),e(B,null,G,{kind:"accessor",name:"hideLabel",static:!1,private:!1,access:{has:t=>"hideLabel"in t,get:t=>t.hideLabel,set:(t,e)=>{t.hideLabel=e}},metadata:i},yt,wt),e(B,null,J,{kind:"accessor",name:"textStrings",static:!1,private:!1,access:{has:t=>"textStrings"in t,get:t=>t.textStrings,set:(t,e)=>{t.textStrings=e}},metadata:i},zt,_t),e(B,null,K,{kind:"accessor",name:"_textStrings",static:!1,private:!1,access:{has:t=>"_textStrings"in t,get:t=>t._textStrings,set:(t,e)=>{t._textStrings=e}},metadata:i},$t,St),e(B,null,Q,{kind:"accessor",name:"_inputEl",static:!1,private:!1,access:{has:t=>"_inputEl"in t,get:t=>t._inputEl,set:(t,e)=>{t._inputEl=e}},metadata:i},Et,Mt),e(null,T={value:B},X,{kind:"class",name:B.name,metadata:i},null,Z),B=T.value,i&&Object.defineProperty(B,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})})(),B.styles=h(y),i(B,Z),B})();export{z as NumberInput};
634
657
  //# sourceMappingURL=numberInput.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"numberInput.js","sources":["../../../../src/components/reusable/numberInput/numberInput.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport Styles from './numberInput.scss?inline';\nimport { FormMixin } from '../../../common/mixins/form-input';\nimport '../button';\nimport { deepmerge } from 'deepmerge-ts';\n\nimport chevronLeft from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-left.svg';\nimport chevronRight from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-right.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\nconst _defaultTextStrings = {\n requiredText: 'Required',\n subtract: 'Subtract',\n add: 'Add',\n error: 'Error',\n};\n\n/**\n * Number input.\n * @fires on-input - Captures the input event and emits the value and original event details.`detail:{ value: number }`\n * @slot tooltip - Slot for tooltip.\n * @attr {string} [name=''] - The name of the input, used for form submission.\n * @attr {string} [invalidText=''] - The custom validation message when the input is invalid.\n */\n@customElement('kyn-number-input')\nexport class NumberInput extends FormMixin(LitElement) {\n static override styles = unsafeCSS(Styles);\n\n /** Label text. */\n @property({ type: String })\n accessor label = '';\n\n /** Input size. \"sm\", \"md\", or \"lg\". */\n @property({ type: String })\n accessor size = 'md';\n\n /** Input value. */\n override value = 0;\n\n /** Input placeholder. */\n @property({ type: String })\n accessor placeholder = '';\n\n /** Makes the input required. */\n @property({ type: Boolean })\n accessor required = false;\n\n /** Input disabled state. */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /** Input readonly state. */\n @property({ type: Boolean })\n accessor readonly = false;\n\n /** Optional text beneath the input. */\n @property({ type: String })\n accessor caption = '';\n\n /** Maximum value. */\n @property({ type: Number })\n accessor max!: number;\n\n /** Minimum value. */\n @property({ type: Number })\n accessor min!: number;\n\n /** Step value. */\n @property({ type: Number })\n accessor step = 1;\n\n /** Visually hide the label. */\n @property({ type: Boolean })\n accessor hideLabel = false;\n\n /** Customizable text strings. */\n @property({ type: Object })\n accessor textStrings = _defaultTextStrings;\n\n /** Internal text strings.\n * @internal\n */\n @state()\n accessor _textStrings = _defaultTextStrings;\n\n /**\n * Queries the <input> DOM element.\n * @ignore\n */\n @query('input')\n accessor _inputEl!: HTMLInputElement;\n\n override render() {\n return html`\n <div class=\"number-input\" ?disabled=${this.disabled}>\n <label\n class=\"label-text ${this.hideLabel ? 'sr-only' : ''}\"\n for=${this.name}\n >\n ${this.required\n ? html`<abbr\n class=\"required\"\n title=${this._textStrings.requiredText}\n role=\"img\"\n aria-label=${this._textStrings?.requiredText}\n >*</abbr\n >`\n : null}\n ${this.label}\n <slot name=\"tooltip\"></slot>\n </label>\n\n <div\n class=\"${classMap({\n 'input-wrapper': true,\n })}\"\n >\n <kyn-button\n kind=\"outline\"\n size=${this._sizeMap(this.size)}\n ?disabled=${this.disabled ||\n this.value <= this.min ||\n this.readonly}\n description=${this._textStrings.subtract}\n @on-click=${this._handleSubtract}\n >\n <span slot=\"icon\">${unsafeSVG(chevronLeft)}</span>\n </kyn-button>\n\n <input\n class=\"${classMap({\n 'size--sm': this.size === 'sm',\n 'size--lg': this.size === 'lg',\n 'is-readonly': this.readonly,\n })}\"\n type=\"number\"\n id=${this.name}\n name=${this.name}\n value=${this.value.toString()}\n placeholder=${this.placeholder}\n ?required=${this.required}\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n ?invalid=${this._isInvalid}\n aria-invalid=${this._isInvalid}\n aria-describedby=${this._isInvalid ? 'error' : ''}\n step=${ifDefined(this.step)}\n min=${ifDefined(this.min)}\n max=${ifDefined(this.max)}\n @input=${(e: any) => this._handleInput(e)}\n />\n\n <kyn-button\n kind=\"outline\"\n size=${this._sizeMap(this.size)}\n ?disabled=${this.disabled ||\n this.value >= this.max ||\n this.readonly}\n description=${this._textStrings.add}\n @on-click=${this._handleAdd}\n >\n <span slot=\"icon\">${unsafeSVG(chevronRight)}</span>\n </kyn-button>\n </div>\n\n ${this.caption !== ''\n ? html`\n <div class=\"caption\" aria-disabled=${this.disabled}>\n ${this.caption}\n </div>\n `\n : null}\n ${this._isInvalid\n ? html`\n <div id=\"error\" class=\"error\">\n <span\n role=\"img\"\n class=\"error-icon\"\n aria-label=${this._textStrings.error}\n >${unsafeSVG(errorIcon)}</span\n >\n ${this.invalidText || this._internalValidationMsg}\n </div>\n `\n : null}\n </div>\n `;\n }\n\n private _sizeMap(size: string): 'small' | 'medium' | 'large' {\n let btnSize: 'small' | 'medium' | 'large' = 'medium';\n\n switch (size) {\n case 'lg':\n btnSize = 'large';\n break;\n case 'sm':\n btnSize = 'small';\n break;\n }\n\n return btnSize;\n }\n\n private _handleSubtract() {\n if (this.readonly) return;\n this._inputEl.stepDown();\n this.value = Number(this._inputEl.value);\n\n this._validate(true, false);\n this._emitValue();\n }\n\n private _handleAdd() {\n if (this.readonly) return;\n this._inputEl.stepUp();\n this.value = Number(this._inputEl.value);\n\n this._validate(true, false);\n this._emitValue();\n }\n\n private _handleInput(e: any) {\n if (e.target.value === '') {\n this.value = 0;\n this._inputEl.value = '0';\n } else {\n this.value = Number(e.target.value);\n }\n\n this._validate(true, false);\n this._emitValue(e);\n }\n\n private _emitValue(e?: any) {\n const Detail: any = {\n value: this.value,\n };\n if (e) {\n Detail.origEvent = e;\n }\n\n const event = new CustomEvent('on-input', {\n detail: Detail,\n });\n this.dispatchEvent(event);\n }\n\n private _validate(interacted: Boolean, report: Boolean) {\n // get validity state from inputEl, combine customError flag if invalidText is provided\n const Validity =\n this.invalidText !== ''\n ? { ...this._inputEl.validity, customError: true }\n : this._inputEl.validity;\n // set validationMessage to invalidText if present, otherwise use inputEl validationMessage\n const ValidationMessage =\n this.invalidText !== ''\n ? this.invalidText\n : this._inputEl.validationMessage;\n\n // set validity on custom element, anchor to inputEl\n this._internals.setValidity(Validity, ValidationMessage, this._inputEl);\n\n // set internal validation message if value was changed by user input\n if (interacted) {\n this._internalValidationMsg = this._inputEl.validationMessage;\n }\n\n // focus the form field to show validity\n if (report) {\n this._internals.reportValidity();\n }\n }\n\n override updated(changedProps: any) {\n // preserve FormMixin updated function\n this._onUpdated(changedProps);\n\n if (changedProps.has('value')) {\n this._inputEl.value = this.value.toString();\n }\n }\n\n override willUpdate(changedProps: any) {\n if (changedProps.has('textStrings')) {\n this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-number-input': NumberInput;\n }\n}\n"],"names":["_defaultTextStrings","requiredText","subtract","add","error","NumberInput","customElement","FormMixin","LitElement","_classThis","_classSuper","label","__classPrivateFieldGet","this","_NumberInput_label_accessor_storage","value","__classPrivateFieldSet","size","_NumberInput_size_accessor_storage","placeholder","_NumberInput_placeholder_accessor_storage","required","_NumberInput_required_accessor_storage","disabled","_NumberInput_disabled_accessor_storage","readonly","_NumberInput_readonly_accessor_storage","caption","_NumberInput_caption_accessor_storage","max","_NumberInput_max_accessor_storage","min","_NumberInput_min_accessor_storage","step","_NumberInput_step_accessor_storage","hideLabel","_NumberInput_hideLabel_accessor_storage","textStrings","_NumberInput_textStrings_accessor_storage","_textStrings","_NumberInput__textStrings_accessor_storage","_inputEl","_NumberInput__inputEl_accessor_storage","render","html","name","_a","classMap","_sizeMap","_handleSubtract","unsafeSVG","chevronLeft","toString","_isInvalid","ifDefined","e","_handleInput","_handleAdd","chevronRight","errorIcon","invalidText","_internalValidationMsg","btnSize","stepDown","Number","_validate","_emitValue","stepUp","target","Detail","origEvent","event","CustomEvent","detail","dispatchEvent","interacted","report","Validity","validity","customError","ValidationMessage","validationMessage","_internals","setValidity","reportValidity","updated","changedProps","_onUpdated","has","willUpdate","deepmerge","set","__runInitializers","_label_initializers","_label_extraInitializers","_size_initializers","_size_extraInitializers","_placeholder_initializers","_placeholder_extraInitializers","_required_initializers","_required_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_readonly_initializers","_readonly_extraInitializers","_caption_initializers","_caption_extraInitializers","_max_initializers","_max_extraInitializers","_min_initializers","_min_extraInitializers","_step_initializers","_step_extraInitializers","_hideLabel_initializers","_hideLabel_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","__textStrings_initializers","__textStrings_extraInitializers","__inputEl_initializers","_label_decorators","property","type","String","_size_decorators","_placeholder_decorators","_required_decorators","Boolean","_disabled_decorators","_readonly_decorators","_caption_decorators","_max_decorators","_min_decorators","_step_decorators","_hideLabel_decorators","_textStrings_decorators","Object","__textStrings_decorators","state","query","__esDecorate","kind","static","private","access","obj","get","metadata","_metadata","__inputEl_decorators","__inputEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
1
+ {"version":3,"file":"numberInput.js","sources":["../../../../src/components/reusable/numberInput/numberInput.ts"],"sourcesContent":["import { unsafeSVG } from 'lit-html/directives/unsafe-svg.js';\nimport { LitElement, html, unsafeCSS } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport Styles from './numberInput.scss?inline';\nimport { FormMixin } from '../../../common/mixins/form-input';\nimport '../button';\nimport { deepmerge } from 'deepmerge-ts';\n\nimport chevronLeft from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-left.svg';\nimport chevronRight from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/chevron-right.svg';\nimport errorIcon from '@kyndryl-design-system/shidoka-icons/svg/monochrome/16/error-filled.svg';\n\nconst _defaultTextStrings = {\n requiredText: 'Required',\n subtract: 'Subtract',\n add: 'Add',\n error: 'Error',\n};\n\n/**\n * Number input.\n *\n * @fires on-input - Captures the input event and emits the value and original event details.`detail:{ value: number }`\n * @slot tooltip - Slot for tooltip.\n * @attr {string} [name=''] - The name of the input, used for form submission.\n * @attr {string} [invalidText=''] - The custom validation message when the input is invalid.\n *\n * @cssprop --kyn-number-input-inner-max-width - Maximum width of the number input inner container.\n * @cssprop --kyn-number-input-inner-min-width - Minimum width of the number input inner container.\n */\n@customElement('kyn-number-input')\nexport class NumberInput extends FormMixin(LitElement) {\n static override styles = unsafeCSS(Styles);\n\n /** Label text. */\n @property({ type: String })\n accessor label = '';\n\n /** Input size. \"sm\", \"md\", or \"lg\". */\n @property({ type: String })\n accessor size = 'md';\n\n /** Input value. */\n override value = 0;\n\n /** Input placeholder. */\n @property({ type: String })\n accessor placeholder = '';\n\n /** Makes the input required. */\n @property({ type: Boolean })\n accessor required = false;\n\n /** Input disabled state. */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /** Input readonly state. */\n @property({ type: Boolean })\n accessor readonly = false;\n\n /** Optional text beneath the input. */\n @property({ type: String })\n accessor caption = '';\n\n /** Maximum value. */\n @property({ type: Number })\n accessor max!: number;\n\n /** Minimum value. */\n @property({ type: Number })\n accessor min!: number;\n\n /** Step value. */\n @property({ type: Number })\n accessor step = 1;\n\n /** Visually hide the label. */\n @property({ type: Boolean })\n accessor hideLabel = false;\n\n /** Customizable text strings. */\n @property({ type: Object })\n accessor textStrings = _defaultTextStrings;\n\n /** Internal text strings.\n * @internal\n */\n @state()\n accessor _textStrings = _defaultTextStrings;\n\n /**\n * Queries the <input> DOM element.\n * @ignore\n */\n @query('input')\n accessor _inputEl!: HTMLInputElement;\n\n override render() {\n return html`\n <div class=\"number-input\" ?disabled=${this.disabled}>\n <label\n class=\"label-text ${this.hideLabel ? 'sr-only' : ''}\"\n for=${this.name}\n >\n ${this.required\n ? html`<abbr\n class=\"required\"\n title=${this._textStrings.requiredText}\n role=\"img\"\n aria-label=${this._textStrings?.requiredText}\n >*</abbr\n >`\n : null}\n ${this.label}\n <slot name=\"tooltip\"></slot>\n </label>\n\n <div\n class=\"${classMap({\n 'input-wrapper': true,\n })}\"\n >\n <kyn-button\n kind=\"outline\"\n size=${this._sizeMap(this.size)}\n ?disabled=${this.disabled ||\n this.value <= this.min ||\n this.readonly}\n description=${this._textStrings.subtract}\n @on-click=${this._handleSubtract}\n >\n <span slot=\"icon\">${unsafeSVG(chevronLeft)}</span>\n </kyn-button>\n\n <input\n class=\"${classMap({\n 'size--sm': this.size === 'sm',\n 'size--lg': this.size === 'lg',\n 'is-readonly': this.readonly,\n })}\"\n type=\"number\"\n id=${this.name}\n name=${this.name}\n value=${this.value.toString()}\n placeholder=${this.placeholder}\n ?required=${this.required}\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n ?invalid=${this._isInvalid}\n aria-invalid=${this._isInvalid}\n aria-describedby=${this._isInvalid ? 'error' : ''}\n step=${ifDefined(this.step)}\n min=${ifDefined(this.min)}\n max=${ifDefined(this.max)}\n @input=${(e: any) => this._handleInput(e)}\n />\n\n <kyn-button\n kind=\"outline\"\n size=${this._sizeMap(this.size)}\n ?disabled=${this.disabled ||\n this.value >= this.max ||\n this.readonly}\n description=${this._textStrings.add}\n @on-click=${this._handleAdd}\n >\n <span slot=\"icon\">${unsafeSVG(chevronRight)}</span>\n </kyn-button>\n </div>\n\n ${this.caption !== ''\n ? html`\n <div class=\"caption\" aria-disabled=${this.disabled}>\n ${this.caption}\n </div>\n `\n : null}\n ${this._isInvalid\n ? html`\n <div id=\"error\" class=\"error\">\n <span\n role=\"img\"\n class=\"error-icon\"\n aria-label=${this._textStrings.error}\n >${unsafeSVG(errorIcon)}</span\n >\n ${this.invalidText || this._internalValidationMsg}\n </div>\n `\n : null}\n </div>\n `;\n }\n\n private _sizeMap(size: string): 'small' | 'medium' | 'large' {\n let btnSize: 'small' | 'medium' | 'large' = 'medium';\n\n switch (size) {\n case 'lg':\n btnSize = 'large';\n break;\n case 'sm':\n btnSize = 'small';\n break;\n }\n\n return btnSize;\n }\n\n private _handleSubtract() {\n if (this.readonly) return;\n this._inputEl.stepDown();\n this.value = Number(this._inputEl.value);\n\n this._validate(true, false);\n this._emitValue();\n }\n\n private _handleAdd() {\n if (this.readonly) return;\n this._inputEl.stepUp();\n this.value = Number(this._inputEl.value);\n\n this._validate(true, false);\n this._emitValue();\n }\n\n private _handleInput(e: any) {\n if (e.target.value === '') {\n this.value = 0;\n this._inputEl.value = '0';\n } else {\n this.value = Number(e.target.value);\n }\n\n this._validate(true, false);\n this._emitValue(e);\n }\n\n private _emitValue(e?: any) {\n const Detail: any = {\n value: this.value,\n };\n if (e) {\n Detail.origEvent = e;\n }\n\n const event = new CustomEvent('on-input', {\n detail: Detail,\n });\n this.dispatchEvent(event);\n }\n\n private _validate(interacted: Boolean, report: Boolean) {\n // get validity state from inputEl, combine customError flag if invalidText is provided\n const Validity =\n this.invalidText !== ''\n ? { ...this._inputEl.validity, customError: true }\n : this._inputEl.validity;\n // set validationMessage to invalidText if present, otherwise use inputEl validationMessage\n const ValidationMessage =\n this.invalidText !== ''\n ? this.invalidText\n : this._inputEl.validationMessage;\n\n // set validity on custom element, anchor to inputEl\n this._internals.setValidity(Validity, ValidationMessage, this._inputEl);\n\n // set internal validation message if value was changed by user input\n if (interacted) {\n this._internalValidationMsg = this._inputEl.validationMessage;\n }\n\n // focus the form field to show validity\n if (report) {\n this._internals.reportValidity();\n }\n }\n\n override updated(changedProps: any) {\n // preserve FormMixin updated function\n this._onUpdated(changedProps);\n\n if (changedProps.has('value')) {\n this._inputEl.value = this.value.toString();\n }\n }\n\n override willUpdate(changedProps: any) {\n if (changedProps.has('textStrings')) {\n this._textStrings = deepmerge(_defaultTextStrings, this.textStrings);\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-number-input': NumberInput;\n }\n}\n"],"names":["_defaultTextStrings","requiredText","subtract","add","error","NumberInput","customElement","FormMixin","LitElement","_classThis","_classSuper","label","__classPrivateFieldGet","this","_NumberInput_label_accessor_storage","value","__classPrivateFieldSet","size","_NumberInput_size_accessor_storage","placeholder","_NumberInput_placeholder_accessor_storage","required","_NumberInput_required_accessor_storage","disabled","_NumberInput_disabled_accessor_storage","readonly","_NumberInput_readonly_accessor_storage","caption","_NumberInput_caption_accessor_storage","max","_NumberInput_max_accessor_storage","min","_NumberInput_min_accessor_storage","step","_NumberInput_step_accessor_storage","hideLabel","_NumberInput_hideLabel_accessor_storage","textStrings","_NumberInput_textStrings_accessor_storage","_textStrings","_NumberInput__textStrings_accessor_storage","_inputEl","_NumberInput__inputEl_accessor_storage","render","html","name","_a","classMap","_sizeMap","_handleSubtract","unsafeSVG","chevronLeft","toString","_isInvalid","ifDefined","e","_handleInput","_handleAdd","chevronRight","errorIcon","invalidText","_internalValidationMsg","btnSize","stepDown","Number","_validate","_emitValue","stepUp","target","Detail","origEvent","event","CustomEvent","detail","dispatchEvent","interacted","report","Validity","validity","customError","ValidationMessage","validationMessage","_internals","setValidity","reportValidity","updated","changedProps","_onUpdated","has","willUpdate","deepmerge","set","__runInitializers","_label_initializers","_label_extraInitializers","_size_initializers","_size_extraInitializers","_placeholder_initializers","_placeholder_extraInitializers","_required_initializers","_required_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_readonly_initializers","_readonly_extraInitializers","_caption_initializers","_caption_extraInitializers","_max_initializers","_max_extraInitializers","_min_initializers","_min_extraInitializers","_step_initializers","_step_extraInitializers","_hideLabel_initializers","_hideLabel_extraInitializers","_textStrings_initializers","_textStrings_extraInitializers","__textStrings_initializers","__textStrings_extraInitializers","__inputEl_initializers","_label_decorators","property","type","String","_size_decorators","_placeholder_decorators","_required_decorators","Boolean","_disabled_decorators","_readonly_decorators","_caption_decorators","_max_decorators","_min_decorators","_step_decorators","_hideLabel_decorators","_textStrings_decorators","Object","__textStrings_decorators","state","query","__esDecorate","kind","static","private","access","obj","get","metadata","_metadata","__inputEl_decorators","__inputEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","Styles"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kyndryl-design-system/shidoka-applications",
3
- "version": "2.57.1",
3
+ "version": "2.57.2",
4
4
  "description": "Shidoka Web Components for Applications",
5
5
  "license": "MIT",
6
6
  "main": "index.js",