@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.
- package/dist/commonjs/divider/lib/Divider.js +1 -1
- package/dist/commonjs/loading-sparkles/lib/LoadingSparkles.js +3 -3
- package/dist/commonjs/multi-select/index.d.ts +4 -0
- package/dist/commonjs/multi-select/index.d.ts.map +1 -0
- package/dist/commonjs/multi-select/index.js +9 -0
- package/dist/commonjs/multi-select/lib/MultiSelect.d.ts +2390 -0
- package/dist/commonjs/multi-select/lib/MultiSelect.d.ts.map +1 -0
- package/dist/commonjs/multi-select/lib/MultiSelect.js +25 -0
- package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts +292 -0
- package/dist/commonjs/multi-select/lib/MultiSelectCard.d.ts.map +1 -0
- package/dist/commonjs/multi-select/lib/MultiSelectCard.js +26 -0
- package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts +469 -0
- package/dist/commonjs/multi-select/lib/MultiSelectInput.d.ts.map +1 -0
- package/dist/commonjs/multi-select/lib/MultiSelectInput.js +108 -0
- package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts +374 -0
- package/dist/commonjs/multi-select/lib/MultiSelectItem.d.ts.map +1 -0
- package/dist/commonjs/multi-select/lib/MultiSelectItem.js +26 -0
- package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts +1980 -0
- package/dist/commonjs/multi-select/lib/useMultiSelectModel.d.ts.map +1 -0
- package/dist/commonjs/multi-select/lib/useMultiSelectModel.js +70 -0
- package/dist/commonjs/radio/lib/RadioGroup.js +3 -3
- package/dist/commonjs/radio/lib/RadioLabel.js +1 -1
- package/dist/commonjs/radio/lib/RadioText.js +4 -4
- package/dist/commonjs/radio/lib/StyledRadioButton.js +5 -5
- package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +57 -0
- package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +1 -0
- package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +4 -2
- package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +19 -18
- package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +57 -0
- package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicator.js +13 -13
- package/dist/commonjs/status-indicator/lib/StatusIndicatorLabel.js +1 -1
- package/dist/commonjs/text-area/lib/TextArea.d.ts +6 -6
- package/dist/commonjs/text-area/lib/TextAreaField.d.ts +2 -2
- package/dist/commonjs/text-input/lib/TextInput.d.ts +7 -7
- package/dist/commonjs/text-input/lib/TextInputField.d.ts +2 -2
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +2 -2
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +5 -5
- package/dist/es6/divider/lib/Divider.js +1 -1
- package/dist/es6/loading-sparkles/lib/LoadingSparkles.js +3 -3
- package/dist/es6/multi-select/index.d.ts +4 -0
- package/dist/es6/multi-select/index.d.ts.map +1 -0
- package/dist/es6/multi-select/index.js +3 -0
- package/dist/es6/multi-select/lib/MultiSelect.d.ts +2390 -0
- package/dist/es6/multi-select/lib/MultiSelect.d.ts.map +1 -0
- package/dist/es6/multi-select/lib/MultiSelect.js +19 -0
- package/dist/es6/multi-select/lib/MultiSelectCard.d.ts +292 -0
- package/dist/es6/multi-select/lib/MultiSelectCard.d.ts.map +1 -0
- package/dist/es6/multi-select/lib/MultiSelectCard.js +20 -0
- package/dist/es6/multi-select/lib/MultiSelectInput.d.ts +469 -0
- package/dist/es6/multi-select/lib/MultiSelectInput.d.ts.map +1 -0
- package/dist/es6/multi-select/lib/MultiSelectInput.js +102 -0
- package/dist/es6/multi-select/lib/MultiSelectItem.d.ts +374 -0
- package/dist/es6/multi-select/lib/MultiSelectItem.d.ts.map +1 -0
- package/dist/es6/multi-select/lib/MultiSelectItem.js +20 -0
- package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts +1980 -0
- package/dist/es6/multi-select/lib/useMultiSelectModel.d.ts.map +1 -0
- package/dist/es6/multi-select/lib/useMultiSelectModel.js +64 -0
- package/dist/es6/radio/lib/RadioGroup.js +3 -3
- package/dist/es6/radio/lib/RadioLabel.js +1 -1
- package/dist/es6/radio/lib/RadioText.js +4 -4
- package/dist/es6/radio/lib/StyledRadioButton.js +5 -5
- package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +57 -0
- package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +1 -0
- package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +4 -2
- package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +19 -18
- package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +57 -0
- package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts.map +1 -1
- package/dist/es6/status-indicator/lib/StatusIndicator.js +13 -13
- package/dist/es6/status-indicator/lib/StatusIndicatorLabel.js +1 -1
- package/dist/es6/text-area/lib/TextArea.d.ts +6 -6
- package/dist/es6/text-area/lib/TextAreaField.d.ts +2 -2
- package/dist/es6/text-input/lib/TextInput.d.ts +7 -7
- package/dist/es6/text-input/lib/TextInputField.d.ts +2 -2
- package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +2 -2
- package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +5 -5
- package/multi-select/index.ts +4 -0
- package/multi-select/lib/MultiSelect.tsx +28 -0
- package/multi-select/lib/MultiSelectCard.tsx +34 -0
- package/multi-select/lib/MultiSelectInput.tsx +262 -0
- package/multi-select/lib/MultiSelectItem.tsx +37 -0
- package/multi-select/lib/useMultiSelectModel.ts +79 -0
- package/multi-select/package.json +6 -0
- 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: "
|
|
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: "
|
|
53
|
-
const loadingSparklesIconStyles = (0, canvas_kit_styling_1.createStyles)({ name: "
|
|
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: "
|
|
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 @@
|
|
|
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; } });
|