@workday/canvas-kit-preview-react 12.0.0-alpha.909-next.0 → 12.0.0-alpha.919-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 (92) hide show
  1. package/dist/commonjs/divider/lib/Divider.js +1 -1
  2. package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +3 -3
  3. package/dist/commonjs/multi-select/index.d.ts +4 -0
  4. package/dist/commonjs/multi-select/index.d.ts.map +1 -0
  5. package/dist/commonjs/multi-select/index.js +9 -0
  6. package/dist/commonjs/multi-select/lib/MultiSelect.d.ts +2390 -0
  7. package/dist/commonjs/multi-select/lib/MultiSelect.d.ts.map +1 -0
  8. package/dist/commonjs/multi-select/lib/MultiSelect.js +25 -0
  9. package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts +292 -0
  10. package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts.map +1 -0
  11. package/dist/commonjs/multi-select/lib/MultiSelectCard.js +26 -0
  12. package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts +469 -0
  13. package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts.map +1 -0
  14. package/dist/commonjs/multi-select/lib/MultiSelectInput.js +108 -0
  15. package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts +374 -0
  16. package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts.map +1 -0
  17. package/dist/commonjs/multi-select/lib/MultiSelectItem.js +26 -0
  18. package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts +1980 -0
  19. package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts.map +1 -0
  20. package/dist/commonjs/multi-select/lib/useMultiSelectModel.js +70 -0
  21. package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
  22. package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
  23. package/dist/commonjs/radio/lib/RadioText.js +4 -4
  24. package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
  25. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +57 -0
  26. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  27. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +1 -0
  28. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  29. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +4 -2
  30. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  31. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +19 -18
  32. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
  33. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +57 -0
  34. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
  35. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +13 -13
  36. package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  37. package/dist/commonjs/text-area/lib/TextArea.d.ts +6 -6
  38. package/dist/commonjs/text-area/lib/TextAreaField.d.ts +2 -2
  39. package/dist/commonjs/text-input/lib/TextInput.d.ts +7 -7
  40. package/dist/commonjs/text-input/lib/TextInputField.d.ts +2 -2
  41. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +2 -2
  42. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +5 -5
  43. package/dist/es6/divider/lib/Divider.js +1 -1
  44. package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +3 -3
  45. package/dist/es6/multi-select/index.d.ts +4 -0
  46. package/dist/es6/multi-select/index.d.ts.map +1 -0
  47. package/dist/es6/multi-select/index.js +3 -0
  48. package/dist/es6/multi-select/lib/MultiSelect.d.ts +2390 -0
  49. package/dist/es6/multi-select/lib/MultiSelect.d.ts.map +1 -0
  50. package/dist/es6/multi-select/lib/MultiSelect.js +19 -0
  51. package/dist/es6/multi-select/lib/MultiSelectCard.d.ts +292 -0
  52. package/dist/es6/multi-select/lib/MultiSelectCard.d.ts.map +1 -0
  53. package/dist/es6/multi-select/lib/MultiSelectCard.js +20 -0
  54. package/dist/es6/multi-select/lib/MultiSelectInput.d.ts +469 -0
  55. package/dist/es6/multi-select/lib/MultiSelectInput.d.ts.map +1 -0
  56. package/dist/es6/multi-select/lib/MultiSelectInput.js +102 -0
  57. package/dist/es6/multi-select/lib/MultiSelectItem.d.ts +374 -0
  58. package/dist/es6/multi-select/lib/MultiSelectItem.d.ts.map +1 -0
  59. package/dist/es6/multi-select/lib/MultiSelectItem.js +20 -0
  60. package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts +1980 -0
  61. package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts.map +1 -0
  62. package/dist/es6/multi-select/lib/useMultiSelectModel.js +64 -0
  63. package/dist/es6/radio/lib/RadioGroup.js +3 -3
  64. package/dist/es6/radio/lib/RadioLabel.js +1 -1
  65. package/dist/es6/radio/lib/RadioText.js +4 -4
  66. package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
  67. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +57 -0
  68. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  69. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +1 -0
  70. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  71. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +4 -2
  72. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  73. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +19 -18
  74. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
  75. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +57 -0
  76. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
  77. package/dist/es6/status-indicator/lib/StatusIndicator.js +13 -13
  78. package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
  79. package/dist/es6/text-area/lib/TextArea.d.ts +6 -6
  80. package/dist/es6/text-area/lib/TextAreaField.d.ts +2 -2
  81. package/dist/es6/text-input/lib/TextInput.d.ts +7 -7
  82. package/dist/es6/text-input/lib/TextInputField.d.ts +2 -2
  83. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +2 -2
  84. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +5 -5
  85. package/multi-select/index.ts +4 -0
  86. package/multi-select/lib/MultiSelect.tsx +28 -0
  87. package/multi-select/lib/MultiSelectCard.tsx +34 -0
  88. package/multi-select/lib/MultiSelectInput.tsx +262 -0
  89. package/multi-select/lib/MultiSelectItem.tsx +37 -0
  90. package/multi-select/lib/useMultiSelectModel.ts +79 -0
  91. package/multi-select/package.json +6 -0
  92. package/package.json +6 -6
@@ -32,7 +32,7 @@ exports.dividerStencil = (0, canvas_kit_styling_1.createStencil)({
32
32
  vars: {
33
33
  space: (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.system.space.x4),
34
34
  },
35
- base: { name: "o7d52", styles: "--space-divider-156e29:var(--cnvs-sys-space-x4);box-sizing:border-box;display:block;height:0.0625rem;border:none;border-top:1px solid var(--cnvs-sys-color-border-divider);margin:calc(var(--space-divider-156e29) / 2) 0;" }
35
+ base: { name: "px8v2", styles: "--space-divider-156e29:var(--cnvs-sys-space-x4);box-sizing:border-box;display:block;height:0.0625rem;border:none;border-top:1px solid var(--cnvs-sys-color-border-divider);margin:calc(var(--space-divider-156e29) / 2) 0;" }
36
36
  }, "divider-156e29");
37
37
  /**
38
38
  * # Divider
@@ -49,15 +49,15 @@ const AI_COLORS = {
49
49
  /**
50
50
  * The animation for the sparkle.
51
51
  */
52
- const LOADING_ANIMATION = (0, canvas_kit_styling_1.keyframes)({ name: "o7d53", styles: "0%, 79%, 100%{opacity:0.2;transform:scale(0.55);}27%{opacity:1;transform:scale(1);}53%{opacity:0.6;transform:scale(0.7);}" });
53
- const loadingSparklesIconStyles = (0, canvas_kit_styling_1.createStyles)({ name: "o7d54", styles: "animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-o7d53;animation-timing-function:ease-in-out;.wd-sparkle-fill{fill:#8C17D2;}&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(1230ms * (1/3));}&:nth-child(3){animation-delay:calc(1230ms * (2/3));}" });
52
+ const LOADING_ANIMATION = (0, canvas_kit_styling_1.keyframes)({ name: "px8v3", styles: "0%, 79%, 100%{opacity:0.2;transform:scale(0.55);}27%{opacity:1;transform:scale(1);}53%{opacity:0.6;transform:scale(0.7);}" });
53
+ const loadingSparklesIconStyles = (0, canvas_kit_styling_1.createStyles)({ name: "px8v4", styles: "animation-duration:1230ms;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:animation-px8v3;animation-timing-function:ease-in-out;.wd-sparkle-fill{fill:#8C17D2;}&:nth-child(1){animation-delay:0ms;}&:nth-child(2){animation-delay:calc(1230ms * (1/3));}&:nth-child(3){animation-delay:calc(1230ms * (2/3));}" });
54
54
  /**
55
55
  * An individual loading sparkle. ✨
56
56
  */
57
57
  const Sparkle = () => {
58
58
  return (React.createElement(icon_1.SystemIcon, { icon: sparkleIcon_1.sparkleIcon, cs: [loadingSparklesIconStyles], size: (0, canvas_kit_styling_1.cssVar)(canvas_tokens_web_1.system.space.x3) }));
59
59
  };
60
- const loadingSparklesStyles = (0, canvas_kit_styling_1.createStyles)({ name: "o7d55", styles: "display:inline-flex;gap:0.0625rem;" });
60
+ const loadingSparklesStyles = (0, canvas_kit_styling_1.createStyles)({ name: "px8v5", styles: "display:inline-flex;gap:0.0625rem;" });
61
61
  /**
62
62
  * A simple component that displays three horizontal sparkles, to be used when an AI operation is in progress.
63
63
  */
@@ -0,0 +1,4 @@
1
+ export { useMultiSelectInput } from './lib/MultiSelectInput';
2
+ export { useMultiSelectModel } from './lib/useMultiSelectModel';
3
+ export { MultiSelect } from './lib/MultiSelect';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../multi-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAC,mBAAmB,EAAC,MAAM,2BAA2B,CAAC;AAE9D,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MultiSelect = exports.useMultiSelectModel = exports.useMultiSelectInput = void 0;
4
+ var MultiSelectInput_1 = require("./lib/MultiSelectInput");
5
+ Object.defineProperty(exports, "useMultiSelectInput", { enumerable: true, get: function () { return MultiSelectInput_1.useMultiSelectInput; } });
6
+ var useMultiSelectModel_1 = require("./lib/useMultiSelectModel");
7
+ Object.defineProperty(exports, "useMultiSelectModel", { enumerable: true, get: function () { return useMultiSelectModel_1.useMultiSelectModel; } });
8
+ var MultiSelect_1 = require("./lib/MultiSelect");
9
+ Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return MultiSelect_1.MultiSelect; } });