@workday/canvas-kit-preview-react 13.2.32 → 13.2.34

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.
Files changed (61) hide show
  1. package/dist/commonjs/divider/lib/Divider.js +1 -1
  2. package/dist/commonjs/information-highlight/lib/InformationHighlight.js +7 -7
  3. package/dist/commonjs/information-highlight/lib/parts/Body.js +1 -1
  4. package/dist/commonjs/information-highlight/lib/parts/Heading.js +1 -1
  5. package/dist/commonjs/information-highlight/lib/parts/Link.js +1 -1
  6. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +2 -2
  7. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +3 -3
  8. package/dist/commonjs/pill/lib/Pill.d.ts +475 -5
  9. package/dist/commonjs/pill/lib/Pill.d.ts.map +1 -1
  10. package/dist/commonjs/pill/lib/Pill.js +3 -3
  11. package/dist/commonjs/pill/lib/PillAvatar.d.ts +222 -1
  12. package/dist/commonjs/pill/lib/PillAvatar.d.ts.map +1 -1
  13. package/dist/commonjs/pill/lib/PillAvatar.js +1 -1
  14. package/dist/commonjs/pill/lib/PillCount.js +1 -1
  15. package/dist/commonjs/pill/lib/PillIcon.d.ts +15 -1
  16. package/dist/commonjs/pill/lib/PillIcon.d.ts.map +1 -1
  17. package/dist/commonjs/pill/lib/PillIcon.js +1 -1
  18. package/dist/commonjs/pill/lib/PillIconButton.d.ts +67 -1
  19. package/dist/commonjs/pill/lib/PillIconButton.d.ts.map +1 -1
  20. package/dist/commonjs/pill/lib/PillIconButton.js +1 -1
  21. package/dist/commonjs/pill/lib/PillLabel.js +1 -1
  22. package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
  23. package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
  24. package/dist/commonjs/radio/lib/RadioText.js +4 -4
  25. package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
  26. package/dist/commonjs/side-panel/lib/SidePanel.js +7 -7
  27. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +11 -11
  28. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +13 -13
  29. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  30. package/dist/commonjs/version/lib/version.js +1 -1
  31. package/dist/es6/divider/lib/Divider.js +1 -1
  32. package/dist/es6/information-highlight/lib/InformationHighlight.js +7 -7
  33. package/dist/es6/information-highlight/lib/parts/Body.js +1 -1
  34. package/dist/es6/information-highlight/lib/parts/Heading.js +1 -1
  35. package/dist/es6/information-highlight/lib/parts/Link.js +1 -1
  36. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +2 -2
  37. package/dist/es6/multi-select/lib/MultiSelectInput.js +3 -3
  38. package/dist/es6/pill/lib/Pill.d.ts +475 -5
  39. package/dist/es6/pill/lib/Pill.d.ts.map +1 -1
  40. package/dist/es6/pill/lib/Pill.js +3 -3
  41. package/dist/es6/pill/lib/PillAvatar.d.ts +222 -1
  42. package/dist/es6/pill/lib/PillAvatar.d.ts.map +1 -1
  43. package/dist/es6/pill/lib/PillAvatar.js +1 -1
  44. package/dist/es6/pill/lib/PillCount.js +1 -1
  45. package/dist/es6/pill/lib/PillIcon.d.ts +15 -1
  46. package/dist/es6/pill/lib/PillIcon.d.ts.map +1 -1
  47. package/dist/es6/pill/lib/PillIcon.js +1 -1
  48. package/dist/es6/pill/lib/PillIconButton.d.ts +67 -1
  49. package/dist/es6/pill/lib/PillIconButton.d.ts.map +1 -1
  50. package/dist/es6/pill/lib/PillIconButton.js +1 -1
  51. package/dist/es6/pill/lib/PillLabel.js +1 -1
  52. package/dist/es6/radio/lib/RadioGroup.js +3 -3
  53. package/dist/es6/radio/lib/RadioLabel.js +1 -1
  54. package/dist/es6/radio/lib/RadioText.js +4 -4
  55. package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
  56. package/dist/es6/side-panel/lib/SidePanel.js +7 -7
  57. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +11 -11
  58. package/dist/es6/status-indicator/lib/StatusIndicator.js +13 -13
  59. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  60. package/dist/es6/version/lib/version.js +1 -1
  61. package/package.json +4 -4
package/dist/es6/pill/lib/Pill.d.ts CHANGED
@@ -13,7 +13,73 @@ export interface PillProps extends BoxProps {
13
13
  }
14
14
  export declare const pillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
15
15
  maxWidth: string;
16
- }, never>, {}, {
16
+ }, import("@workday/canvas-kit-styling").Stencil<{
17
+ size: {
18
+ large: {
19
+ fontWeight: "--cnvs-sys-font-weight-bold";
20
+ height: string;
21
+ paddingInline: "--cnvs-sys-space-x8";
22
+ minWidth: string;
23
+ fontFamily: "--cnvs-sys-font-family-default";
24
+ lineHeight: "--cnvs-sys-line-height-body-small";
25
+ fontSize: "--cnvs-sys-font-size-body-small";
26
+ letterSpacing: "--cnvs-base-letter-spacing-200";
27
+ };
28
+ medium: {
29
+ fontWeight: "--cnvs-sys-font-weight-bold";
30
+ minWidth: string;
31
+ paddingInline: "--cnvs-sys-space-x6";
32
+ height: "--cnvs-sys-space-x10";
33
+ fontFamily: "--cnvs-sys-font-family-default";
34
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
35
+ fontSize: "--cnvs-sys-font-size-subtext-large";
36
+ letterSpacing: "--cnvs-base-letter-spacing-150";
37
+ };
38
+ small: {
39
+ fontWeight: "--cnvs-sys-font-weight-bold";
40
+ height: "--cnvs-sys-space-x8";
41
+ minWidth: "--cnvs-sys-space-x20";
42
+ paddingInline: "--cnvs-sys-space-x4";
43
+ gap: "--cnvs-sys-space-x1";
44
+ fontFamily: "--cnvs-sys-font-family-default";
45
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
46
+ fontSize: "--cnvs-sys-font-size-subtext-large";
47
+ letterSpacing: "--cnvs-base-letter-spacing-150";
48
+ };
49
+ extraSmall: {
50
+ fontWeight: "--cnvs-sys-font-weight-bold";
51
+ height: "--cnvs-sys-space-x6";
52
+ minWidth: string;
53
+ paddingInline: "--cnvs-sys-space-x3";
54
+ gap: "--cnvs-sys-space-x1";
55
+ fontFamily: "--cnvs-sys-font-family-default";
56
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
57
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
58
+ letterSpacing: "--cnvs-base-letter-spacing-100";
59
+ };
60
+ };
61
+ grow: {
62
+ true: {
63
+ width: string;
64
+ maxWidth: string;
65
+ };
66
+ };
67
+ iconPosition: {
68
+ only: {
69
+ padding: "--cnvs-sys-space-zero";
70
+ };
71
+ start: {};
72
+ end: {};
73
+ };
74
+ }, {}, {
75
+ background: string;
76
+ border: string;
77
+ boxShadowInner: string;
78
+ boxShadowOuter: string;
79
+ label: string;
80
+ opacity: string;
81
+ borderRadius: string;
82
+ }, never, never>>, {}, {
17
83
  maxWidth: string;
18
84
  }, import("@workday/canvas-kit-styling").Stencil<{
19
85
  size: {
@@ -82,9 +148,211 @@ export declare const pillStencil: import("@workday/canvas-kit-styling").Stencil<
82
148
  opacity: string;
83
149
  borderRadius: string;
84
150
  }, never, never>, never>;
85
- export declare const removeablePillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
151
+ export declare const removeablePillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
86
152
  maxWidth: string;
87
- }, never>, {}, {
153
+ }, import("@workday/canvas-kit-styling").Stencil<{
154
+ size: {
155
+ large: {
156
+ fontWeight: "--cnvs-sys-font-weight-bold";
157
+ height: string;
158
+ paddingInline: "--cnvs-sys-space-x8";
159
+ minWidth: string;
160
+ fontFamily: "--cnvs-sys-font-family-default";
161
+ lineHeight: "--cnvs-sys-line-height-body-small";
162
+ fontSize: "--cnvs-sys-font-size-body-small";
163
+ letterSpacing: "--cnvs-base-letter-spacing-200";
164
+ };
165
+ medium: {
166
+ fontWeight: "--cnvs-sys-font-weight-bold";
167
+ minWidth: string;
168
+ paddingInline: "--cnvs-sys-space-x6";
169
+ height: "--cnvs-sys-space-x10";
170
+ fontFamily: "--cnvs-sys-font-family-default";
171
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
172
+ fontSize: "--cnvs-sys-font-size-subtext-large";
173
+ letterSpacing: "--cnvs-base-letter-spacing-150";
174
+ };
175
+ small: {
176
+ fontWeight: "--cnvs-sys-font-weight-bold";
177
+ height: "--cnvs-sys-space-x8";
178
+ minWidth: "--cnvs-sys-space-x20";
179
+ paddingInline: "--cnvs-sys-space-x4";
180
+ gap: "--cnvs-sys-space-x1";
181
+ fontFamily: "--cnvs-sys-font-family-default";
182
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
183
+ fontSize: "--cnvs-sys-font-size-subtext-large";
184
+ letterSpacing: "--cnvs-base-letter-spacing-150";
185
+ };
186
+ extraSmall: {
187
+ fontWeight: "--cnvs-sys-font-weight-bold";
188
+ height: "--cnvs-sys-space-x6";
189
+ minWidth: string;
190
+ paddingInline: "--cnvs-sys-space-x3";
191
+ gap: "--cnvs-sys-space-x1";
192
+ fontFamily: "--cnvs-sys-font-family-default";
193
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
194
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
195
+ letterSpacing: "--cnvs-base-letter-spacing-100";
196
+ };
197
+ };
198
+ grow: {
199
+ true: {
200
+ width: string;
201
+ maxWidth: string;
202
+ };
203
+ };
204
+ iconPosition: {
205
+ only: {
206
+ padding: "--cnvs-sys-space-zero";
207
+ };
208
+ start: {};
209
+ end: {};
210
+ };
211
+ }, {}, {
212
+ background: string;
213
+ border: string;
214
+ boxShadowInner: string;
215
+ boxShadowOuter: string;
216
+ label: string;
217
+ opacity: string;
218
+ borderRadius: string;
219
+ }, never, never>>, {}, {
220
+ maxWidth: string;
221
+ }, import("@workday/canvas-kit-styling").Stencil<{
222
+ size: {
223
+ large: {
224
+ fontWeight: "--cnvs-sys-font-weight-bold";
225
+ height: string;
226
+ paddingInline: "--cnvs-sys-space-x8";
227
+ minWidth: string;
228
+ fontFamily: "--cnvs-sys-font-family-default";
229
+ lineHeight: "--cnvs-sys-line-height-body-small";
230
+ fontSize: "--cnvs-sys-font-size-body-small";
231
+ letterSpacing: "--cnvs-base-letter-spacing-200";
232
+ };
233
+ medium: {
234
+ fontWeight: "--cnvs-sys-font-weight-bold";
235
+ minWidth: string;
236
+ paddingInline: "--cnvs-sys-space-x6";
237
+ height: "--cnvs-sys-space-x10";
238
+ fontFamily: "--cnvs-sys-font-family-default";
239
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
240
+ fontSize: "--cnvs-sys-font-size-subtext-large";
241
+ letterSpacing: "--cnvs-base-letter-spacing-150";
242
+ };
243
+ small: {
244
+ fontWeight: "--cnvs-sys-font-weight-bold";
245
+ height: "--cnvs-sys-space-x8";
246
+ minWidth: "--cnvs-sys-space-x20";
247
+ paddingInline: "--cnvs-sys-space-x4";
248
+ gap: "--cnvs-sys-space-x1";
249
+ fontFamily: "--cnvs-sys-font-family-default";
250
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
251
+ fontSize: "--cnvs-sys-font-size-subtext-large";
252
+ letterSpacing: "--cnvs-base-letter-spacing-150";
253
+ };
254
+ extraSmall: {
255
+ fontWeight: "--cnvs-sys-font-weight-bold";
256
+ height: "--cnvs-sys-space-x6";
257
+ minWidth: string;
258
+ paddingInline: "--cnvs-sys-space-x3";
259
+ gap: "--cnvs-sys-space-x1";
260
+ fontFamily: "--cnvs-sys-font-family-default";
261
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
262
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
263
+ letterSpacing: "--cnvs-base-letter-spacing-100";
264
+ };
265
+ };
266
+ grow: {
267
+ true: {
268
+ width: string;
269
+ maxWidth: string;
270
+ };
271
+ };
272
+ iconPosition: {
273
+ only: {
274
+ padding: "--cnvs-sys-space-zero";
275
+ };
276
+ start: {};
277
+ end: {};
278
+ };
279
+ }, {}, {
280
+ background: string;
281
+ border: string;
282
+ boxShadowInner: string;
283
+ boxShadowOuter: string;
284
+ label: string;
285
+ opacity: string;
286
+ borderRadius: string;
287
+ }, never, never>, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
288
+ maxWidth: string;
289
+ }, import("@workday/canvas-kit-styling").Stencil<{
290
+ size: {
291
+ large: {
292
+ fontWeight: "--cnvs-sys-font-weight-bold";
293
+ height: string;
294
+ paddingInline: "--cnvs-sys-space-x8";
295
+ minWidth: string;
296
+ fontFamily: "--cnvs-sys-font-family-default";
297
+ lineHeight: "--cnvs-sys-line-height-body-small";
298
+ fontSize: "--cnvs-sys-font-size-body-small";
299
+ letterSpacing: "--cnvs-base-letter-spacing-200";
300
+ };
301
+ medium: {
302
+ fontWeight: "--cnvs-sys-font-weight-bold";
303
+ minWidth: string;
304
+ paddingInline: "--cnvs-sys-space-x6";
305
+ height: "--cnvs-sys-space-x10";
306
+ fontFamily: "--cnvs-sys-font-family-default";
307
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
308
+ fontSize: "--cnvs-sys-font-size-subtext-large";
309
+ letterSpacing: "--cnvs-base-letter-spacing-150";
310
+ };
311
+ small: {
312
+ fontWeight: "--cnvs-sys-font-weight-bold";
313
+ height: "--cnvs-sys-space-x8";
314
+ minWidth: "--cnvs-sys-space-x20";
315
+ paddingInline: "--cnvs-sys-space-x4";
316
+ gap: "--cnvs-sys-space-x1";
317
+ fontFamily: "--cnvs-sys-font-family-default";
318
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
319
+ fontSize: "--cnvs-sys-font-size-subtext-large";
320
+ letterSpacing: "--cnvs-base-letter-spacing-150";
321
+ };
322
+ extraSmall: {
323
+ fontWeight: "--cnvs-sys-font-weight-bold";
324
+ height: "--cnvs-sys-space-x6";
325
+ minWidth: string;
326
+ paddingInline: "--cnvs-sys-space-x3";
327
+ gap: "--cnvs-sys-space-x1";
328
+ fontFamily: "--cnvs-sys-font-family-default";
329
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
330
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
331
+ letterSpacing: "--cnvs-base-letter-spacing-100";
332
+ };
333
+ };
334
+ grow: {
335
+ true: {
336
+ width: string;
337
+ maxWidth: string;
338
+ };
339
+ };
340
+ iconPosition: {
341
+ only: {
342
+ padding: "--cnvs-sys-space-zero";
343
+ };
344
+ start: {};
345
+ end: {};
346
+ };
347
+ }, {}, {
348
+ background: string;
349
+ border: string;
350
+ boxShadowInner: string;
351
+ boxShadowOuter: string;
352
+ label: string;
353
+ opacity: string;
354
+ borderRadius: string;
355
+ }, never, never>>, {}, {
88
356
  maxWidth: string;
89
357
  }, import("@workday/canvas-kit-styling").Stencil<{
90
358
  size: {
@@ -153,9 +421,211 @@ export declare const removeablePillStencil: import("@workday/canvas-kit-styling"
153
421
  opacity: string;
154
422
  borderRadius: string;
155
423
  }, never, never>, never>, never>;
156
- export declare const readyOnlyPillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
424
+ export declare const readyOnlyPillStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
157
425
  maxWidth: string;
158
- }, never>, {}, {
426
+ }, import("@workday/canvas-kit-styling").Stencil<{
427
+ size: {
428
+ large: {
429
+ fontWeight: "--cnvs-sys-font-weight-bold";
430
+ height: string;
431
+ paddingInline: "--cnvs-sys-space-x8";
432
+ minWidth: string;
433
+ fontFamily: "--cnvs-sys-font-family-default";
434
+ lineHeight: "--cnvs-sys-line-height-body-small";
435
+ fontSize: "--cnvs-sys-font-size-body-small";
436
+ letterSpacing: "--cnvs-base-letter-spacing-200";
437
+ };
438
+ medium: {
439
+ fontWeight: "--cnvs-sys-font-weight-bold";
440
+ minWidth: string;
441
+ paddingInline: "--cnvs-sys-space-x6";
442
+ height: "--cnvs-sys-space-x10";
443
+ fontFamily: "--cnvs-sys-font-family-default";
444
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
445
+ fontSize: "--cnvs-sys-font-size-subtext-large";
446
+ letterSpacing: "--cnvs-base-letter-spacing-150";
447
+ };
448
+ small: {
449
+ fontWeight: "--cnvs-sys-font-weight-bold";
450
+ height: "--cnvs-sys-space-x8";
451
+ minWidth: "--cnvs-sys-space-x20";
452
+ paddingInline: "--cnvs-sys-space-x4";
453
+ gap: "--cnvs-sys-space-x1";
454
+ fontFamily: "--cnvs-sys-font-family-default";
455
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
456
+ fontSize: "--cnvs-sys-font-size-subtext-large";
457
+ letterSpacing: "--cnvs-base-letter-spacing-150";
458
+ };
459
+ extraSmall: {
460
+ fontWeight: "--cnvs-sys-font-weight-bold";
461
+ height: "--cnvs-sys-space-x6";
462
+ minWidth: string;
463
+ paddingInline: "--cnvs-sys-space-x3";
464
+ gap: "--cnvs-sys-space-x1";
465
+ fontFamily: "--cnvs-sys-font-family-default";
466
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
467
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
468
+ letterSpacing: "--cnvs-base-letter-spacing-100";
469
+ };
470
+ };
471
+ grow: {
472
+ true: {
473
+ width: string;
474
+ maxWidth: string;
475
+ };
476
+ };
477
+ iconPosition: {
478
+ only: {
479
+ padding: "--cnvs-sys-space-zero";
480
+ };
481
+ start: {};
482
+ end: {};
483
+ };
484
+ }, {}, {
485
+ background: string;
486
+ border: string;
487
+ boxShadowInner: string;
488
+ boxShadowOuter: string;
489
+ label: string;
490
+ opacity: string;
491
+ borderRadius: string;
492
+ }, never, never>>, {}, {
493
+ maxWidth: string;
494
+ }, import("@workday/canvas-kit-styling").Stencil<{
495
+ size: {
496
+ large: {
497
+ fontWeight: "--cnvs-sys-font-weight-bold";
498
+ height: string;
499
+ paddingInline: "--cnvs-sys-space-x8";
500
+ minWidth: string;
501
+ fontFamily: "--cnvs-sys-font-family-default";
502
+ lineHeight: "--cnvs-sys-line-height-body-small";
503
+ fontSize: "--cnvs-sys-font-size-body-small";
504
+ letterSpacing: "--cnvs-base-letter-spacing-200";
505
+ };
506
+ medium: {
507
+ fontWeight: "--cnvs-sys-font-weight-bold";
508
+ minWidth: string;
509
+ paddingInline: "--cnvs-sys-space-x6";
510
+ height: "--cnvs-sys-space-x10";
511
+ fontFamily: "--cnvs-sys-font-family-default";
512
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
513
+ fontSize: "--cnvs-sys-font-size-subtext-large";
514
+ letterSpacing: "--cnvs-base-letter-spacing-150";
515
+ };
516
+ small: {
517
+ fontWeight: "--cnvs-sys-font-weight-bold";
518
+ height: "--cnvs-sys-space-x8";
519
+ minWidth: "--cnvs-sys-space-x20";
520
+ paddingInline: "--cnvs-sys-space-x4";
521
+ gap: "--cnvs-sys-space-x1";
522
+ fontFamily: "--cnvs-sys-font-family-default";
523
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
524
+ fontSize: "--cnvs-sys-font-size-subtext-large";
525
+ letterSpacing: "--cnvs-base-letter-spacing-150";
526
+ };
527
+ extraSmall: {
528
+ fontWeight: "--cnvs-sys-font-weight-bold";
529
+ height: "--cnvs-sys-space-x6";
530
+ minWidth: string;
531
+ paddingInline: "--cnvs-sys-space-x3";
532
+ gap: "--cnvs-sys-space-x1";
533
+ fontFamily: "--cnvs-sys-font-family-default";
534
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
535
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
536
+ letterSpacing: "--cnvs-base-letter-spacing-100";
537
+ };
538
+ };
539
+ grow: {
540
+ true: {
541
+ width: string;
542
+ maxWidth: string;
543
+ };
544
+ };
545
+ iconPosition: {
546
+ only: {
547
+ padding: "--cnvs-sys-space-zero";
548
+ };
549
+ start: {};
550
+ end: {};
551
+ };
552
+ }, {}, {
553
+ background: string;
554
+ border: string;
555
+ boxShadowInner: string;
556
+ boxShadowOuter: string;
557
+ label: string;
558
+ opacity: string;
559
+ borderRadius: string;
560
+ }, never, never>, never>>, {}, {}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
561
+ maxWidth: string;
562
+ }, import("@workday/canvas-kit-styling").Stencil<{
563
+ size: {
564
+ large: {
565
+ fontWeight: "--cnvs-sys-font-weight-bold";
566
+ height: string;
567
+ paddingInline: "--cnvs-sys-space-x8";
568
+ minWidth: string;
569
+ fontFamily: "--cnvs-sys-font-family-default";
570
+ lineHeight: "--cnvs-sys-line-height-body-small";
571
+ fontSize: "--cnvs-sys-font-size-body-small";
572
+ letterSpacing: "--cnvs-base-letter-spacing-200";
573
+ };
574
+ medium: {
575
+ fontWeight: "--cnvs-sys-font-weight-bold";
576
+ minWidth: string;
577
+ paddingInline: "--cnvs-sys-space-x6";
578
+ height: "--cnvs-sys-space-x10";
579
+ fontFamily: "--cnvs-sys-font-family-default";
580
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
581
+ fontSize: "--cnvs-sys-font-size-subtext-large";
582
+ letterSpacing: "--cnvs-base-letter-spacing-150";
583
+ };
584
+ small: {
585
+ fontWeight: "--cnvs-sys-font-weight-bold";
586
+ height: "--cnvs-sys-space-x8";
587
+ minWidth: "--cnvs-sys-space-x20";
588
+ paddingInline: "--cnvs-sys-space-x4";
589
+ gap: "--cnvs-sys-space-x1";
590
+ fontFamily: "--cnvs-sys-font-family-default";
591
+ lineHeight: "--cnvs-sys-line-height-subtext-large";
592
+ fontSize: "--cnvs-sys-font-size-subtext-large";
593
+ letterSpacing: "--cnvs-base-letter-spacing-150";
594
+ };
595
+ extraSmall: {
596
+ fontWeight: "--cnvs-sys-font-weight-bold";
597
+ height: "--cnvs-sys-space-x6";
598
+ minWidth: string;
599
+ paddingInline: "--cnvs-sys-space-x3";
600
+ gap: "--cnvs-sys-space-x1";
601
+ fontFamily: "--cnvs-sys-font-family-default";
602
+ lineHeight: "--cnvs-sys-line-height-subtext-medium";
603
+ fontSize: "--cnvs-sys-font-size-subtext-medium";
604
+ letterSpacing: "--cnvs-base-letter-spacing-100";
605
+ };
606
+ };
607
+ grow: {
608
+ true: {
609
+ width: string;
610
+ maxWidth: string;
611
+ };
612
+ };
613
+ iconPosition: {
614
+ only: {
615
+ padding: "--cnvs-sys-space-zero";
616
+ };
617
+ start: {};
618
+ end: {};
619
+ };
620
+ }, {}, {
621
+ background: string;
622
+ border: string;
623
+ boxShadowInner: string;
624
+ boxShadowOuter: string;
625
+ label: string;
626
+ opacity: string;
627
+ borderRadius: string;
628
+ }, never, never>>, {}, {
159
629
  maxWidth: string;
160
630
  }, import("@workday/canvas-kit-styling").Stencil<{
161
631
  size: {
package/dist/es6/pill/lib/Pill.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../pill/lib/Pill.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAa5E,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA0EtB,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAuBhC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAmB/B,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;IAIb;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;OASG;;IAEH;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;IAEH;;;;;;;;;OASG;;;;;;;;CA+CL,CAAC"}
1
+ {"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../../../pill/lib/Pill.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAa5E,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA0EtB,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAuBhC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAmB/B,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;IAIb;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;OASG;;IAEH;;;;;;;;;;OAUG;;;;;;;;IAEH;;;;;;;;;;;OAWG;;;;;;;;IAEH;;;;;;;;;OASG;;;;;;;;CA+CL,CAAC"}
package/dist/es6/pill/lib/Pill.js CHANGED
@@ -16,15 +16,15 @@ export const pillStencil = createStencil({
16
16
  vars: {
17
17
  maxWidth: '',
18
18
  },
19
- base: { name: "11acpm", styles: "box-sizing:border-box;display:initial;flex-direction:row;align-items:center;border-radius:var(--cnvs-sys-shape-x1);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-medium);line-height:var(--cnvs-sys-line-height-subtext-small);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);box-shadow:none;outline:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content;padding:0.125rem var(--cnvs-sys-space-x2);height:var(--cnvs-sys-space-x6);position:relative;gap:var(--cnvs-sys-space-x1);max-width:var(--maxWidth-pill-75789a);--background-button-65cb05:var(--cnvs-sys-color-bg-alt-default);--border-button-65cb05:var(--cnvs-sys-color-border-input-default);--label-button-65cb05:var(--cnvs-sys-color-text-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-icon-default);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;&:has(span){display:flex;line-height:var(--cnvs-sys-line-height-subtext-large);}&:focus-visible, &.focus{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-soft);--border-button-65cb05:var(--cnvs-sys-color-border-primary-default);--label-button-65cb05:var(--cnvs-sys-color-text-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-icon-strong);border-color:var(--cnvs-sys-color-border-primary-default);--borderColor-pill-count-d778e9:var(--cnvs-sys-color-border-primary-default);box-shadow:inset 0 0 0 1px var(--cnvs-sys-color-border-primary-default), 0 0 0 0px var(--cnvs-sys-color-border-primary-default);}&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-strong);--border-button-65cb05:var(--cnvs-sys-color-border-input-strong);--label-button-65cb05:var(--cnvs-sys-color-text-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-icon-strong);}&:active, &.active{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-stronger);--border-button-65cb05:var(--cnvs-sys-color-border-input-strong);--label-button-65cb05:var(--cnvs-sys-color-text-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-icon-strong);--backgroundColor-pill-count-d778e9:var(--cnvs-base-palette-soap-600);--borderColor-pill-count-d778e9:transparent;}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-softer);--border-button-65cb05:var(--cnvs-sys-color-border-input-disabled);--label-button-65cb05:var(--cnvs-sys-color-text-disabled);--opacity-button-65cb05:1;--color-system-icon-99ce3e:var(--cnvs-sys-color-icon-soft);--backgroundColor-pill-count-d778e9:var(--cnvs-sys-color-bg-alt-default);--borderColor-pill-count-d778e9:transparent;}" }
19
+ base: { name: "3589ln", styles: "box-sizing:border-box;display:initial;flex-direction:row;align-items:center;border-radius:var(--cnvs-sys-shape-x1);font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-medium);line-height:var(--cnvs-sys-line-height-subtext-small);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);box-shadow:none;outline:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:fit-content;padding:0.125rem var(--cnvs-sys-space-x2);height:var(--cnvs-sys-space-x6);position:relative;gap:var(--cnvs-sys-space-x1);max-width:var(--maxWidth-pill-75789a);--background-button-65cb05:var(--cnvs-sys-color-bg-alt-default);--border-button-65cb05:var(--cnvs-sys-color-border-input-default);--label-button-65cb05:var(--cnvs-sys-color-text-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-icon-default);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;&:has(span){display:flex;line-height:var(--cnvs-sys-line-height-subtext-large);}&:focus-visible, &.focus{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-soft);--border-button-65cb05:var(--cnvs-sys-color-border-primary-default);--label-button-65cb05:var(--cnvs-sys-color-text-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-icon-strong);border-color:var(--cnvs-sys-color-border-primary-default);--borderColor-pill-count-d778e9:var(--cnvs-sys-color-border-primary-default);box-shadow:inset 0 0 0 1px var(--cnvs-sys-color-border-primary-default), 0 0 0 0px var(--cnvs-sys-color-border-primary-default);}&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-strong);--border-button-65cb05:var(--cnvs-sys-color-border-input-strong);--label-button-65cb05:var(--cnvs-sys-color-text-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-icon-strong);}&:active, &.active{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-stronger);--border-button-65cb05:var(--cnvs-sys-color-border-input-strong);--label-button-65cb05:var(--cnvs-sys-color-text-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-icon-strong);--backgroundColor-pill-count-d778e9:var(--cnvs-base-palette-soap-600);--borderColor-pill-count-d778e9:transparent;}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-softer);--border-button-65cb05:var(--cnvs-sys-color-border-input-disabled);--label-button-65cb05:var(--cnvs-sys-color-text-disabled);--opacity-button-65cb05:1;--color-system-icon-99ce3e:var(--cnvs-sys-color-icon-soft);--backgroundColor-pill-count-d778e9:var(--cnvs-sys-color-bg-alt-default);--borderColor-pill-count-d778e9:transparent;}" }
20
20
  }, "pill-75789a");
21
21
  export const removeablePillStencil = createStencil({
22
22
  extends: pillStencil,
23
- base: { name: "2c3yhv", styles: "box-sizing:border-box;&:focus-visible, &.focus{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-soft);--border-button-65cb05:var(--cnvs-sys-color-border-input-default);--label-button-65cb05:var(--cnvs-sys-color-text-strong);box-shadow:none;}&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-soft);}&:active, &.active{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-stronger);}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-softer);--color-system-icon-99ce3e:var(--cnvs-sys-color-icon-soft);}cursor:default;overflow:revert;position:relative;" }
23
+ base: { name: "1rc0xb", styles: "box-sizing:border-box;&:focus-visible, &.focus{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-soft);--border-button-65cb05:var(--cnvs-sys-color-border-input-default);--label-button-65cb05:var(--cnvs-sys-color-text-strong);box-shadow:none;}&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-soft);}&:active, &.active{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-stronger);}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-softer);--color-system-icon-99ce3e:var(--cnvs-sys-color-icon-soft);}cursor:default;overflow:revert;position:relative;" }
24
24
  }, "removeable-pill-bb9137");
25
25
  export const readyOnlyPillStencil = createStencil({
26
26
  extends: pillStencil,
27
- base: { name: "3i9tc6", styles: "box-sizing:border-box;border:0.0625rem solid var(--cnvs-sys-color-border-input-default);cursor:default;--background-button-65cb05:transparent;&:hover, &.hover{--background-button-65cb05:transparent;}&:focus-visible, &.focus{--background-button-65cb05:transparent;}&:active, &.active{--background-button-65cb05:transparent;}&:disabled, &.disabled{--background-button-65cb05:transparent;}" }
27
+ base: { name: "2gfscp", styles: "box-sizing:border-box;border:0.0625rem solid var(--cnvs-sys-color-border-input-default);cursor:default;--background-button-65cb05:transparent;&:hover, &.hover{--background-button-65cb05:transparent;}&:focus-visible, &.focus{--background-button-65cb05:transparent;}&:active, &.active{--background-button-65cb05:transparent;}&:disabled, &.disabled{--background-button-65cb05:transparent;}" }
28
28
  }, "ready-only-pill-bb7606");
29
29
  /**
30
30
  * By default, a `Pill` renders an interactive element that accepts subcomponents. By "interactive"