@workday/canvas-kit-preview-react 14.0.0-alpha.1127-next.0 → 14.0.0-alpha.1133-next.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.
Files changed (100) 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/MultiSelect.d.ts +76 -532
  8. package/dist/commonjs/multi-select/lib/MultiSelect.d.ts.map +1 -1
  9. package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts +10 -70
  10. package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts.map +1 -1
  11. package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts +72 -108
  12. package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts.map +1 -1
  13. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +17 -8
  14. package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts +15 -92
  15. package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
  16. package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts +12 -71
  17. package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
  18. package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts +5 -35
  19. package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts.map +1 -1
  20. package/dist/commonjs/multi-select/lib/useMultiSelectItemRemove.d.ts +5 -35
  21. package/dist/commonjs/multi-select/lib/useMultiSelectItemRemove.d.ts.map +1 -1
  22. package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts +59 -413
  23. package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts.map +1 -1
  24. package/dist/commonjs/pill/lib/Pill.js +3 -3
  25. package/dist/commonjs/pill/lib/PillAvatar.js +1 -1
  26. package/dist/commonjs/pill/lib/PillCount.js +1 -1
  27. package/dist/commonjs/pill/lib/PillIcon.js +1 -1
  28. package/dist/commonjs/pill/lib/PillIconButton.js +1 -1
  29. package/dist/commonjs/pill/lib/PillLabel.js +1 -1
  30. package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
  31. package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
  32. package/dist/commonjs/radio/lib/RadioText.js +4 -4
  33. package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
  34. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +45 -315
  35. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  36. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +2 -14
  37. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  38. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +16 -16
  39. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +2 -14
  40. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  41. package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +4 -4
  42. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +4 -15
  43. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
  44. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +45 -315
  45. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
  46. package/dist/commonjs/side-panel/lib/SidePanel.js +7 -7
  47. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +11 -11
  48. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +13 -13
  49. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  50. package/dist/es6/divider/lib/Divider.js +1 -1
  51. package/dist/es6/information-highlight/lib/InformationHighlight.js +7 -7
  52. package/dist/es6/information-highlight/lib/parts/Body.js +1 -1
  53. package/dist/es6/information-highlight/lib/parts/Heading.js +1 -1
  54. package/dist/es6/information-highlight/lib/parts/Link.js +1 -1
  55. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +2 -2
  56. package/dist/es6/multi-select/lib/MultiSelect.d.ts +76 -532
  57. package/dist/es6/multi-select/lib/MultiSelect.d.ts.map +1 -1
  58. package/dist/es6/multi-select/lib/MultiSelectCard.d.ts +10 -70
  59. package/dist/es6/multi-select/lib/MultiSelectCard.d.ts.map +1 -1
  60. package/dist/es6/multi-select/lib/MultiSelectInput.d.ts +72 -108
  61. package/dist/es6/multi-select/lib/MultiSelectInput.d.ts.map +1 -1
  62. package/dist/es6/multi-select/lib/MultiSelectInput.js +19 -10
  63. package/dist/es6/multi-select/lib/MultiSelectItem.d.ts +15 -92
  64. package/dist/es6/multi-select/lib/MultiSelectItem.d.ts.map +1 -1
  65. package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts +12 -71
  66. package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts.map +1 -1
  67. package/dist/es6/multi-select/lib/MultiSelectedList.d.ts +5 -35
  68. package/dist/es6/multi-select/lib/MultiSelectedList.d.ts.map +1 -1
  69. package/dist/es6/multi-select/lib/useMultiSelectItemRemove.d.ts +5 -35
  70. package/dist/es6/multi-select/lib/useMultiSelectItemRemove.d.ts.map +1 -1
  71. package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts +59 -413
  72. package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts.map +1 -1
  73. package/dist/es6/pill/lib/Pill.js +3 -3
  74. package/dist/es6/pill/lib/PillAvatar.js +1 -1
  75. package/dist/es6/pill/lib/PillCount.js +1 -1
  76. package/dist/es6/pill/lib/PillIcon.js +1 -1
  77. package/dist/es6/pill/lib/PillIconButton.js +1 -1
  78. package/dist/es6/pill/lib/PillLabel.js +1 -1
  79. package/dist/es6/radio/lib/RadioGroup.js +3 -3
  80. package/dist/es6/radio/lib/RadioLabel.js +1 -1
  81. package/dist/es6/radio/lib/RadioText.js +4 -4
  82. package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
  83. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +45 -315
  84. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  85. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +2 -14
  86. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  87. package/dist/es6/segmented-control/lib/SegmentedControlItem.js +16 -16
  88. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +2 -14
  89. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  90. package/dist/es6/segmented-control/lib/SegmentedControlList.js +4 -4
  91. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +4 -15
  92. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
  93. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +45 -315
  94. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
  95. package/dist/es6/side-panel/lib/SidePanel.js +7 -7
  96. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +11 -11
  97. package/dist/es6/status-indicator/lib/StatusIndicator.js +13 -13
  98. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  99. package/multi-select/lib/MultiSelectInput.tsx +60 -12
  100. package/package.json +4 -4
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,iBAAiB;CAAG;AAEpE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBtB,CAAC"}
1
+ {"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,iBAAiB;CAAG;AAEpE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBtB,CAAC"}
@@ -23,13 +23,7 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
23
23
  cursorIndexRef: {
24
24
  readonly current: number;
25
25
  };
26
- UNSTABLE_virtual: {
27
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
28
- totalSize: number;
29
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
30
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
31
- measure: () => void;
32
- };
26
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
33
27
  UNSTABLE_defaultItemHeight: number;
34
28
  containerRef: import("react").RefObject<HTMLDivElement>;
35
29
  orientation: "horizontal" | "vertical";
@@ -96,13 +90,7 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
96
90
  cursorIndexRef: {
97
91
  readonly current: number;
98
92
  };
99
- UNSTABLE_virtual: {
100
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
101
- totalSize: number;
102
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
103
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
104
- measure: () => void;
105
- };
93
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
106
94
  UNSTABLE_defaultItemHeight: number;
107
95
  containerRef: import("react").RefObject<HTMLDivElement>;
108
96
  id: string;
@@ -162,13 +150,7 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
162
150
  cursorIndexRef: {
163
151
  readonly current: number;
164
152
  };
165
- UNSTABLE_virtual: {
166
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
167
- totalSize: number;
168
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
169
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
170
- measure: () => void;
171
- };
153
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
172
154
  UNSTABLE_defaultItemHeight: number;
173
155
  containerRef: import("react").RefObject<HTMLDivElement>;
174
156
  id: string;
@@ -234,13 +216,7 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
234
216
  cursorIndexRef: {
235
217
  readonly current: number;
236
218
  };
237
- UNSTABLE_virtual: {
238
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
239
- totalSize: number;
240
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
241
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
242
- measure: () => void;
243
- };
219
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
244
220
  UNSTABLE_defaultItemHeight: number;
245
221
  containerRef: import("react").RefObject<HTMLDivElement>;
246
222
  id: string;
@@ -300,13 +276,7 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
300
276
  cursorIndexRef: {
301
277
  readonly current: number;
302
278
  };
303
- UNSTABLE_virtual: {
304
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
305
- totalSize: number;
306
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
307
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
308
- measure: () => void;
309
- };
279
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
310
280
  UNSTABLE_defaultItemHeight: number;
311
281
  containerRef: import("react").RefObject<HTMLDivElement>;
312
282
  id: string;
@@ -378,13 +348,7 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
378
348
  cursorIndexRef: {
379
349
  readonly current: number;
380
350
  };
381
- UNSTABLE_virtual: {
382
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
383
- totalSize: number;
384
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
385
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
386
- measure: () => void;
387
- };
351
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
388
352
  UNSTABLE_defaultItemHeight: number;
389
353
  containerRef: import("react").RefObject<HTMLDivElement>;
390
354
  orientation: "horizontal" | "vertical";
@@ -451,13 +415,7 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
451
415
  cursorIndexRef: {
452
416
  readonly current: number;
453
417
  };
454
- UNSTABLE_virtual: {
455
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
456
- totalSize: number;
457
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
458
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
459
- measure: () => void;
460
- };
418
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
461
419
  UNSTABLE_defaultItemHeight: number;
462
420
  containerRef: import("react").RefObject<HTMLDivElement>;
463
421
  id: string;
@@ -517,13 +475,7 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
517
475
  cursorIndexRef: {
518
476
  readonly current: number;
519
477
  };
520
- UNSTABLE_virtual: {
521
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
522
- totalSize: number;
523
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
524
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
525
- measure: () => void;
526
- };
478
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
527
479
  UNSTABLE_defaultItemHeight: number;
528
480
  containerRef: import("react").RefObject<HTMLDivElement>;
529
481
  id: string;
@@ -589,13 +541,7 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
589
541
  cursorIndexRef: {
590
542
  readonly current: number;
591
543
  };
592
- UNSTABLE_virtual: {
593
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
594
- totalSize: number;
595
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
596
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
597
- measure: () => void;
598
- };
544
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
599
545
  UNSTABLE_defaultItemHeight: number;
600
546
  containerRef: import("react").RefObject<HTMLDivElement>;
601
547
  id: string;
@@ -655,13 +601,7 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
655
601
  cursorIndexRef: {
656
602
  readonly current: number;
657
603
  };
658
- UNSTABLE_virtual: {
659
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
660
- totalSize: number;
661
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
662
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
663
- measure: () => void;
664
- };
604
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
665
605
  UNSTABLE_defaultItemHeight: number;
666
606
  containerRef: import("react").RefObject<HTMLDivElement>;
667
607
  id: string;
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelectCard.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelectCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,YAAY,EACb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAKpD,MAAM,WAAW,oBAAqB,SAAQ,YAAY,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC;CAAG;AAE/E;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAI7B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAS1B,CAAC"}
1
+ {"version":3,"file":"MultiSelectCard.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelectCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,YAAY,EACb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAKpD,MAAM,WAAW,oBAAqB,SAAQ,YAAY,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC;CAAG;AAE/E;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAI7B,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAS1B,CAAC"}
@@ -1,7 +1,60 @@
1
1
  import React from 'react';
2
+ import { ErrorType } from '@workday/canvas-kit-react/common';
2
3
  import { CSProps } from '@workday/canvas-kit-styling';
3
4
  import { MultiSelectedItemProps } from './MultiSelectedItem';
4
- export declare const multiSelectStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {}, never>, {}, {}, never, never>;
5
+ export declare const multiSelectInputStencil: import("@workday/canvas-kit-styling").Stencil<{
6
+ error: {
7
+ error: {
8
+ borderColor: "--cnvs-brand-error-base";
9
+ boxShadow: `inset 0 0 0 ${string} --cnvs-brand-error-base`;
10
+ '&:has(:hover, :disabled, :focus-visible), &:is(.hover, .disabled, .focus)': {
11
+ borderColor: "--cnvs-brand-error-base";
12
+ };
13
+ '&:has(:focus-visible:not([disabled])), &.focus': {
14
+ boxShadow: `inset 0 0 0 ${string} --cnvs-brand-error-base, 0 0 0 2px --cnvs-sys-color-border-inverse, 0 0 0 4px --cnvs-brand-common-focus-outline`;
15
+ outlineOffset: string;
16
+ };
17
+ };
18
+ alert: {
19
+ borderColor: "--cnvs-brand-alert-darkest";
20
+ boxShadow: `inset 0 0 0 ${string} --cnvs-brand-alert-base`;
21
+ '&:has(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled])), .focus:not(:has([disabled]))': {
22
+ borderColor: "--cnvs-brand-alert-darkest";
23
+ };
24
+ '&:has(:focus-visible, .focus):not(:has([disabled]))': {
25
+ boxShadow: `inset 0 0 0 ${string} --cnvs-brand-alert-base,\n 0 0 0 2px --cnvs-sys-color-border-inverse,\n 0 0 0 4px --cnvs-brand-common-focus-outline`;
26
+ };
27
+ outlineOffset: string;
28
+ };
29
+ };
30
+ }, {}, {}, never, never>;
31
+ /** @deprecated use `multiSelectInputStencil` instead. This will be removed in a future version. */
32
+ export declare const multiSelectStencil: import("@workday/canvas-kit-styling").Stencil<{
33
+ error: {
34
+ error: {
35
+ borderColor: "--cnvs-brand-error-base";
36
+ boxShadow: `inset 0 0 0 ${string} --cnvs-brand-error-base`;
37
+ '&:has(:hover, :disabled, :focus-visible), &:is(.hover, .disabled, .focus)': {
38
+ borderColor: "--cnvs-brand-error-base";
39
+ };
40
+ '&:has(:focus-visible:not([disabled])), &.focus': {
41
+ boxShadow: `inset 0 0 0 ${string} --cnvs-brand-error-base, 0 0 0 2px --cnvs-sys-color-border-inverse, 0 0 0 4px --cnvs-brand-common-focus-outline`;
42
+ outlineOffset: string;
43
+ };
44
+ };
45
+ alert: {
46
+ borderColor: "--cnvs-brand-alert-darkest";
47
+ boxShadow: `inset 0 0 0 ${string} --cnvs-brand-alert-base`;
48
+ '&:has(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled])), .focus:not(:has([disabled]))': {
49
+ borderColor: "--cnvs-brand-alert-darkest";
50
+ };
51
+ '&:has(:focus-visible, .focus):not(:has([disabled]))': {
52
+ boxShadow: `inset 0 0 0 ${string} --cnvs-brand-alert-base,\n 0 0 0 2px --cnvs-sys-color-border-inverse,\n 0 0 0 4px --cnvs-brand-common-focus-outline`;
53
+ };
54
+ outlineOffset: string;
55
+ };
56
+ };
57
+ }, {}, {}, never, never>;
5
58
  export declare const useMultiSelectInput: import("@workday/canvas-kit-react/common").BehaviorHook<{
6
59
  state: {
7
60
  stackRef: React.RefObject<HTMLDivElement>;
@@ -19,13 +72,7 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
19
72
  cursorIndexRef: {
20
73
  readonly current: number;
21
74
  };
22
- UNSTABLE_virtual: {
23
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
24
- totalSize: number;
25
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
26
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
27
- measure: () => void;
28
- };
75
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
29
76
  UNSTABLE_defaultItemHeight: number;
30
77
  containerRef: React.RefObject<HTMLDivElement>;
31
78
  orientation: "horizontal" | "vertical";
@@ -92,13 +139,7 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
92
139
  cursorIndexRef: {
93
140
  readonly current: number;
94
141
  };
95
- UNSTABLE_virtual: {
96
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
97
- totalSize: number;
98
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
99
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
100
- measure: () => void;
101
- };
142
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
102
143
  UNSTABLE_defaultItemHeight: number;
103
144
  containerRef: React.RefObject<HTMLDivElement>;
104
145
  id: string;
@@ -158,13 +199,7 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
158
199
  cursorIndexRef: {
159
200
  readonly current: number;
160
201
  };
161
- UNSTABLE_virtual: {
162
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
163
- totalSize: number;
164
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
165
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
166
- measure: () => void;
167
- };
202
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
168
203
  UNSTABLE_defaultItemHeight: number;
169
204
  containerRef: React.RefObject<HTMLDivElement>;
170
205
  id: string;
@@ -230,13 +265,7 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
230
265
  cursorIndexRef: {
231
266
  readonly current: number;
232
267
  };
233
- UNSTABLE_virtual: {
234
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
235
- totalSize: number;
236
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
237
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
238
- measure: () => void;
239
- };
268
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
240
269
  UNSTABLE_defaultItemHeight: number;
241
270
  containerRef: React.RefObject<HTMLDivElement>;
242
271
  id: string;
@@ -296,13 +325,7 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
296
325
  cursorIndexRef: {
297
326
  readonly current: number;
298
327
  };
299
- UNSTABLE_virtual: {
300
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
301
- totalSize: number;
302
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
303
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
304
- measure: () => void;
305
- };
328
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
306
329
  UNSTABLE_defaultItemHeight: number;
307
330
  containerRef: React.RefObject<HTMLDivElement>;
308
331
  id: string;
@@ -395,9 +418,10 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
395
418
  readonly onClick: (event: React.MouseEvent<Element, MouseEvent>) => void;
396
419
  }, {}>>>>>>>, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, import("@workday/canvas-kit-react/common").MergeProps<{}, {}>>>>>>>>;
397
420
  export interface MultiSelectInputProps extends CSProps, Pick<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'className' | 'style' | 'aria-labelledby'>, Pick<MultiSelectedItemProps, 'removeLabel'> {
421
+ error?: ErrorType;
398
422
  }
399
423
  export declare const MultiSelectInput: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("@workday/canvas-kit-react/text-input").TextInputProps> & {
400
- ErrorType: typeof import("@workday/canvas-kit-react/common").ErrorType;
424
+ ErrorType: typeof ErrorType;
401
425
  }, MultiSelectInputProps, {
402
426
  state: {
403
427
  stackRef: React.RefObject<HTMLDivElement>;
@@ -415,13 +439,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
415
439
  cursorIndexRef: {
416
440
  readonly current: number;
417
441
  };
418
- UNSTABLE_virtual: {
419
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
420
- totalSize: number;
421
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
422
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
423
- measure: () => void;
424
- };
442
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
425
443
  UNSTABLE_defaultItemHeight: number;
426
444
  containerRef: React.RefObject<HTMLDivElement>;
427
445
  orientation: "horizontal" | "vertical";
@@ -488,13 +506,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
488
506
  cursorIndexRef: {
489
507
  readonly current: number;
490
508
  };
491
- UNSTABLE_virtual: {
492
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
493
- totalSize: number;
494
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
495
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
496
- measure: () => void;
497
- };
509
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
498
510
  UNSTABLE_defaultItemHeight: number;
499
511
  containerRef: React.RefObject<HTMLDivElement>;
500
512
  id: string;
@@ -554,13 +566,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
554
566
  cursorIndexRef: {
555
567
  readonly current: number;
556
568
  };
557
- UNSTABLE_virtual: {
558
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
559
- totalSize: number;
560
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
561
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
562
- measure: () => void;
563
- };
569
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
564
570
  UNSTABLE_defaultItemHeight: number;
565
571
  containerRef: React.RefObject<HTMLDivElement>;
566
572
  id: string;
@@ -626,13 +632,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
626
632
  cursorIndexRef: {
627
633
  readonly current: number;
628
634
  };
629
- UNSTABLE_virtual: {
630
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
631
- totalSize: number;
632
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
633
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
634
- measure: () => void;
635
- };
635
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
636
636
  UNSTABLE_defaultItemHeight: number;
637
637
  containerRef: React.RefObject<HTMLDivElement>;
638
638
  id: string;
@@ -692,13 +692,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
692
692
  cursorIndexRef: {
693
693
  readonly current: number;
694
694
  };
695
- UNSTABLE_virtual: {
696
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
697
- totalSize: number;
698
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
699
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
700
- measure: () => void;
701
- };
695
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
702
696
  UNSTABLE_defaultItemHeight: number;
703
697
  containerRef: React.RefObject<HTMLDivElement>;
704
698
  id: string;
@@ -752,7 +746,7 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
752
746
  };
753
747
  }>;
754
748
  export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("@workday/canvas-kit-react/text-input").TextInputProps> & {
755
- ErrorType: typeof import("@workday/canvas-kit-react/common").ErrorType;
749
+ ErrorType: typeof ErrorType;
756
750
  }, MultiSelectInputProps, {
757
751
  state: {
758
752
  stackRef: React.RefObject<HTMLDivElement>;
@@ -770,13 +764,7 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
770
764
  cursorIndexRef: {
771
765
  readonly current: number;
772
766
  };
773
- UNSTABLE_virtual: {
774
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
775
- totalSize: number;
776
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
777
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
778
- measure: () => void;
779
- };
767
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
780
768
  UNSTABLE_defaultItemHeight: number;
781
769
  containerRef: React.RefObject<HTMLDivElement>;
782
770
  orientation: "horizontal" | "vertical";
@@ -843,13 +831,7 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
843
831
  cursorIndexRef: {
844
832
  readonly current: number;
845
833
  };
846
- UNSTABLE_virtual: {
847
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
848
- totalSize: number;
849
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
850
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
851
- measure: () => void;
852
- };
834
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
853
835
  UNSTABLE_defaultItemHeight: number;
854
836
  containerRef: React.RefObject<HTMLDivElement>;
855
837
  id: string;
@@ -909,13 +891,7 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
909
891
  cursorIndexRef: {
910
892
  readonly current: number;
911
893
  };
912
- UNSTABLE_virtual: {
913
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
914
- totalSize: number;
915
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
916
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
917
- measure: () => void;
918
- };
894
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
919
895
  UNSTABLE_defaultItemHeight: number;
920
896
  containerRef: React.RefObject<HTMLDivElement>;
921
897
  id: string;
@@ -981,13 +957,7 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
981
957
  cursorIndexRef: {
982
958
  readonly current: number;
983
959
  };
984
- UNSTABLE_virtual: {
985
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
986
- totalSize: number;
987
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
988
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
989
- measure: () => void;
990
- };
960
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
991
961
  UNSTABLE_defaultItemHeight: number;
992
962
  containerRef: React.RefObject<HTMLDivElement>;
993
963
  id: string;
@@ -1047,13 +1017,7 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
1047
1017
  cursorIndexRef: {
1048
1018
  readonly current: number;
1049
1019
  };
1050
- UNSTABLE_virtual: {
1051
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
1052
- totalSize: number;
1053
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
1054
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
1055
- measure: () => void;
1056
- };
1020
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
1057
1021
  UNSTABLE_defaultItemHeight: number;
1058
1022
  containerRef: React.RefObject<HTMLDivElement>;
1059
1023
  id: string;
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelectInput.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAgB,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAOjF,OAAO,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAC;AAG3D,eAAO,MAAM,kBAAkB,iJAsE7B,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAGT,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sMA2BzC,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,OAAO,EACb,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,CACvD,EACD,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC;CAAG;AAElD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsC5B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDlC,CAAC"}
1
+ {"version":3,"file":"MultiSelectInput.d.ts","sourceRoot":"","sources":["../../../../multi-select/lib/MultiSelectInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EACL,SAAS,EAIV,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAgB,OAAO,EAA6B,MAAM,6BAA6B,CAAC;AAO/F,OAAO,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAC;AAG3D,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;wBA8GlC,CAAC;AAEH,mGAAmG;AACnG,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;wBAA0B,CAAC;AAE1D,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAGT,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sMA2BzC,CAAC;AAEF,MAAM,WAAW,qBACf,SAAQ,OAAO,EACb,IAAI,CACF,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,iBAAiB,CACvD,EACD,IAAI,CAAC,sBAAsB,EAAE,aAAa,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuC5B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDlC,CAAC"}
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.MultiSelectSearchInput = exports.MultiSelectInput = exports.useMultiSelectInput = exports.multiSelectStencil = void 0;
3
+ exports.MultiSelectSearchInput = exports.MultiSelectInput = exports.useMultiSelectInput = exports.multiSelectStencil = exports.multiSelectInputStencil = void 0;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
6
6
  const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
@@ -12,9 +12,18 @@ const collection_1 = require("@workday/canvas-kit-react/collection");
12
12
  const combobox_1 = require("@workday/canvas-kit-react/combobox");
13
13
  const useMultiSelectModel_1 = require("./useMultiSelectModel");
14
14
  const MultiSelectedList_1 = require("./MultiSelectedList");
15
- exports.multiSelectStencil = (0, canvas_kit_styling_1.createStencil)({
16
- base: { name: "a89b5r", styles: "box-sizing:border-box;border:1px solid var(--cnvs-sys-color-border-input-default);display:flex;flex-direction:column;background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-x1);min-height:var(--cnvs-sys-space-x10);transition:0.2s box-shadow, 0.2s border-color;margin:0;&:hover, &.hover{border-color:var(--cnvs-sys-color-border-input-strong);}&:focus-within{border-color:var(--cnvs-sys-color-border-primary-default);box-shadow:inset 0 0 0 1px var(--cnvs-sys-color-border-primary-default);}& [data-part=\"user-input\"]{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);background-color:var(--cnvs-sys-color-bg-transparent);border-radius:var(--cnvs-sys-shape-x1);border:none !important;box-shadow:none !important;outline-width:0px;&:where(:not([aria-autocomplete])){caret-color:transparent;cursor:default;&::selection{background-color:transparent;}}}&:has(:disabled, .disabled){border-color:var(--cnvs-sys-color-border-input-disabled);color:var(--cnvs-sys-color-text-disabled);}& :where([data-part=\"form-input\"]){position:absolute;top:var(--cnvs-sys-space-zero);bottom:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);right:var(--cnvs-sys-space-zero);opacity:var(--cnvs-sys-opacity-zero);cursor:default;pointer-events:none;}& :where([data-part=\"separator\"]){background-color:var(--cnvs-sys-color-border-divider);height:1px;margin:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x2);}& :where([data-part=\"list\"]){display:flex;gap:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x2);flex-wrap:wrap;}" }
17
- }, "multi-select-b789ee");
15
+ exports.multiSelectInputStencil = (0, canvas_kit_styling_1.createStencil)({
16
+ //@ts-ignore Types don't like defining a variable in `base` and using a variable in a nested selector. One or the other is fine, but not both.
17
+ base: { name: "qvof5w", styles: "box-sizing:border-box;border:1px solid var(--cnvs-sys-color-border-input-default);display:flex;flex-direction:column;background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-x1);min-height:var(--cnvs-sys-space-x10);transition:0.2s box-shadow, 0.2s border-color;margin:0;--width-text-input-696c53:100%;&:hover, &.hover{border-color:var(--cnvs-sys-color-border-input-strong);}&:has(:focus-visible:not([disabled])), &.focus{border-color:var(--cnvs-sys-color-border-primary-default);box-shadow:inset 0 0 0 1px var(--cnvs-sys-color-border-primary-default);}& [data-part=\"user-input\"]{font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);background-color:var(--cnvs-sys-color-bg-transparent);border-radius:var(--cnvs-sys-shape-x1);&:where([data-part=\"user-input\"], [data-part=\"form-input\"]){height:calc(var(--cnvs-sys-space-x10) - 0.125rem);}border:none !important;box-shadow:none !important;outline-width:0px;&:where(:not([aria-autocomplete])){caret-color:transparent;cursor:default;&::selection{background-color:transparent;}}}&:has(:disabled, .disabled){border-color:var(--cnvs-sys-color-border-input-disabled);color:var(--cnvs-sys-color-text-disabled);}& :where([data-part=\"form-input\"]){position:absolute;top:var(--cnvs-sys-space-zero);bottom:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);right:var(--cnvs-sys-space-zero);opacity:var(--cnvs-sys-opacity-zero);cursor:default;pointer-events:none;}& :where([data-part=\"separator\"]){background-color:var(--cnvs-sys-color-border-divider);height:1px;margin:var(--cnvs-sys-space-zero) var(--cnvs-sys-space-x2);}& :where([data-part=\"list\"]){display:flex;gap:var(--cnvs-sys-space-x2);padding:var(--cnvs-sys-space-x2);flex-wrap:wrap;}" },
18
+ modifiers: {
19
+ error: {
20
+ error: { name: "qvof5x", styles: "border-color:var(--cnvs-brand-error-base);box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-error-base);&:has(:hover, :disabled, :focus-visible), &:is(.hover, .disabled, .focus){border-color:var(--cnvs-brand-error-base);}&:has(:focus-visible:not([disabled])), &.focus{box-shadow:inset 0 0 0 0.0625rem var(--cnvs-brand-error-base), 0 0 0 2px var(--cnvs-sys-color-border-inverse), 0 0 0 4px var(--cnvs-brand-common-focus-outline);outline-offset:0.125rem;}" },
21
+ alert: { name: "qvof5y", styles: "border-color:var(--cnvs-brand-alert-darkest);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-alert-base);&:has(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled])), .focus:not(:has([disabled])){border-color:var(--cnvs-brand-alert-darkest);}&:has(:focus-visible, .focus):not(:has([disabled])){box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-alert-base),\n 0 0 0 2px var(--cnvs-sys-color-border-inverse),\n 0 0 0 4px var(--cnvs-brand-common-focus-outline);}outline-offset:0.125rem;" }
22
+ }
23
+ }
24
+ }, "multi-select-input-e00caf");
25
+ /** @deprecated use `multiSelectInputStencil` instead. This will be removed in a future version. */
26
+ exports.multiSelectStencil = exports.multiSelectInputStencil;
18
27
  exports.useMultiSelectInput = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useMultiSelectModel_1.useMultiSelectModel)((model, ref) => {
19
28
  return {
20
29
  onKeyDown(event) {
@@ -42,12 +51,12 @@ exports.useMultiSelectInput = (0, common_1.composeHooks)((0, common_1.createElem
42
51
  exports.MultiSelectInput = (0, common_1.createSubcomponent)(text_input_1.TextInput)({
43
52
  modelHook: useMultiSelectModel_1.useMultiSelectModel,
44
53
  elemPropsHook: exports.useMultiSelectInput,
45
- })(({ className, cs, style, 'aria-labelledby': ariaLabelledBy, removeLabel, disabled, formInputProps, ...elemProps }, Element, model) => {
46
- return ((0, jsx_runtime_1.jsxs)("div", { ...(0, canvas_kit_styling_1.handleCsProp)({ className, cs, style }, (0, exports.multiSelectStencil)({})), children: [(0, jsx_runtime_1.jsxs)(text_input_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(text_input_1.InputGroup.Input, { "data-part": "form-input", ...formInputProps }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.Input, { "data-part": "user-input", as: Element, "aria-labelledby": ariaLabelledBy, readOnly: true, disabled: disabled, ...elemProps }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.InnerEnd, { pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.caretDownSmallIcon }) })] }), (0, jsx_runtime_1.jsx)(MultiSelectedList_1.MultiSelectedList, { disabled: disabled, removeLabel: removeLabel })] }));
54
+ })(({ className, cs, style, error, 'aria-labelledby': ariaLabelledBy, removeLabel, disabled, formInputProps, ...elemProps }, Element) => {
55
+ return ((0, jsx_runtime_1.jsxs)("div", { ...(0, canvas_kit_styling_1.handleCsProp)({ className, cs, style }, (0, exports.multiSelectInputStencil)({ error })), children: [(0, jsx_runtime_1.jsxs)(text_input_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(text_input_1.InputGroup.Input, { "data-part": "form-input", ...formInputProps }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.Input, { "data-part": "user-input", as: Element, "aria-labelledby": ariaLabelledBy, readOnly: true, disabled: disabled, error: error, ...elemProps }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.InnerEnd, { pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.caretDownSmallIcon }) })] }), (0, jsx_runtime_1.jsx)(MultiSelectedList_1.MultiSelectedList, { disabled: disabled, removeLabel: removeLabel })] }));
47
56
  });
48
57
  exports.MultiSelectSearchInput = (0, common_1.createSubcomponent)(text_input_1.TextInput)({
49
58
  modelHook: useMultiSelectModel_1.useMultiSelectModel,
50
59
  elemPropsHook: exports.useMultiSelectInput,
51
- })(({ className, cs, style, 'aria-labelledby': ariaLabelledBy, removeLabel, formInputProps, ref, disabled, ...elemProps }, Element, model) => {
52
- return ((0, jsx_runtime_1.jsxs)("div", { ...(0, canvas_kit_styling_1.handleCsProp)({ className, cs, style }, (0, exports.multiSelectStencil)({})), children: [(0, jsx_runtime_1.jsxs)(text_input_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(text_input_1.InputGroup.InnerStart, { pointerEvents: "none", width: canvas_tokens_web_1.system.space.x8, children: (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.searchIcon, size: canvas_tokens_web_1.system.space.x4 }) }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.Input, { "data-part": "form-input", placeholder: null, ...formInputProps }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.Input, { "data-part": "user-input", as: Element, "aria-labelledby": ariaLabelledBy, disabled: disabled, ...elemProps }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.InnerEnd, { width: canvas_tokens_web_1.system.space.x4, children: (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.ClearButton, {}) }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.InnerEnd, { pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.caretDownSmallIcon }) })] }), (0, jsx_runtime_1.jsx)(MultiSelectedList_1.MultiSelectedList, { removeLabel: removeLabel, disabled: disabled })] }));
60
+ })(({ className, cs, style, 'aria-labelledby': ariaLabelledBy, removeLabel, formInputProps, ref, disabled, error, ...elemProps }, Element) => {
61
+ return ((0, jsx_runtime_1.jsxs)("div", { ...(0, canvas_kit_styling_1.handleCsProp)({ className, cs, style }, (0, exports.multiSelectInputStencil)({})), children: [(0, jsx_runtime_1.jsxs)(text_input_1.InputGroup, { children: [(0, jsx_runtime_1.jsx)(text_input_1.InputGroup.InnerStart, { pointerEvents: "none", width: canvas_tokens_web_1.system.space.x8, children: (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.searchIcon, size: canvas_tokens_web_1.system.space.x4 }) }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.Input, { "data-part": "form-input", placeholder: null, ...formInputProps }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.Input, { "data-part": "user-input", as: Element, "aria-labelledby": ariaLabelledBy, disabled: disabled, error: error, ...elemProps }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.InnerEnd, { width: canvas_tokens_web_1.system.space.x4, children: (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.ClearButton, {}) }), (0, jsx_runtime_1.jsx)(text_input_1.InputGroup.InnerEnd, { pointerEvents: "none", children: (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { icon: canvas_system_icons_web_1.caretDownSmallIcon }) })] }), (0, jsx_runtime_1.jsx)(MultiSelectedList_1.MultiSelectedList, { removeLabel: removeLabel, disabled: disabled })] }));
53
62
  });