@workday/canvas-kit-react 15.0.0-alpha.0273-next.0 → 15.0.0-alpha.0281-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/switch/lib/Switch.d.ts +6 -0
- package/dist/commonjs/switch/lib/Switch.d.ts.map +1 -1
- package/dist/commonjs/switch/lib/Switch.js +14 -11
- package/dist/es6/switch/lib/Switch.d.ts +6 -0
- package/dist/es6/switch/lib/Switch.d.ts.map +1 -1
- package/dist/es6/switch/lib/Switch.js +14 -11
- package/package.json +5 -5
- package/switch/lib/Switch.tsx +6 -0
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ErrorType } from '@workday/canvas-kit-react/common';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated ⚠️ `SwitchProps` in Main has been deprecated in v15 and will be removed in a future major version. Please use [`Switch` in Preview](https://workday.github.io/canvas-kit/?path=/docs/preview-inputs-switch--docs) instead.
|
|
5
|
+
*/
|
|
3
6
|
export interface SwitchProps {
|
|
4
7
|
/**
|
|
5
8
|
* If true, set the Switch to the on state.
|
|
@@ -29,6 +32,9 @@ export interface SwitchProps {
|
|
|
29
32
|
*/
|
|
30
33
|
error?: ErrorType;
|
|
31
34
|
}
|
|
35
|
+
/**
|
|
36
|
+
* @deprecated ⚠️ `Switch` in Main has been deprecated in v15 and will be removed in a future major version. Please use [`Switch` in Preview](https://workday.github.io/canvas-kit/?path=/docs/preview-inputs-switch--docs) instead.
|
|
37
|
+
*/
|
|
32
38
|
export declare const Switch: import("@workday/canvas-kit-react/common").ElementComponent<"input", SwitchProps> & {
|
|
33
39
|
ErrorType: typeof ErrorType;
|
|
34
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../switch/lib/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAA0C,MAAM,kCAAkC,CAAC;AAMpG,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AA+JD,eAAO,MAAM,MAAM;;CA+BjB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../switch/lib/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAA0C,MAAM,kCAAkC,CAAC;AAMpG;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AA+JD;;GAEG;AACH,eAAO,MAAM,MAAM;;CA+BjB,CAAC"}
|
|
@@ -7,8 +7,8 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
|
7
7
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
8
8
|
const layout_1 = require("../../layout");
|
|
9
9
|
const switchContainerStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
10
|
-
base: { name: "
|
|
11
|
-
}, "switch-container-
|
|
10
|
+
base: { name: "s4wc3", styles: "box-sizing:border-box;position:relative;height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));" }
|
|
11
|
+
}, "switch-container-b20e45");
|
|
12
12
|
const SwitchContainer = (0, common_1.createComponent)('div')({
|
|
13
13
|
displayName: 'SwitchContainer',
|
|
14
14
|
Component: ({ children, ...elemProps }, ref, Element) => {
|
|
@@ -16,14 +16,14 @@ const SwitchContainer = (0, common_1.createComponent)('div')({
|
|
|
16
16
|
},
|
|
17
17
|
});
|
|
18
18
|
const switchInputStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
19
|
-
base: { name: "
|
|
19
|
+
base: { name: "57rvk", styles: "box-sizing:border-box;display:flex;position:absolute;height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));opacity:0;cursor:pointer;&:checked, &.checked{& ~ div:first-of-type{background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base));}&:disabled, &.disabled{& ~ div:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}}}&:disabled, &.disabled{cursor:not-allowed;& ~ div:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}}&:focus-visible, &:focus, &.focus{outline:none;& ~ div:first-of-type{box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}}" },
|
|
20
20
|
modifiers: {
|
|
21
21
|
error: {
|
|
22
|
-
error: { name: "
|
|
23
|
-
caution: { name: "
|
|
22
|
+
error: { name: "1u8cmr", styles: "& ~ div:first-of-type{box-shadow:\n 0 0 0 0.125rem var(--cnvs-sys-color-focus-inverse, var(--cnvs-base-palette-neutral-0)),\n 0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-sys-color-brand-focus-critical, var(--cnvs-brand-common-error-inner)),\n 0 0 0 0.3125rem transparent;}" },
|
|
23
|
+
caution: { name: "v2doa", styles: "& ~ div:first-of-type{box-shadow:\n 0 0 0 0.125rem var(--cnvs-sys-color-focus-inverse, var(--cnvs-base-palette-neutral-0)),\n 0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-sys-color-brand-focus-caution-inner, var(--cnvs-brand-common-alert-inner)),\n 0 0 0 0.3125rem var(--cnvs-sys-color-brand-border-caution, var(--cnvs-brand-common-alert-outer));}" }
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
}, "switch-input-
|
|
26
|
+
}, "switch-input-294fb1");
|
|
27
27
|
const SwitchInput = (0, common_1.createComponent)('input')({
|
|
28
28
|
displayName: 'SwitchInput',
|
|
29
29
|
Component: ({ error, ...elemProps }, ref, Element) => {
|
|
@@ -31,8 +31,8 @@ const SwitchInput = (0, common_1.createComponent)('input')({
|
|
|
31
31
|
},
|
|
32
32
|
});
|
|
33
33
|
const switchBackgroundStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
34
|
-
base: { name: "
|
|
35
|
-
}, "switch-background-
|
|
34
|
+
base: { name: "2nt7fs", styles: "box-sizing:border-box;position:absolute;display:flex;align-items:center;pointer-events:none;margin-top:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4));border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));padding:0 0.125rem;transition:background-color 200ms ease;background-color:var(--cnvs-sys-color-accent-muted-soft, var(--cnvs-sys-color-bg-muted-soft));" }
|
|
35
|
+
}, "switch-background-e591b7");
|
|
36
36
|
const SwitchBackground = (0, common_1.createComponent)('div')({
|
|
37
37
|
displayName: 'SwitchBackground',
|
|
38
38
|
Component: ({ children, ...elemProps }, ref, Element) => {
|
|
@@ -40,19 +40,22 @@ const SwitchBackground = (0, common_1.createComponent)('div')({
|
|
|
40
40
|
},
|
|
41
41
|
});
|
|
42
42
|
const switchCircleStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
43
|
-
base: { name: "
|
|
43
|
+
base: { name: "llbf2", styles: "box-sizing:border-box;width:var(--cnvs-base-size-150, var(--cnvs-sys-space-x3));height:var(--cnvs-base-size-150, var(--cnvs-sys-space-x3));border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));box-shadow:var(--cnvs-sys-depth-1);transition:transform 150ms ease;pointer-events:none;background-color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-primary-accent));transform:translateX(var(--cnvs-sys-space-zero));" },
|
|
44
44
|
modifiers: {
|
|
45
45
|
checked: {
|
|
46
|
-
true: { name: "
|
|
46
|
+
true: { name: "6gxuy", styles: "transform:translateX(var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4)));:dir(rtl){transform:translateX(calc(var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4)) * -1));}" }
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
}, "switch-circle-
|
|
49
|
+
}, "switch-circle-dfc8af");
|
|
50
50
|
const SwitchCircle = (0, common_1.createComponent)('div')({
|
|
51
51
|
displayName: 'SwitchCircle',
|
|
52
52
|
Component: ({ checked, ...elemProps }, ref, Element) => {
|
|
53
53
|
return (0, jsx_runtime_1.jsx)(Element, { ref: ref, ...(0, layout_1.mergeStyles)(elemProps, switchCircleStencil({ checked })) });
|
|
54
54
|
},
|
|
55
55
|
});
|
|
56
|
+
/**
|
|
57
|
+
* @deprecated ⚠️ `Switch` in Main has been deprecated in v15 and will be removed in a future major version. Please use [`Switch` in Preview](https://workday.github.io/canvas-kit/?path=/docs/preview-inputs-switch--docs) instead.
|
|
58
|
+
*/
|
|
56
59
|
exports.Switch = (0, common_1.createComponent)('input')({
|
|
57
60
|
displayName: 'Switch',
|
|
58
61
|
Component: ({ checked = false, id, disabled = false, onChange, value, ...elemProps }, ref, Element) => {
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ErrorType } from '@workday/canvas-kit-react/common';
|
|
3
|
+
/**
|
|
4
|
+
* @deprecated ⚠️ `SwitchProps` in Main has been deprecated in v15 and will be removed in a future major version. Please use [`Switch` in Preview](https://workday.github.io/canvas-kit/?path=/docs/preview-inputs-switch--docs) instead.
|
|
5
|
+
*/
|
|
3
6
|
export interface SwitchProps {
|
|
4
7
|
/**
|
|
5
8
|
* If true, set the Switch to the on state.
|
|
@@ -29,6 +32,9 @@ export interface SwitchProps {
|
|
|
29
32
|
*/
|
|
30
33
|
error?: ErrorType;
|
|
31
34
|
}
|
|
35
|
+
/**
|
|
36
|
+
* @deprecated ⚠️ `Switch` in Main has been deprecated in v15 and will be removed in a future major version. Please use [`Switch` in Preview](https://workday.github.io/canvas-kit/?path=/docs/preview-inputs-switch--docs) instead.
|
|
37
|
+
*/
|
|
32
38
|
export declare const Switch: import("@workday/canvas-kit-react/common").ElementComponent<"input", SwitchProps> & {
|
|
33
39
|
ErrorType: typeof ErrorType;
|
|
34
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../switch/lib/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAA0C,MAAM,kCAAkC,CAAC;AAMpG,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AA+JD,eAAO,MAAM,MAAM;;CA+BjB,CAAC"}
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../switch/lib/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAA0C,MAAM,kCAAkC,CAAC;AAMpG;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AA+JD;;GAEG;AACH,eAAO,MAAM,MAAM;;CA+BjB,CAAC"}
|
|
@@ -4,8 +4,8 @@ import { calc, createStencil, cssVar, px2rem } from '@workday/canvas-kit-styling
|
|
|
4
4
|
import { base, brand, system } from '@workday/canvas-tokens-web';
|
|
5
5
|
import { mergeStyles } from '../../layout';
|
|
6
6
|
const switchContainerStencil = createStencil({
|
|
7
|
-
base: { name: "
|
|
8
|
-
}, "switch-container-
|
|
7
|
+
base: { name: "s4wc3", styles: "box-sizing:border-box;position:relative;height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));" }
|
|
8
|
+
}, "switch-container-b20e45");
|
|
9
9
|
const SwitchContainer = createComponent('div')({
|
|
10
10
|
displayName: 'SwitchContainer',
|
|
11
11
|
Component: ({ children, ...elemProps }, ref, Element) => {
|
|
@@ -13,14 +13,14 @@ const SwitchContainer = createComponent('div')({
|
|
|
13
13
|
},
|
|
14
14
|
});
|
|
15
15
|
const switchInputStencil = createStencil({
|
|
16
|
-
base: { name: "
|
|
16
|
+
base: { name: "57rvk", styles: "box-sizing:border-box;display:flex;position:absolute;height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));opacity:0;cursor:pointer;&:checked, &.checked{& ~ div:first-of-type{background-color:var(--cnvs-sys-color-brand-accent-primary, var(--cnvs-brand-primary-base));}&:disabled, &.disabled{& ~ div:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}}}&:disabled, &.disabled{cursor:not-allowed;& ~ div:first-of-type{opacity:var(--cnvs-sys-opacity-disabled);}}&:focus-visible, &:focus, &.focus{outline:none;& ~ div:first-of-type{box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse-default, var(--cnvs-base-palette-neutral-0)), 0 0 0 4px var(--cnvs-brand-common-focus-outline, rgba(8,117,225,1));}}" },
|
|
17
17
|
modifiers: {
|
|
18
18
|
error: {
|
|
19
|
-
error: { name: "
|
|
20
|
-
caution: { name: "
|
|
19
|
+
error: { name: "1u8cmr", styles: "& ~ div:first-of-type{box-shadow:\n 0 0 0 0.125rem var(--cnvs-sys-color-focus-inverse, var(--cnvs-base-palette-neutral-0)),\n 0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-sys-color-brand-focus-critical, var(--cnvs-brand-common-error-inner)),\n 0 0 0 0.3125rem transparent;}" },
|
|
20
|
+
caution: { name: "v2doa", styles: "& ~ div:first-of-type{box-shadow:\n 0 0 0 0.125rem var(--cnvs-sys-color-focus-inverse, var(--cnvs-base-palette-neutral-0)),\n 0 0 0 var(--cnvs-sys-space-x1) var(--cnvs-sys-color-brand-focus-caution-inner, var(--cnvs-brand-common-alert-inner)),\n 0 0 0 0.3125rem var(--cnvs-sys-color-brand-border-caution, var(--cnvs-brand-common-alert-outer));}" }
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
|
-
}, "switch-input-
|
|
23
|
+
}, "switch-input-294fb1");
|
|
24
24
|
const SwitchInput = createComponent('input')({
|
|
25
25
|
displayName: 'SwitchInput',
|
|
26
26
|
Component: ({ error, ...elemProps }, ref, Element) => {
|
|
@@ -28,8 +28,8 @@ const SwitchInput = createComponent('input')({
|
|
|
28
28
|
},
|
|
29
29
|
});
|
|
30
30
|
const switchBackgroundStencil = createStencil({
|
|
31
|
-
base: { name: "
|
|
32
|
-
}, "switch-background-
|
|
31
|
+
base: { name: "2nt7fs", styles: "box-sizing:border-box;position:absolute;display:flex;align-items:center;pointer-events:none;margin-top:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1));width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8));height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4));border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));padding:0 0.125rem;transition:background-color 200ms ease;background-color:var(--cnvs-sys-color-accent-muted-soft, var(--cnvs-sys-color-bg-muted-soft));" }
|
|
32
|
+
}, "switch-background-e591b7");
|
|
33
33
|
const SwitchBackground = createComponent('div')({
|
|
34
34
|
displayName: 'SwitchBackground',
|
|
35
35
|
Component: ({ children, ...elemProps }, ref, Element) => {
|
|
@@ -37,19 +37,22 @@ const SwitchBackground = createComponent('div')({
|
|
|
37
37
|
},
|
|
38
38
|
});
|
|
39
39
|
const switchCircleStencil = createStencil({
|
|
40
|
-
base: { name: "
|
|
40
|
+
base: { name: "llbf2", styles: "box-sizing:border-box;width:var(--cnvs-base-size-150, var(--cnvs-sys-space-x3));height:var(--cnvs-base-size-150, var(--cnvs-sys-space-x3));border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round));box-shadow:var(--cnvs-sys-depth-1);transition:transform 150ms ease;pointer-events:none;background-color:var(--cnvs-sys-color-fg-inverse, var(--cnvs-brand-primary-accent));transform:translateX(var(--cnvs-sys-space-zero));" },
|
|
41
41
|
modifiers: {
|
|
42
42
|
checked: {
|
|
43
|
-
true: { name: "
|
|
43
|
+
true: { name: "6gxuy", styles: "transform:translateX(var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4)));:dir(rtl){transform:translateX(calc(var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4)) * -1));}" }
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
|
-
}, "switch-circle-
|
|
46
|
+
}, "switch-circle-dfc8af");
|
|
47
47
|
const SwitchCircle = createComponent('div')({
|
|
48
48
|
displayName: 'SwitchCircle',
|
|
49
49
|
Component: ({ checked, ...elemProps }, ref, Element) => {
|
|
50
50
|
return _jsx(Element, { ref: ref, ...mergeStyles(elemProps, switchCircleStencil({ checked })) });
|
|
51
51
|
},
|
|
52
52
|
});
|
|
53
|
+
/**
|
|
54
|
+
* @deprecated ⚠️ `Switch` in Main has been deprecated in v15 and will be removed in a future major version. Please use [`Switch` in Preview](https://workday.github.io/canvas-kit/?path=/docs/preview-inputs-switch--docs) instead.
|
|
55
|
+
*/
|
|
53
56
|
export const Switch = createComponent('input')({
|
|
54
57
|
displayName: 'Switch',
|
|
55
58
|
Component: ({ checked = false, id, disabled = false, onChange, value, ...elemProps }, ref, Element) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-react",
|
|
3
|
-
"version": "15.0.0-alpha.
|
|
3
|
+
"version": "15.0.0-alpha.0281-next.0",
|
|
4
4
|
"description": "The parent module that contains all Workday Canvas Kit React components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
"@tanstack/react-virtual": "^3.13.9",
|
|
54
54
|
"@workday/canvas-colors-web": "^2.0.0",
|
|
55
55
|
"@workday/canvas-expressive-icons-web": "1.0.0-alpha.11",
|
|
56
|
-
"@workday/canvas-kit-popup-stack": "^15.0.0-alpha.
|
|
57
|
-
"@workday/canvas-kit-preview-react": "^15.0.0-alpha.
|
|
58
|
-
"@workday/canvas-kit-styling": "^15.0.0-alpha.
|
|
56
|
+
"@workday/canvas-kit-popup-stack": "^15.0.0-alpha.0281-next.0",
|
|
57
|
+
"@workday/canvas-kit-preview-react": "^15.0.0-alpha.0281-next.0",
|
|
58
|
+
"@workday/canvas-kit-styling": "^15.0.0-alpha.0281-next.0",
|
|
59
59
|
"@workday/canvas-system-icons-web": "4.0.0-alpha.16",
|
|
60
60
|
"@workday/canvas-tokens-web": "4.2.0",
|
|
61
61
|
"@workday/design-assets-types": "^0.2.10",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"@workday/canvas-accent-icons-web": "^3.0.0",
|
|
71
71
|
"@workday/canvas-applet-icons-web": "^2.0.0"
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "d7d7a15ff4a3c20750a9c38c2b446e11b07ca4e2"
|
|
74
74
|
}
|
package/switch/lib/Switch.tsx
CHANGED
|
@@ -6,6 +6,9 @@ import {base, brand, system} from '@workday/canvas-tokens-web';
|
|
|
6
6
|
|
|
7
7
|
import {mergeStyles} from '../../layout';
|
|
8
8
|
|
|
9
|
+
/**
|
|
10
|
+
* @deprecated ⚠️ `SwitchProps` in Main has been deprecated in v15 and will be removed in a future major version. Please use [`Switch` in Preview](https://workday.github.io/canvas-kit/?path=/docs/preview-inputs-switch--docs) instead.
|
|
11
|
+
*/
|
|
9
12
|
export interface SwitchProps {
|
|
10
13
|
/**
|
|
11
14
|
* If true, set the Switch to the on state.
|
|
@@ -193,6 +196,9 @@ const SwitchCircle = createComponent('div')<Pick<SwitchProps, 'checked'>>({
|
|
|
193
196
|
},
|
|
194
197
|
});
|
|
195
198
|
|
|
199
|
+
/**
|
|
200
|
+
* @deprecated ⚠️ `Switch` in Main has been deprecated in v15 and will be removed in a future major version. Please use [`Switch` in Preview](https://workday.github.io/canvas-kit/?path=/docs/preview-inputs-switch--docs) instead.
|
|
201
|
+
*/
|
|
196
202
|
export const Switch = createComponent('input')({
|
|
197
203
|
displayName: 'Switch',
|
|
198
204
|
Component: (
|