@workday/canvas-kit-preview-react 12.4.19 → 12.4.21

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 (55) 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 +3 -3
  7. package/dist/commonjs/multi-select/lib/MultiSelect.d.ts +140 -140
  8. package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts +16 -16
  9. package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts +24 -24
  10. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +1 -1
  11. package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts +20 -20
  12. package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts +16 -16
  13. package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts +8 -8
  14. package/dist/commonjs/multi-select/lib/useMultiSelectItemRemove.d.ts +8 -8
  15. package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts +118 -118
  16. package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
  17. package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
  18. package/dist/commonjs/radio/lib/RadioText.js +4 -4
  19. package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
  20. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +92 -92
  21. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +4 -4
  22. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  23. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +8 -8
  24. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +4 -4
  25. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +94 -94
  26. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +13 -13
  27. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  28. package/dist/es6/divider/lib/Divider.js +1 -1
  29. package/dist/es6/information-highlight/lib/InformationHighlight.js +7 -7
  30. package/dist/es6/information-highlight/lib/parts/Body.js +1 -1
  31. package/dist/es6/information-highlight/lib/parts/Heading.js +1 -1
  32. package/dist/es6/information-highlight/lib/parts/Link.js +1 -1
  33. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +3 -3
  34. package/dist/es6/multi-select/lib/MultiSelect.d.ts +140 -140
  35. package/dist/es6/multi-select/lib/MultiSelectCard.d.ts +16 -16
  36. package/dist/es6/multi-select/lib/MultiSelectInput.d.ts +24 -24
  37. package/dist/es6/multi-select/lib/MultiSelectInput.js +1 -1
  38. package/dist/es6/multi-select/lib/MultiSelectItem.d.ts +20 -20
  39. package/dist/es6/multi-select/lib/MultiSelectedItem.d.ts +16 -16
  40. package/dist/es6/multi-select/lib/MultiSelectedList.d.ts +8 -8
  41. package/dist/es6/multi-select/lib/useMultiSelectItemRemove.d.ts +8 -8
  42. package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts +118 -118
  43. package/dist/es6/radio/lib/RadioGroup.js +3 -3
  44. package/dist/es6/radio/lib/RadioLabel.js +1 -1
  45. package/dist/es6/radio/lib/RadioText.js +4 -4
  46. package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
  47. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +92 -92
  48. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +4 -4
  49. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  50. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +8 -8
  51. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +4 -4
  52. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +94 -94
  53. package/dist/es6/status-indicator/lib/StatusIndicator.js +13 -13
  54. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  55. package/package.json +4 -4
package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts CHANGED
@@ -25,9 +25,9 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
25
25
  readonly current: number;
26
26
  };
27
27
  UNSTABLE_virtual: {
28
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
28
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
29
29
  totalSize: number;
30
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
30
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
31
31
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
32
32
  measure: () => void;
33
33
  };
@@ -87,8 +87,8 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
87
87
  };
88
88
  onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
89
89
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
90
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
91
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
90
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
91
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
92
92
  getId: (item: any) => string;
93
93
  selected: {
94
94
  state: {
@@ -101,9 +101,9 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
101
101
  readonly current: number;
102
102
  };
103
103
  UNSTABLE_virtual: {
104
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
104
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
105
105
  totalSize: number;
106
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
106
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
107
107
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
108
108
  measure: () => void;
109
109
  };
@@ -152,8 +152,8 @@ export declare const useMultiSelectCard: import("@workday/canvas-kit-react/commo
152
152
  value: number;
153
153
  }): void;
154
154
  };
155
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
156
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
155
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
156
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
157
157
  getId: (item: any) => string;
158
158
  };
159
159
  }, {
@@ -177,9 +177,9 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
177
177
  readonly current: number;
178
178
  };
179
179
  UNSTABLE_virtual: {
180
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
180
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
181
181
  totalSize: number;
182
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
182
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
183
183
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
184
184
  measure: () => void;
185
185
  };
@@ -239,8 +239,8 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
239
239
  };
240
240
  onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
241
241
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
242
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
243
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
242
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
243
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
244
244
  getId: (item: any) => string;
245
245
  selected: {
246
246
  state: {
@@ -253,9 +253,9 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
253
253
  readonly current: number;
254
254
  };
255
255
  UNSTABLE_virtual: {
256
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
256
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
257
257
  totalSize: number;
258
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
258
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
259
259
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
260
260
  measure: () => void;
261
261
  };
@@ -304,8 +304,8 @@ export declare const MultiSelectCard: import("@workday/canvas-kit-react/common")
304
304
  value: number;
305
305
  }): void;
306
306
  };
307
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
308
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
307
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
308
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
309
309
  getId: (item: any) => string;
310
310
  };
311
311
  }>;
package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts CHANGED
@@ -20,9 +20,9 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
20
20
  readonly current: number;
21
21
  };
22
22
  UNSTABLE_virtual: {
23
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
23
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
24
24
  totalSize: number;
25
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
25
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
26
26
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
27
27
  measure: () => void;
28
28
  };
@@ -82,8 +82,8 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
82
82
  };
83
83
  onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
84
84
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
85
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
86
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
85
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
86
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
87
87
  getId: (item: any) => string;
88
88
  selected: {
89
89
  state: {
@@ -96,9 +96,9 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
96
96
  readonly current: number;
97
97
  };
98
98
  UNSTABLE_virtual: {
99
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
99
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
100
100
  totalSize: number;
101
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
101
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
102
102
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
103
103
  measure: () => void;
104
104
  };
@@ -147,8 +147,8 @@ export declare const useMultiSelectInput: import("@workday/canvas-kit-react/comm
147
147
  value: number;
148
148
  }): void;
149
149
  };
150
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
151
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
150
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
151
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
152
152
  getId: (item: any) => string;
153
153
  };
154
154
  }, import("@workday/canvas-kit-react/common").RemoveNulls<import("@workday/canvas-kit-react/common").MergeProps<{
@@ -213,9 +213,9 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
213
213
  readonly current: number;
214
214
  };
215
215
  UNSTABLE_virtual: {
216
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
216
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
217
217
  totalSize: number;
218
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
218
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
219
219
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
220
220
  measure: () => void;
221
221
  };
@@ -275,8 +275,8 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
275
275
  };
276
276
  onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
277
277
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
278
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
279
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
278
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
279
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
280
280
  getId: (item: any) => string;
281
281
  selected: {
282
282
  state: {
@@ -289,9 +289,9 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
289
289
  readonly current: number;
290
290
  };
291
291
  UNSTABLE_virtual: {
292
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
292
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
293
293
  totalSize: number;
294
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
294
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
295
295
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
296
296
  measure: () => void;
297
297
  };
@@ -340,8 +340,8 @@ export declare const MultiSelectInput: import("@workday/canvas-kit-react/common"
340
340
  value: number;
341
341
  }): void;
342
342
  };
343
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
344
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
343
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
344
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
345
345
  getId: (item: any) => string;
346
346
  };
347
347
  }>;
@@ -365,9 +365,9 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
365
365
  readonly current: number;
366
366
  };
367
367
  UNSTABLE_virtual: {
368
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
368
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
369
369
  totalSize: number;
370
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
370
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
371
371
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
372
372
  measure: () => void;
373
373
  };
@@ -427,8 +427,8 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
427
427
  };
428
428
  onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
429
429
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
430
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
431
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
430
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
431
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
432
432
  getId: (item: any) => string;
433
433
  selected: {
434
434
  state: {
@@ -441,9 +441,9 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
441
441
  readonly current: number;
442
442
  };
443
443
  UNSTABLE_virtual: {
444
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
444
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
445
445
  totalSize: number;
446
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
446
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
447
447
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
448
448
  measure: () => void;
449
449
  };
@@ -492,8 +492,8 @@ export declare const MultiSelectSearchInput: import("@workday/canvas-kit-react/c
492
492
  value: number;
493
493
  }): void;
494
494
  };
495
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
496
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
495
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
496
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
497
497
  getId: (item: any) => string;
498
498
  };
499
499
  }>;
package/dist/commonjs/multi-select/lib/MultiSelectInput.js CHANGED
@@ -15,7 +15,7 @@ const combobox_1 = require("@workday/canvas-kit-react/combobox");
15
15
  const useMultiSelectModel_1 = require("./useMultiSelectModel");
16
16
  const MultiSelectedList_1 = require("./MultiSelectedList");
17
17
  exports.multiSelectStencil = (0, canvas_kit_styling_1.createStencil)({
18
- base: { name: "sld126", 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;}}}& :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
+ base: { name: "tbfr26", 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;}}}& :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;}" }
19
19
  }, "multi-select-5f5351");
20
20
  exports.useMultiSelectInput = (0, common_1.composeHooks)((0, common_1.createElemPropsHook)(useMultiSelectModel_1.useMultiSelectModel)((model, ref) => {
21
21
  return {
package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts CHANGED
@@ -17,9 +17,9 @@ export declare const useMultiSelectItem: import("@workday/canvas-kit-react/commo
17
17
  readonly current: number;
18
18
  };
19
19
  UNSTABLE_virtual: {
20
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
20
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
21
21
  totalSize: number;
22
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
22
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
23
23
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
24
24
  measure: () => void;
25
25
  };
@@ -79,8 +79,8 @@ export declare const useMultiSelectItem: import("@workday/canvas-kit-react/commo
79
79
  };
80
80
  onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
81
81
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
82
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
83
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
82
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
83
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
84
84
  getId: (item: any) => string;
85
85
  selected: {
86
86
  state: {
@@ -93,9 +93,9 @@ export declare const useMultiSelectItem: import("@workday/canvas-kit-react/commo
93
93
  readonly current: number;
94
94
  };
95
95
  UNSTABLE_virtual: {
96
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
96
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
97
97
  totalSize: number;
98
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
98
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
99
99
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
100
100
  measure: () => void;
101
101
  };
@@ -144,8 +144,8 @@ export declare const useMultiSelectItem: import("@workday/canvas-kit-react/commo
144
144
  value: number;
145
145
  }): void;
146
146
  };
147
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
148
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
147
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
148
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
149
149
  getId: (item: any) => string;
150
150
  };
151
151
  }, import("@workday/canvas-kit-react/common").RemoveNulls<import("@workday/canvas-kit-react/common").MergeProps<{
@@ -185,9 +185,9 @@ export declare const MultiSelectItem: import("@workday/canvas-kit-react/common")
185
185
  readonly current: number;
186
186
  };
187
187
  UNSTABLE_virtual: {
188
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
188
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
189
189
  totalSize: number;
190
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
190
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
191
191
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
192
192
  measure: () => void;
193
193
  };
@@ -241,8 +241,8 @@ export declare const MultiSelectItem: import("@workday/canvas-kit-react/common")
241
241
  value: number;
242
242
  }): void;
243
243
  };
244
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
245
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
244
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
245
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
246
246
  getId: (item: any) => string;
247
247
  }, {}>, {
248
248
  state: {
@@ -262,9 +262,9 @@ export declare const MultiSelectItem: import("@workday/canvas-kit-react/common")
262
262
  readonly current: number;
263
263
  };
264
264
  UNSTABLE_virtual: {
265
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
265
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
266
266
  totalSize: number;
267
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
267
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
268
268
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
269
269
  measure: () => void;
270
270
  };
@@ -324,8 +324,8 @@ export declare const MultiSelectItem: import("@workday/canvas-kit-react/common")
324
324
  };
325
325
  onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
326
326
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
327
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
328
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
327
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
328
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
329
329
  getId: (item: any) => string;
330
330
  selected: {
331
331
  state: {
@@ -338,9 +338,9 @@ export declare const MultiSelectItem: import("@workday/canvas-kit-react/common")
338
338
  readonly current: number;
339
339
  };
340
340
  UNSTABLE_virtual: {
341
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
341
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
342
342
  totalSize: number;
343
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
343
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
344
344
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
345
345
  measure: () => void;
346
346
  };
@@ -389,8 +389,8 @@ export declare const MultiSelectItem: import("@workday/canvas-kit-react/common")
389
389
  value: number;
390
390
  }): void;
391
391
  };
392
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
393
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
392
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
393
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
394
394
  getId: (item: any) => string;
395
395
  };
396
396
  }> & {
package/dist/commonjs/multi-select/lib/MultiSelectedItem.d.ts CHANGED
@@ -26,9 +26,9 @@ export declare const useMultiSelectedItem: import("@workday/canvas-kit-react/com
26
26
  readonly current: number;
27
27
  };
28
28
  UNSTABLE_virtual: {
29
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
29
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
30
30
  totalSize: number;
31
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
31
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
32
32
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
33
33
  measure: () => void;
34
34
  };
@@ -88,8 +88,8 @@ export declare const useMultiSelectedItem: import("@workday/canvas-kit-react/com
88
88
  };
89
89
  onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
90
90
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
91
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
92
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
91
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
92
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
93
93
  getId: (item: any) => string;
94
94
  selected: {
95
95
  state: {
@@ -102,9 +102,9 @@ export declare const useMultiSelectedItem: import("@workday/canvas-kit-react/com
102
102
  readonly current: number;
103
103
  };
104
104
  UNSTABLE_virtual: {
105
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
105
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
106
106
  totalSize: number;
107
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
107
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
108
108
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
109
109
  measure: () => void;
110
110
  };
@@ -153,8 +153,8 @@ export declare const useMultiSelectedItem: import("@workday/canvas-kit-react/com
153
153
  value: number;
154
154
  }): void;
155
155
  };
156
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
157
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
156
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
157
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
158
158
  getId: (item: any) => string;
159
159
  };
160
160
  }, import("@workday/canvas-kit-react/common").RemoveNulls<import("@workday/canvas-kit-react/common").MergeProps<{
@@ -196,9 +196,9 @@ export declare const MultiSelectedItem: import("@workday/canvas-kit-react/common
196
196
  readonly current: number;
197
197
  };
198
198
  UNSTABLE_virtual: {
199
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
199
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
200
200
  totalSize: number;
201
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
201
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
202
202
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
203
203
  measure: () => void;
204
204
  };
@@ -258,8 +258,8 @@ export declare const MultiSelectedItem: import("@workday/canvas-kit-react/common
258
258
  };
259
259
  onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
260
260
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
261
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
262
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
261
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
262
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
263
263
  getId: (item: any) => string;
264
264
  selected: {
265
265
  state: {
@@ -272,9 +272,9 @@ export declare const MultiSelectedItem: import("@workday/canvas-kit-react/common
272
272
  readonly current: number;
273
273
  };
274
274
  UNSTABLE_virtual: {
275
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
275
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
276
276
  totalSize: number;
277
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
277
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
278
278
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
279
279
  measure: () => void;
280
280
  };
@@ -323,8 +323,8 @@ export declare const MultiSelectedItem: import("@workday/canvas-kit-react/common
323
323
  value: number;
324
324
  }): void;
325
325
  };
326
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
327
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
326
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
327
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
328
328
  getId: (item: any) => string;
329
329
  };
330
330
  }>;
package/dist/commonjs/multi-select/lib/MultiSelectedList.d.ts CHANGED
@@ -20,9 +20,9 @@ export declare const MultiSelectedList: import("@workday/canvas-kit-react/common
20
20
  readonly current: number;
21
21
  };
22
22
  UNSTABLE_virtual: {
23
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
23
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
24
24
  totalSize: number;
25
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
25
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
26
26
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
27
27
  measure: () => void;
28
28
  };
@@ -82,8 +82,8 @@ export declare const MultiSelectedList: import("@workday/canvas-kit-react/common
82
82
  };
83
83
  onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
84
84
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
85
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
86
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
85
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
86
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
87
87
  getId: (item: any) => string;
88
88
  selected: {
89
89
  state: {
@@ -96,9 +96,9 @@ export declare const MultiSelectedList: import("@workday/canvas-kit-react/common
96
96
  readonly current: number;
97
97
  };
98
98
  UNSTABLE_virtual: {
99
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
99
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
100
100
  totalSize: number;
101
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
101
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
102
102
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
103
103
  measure: () => void;
104
104
  };
@@ -147,8 +147,8 @@ export declare const MultiSelectedList: import("@workday/canvas-kit-react/common
147
147
  value: number;
148
148
  }): void;
149
149
  };
150
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
151
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
150
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
151
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
152
152
  getId: (item: any) => string;
153
153
  };
154
154
  }>;
package/dist/commonjs/multi-select/lib/useMultiSelectItemRemove.d.ts CHANGED
@@ -33,9 +33,9 @@ export declare const useMultiSelectItemRemove: import("@workday/canvas-kit-react
33
33
  readonly current: number;
34
34
  };
35
35
  UNSTABLE_virtual: {
36
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
36
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
37
37
  totalSize: number;
38
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
38
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
39
39
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
40
40
  measure: () => void;
41
41
  };
@@ -95,8 +95,8 @@ export declare const useMultiSelectItemRemove: import("@workday/canvas-kit-react
95
95
  };
96
96
  onFilterChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
97
97
  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
98
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
99
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
98
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
99
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
100
100
  getId: (item: any) => string;
101
101
  selected: {
102
102
  state: {
@@ -109,9 +109,9 @@ export declare const useMultiSelectItemRemove: import("@workday/canvas-kit-react
109
109
  readonly current: number;
110
110
  };
111
111
  UNSTABLE_virtual: {
112
- virtualItems: import("@workday/canvas-kit-react/collection/lib/react-virtual").VirtualItem[];
112
+ virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
113
113
  totalSize: number;
114
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
114
+ scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
115
115
  scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
116
116
  measure: () => void;
117
117
  };
@@ -160,8 +160,8 @@ export declare const useMultiSelectItemRemove: import("@workday/canvas-kit-react
160
160
  value: number;
161
161
  }): void;
162
162
  };
163
- selection: import("@workday/canvas-kit-react/collection/lib/useSelectionListModel").SelectionManager;
164
- navigation: import("@workday/canvas-kit-react/collection/lib/useCursorListModel").NavigationManager;
163
+ selection: import("@workday/canvas-kit-react/collection").SelectionManager;
164
+ navigation: import("@workday/canvas-kit-react/collection").NavigationManager;
165
165
  getId: (item: any) => string;
166
166
  };
167
167
  }, {