@kyndryl-design-system/shidoka-applications 2.74.3 → 2.75.0

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.
@@ -0,0 +1,2 @@
1
+ export { StatusPicker } from './statusPicker';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/statusPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export{StatusPicker}from"./statusPicker.js";import"tslib";import"lit";import"lit/decorators.js";import"lit-html/directives/class-map.js";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,63 @@
1
+ import { LitElement, PropertyValues } from 'lit';
2
+ declare enum STATUS_KINDS {
3
+ SUCCESS = "success",
4
+ WARNING = "warning",
5
+ ERROR = "error",
6
+ LOW = "low",
7
+ MEDIUM = "medium",
8
+ HIGH = "high",
9
+ AI = "ai"
10
+ }
11
+ /**
12
+ * Status Picker.
13
+ * @fires on-click - Captures the click event and emits the Status Picker value. `detail:{ origEvent: PointerEvent,value: string }`
14
+ * @slot unnamed - Slot for icon.
15
+ */
16
+ export declare class StatusPicker extends LitElement {
17
+ static styles: import("lit").CSSResult;
18
+ /**
19
+ * Status label (Required).
20
+ */
21
+ accessor label: string;
22
+ /**
23
+ * Specify disabled state.
24
+ */
25
+ accessor disabled: boolean;
26
+ /**
27
+ * Specify selected state.
28
+ */
29
+ accessor selected: boolean;
30
+ /**
31
+ * Removes label text truncation.
32
+ */
33
+ accessor noTruncation: boolean;
34
+ /**
35
+ * Specifies the visual appearance/kind of the status.
36
+ */
37
+ accessor kind: STATUS_KINDS;
38
+ /**
39
+ * Determine if contains icon only.
40
+ * @internal
41
+ */
42
+ accessor _iconOnly: boolean;
43
+ /**
44
+ * Determine if label is truncated.
45
+ * @internal
46
+ */
47
+ accessor _isTruncated: boolean;
48
+ /**
49
+ * Queries the .label element.
50
+ * @internal
51
+ */
52
+ accessor _labelEl: HTMLSpanElement;
53
+ render(): import("lit-html").TemplateResult<1>;
54
+ private handleStatusClick;
55
+ updated(changedProperties: PropertyValues): void;
56
+ }
57
+ declare global {
58
+ interface HTMLElementTagNameMap {
59
+ 'kyn-status-picker': StatusPicker;
60
+ }
61
+ }
62
+ export {};
63
+ //# sourceMappingURL=statusPicker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"statusPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/reusable/statusPicker/statusPicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAmB,MAAM,KAAK,CAAC;AAKlE,aAAK,YAAY;IACf,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,EAAE,OAAO;CACV;AAED;;;;GAIG;AAEH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAA+B;IAErD;;OAEG;IAEH,QAAQ,CAAC,KAAK,SAAM;IAEpB;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,QAAQ,UAAS;IAE1B;;OAEG;IAEH,QAAQ,CAAC,YAAY,UAAS;IAE9B;;OAEG;IAEH,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAwB;IAEnD;;;OAGG;IAEH,QAAQ,CAAC,SAAS,UAAS;IAE3B;;;OAGG;IAEH,QAAQ,CAAC,YAAY,UAAS;IAE9B;;;OAGG;IAEH,QAAQ,CAAC,QAAQ,EAAG,eAAe,CAAC;IAE3B,MAAM;IAgCf,OAAO,CAAC,iBAAiB;IAYhB,OAAO,CAAC,iBAAiB,EAAE,cAAc;CAcnD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,YAAY,CAAC;KACnC;CACF"}
@@ -0,0 +1,290 @@
1
+ import{__setFunctionName as r,__esDecorate as e,__runInitializers as t,__classPrivateFieldGet as o,__classPrivateFieldSet as a}from"tslib";import{css as s,LitElement as i,unsafeCSS as c,html as n}from"lit";import{customElement as d,property as l,state as u,query as k}from"lit/decorators.js";import{classMap as p}from"lit-html/directives/class-map.js";var b,v=s`*,
2
+ *::before,
3
+ *::after {
4
+ box-sizing: border-box;
5
+ }
6
+
7
+ * {
8
+ -webkit-tap-highlight-color: transparent;
9
+ }
10
+
11
+ :root {
12
+ --kd-current-breakpoint: sm;
13
+ }
14
+ @media (min-width: 42rem) {
15
+ :root {
16
+ --kd-current-breakpoint: md;
17
+ }
18
+ }
19
+ @media (min-width: 74rem) {
20
+ :root {
21
+ --kd-current-breakpoint: lg;
22
+ }
23
+ }
24
+ @media (min-width: 82rem) {
25
+ :root {
26
+ --kd-current-breakpoint: xl;
27
+ }
28
+ }
29
+ @media (min-width: 99rem) {
30
+ :root {
31
+ --kd-current-breakpoint: max;
32
+ }
33
+ }
34
+
35
+ :host {
36
+ display: inline-block;
37
+ }
38
+
39
+ .status-picker {
40
+ font-family: var(--kd-font-family-secondary);
41
+ font-size: var(--kd-font-size-utility-3-sm);
42
+ line-height: var(--kd-line-height-utility-3-sm);
43
+ font-weight: var(--kd-font-weight-regular);
44
+ letter-spacing: var(--kd-letter-spacing-5);
45
+ display: flex;
46
+ height: 24px;
47
+ align-items: center;
48
+ justify-content: space-around;
49
+ border: 0.5px solid transparent;
50
+ border-radius: 6px;
51
+ padding: 4px;
52
+ gap: 4px;
53
+ min-width: 24px;
54
+ max-width: 161px;
55
+ cursor: pointer;
56
+ transition: background-color 0.4s ease;
57
+ }
58
+ @media (min-width: 42rem) {
59
+ .status-picker {
60
+ font-size: var(--kd-font-size-utility-3-md);
61
+ line-height: var(--kd-line-height-utility-3-md);
62
+ }
63
+ }
64
+ @media (min-width: 74rem) {
65
+ .status-picker {
66
+ font-size: var(--kd-font-size-utility-3-lg);
67
+ line-height: var(--kd-line-height-utility-3-lg);
68
+ }
69
+ }
70
+ @media (min-width: 82rem) {
71
+ .status-picker {
72
+ font-size: var(--kd-font-size-utility-3-xlg);
73
+ line-height: var(--kd-line-height-utility-3-xlg);
74
+ }
75
+ }
76
+ @media (min-width: 99rem) {
77
+ .status-picker {
78
+ font-size: var(--kd-font-size-utility-3-max);
79
+ line-height: var(--kd-line-height-utility-3-max);
80
+ }
81
+ }
82
+ .status-picker.no-truncation {
83
+ max-width: none;
84
+ }
85
+
86
+ .status-picker__label {
87
+ white-space: nowrap;
88
+ overflow: hidden;
89
+ text-overflow: ellipsis;
90
+ }
91
+
92
+ .status-picker__state-disable {
93
+ cursor: not-allowed;
94
+ background-color: var(--kd-color-background-status-picker-success-disabled) !important;
95
+ color: var(--kd-color-text-status-picker-success-disabled) !important;
96
+ border-color: var(--kd-color-border-status-picker-success-disabled) !important;
97
+ outline: none !important;
98
+ }
99
+ .status-picker__state-interactive {
100
+ /* error state */
101
+ /* warning state */
102
+ /* success state */
103
+ /* low state */
104
+ /* medium state */
105
+ /* high state */
106
+ /* ai state Pending from UX*/
107
+ }
108
+ .status-picker__state-interactive-error {
109
+ color: var(--kd-color-text-status-picker-error-enabled);
110
+ background-color: var(--kd-color-background-status-picker-error-enabled);
111
+ border-color: var(--kd-color-border-status-picker-error-enabled);
112
+ }
113
+ .status-picker__state-interactive-error:hover {
114
+ color: var(--kd-color-text-status-picker-error-hover);
115
+ background-color: var(--kd-color-background-status-picker-error-hover);
116
+ border-color: var(--kd-color-border-status-picker-error-hover);
117
+ }
118
+ .status-picker__state-interactive-error.selected {
119
+ border-color: var(--kd-color-border-status-picker-error-selected);
120
+ color: var(--kd-color-text-status-picker-error-selected);
121
+ background-color: var(--kd-color-background-status-picker-error-selected);
122
+ }
123
+ .status-picker__state-interactive-error:focus-visible {
124
+ outline: 1px solid var(--kd-color-border-status-picker-error-focused);
125
+ background-color: var(--kd-color-background-status-picker-error-focused);
126
+ }
127
+ .status-picker__state-interactive-error:active {
128
+ color: var(--kd-color-text-status-picker-error-pressed);
129
+ border-color: var(--kd-color-border-status-picker-error-pressed);
130
+ background-color: var(--kd-color-background-status-picker-error-pressed);
131
+ }
132
+ .status-picker__state-interactive-warning {
133
+ color: var(--kd-color-text-status-picker-warning-enabled);
134
+ background-color: var(--kd-color-background-status-picker-warning-enabled);
135
+ border-color: var(--kd-color-border-status-picker-warning-enabled);
136
+ }
137
+ .status-picker__state-interactive-warning:hover {
138
+ background-color: var(--kd-color-background-status-picker-warning-hover);
139
+ border-color: var(--kd-color-border-status-picker-warning-hover);
140
+ }
141
+ .status-picker__state-interactive-warning.selected {
142
+ border-color: var(--kd-color-border-status-picker-warning-selected);
143
+ background-color: var(--kd-color-background-status-picker-warning-selected);
144
+ }
145
+ .status-picker__state-interactive-warning:focus-visible {
146
+ outline: 1px solid var(--kd-color-border-status-picker-warning-focused);
147
+ background-color: var(--kd-color-background-status-picker-warning-focused);
148
+ }
149
+ .status-picker__state-interactive-warning:active {
150
+ border-color: var(--kd-color-border-status-picker-warning-pressed);
151
+ background-color: var(--kd-color-background-status-picker-warning-pressed);
152
+ }
153
+ .status-picker__state-interactive-success {
154
+ color: var(--kd-color-text-status-picker-success-enabled);
155
+ background-color: var(--kd-color-background-status-picker-success-enabled);
156
+ border-color: var(--kd-color-border-status-picker-success-enabled);
157
+ }
158
+ .status-picker__state-interactive-success:hover {
159
+ background-color: var(--kd-color-background-status-picker-success-hover);
160
+ border-color: var(--kd-color-border-status-picker-success-hover);
161
+ }
162
+ .status-picker__state-interactive-success.selected {
163
+ border-color: var(--kd-color-border-status-picker-success-selected);
164
+ background-color: var(--kd-color-background-status-picker-success-selected);
165
+ }
166
+ .status-picker__state-interactive-success:focus-visible {
167
+ outline: 1px solid var(--kd-color-border-status-picker-success-focused);
168
+ background-color: var(--kd-color-background-status-picker-success-focused);
169
+ }
170
+ .status-picker__state-interactive-success:active {
171
+ border-color: var(--kd-color-border-status-picker-success-pressed);
172
+ background-color: var(--kd-color-background-status-picker-success-pressed);
173
+ }
174
+ .status-picker__state-interactive-low {
175
+ color: var(--kd-color-text-status-picker-information-low-enabled);
176
+ background-color: var(--kd-color-background-status-picker-information-low-enabled);
177
+ border-color: var(--kd-color-border-status-picker-information-low-enabled);
178
+ }
179
+ .status-picker__state-interactive-low:hover {
180
+ color: var(--kd-color-text-status-picker-information-low-hover);
181
+ border-color: var(--kd-color-border-status-picker-information-low-hover);
182
+ background-color: var(--kd-color-background-status-picker-information-low-hover);
183
+ }
184
+ .status-picker__state-interactive-low.selected {
185
+ color: var(--kd-color-text-status-picker-information-low-selected);
186
+ border-color: var(--kd-color-tag-border-error-selected);
187
+ background-color: var(--kd-color-background-status-picker-information-low-selected);
188
+ }
189
+ .status-picker__state-interactive-low:focus-visible {
190
+ color: var(--kd-color-text-status-picker-information-low-focused);
191
+ outline: 1px solid var(--kd-color-border-status-picker-information-low-focused);
192
+ background-color: var(--kd-color-background-status-picker-information-low-focused);
193
+ }
194
+ .status-picker__state-interactive-low:active {
195
+ color: var(--kd-color-text-status-picker-information-low-pressed);
196
+ border-color: var(--kd-color-border-status-picker-information-low-pressed);
197
+ background-color: var(--kd-color-background-status-picker-information-low-pressed);
198
+ }
199
+ .status-picker__state-interactive-medium {
200
+ color: var(--kd-color-text-status-picker-information-medium-enabled);
201
+ background-color: var(--kd-color-background-status-picker-information-medium-enabled);
202
+ border-color: var(--kd-color-border-status-picker-information-medium-enabled);
203
+ }
204
+ .status-picker__state-interactive-medium:hover {
205
+ color: var(--kd-color-text-status-picker-information-medium-hover);
206
+ background-color: var(--kd-color-background-status-picker-information-medium-hover);
207
+ border-color: var(--kd-color-border-status-picker-information-medium-hover);
208
+ }
209
+ .status-picker__state-interactive-medium.selected {
210
+ color: var(--kd-color-text-status-picker-information-medium-selected);
211
+ border-color: var(--kd-color-border-status-picker-information-medium-selected);
212
+ background-color: var(--kd-color-background-status-picker-information-medium-selected);
213
+ }
214
+ .status-picker__state-interactive-medium:focus-visible {
215
+ color: var(--kd-color-text-status-picker-information-medium-focused);
216
+ outline: 1px solid var(--kd-color-border-status-picker-information-medium-focused);
217
+ background-color: var(--kd-color-background-status-picker-information-medium-focused);
218
+ }
219
+ .status-picker__state-interactive-medium:active {
220
+ color: var(--kd-color-text-status-picker-information-medium-pressed);
221
+ border-color: var(--kd-color-border-status-picker-information-medium-pressed);
222
+ background-color: var(--kd-color-background-status-picker-information-medium-pressed);
223
+ }
224
+ .status-picker__state-interactive-high {
225
+ color: var(--kd-color-text-status-picker-information-high-enabled);
226
+ background-color: var(--kd-color-background-status-picker-information-high-enabled);
227
+ border-color: var(--kd-color-border-status-picker-information-high-enabled);
228
+ }
229
+ .status-picker__state-interactive-high:hover {
230
+ color: var(--kd-color-text-status-picker-information-high-hover);
231
+ background-color: var(--kd-color-background-status-picker-information-high-hover);
232
+ border-color: var(--kd-color-border-status-picker-information-high-hover);
233
+ }
234
+ .status-picker__state-interactive-high.selected {
235
+ color: var(--kd-color-text-status-picker-information-high-selected);
236
+ border-color: var(--kd-color-border-status-picker-information-high-selected);
237
+ background-color: var(--kd-color-background-status-picker-information-high-selected);
238
+ }
239
+ .status-picker__state-interactive-high:focus-visible {
240
+ color: var(--kd-color-text-status-picker-information-high-focused);
241
+ outline: 1px solid var(--kd-color-border-status-picker-information-high-focused);
242
+ background-color: var(--kd-color-background-status-picker-information-high-focused);
243
+ }
244
+ .status-picker__state-interactive-high:active {
245
+ color: var(--kd-color-text-status-picker-information-high-pressed);
246
+ border-color: var(--kd-color-border-status-picker-information-high-pressed);
247
+ background-color: var(--kd-color-background-status-picker-information-high-pressed);
248
+ }
249
+ .status-picker__state-interactive-ai {
250
+ color: var(--kd-color-text-status-picker-ai-enabled);
251
+ background-color: var(--kd-color-background-status-picker-ai-enabled);
252
+ border-color: var(--kd-color-border-status-picker-ai-enabled);
253
+ }
254
+ .status-picker__state-interactive-ai:hover {
255
+ color: var(--kd-color-text-status-picker-ai-hover);
256
+ background-color: var(--kd-color-background-status-picker-ai-hover);
257
+ }
258
+ .status-picker__state-interactive-ai.selected {
259
+ border-color: var(--kd-color-border-status-picker-ai-selected);
260
+ color: var(--kd-color-text-status-picker-ai-selected);
261
+ background-color: var(--kd-color-background-status-picker-ai-selected);
262
+ }
263
+ .status-picker__state-interactive-ai:focus-visible {
264
+ color: var(--kd-color-text-status-picker-ai-focused);
265
+ outline: 1px solid var(--kd-color-border-status-picker-ai-focused);
266
+ }
267
+ .status-picker__state-interactive-ai:active {
268
+ color: var(--kd-color-text-status-picker-ai-pressed);
269
+ border-color: var(--kd-color-border-status-picker-ai-pressed);
270
+ background-color: var(--kd-color-background-status-picker-ai-pressed);
271
+ }
272
+ .status-picker__state-interactive:focus-visible {
273
+ border: transparent;
274
+ outline-offset: 1px;
275
+ }`;!function(r){r.SUCCESS="success",r.WARNING="warning",r.ERROR="error",r.LOW="low",r.MEDIUM="medium",r.HIGH="high",r.AI="ai"}(b||(b={}));let h=(()=>{var s,h,m,g,f,_,w,x;let y,T,E,S,O,W,z,$,M,C,j=[d("kyn-status-picker")],I=[],R=i,U=[],B=[],P=[],A=[],G=[],H=[],N=[],D=[],L=[],X=[],q=[],F=[],J=[],K=[],Q=[],V=[];return T=class extends R{get label(){return o(this,s,"f")}set label(r){a(this,s,r,"f")}get disabled(){return o(this,h,"f")}set disabled(r){a(this,h,r,"f")}get selected(){return o(this,m,"f")}set selected(r){a(this,m,r,"f")}get noTruncation(){return o(this,g,"f")}set noTruncation(r){a(this,g,r,"f")}get kind(){return o(this,f,"f")}set kind(r){a(this,f,r,"f")}get _iconOnly(){return o(this,_,"f")}set _iconOnly(r){a(this,_,r,"f")}get _isTruncated(){return o(this,w,"f")}set _isTruncated(r){a(this,w,r,"f")}get _labelEl(){return o(this,x,"f")}set _labelEl(r){a(this,x,r,"f")}render(){const r=`status-picker__state-${this.kind}`,e={"status-picker":!0,"no-truncation":this.noTruncation,"status-picker__state-interactive":!0,[`status-picker__state-interactive-${this.kind}`]:!0,"status-picker__state-disable":this.disabled,[`${r}`]:!0,selected:this.selected};return n`<button
276
+ type="button"
277
+ class="${p(e)}"
278
+ ?disabled="${this.disabled}"
279
+ kind=${this.kind}
280
+ title="${this._isTruncated&&!this.noTruncation?this.label:""}"
281
+ @click=${r=>this.handleStatusClick(r,this.label)}
282
+ >
283
+ <slot></slot>
284
+ ${this._iconOnly?"":n` <span
285
+ class="status-picker__label"
286
+ aria-disabled=${this.disabled}
287
+ >${this.label}</span
288
+ >`}
289
+ </button>`}handleStatusClick(r,e){if(!this.disabled){const t=new CustomEvent("on-click",{detail:{value:e,origEvent:r}});this.dispatchEvent(t)}}updated(r){this.label=this.label.trim(),this._labelEl&&!this.noTruncation&&(this._isTruncated=this._labelEl.scrollWidth>this._labelEl.clientWidth),super.updated(r),0===this.label.length?this._iconOnly=!0:this._iconOnly=!1}constructor(){super(...arguments),s.set(this,t(this,U,"")),h.set(this,(t(this,B),t(this,P,!1))),m.set(this,(t(this,A),t(this,G,!1))),g.set(this,(t(this,H),t(this,N,!1))),f.set(this,(t(this,D),t(this,L,b.SUCCESS))),_.set(this,(t(this,X),t(this,q,!1))),w.set(this,(t(this,F),t(this,J,!1))),x.set(this,(t(this,K),t(this,Q,void 0))),t(this,V)}},s=new WeakMap,h=new WeakMap,m=new WeakMap,g=new WeakMap,f=new WeakMap,_=new WeakMap,w=new WeakMap,x=new WeakMap,r(T,"StatusPicker"),(()=>{var r;const t="function"==typeof Symbol&&Symbol.metadata?Object.create(null!==(r=R[Symbol.metadata])&&void 0!==r?r:null):void 0;E=[l({type:String})],S=[l({type:Boolean})],O=[l({type:Boolean})],W=[l({type:Boolean})],z=[l({type:String})],$=[u()],M=[u()],C=[k(".status-picker__label")],e(T,null,E,{kind:"accessor",name:"label",static:!1,private:!1,access:{has:r=>"label"in r,get:r=>r.label,set:(r,e)=>{r.label=e}},metadata:t},U,B),e(T,null,S,{kind:"accessor",name:"disabled",static:!1,private:!1,access:{has:r=>"disabled"in r,get:r=>r.disabled,set:(r,e)=>{r.disabled=e}},metadata:t},P,A),e(T,null,O,{kind:"accessor",name:"selected",static:!1,private:!1,access:{has:r=>"selected"in r,get:r=>r.selected,set:(r,e)=>{r.selected=e}},metadata:t},G,H),e(T,null,W,{kind:"accessor",name:"noTruncation",static:!1,private:!1,access:{has:r=>"noTruncation"in r,get:r=>r.noTruncation,set:(r,e)=>{r.noTruncation=e}},metadata:t},N,D),e(T,null,z,{kind:"accessor",name:"kind",static:!1,private:!1,access:{has:r=>"kind"in r,get:r=>r.kind,set:(r,e)=>{r.kind=e}},metadata:t},L,X),e(T,null,$,{kind:"accessor",name:"_iconOnly",static:!1,private:!1,access:{has:r=>"_iconOnly"in r,get:r=>r._iconOnly,set:(r,e)=>{r._iconOnly=e}},metadata:t},q,F),e(T,null,M,{kind:"accessor",name:"_isTruncated",static:!1,private:!1,access:{has:r=>"_isTruncated"in r,get:r=>r._isTruncated,set:(r,e)=>{r._isTruncated=e}},metadata:t},J,K),e(T,null,C,{kind:"accessor",name:"_labelEl",static:!1,private:!1,access:{has:r=>"_labelEl"in r,get:r=>r._labelEl,set:(r,e)=>{r._labelEl=e}},metadata:t},Q,V),e(null,y={value:T},j,{kind:"class",name:T.name,metadata:t},null,I),T=y.value,t&&Object.defineProperty(T,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})})(),T.styles=c(v),t(T,I),T})();export{h as StatusPicker};
290
+ //# sourceMappingURL=statusPicker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"statusPicker.js","sources":["../../../../src/components/reusable/statusPicker/statusPicker.ts"],"sourcesContent":["import { LitElement, PropertyValues, html, unsafeCSS } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit-html/directives/class-map.js';\nimport StatusPickerScss from './statusPicker.scss?inline';\n\nenum STATUS_KINDS {\n SUCCESS = 'success',\n WARNING = 'warning',\n ERROR = 'error',\n LOW = 'low',\n MEDIUM = 'medium',\n HIGH = 'high',\n AI = 'ai',\n}\n\n/**\n * Status Picker.\n * @fires on-click - Captures the click event and emits the Status Picker value. `detail:{ origEvent: PointerEvent,value: string }`\n * @slot unnamed - Slot for icon.\n */\n\n@customElement('kyn-status-picker')\nexport class StatusPicker extends LitElement {\n static override styles = unsafeCSS(StatusPickerScss);\n\n /**\n * Status label (Required).\n */\n @property({ type: String })\n accessor label = '';\n\n /**\n * Specify disabled state.\n */\n @property({ type: Boolean })\n accessor disabled = false;\n\n /**\n * Specify selected state.\n */\n @property({ type: Boolean })\n accessor selected = false;\n\n /**\n * Removes label text truncation.\n */\n @property({ type: Boolean })\n accessor noTruncation = false;\n\n /**\n * Specifies the visual appearance/kind of the status.\n */\n @property({ type: String })\n accessor kind: STATUS_KINDS = STATUS_KINDS.SUCCESS;\n\n /**\n * Determine if contains icon only.\n * @internal\n */\n @state()\n accessor _iconOnly = false;\n\n /**\n * Determine if label is truncated.\n * @internal\n */\n @state()\n accessor _isTruncated = false;\n\n /**\n * Queries the .label element.\n * @internal\n */\n @query('.status-picker__label')\n accessor _labelEl!: HTMLSpanElement;\n\n override render() {\n const newBaseColorClass = `status-picker__state-${this.kind}`;\n\n const Classes = {\n 'status-picker': true,\n 'no-truncation': this.noTruncation,\n 'status-picker__state-interactive': true,\n [`status-picker__state-interactive-${this.kind}`]: true,\n 'status-picker__state-disable': this.disabled,\n [`${newBaseColorClass}`]: true,\n selected: this.selected,\n };\n\n return html`<button\n type=\"button\"\n class=\"${classMap(Classes)}\"\n ?disabled=\"${this.disabled}\"\n kind=${this.kind}\n title=\"${this._isTruncated && !this.noTruncation ? this.label : ''}\"\n @click=${(e: any) => this.handleStatusClick(e, this.label)}\n >\n <slot></slot>\n ${!this._iconOnly\n ? html` <span\n class=\"status-picker__label\"\n aria-disabled=${this.disabled}\n >${this.label}</span\n >`\n : ''}\n </button>`;\n }\n\n private handleStatusClick(e: any, value: string) {\n if (!this.disabled) {\n const event = new CustomEvent('on-click', {\n detail: {\n value,\n origEvent: e,\n },\n });\n this.dispatchEvent(event);\n }\n }\n\n override updated(changedProperties: PropertyValues) {\n this.label = this.label.trim();\n // Check if label is truncated\n if (this._labelEl && !this.noTruncation) {\n this._isTruncated = this._labelEl.scrollWidth > this._labelEl.clientWidth;\n }\n super.updated(changedProperties);\n\n if (this.label.length === 0) {\n this._iconOnly = true;\n } else {\n this._iconOnly = false;\n }\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'kyn-status-picker': StatusPicker;\n }\n}\n"],"names":["STATUS_KINDS","StatusPicker","customElement","LitElement","_classThis","_classSuper","label","__classPrivateFieldGet","this","_StatusPicker_label_accessor_storage","value","__classPrivateFieldSet","disabled","_StatusPicker_disabled_accessor_storage","selected","_StatusPicker_selected_accessor_storage","noTruncation","_StatusPicker_noTruncation_accessor_storage","kind","_StatusPicker_kind_accessor_storage","_iconOnly","_StatusPicker__iconOnly_accessor_storage","_isTruncated","_StatusPicker__isTruncated_accessor_storage","_labelEl","_StatusPicker__labelEl_accessor_storage","render","newBaseColorClass","Classes","html","classMap","e","handleStatusClick","event","CustomEvent","detail","origEvent","dispatchEvent","updated","changedProperties","trim","scrollWidth","clientWidth","super","length","set","__runInitializers","_label_initializers","_label_extraInitializers","_disabled_initializers","_disabled_extraInitializers","_selected_initializers","_selected_extraInitializers","_noTruncation_initializers","_noTruncation_extraInitializers","_kind_initializers","SUCCESS","_kind_extraInitializers","__iconOnly_initializers","__iconOnly_extraInitializers","__isTruncated_initializers","__isTruncated_extraInitializers","__labelEl_initializers","_label_decorators","property","type","String","_disabled_decorators","Boolean","_selected_decorators","_noTruncation_decorators","_kind_decorators","__iconOnly_decorators","state","__isTruncated_decorators","query","__esDecorate","name","static","private","access","has","obj","get","metadata","_metadata","__labelEl_decorators","__labelEl_extraInitializers","_classDescriptor","_classDecorators","_classExtraInitializers","styles","unsafeCSS","StatusPickerScss"],"mappings":"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"}
package/index.d.ts CHANGED
@@ -48,4 +48,5 @@ export { InlineConfirm } from './components/reusable/inlineConfirm';
48
48
  export { ColorInput } from './components/reusable/colorInput';
49
49
  export { MetaData } from './components/reusable/metaData';
50
50
  export { Divider } from './components/reusable/divider';
51
+ export { StatusPicker } from './components/reusable/statusPicker';
51
52
  //# sourceMappingURL=index.d.ts.map
package/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
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{HeaderCategories}from"./components/global/header/headerCategories.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";import"./components/reusable/dropdown/enhancedDropdownOption.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-B_d7j-jz.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{SliderInput}from"./components/reusable/sliderInput/sliderInput.js";export{Popover}from"./components/reusable/popover/popover.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{AISourcesFeedback}from"./components/ai/sourcesFeedback/aiSourcesFeedback.js";export{InlineConfirm}from"./components/reusable/inlineConfirm/inlineConfirm.js";export{ColorInput}from"./components/reusable/colorInput/colorInput.js";export{MetaData}from"./components/reusable/metaData/metaData.js";export{Divider}from"./components/reusable/divider/divider.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"lit-html/directives/unsafe-html.js";import"./vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"lit-html/directives/unsafe-svg.js";import"query-selector-shadow-dom";import"./vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"lit/directives/style-map.js";import"lit/directives/if-defined.js";import"deepmerge-ts";import"./common/mixins/form-input.js";import"lit-html/directives/class-map.js";import"./common/helpers/flatpickr/flatpickr.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"./common/helpers/flatpickr/langs.js";import"./common/helpers/flatpickr/overlay.js";import"./common/helpers/flatpickr/utils.js";import"./shidoka-flatpickr-theme-DpNQHCIC.js";import"prismjs";import"prismjs/plugins/autoloader/prism-autoloader";import"prismjs/plugins/line-numbers/prism-line-numbers";import"@lit/context";import"./components/reusable/table/table-context.js";import"./components/reusable/table/defs.js";import"./pagination-0XbKxe9y.js";import"lit/directives/unsafe-html.js";import"lit/directives/unsafe-svg.js";import"./tag-ehM901IX.js";import"./components/reusable/badge/badge.js";import"gridstack";import"lottie-web";import"./inline-CxNcYPfA.js";import"@floating-ui/dom";import"./common/helpers/popoverHelper.js";import"./components/reusable/button/defs.js";import"./components/reusable/link/defs.js";import"./cardSample-BCIwY1rJ.js";import"./components/reusable/splitButton/defs.js";
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{HeaderCategories}from"./components/global/header/headerCategories.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";import"./components/reusable/dropdown/enhancedDropdownOption.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-B_d7j-jz.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{SliderInput}from"./components/reusable/sliderInput/sliderInput.js";export{Popover}from"./components/reusable/popover/popover.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{AISourcesFeedback}from"./components/ai/sourcesFeedback/aiSourcesFeedback.js";export{InlineConfirm}from"./components/reusable/inlineConfirm/inlineConfirm.js";export{ColorInput}from"./components/reusable/colorInput/colorInput.js";export{MetaData}from"./components/reusable/metaData/metaData.js";export{Divider}from"./components/reusable/divider/divider.js";export{StatusPicker}from"./components/reusable/statusPicker/statusPicker.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"lit-html/directives/unsafe-html.js";import"./vendor/@kyndryl-design-system/shidoka-foundation-7uii0Jz8.js";import"lit-html/directives/unsafe-svg.js";import"query-selector-shadow-dom";import"./vendor/@kyndryl-design-system/shidoka-icons-oqOblwTK.js";import"lit/directives/style-map.js";import"lit/directives/if-defined.js";import"deepmerge-ts";import"./common/mixins/form-input.js";import"lit-html/directives/class-map.js";import"./common/helpers/flatpickr/flatpickr.js";import"flatpickr";import"flatpickr/dist/esm/plugins/rangePlugin";import"flatpickr/dist/esm/l10n/default.js";import"./common/helpers/flatpickr/langs.js";import"./common/helpers/flatpickr/overlay.js";import"./common/helpers/flatpickr/utils.js";import"./shidoka-flatpickr-theme-DpNQHCIC.js";import"prismjs";import"prismjs/plugins/autoloader/prism-autoloader";import"prismjs/plugins/line-numbers/prism-line-numbers";import"@lit/context";import"./components/reusable/table/table-context.js";import"./components/reusable/table/defs.js";import"./pagination-0XbKxe9y.js";import"lit/directives/unsafe-html.js";import"lit/directives/unsafe-svg.js";import"./tag-ehM901IX.js";import"./components/reusable/badge/badge.js";import"gridstack";import"lottie-web";import"./inline-CxNcYPfA.js";import"@floating-ui/dom";import"./common/helpers/popoverHelper.js";import"./components/reusable/button/defs.js";import"./components/reusable/link/defs.js";import"./cardSample-BCIwY1rJ.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.74.3",
3
+ "version": "2.75.0",
4
4
  "description": "Shidoka Web Components for Applications",
5
5
  "license": "MIT",
6
6
  "main": "index.js",
@@ -30,8 +30,8 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@floating-ui/dom": "^1.7.1",
33
- "@kyndryl-design-system/shidoka-foundation": "^2.8.5",
34
- "@kyndryl-design-system/shidoka-icons": "^2.18.0",
33
+ "@kyndryl-design-system/shidoka-foundation": "^2.8.6",
34
+ "@kyndryl-design-system/shidoka-icons": "^2.19.0",
35
35
  "@lit/context": "^1.1.0",
36
36
  "deepmerge-ts": "^7.1.0",
37
37
  "flatpickr": "^4.6.13",