@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
package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIzB;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}
1
+ {"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIzB;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;OAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}
package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts CHANGED
@@ -141,13 +141,7 @@ export declare const SegmentedControlItem: import("@workday/canvas-kit-react/com
141
141
  cursorIndexRef: {
142
142
  readonly current: number;
143
143
  };
144
- UNSTABLE_virtual: {
145
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
146
- totalSize: number;
147
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
148
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
149
- measure: () => void;
150
- };
144
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
151
145
  UNSTABLE_defaultItemHeight: number;
152
146
  containerRef: React.RefObject<HTMLDivElement>;
153
147
  id: string;
@@ -207,13 +201,7 @@ export declare const SegmentedControlItem: import("@workday/canvas-kit-react/com
207
201
  cursorIndexRef: {
208
202
  readonly current: number;
209
203
  };
210
- UNSTABLE_virtual: {
211
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
212
- totalSize: number;
213
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
214
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
215
- measure: () => void;
216
- };
204
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
217
205
  UNSTABLE_defaultItemHeight: number;
218
206
  containerRef: React.RefObject<HTMLDivElement>;
219
207
  id: string;
package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,oBAAoB,EAAgB,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAK9D,OAAO,EAAU,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAKxE,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAsItC,CAAC;AAyBH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB/B,CAAC"}
1
+ {"version":3,"file":"SegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,oBAAoB,EAAgB,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAK9D,OAAO,EAAU,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAKxE,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAsItC,CAAC;AAyBH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB/B,CAAC"}
package/dist/es6/segmented-control/lib/SegmentedControlItem.js CHANGED
@@ -11,55 +11,55 @@ import { useSegmentedControlModel } from './hooks/useSegmentedControlModel';
11
11
  import { useSegmentedControlItem } from './hooks/useSegmentedControlItem';
12
12
  export const segmentedControlItemStencil = createStencil({
13
13
  extends: buttonStencil,
14
- base: { name: "ppux3p", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);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);text-align:start;padding-inline:var(--cnvs-sys-space-zero);gap:var(--cnvs-sys-space-x1);--borderRadius-button-65cb05:var(--cnvs-sys-shape-x1);--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-muted-strong);&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-muted-strong);}&:active, &.active{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-muted-strong);}&:focus-visible, &.focus{--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-muted-strong);}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-soft);}&[aria-pressed='true']{--background-button-65cb05:var(--cnvs-sys-color-bg-default);--border-button-65cb05:var(--cnvs-sys-color-border-input-default);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);&:hover, &.hover{--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);}&:disabled, &.disabled{--border-button-65cb05:var(--cnvs-sys-color-border-input-default);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-strong);}}:dir(rtl){svg{transform:scaleX(-1);}}" },
14
+ base: { name: "h6y23p", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);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);text-align:start;padding-inline:var(--cnvs-sys-space-zero);gap:var(--cnvs-sys-space-x1);--borderRadius-button-65cb05:var(--cnvs-sys-shape-x1);--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-muted-strong);&:hover, &.hover{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-muted-strong);}&:active, &.active{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-muted-strong);}&:focus-visible, &.focus{--label-button-65cb05:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-muted-strong);}&:disabled, &.disabled{--background-button-65cb05:var(--cnvs-sys-color-bg-alt-soft);}&[aria-pressed='true']{--background-button-65cb05:var(--cnvs-sys-color-bg-default);--border-button-65cb05:var(--cnvs-sys-color-border-input-default);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);&:hover, &.hover{--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-strong);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);}&:disabled, &.disabled{--border-button-65cb05:var(--cnvs-sys-color-border-input-default);--label-button-65cb05:var(--cnvs-sys-color-fg-strong);--color-system-icon-99ce3e:var(--cnvs-sys-color-fg-strong);}}:dir(rtl){svg{transform:scaleX(-1);}}" },
15
15
  modifiers: {
16
16
  size: {
17
- large: { name: "ppux3q", styles: "height:var(--cnvs-sys-space-x10);gap:var(--cnvs-sys-space-x2);" },
18
- medium: { name: "ppux3r", styles: "height:var(--cnvs-sys-space-x8);" },
19
- small: { name: "ppux3s", styles: "font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100);height:var(--cnvs-sys-space-x6);" }
17
+ large: { name: "h6y23q", styles: "height:var(--cnvs-sys-space-x10);gap:var(--cnvs-sys-space-x2);" },
18
+ medium: { name: "h6y23r", styles: "height:var(--cnvs-sys-space-x8);" },
19
+ small: { name: "h6y23s", styles: "font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-bold);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100);height:var(--cnvs-sys-space-x6);" }
20
20
  },
21
21
  variant: {
22
- iconOnly: { name: "ppux3t", styles: "" },
23
- textOnly: { name: "ppux3u", styles: "" },
24
- iconWithText: { name: "ppux3v", styles: "" }
22
+ iconOnly: { name: "h6y23t", styles: "" },
23
+ textOnly: { name: "h6y23u", styles: "" },
24
+ iconWithText: { name: "h6y23v", styles: "" }
25
25
  }
26
26
  },
27
27
  compound: [
28
28
  {
29
29
  modifiers: { size: 'large', variant: 'iconOnly' },
30
- styles: { name: "ppux3w", styles: "min-width:var(--cnvs-sys-space-x10);" }
30
+ styles: { name: "h6y23w", styles: "min-width:var(--cnvs-sys-space-x10);" }
31
31
  },
32
32
  {
33
33
  modifiers: { size: 'large', variant: 'iconWithText' },
34
- styles: { name: "ppux3x", styles: "padding-inline:1.25rem var(--cnvs-sys-space-x6);" }
34
+ styles: { name: "h6y23x", styles: "padding-inline:1.25rem var(--cnvs-sys-space-x6);" }
35
35
  },
36
36
  {
37
37
  modifiers: { size: 'large', variant: 'textOnly' },
38
- styles: { name: "ppux3y", styles: "padding-inline:var(--cnvs-sys-space-x6);" }
38
+ styles: { name: "h6y23y", styles: "padding-inline:var(--cnvs-sys-space-x6);" }
39
39
  },
40
40
  {
41
41
  modifiers: { size: 'medium', variant: 'iconOnly' },
42
- styles: { name: "ppux3z", styles: "min-width:var(--cnvs-sys-space-x8);" }
42
+ styles: { name: "h6y23z", styles: "min-width:var(--cnvs-sys-space-x8);" }
43
43
  },
44
44
  {
45
45
  modifiers: { size: 'medium', variant: 'iconWithText' },
46
- styles: { name: "ppux40", styles: "padding-inline:var(--cnvs-sys-space-x4) 1.25rem;" }
46
+ styles: { name: "h6y240", styles: "padding-inline:var(--cnvs-sys-space-x4) 1.25rem;" }
47
47
  },
48
48
  {
49
49
  modifiers: { size: 'medium', variant: 'textOnly' },
50
- styles: { name: "ppux41", styles: "padding-inline:1.25rem;" }
50
+ styles: { name: "h6y241", styles: "padding-inline:1.25rem;" }
51
51
  },
52
52
  {
53
53
  modifiers: { size: 'small', variant: 'iconOnly' },
54
- styles: { name: "ppux42", styles: "min-width:var(--cnvs-sys-space-x6);" }
54
+ styles: { name: "h6y242", styles: "min-width:var(--cnvs-sys-space-x6);" }
55
55
  },
56
56
  {
57
57
  modifiers: { size: 'small', variant: 'iconWithText' },
58
- styles: { name: "ppux43", styles: "padding-inline:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x3);" }
58
+ styles: { name: "h6y243", styles: "padding-inline:var(--cnvs-sys-space-x2) var(--cnvs-sys-space-x3);" }
59
59
  },
60
60
  {
61
61
  modifiers: { size: 'small', variant: 'textOnly' },
62
- styles: { name: "ppux44", styles: "padding-inline:var(--cnvs-sys-space-x3);" }
62
+ styles: { name: "h6y244", styles: "padding-inline:var(--cnvs-sys-space-x3);" }
63
63
  }
64
64
  ]
65
65
  }, "segmented-control-item-bc271f");
package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts CHANGED
@@ -38,13 +38,7 @@ export declare const SegmentedControlList: import("@workday/canvas-kit-react/com
38
38
  cursorIndexRef: {
39
39
  readonly current: number;
40
40
  };
41
- UNSTABLE_virtual: {
42
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
43
- totalSize: number;
44
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
45
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
46
- measure: () => void;
47
- };
41
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
48
42
  UNSTABLE_defaultItemHeight: number;
49
43
  containerRef: React.RefObject<HTMLDivElement>;
50
44
  id: string;
@@ -104,13 +98,7 @@ export declare const SegmentedControlList: import("@workday/canvas-kit-react/com
104
98
  cursorIndexRef: {
105
99
  readonly current: number;
106
100
  };
107
- UNSTABLE_virtual: {
108
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
109
- totalSize: number;
110
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
111
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
112
- measure: () => void;
113
- };
101
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
114
102
  UNSTABLE_defaultItemHeight: number;
115
103
  containerRef: React.RefObject<HTMLDivElement>;
116
104
  id: string;
package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SegmentedControlList.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAKtD,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,GAAG,CAChD,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;gBA2BtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB/B,CAAC"}
1
+ {"version":3,"file":"SegmentedControlList.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAKtD,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,GAAG,CAChD,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;gBA2BtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB/B,CAAC"}
package/dist/es6/segmented-control/lib/SegmentedControlList.js CHANGED
@@ -8,14 +8,14 @@ export const segmentedControlListStencil = createStencil({
8
8
  vars: {
9
9
  items: '',
10
10
  },
11
- base: { name: "ppux30", styles: "box-sizing:border-box;display:inline-grid;background-color:var(--cnvs-sys-color-bg-alt-soft);border:0.0625rem solid var(--cnvs-sys-color-border-input-default);border-radius:var(--cnvs-sys-shape-x2);padding:0.1875rem;grid-gap:var(--cnvs-sys-space-x2);" },
11
+ base: { name: "h6y230", styles: "box-sizing:border-box;display:inline-grid;background-color:var(--cnvs-sys-color-bg-alt-soft);border:0.0625rem solid var(--cnvs-sys-color-border-input-default);border-radius:var(--cnvs-sys-shape-x2);padding:0.1875rem;grid-gap:var(--cnvs-sys-space-x2);" },
12
12
  modifiers: {
13
13
  disabled: {
14
- true: { name: "ppux31", styles: "opacity:var(--cnvs-sys-opacity-disabled);" }
14
+ true: { name: "h6y231", styles: "opacity:var(--cnvs-sys-opacity-disabled);" }
15
15
  },
16
16
  orientation: {
17
- vertical: { name: "ppux32", styles: "grid-template-rows:repeat(var(--items-segmented-control-list-0a747c), 1fr);" },
18
- horizontal: { name: "ppux33", styles: "grid-template-columns:repeat(var(--items-segmented-control-list-0a747c), 1fr);" }
17
+ vertical: { name: "h6y232", styles: "grid-template-rows:repeat(var(--items-segmented-control-list-0a747c), 1fr);" },
18
+ horizontal: { name: "h6y233", styles: "grid-template-columns:repeat(var(--items-segmented-control-list-0a747c), 1fr);" }
19
19
  }
20
20
  }
21
21
  }, "segmented-control-list-0a747c");
package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts CHANGED
@@ -9,13 +9,7 @@ export declare const useSegmentedControlItem: import("@workday/canvas-kit-react/
9
9
  cursorIndexRef: {
10
10
  readonly current: number;
11
11
  };
12
- UNSTABLE_virtual: {
13
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
14
- totalSize: number;
15
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
16
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
17
- measure: () => void;
18
- };
12
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
19
13
  UNSTABLE_defaultItemHeight: number;
20
14
  containerRef: React.RefObject<HTMLDivElement>;
21
15
  id: string;
@@ -75,13 +69,7 @@ export declare const useSegmentedControlItem: import("@workday/canvas-kit-react/
75
69
  cursorIndexRef: {
76
70
  readonly current: number;
77
71
  };
78
- UNSTABLE_virtual: {
79
- virtualItems: import("@workday/canvas-kit-react/collection").VirtualItem[];
80
- totalSize: number;
81
- scrollToOffset: (index: number, options?: import("@workday/canvas-kit-react/collection").ScrollToOffsetOptions | undefined) => void;
82
- scrollToIndex: (index: number, options?: import("@workday/canvas-kit-react/collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
83
- measure: () => void;
84
- };
72
+ UNSTABLE_virtual: import("@tanstack/virtual-core").Virtualizer<HTMLDivElement, Element>;
85
73
  UNSTABLE_defaultItemHeight: number;
86
74
  containerRef: React.RefObject<HTMLDivElement>;
87
75
  id: string;
@@ -138,11 +126,12 @@ export declare const useSegmentedControlItem: import("@workday/canvas-kit-react/
138
126
  readonly id: `${string}-${string}`;
139
127
  readonly 'aria-pressed': boolean;
140
128
  }, import("@workday/canvas-kit-react/common").MergeProps<{
141
- readonly ref: (instance: HTMLElement | null) => void;
129
+ readonly ref: (instance: Element | null | undefined) => void;
142
130
  readonly 'data-id': string;
143
131
  readonly disabled: true | undefined;
144
132
  readonly 'aria-setsize': number | undefined;
145
133
  readonly 'aria-posinset': number | undefined;
134
+ readonly 'data-index': number | undefined;
146
135
  readonly style: React.CSSProperties;
147
136
  readonly id: string;
148
137
  }, import("@workday/canvas-kit-react/common").MergeProps<{
package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useSegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../../segmented-control/lib/hooks/useSegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iIAsBnC,CAAC"}
1
+ {"version":3,"file":"useSegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../../segmented-control/lib/hooks/useSegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iIAsBnC,CAAC"}