@workday/canvas-kit-preview-react 15.0.0-alpha.0316-next.0 → 15.0.0-alpha.0320-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/status-indicator/lib/StatusIndicator.d.ts +1 -5
- package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
- package/dist/commonjs/status-indicator/lib/StatusIndicator.js +15 -16
- package/dist/es6/status-indicator/lib/StatusIndicator.d.ts +1 -5
- package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
- package/dist/es6/status-indicator/lib/StatusIndicator.js +15 -16
- package/package.json +4 -4
- package/status-indicator/lib/StatusIndicator.tsx +0 -6
|
@@ -6,7 +6,7 @@ import { ExtractStencilProps } from '@workday/canvas-kit-styling';
|
|
|
6
6
|
* @deprecated This is being deprecated and will be removed in a future release. Use
|
|
7
7
|
* `StatusIndicatorProps['variant']` instead.
|
|
8
8
|
*/
|
|
9
|
-
export type StatusIndicatorVariant = 'info' | 'neutral' | 'caution' | 'positive' | 'critical' | '
|
|
9
|
+
export type StatusIndicatorVariant = 'info' | 'neutral' | 'caution' | 'positive' | 'critical' | 'transparent' | 'blue' | 'green' | 'orange' | 'red' | 'gray';
|
|
10
10
|
export interface StatusIndicatorProps extends ExtractProps<typeof Flex, never>, Omit<ExtractStencilProps<typeof statusIndicatorStencil>, 'variant'> {
|
|
11
11
|
/**
|
|
12
12
|
* Defines the color of the `StatusIndicator`.
|
|
@@ -60,10 +60,6 @@ declare const statusIndicatorStencil: import("@workday/canvas-kit-styling").Sten
|
|
|
60
60
|
color: "--cnvs-sys-color-fg-muted-strong";
|
|
61
61
|
backgroundColor: "var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default))";
|
|
62
62
|
};
|
|
63
|
-
ai: {
|
|
64
|
-
color: "--cnvs-sys-color-fg-ai";
|
|
65
|
-
backgroundColor: "var(--cnvs-sys-color-surface-ai-default, var(--cnvs-sys-color-bg-ai-default))";
|
|
66
|
-
};
|
|
67
63
|
transparent: {
|
|
68
64
|
color: "--cnvs-sys-color-fg-inverse";
|
|
69
65
|
backgroundColor: "var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-translucent))";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAC,mBAAmB,EAAgC,MAAM,6BAA6B,CAAC;AAM/F;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,
|
|
1
|
+
{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAC,mBAAmB,EAAgC,MAAM,6BAA6B,CAAC;AAM/F;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,aAAa,GACb,MAAM,GACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,CAAC;AAEX,MAAM,WAAW,oBACf,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EACtC,IAAI,CAAC,mBAAmB,CAAC,OAAO,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACrE;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAWD,QAAA,MAAM,sBAAsB;IAiBxB;;;;;;;;;;;OAWG;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6CH;;;;;;;;;OASG;;;;;wBAoEL,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe;IAGxB;;;;;;;OAOG;;IAEH;;;;;;;OAOG;;CAuBL,CAAC"}
|
|
@@ -18,7 +18,7 @@ const deprecatedVariantsMap = {
|
|
|
18
18
|
gray: 'neutral',
|
|
19
19
|
};
|
|
20
20
|
const statusIndicatorStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
21
|
-
base: { name: "
|
|
21
|
+
base: { name: "ifwmq", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1));max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-round));height:var(--cnvs-sys-size-xxs, 1.25rem);padding:0 var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));outline:0.0625rem solid transparent;--color-system-icon-2a31cf:currentColor;" },
|
|
22
22
|
modifiers: {
|
|
23
23
|
/**
|
|
24
24
|
* Defines the color of the `StatusIndicator`.
|
|
@@ -33,13 +33,12 @@ const statusIndicatorStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
33
33
|
* @default 'neutral'
|
|
34
34
|
*/
|
|
35
35
|
variant: {
|
|
36
|
-
info: { name: "
|
|
37
|
-
positive: { name: "
|
|
38
|
-
caution: { name: "
|
|
39
|
-
critical: { name: "
|
|
40
|
-
neutral: { name: "
|
|
41
|
-
|
|
42
|
-
transparent: { name: "2a4cew", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-translucent));" }
|
|
36
|
+
info: { name: "2u709p", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-surface-info-strong, var(--cnvs-sys-color-bg-info-softer));" },
|
|
37
|
+
positive: { name: "2xg06g", styles: "color:var(--cnvs-sys-color-fg-success-strong, var(--cnvs-sys-color-fg-positive-strong));background-color:var(--cnvs-sys-color-surface-success-strong, var(--cnvs-sys-color-fg-positive-softer));" },
|
|
38
|
+
caution: { name: "4ahr29", styles: "color:var(--cnvs-sys-color-fg-warning-strong, var(--cnvs-sys-color-fg-caution-softer));background-color:var(--cnvs-sys-color-surface-warning-strong, var(--cnvs-sys-color-bg-caution-softer));" },
|
|
39
|
+
critical: { name: "4dnozl", styles: "color:var(--cnvs-sys-color-fg-danger-strong, var(--cnvs-sys-color-fg-critical-strong));background-color:var(--cnvs-sys-color-surface-danger-strong, var(--cnvs-sys-color-bg-critical-softer));" },
|
|
40
|
+
neutral: { name: "4b76rl", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default));" },
|
|
41
|
+
transparent: { name: "4dffmf", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-translucent));" }
|
|
43
42
|
},
|
|
44
43
|
/**
|
|
45
44
|
* Defines the emphasis of the `StatusIndicator`. `low` should be used in almost all cases.
|
|
@@ -52,8 +51,8 @@ const statusIndicatorStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
52
51
|
*
|
|
53
52
|
*/
|
|
54
53
|
emphasis: {
|
|
55
|
-
low: { name: "
|
|
56
|
-
high: { name: "
|
|
54
|
+
low: { name: "3u80zx", styles: "" },
|
|
55
|
+
high: { name: "31z0cn", styles: "" }
|
|
57
56
|
}
|
|
58
57
|
},
|
|
59
58
|
compound: [
|
|
@@ -62,42 +61,42 @@ const statusIndicatorStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
62
61
|
variant: 'info',
|
|
63
62
|
emphasis: 'high',
|
|
64
63
|
},
|
|
65
|
-
styles: { name: "
|
|
64
|
+
styles: { name: "eyuf8", styles: "background-color:var(--cnvs-sys-color-accent-info, var(--cnvs-sys-color-bg-info-default));color:var(--cnvs-sys-color-fg-inverse);" }
|
|
66
65
|
},
|
|
67
66
|
{
|
|
68
67
|
modifiers: {
|
|
69
68
|
variant: 'positive',
|
|
70
69
|
emphasis: 'high',
|
|
71
70
|
},
|
|
72
|
-
styles: { name: "
|
|
71
|
+
styles: { name: "1265be", styles: "background-color:var(--cnvs-sys-color-accent-success, var(--cnvs-sys-color-bg-positive-default));color:var(--cnvs-sys-color-fg-inverse);" }
|
|
73
72
|
},
|
|
74
73
|
{
|
|
75
74
|
modifiers: {
|
|
76
75
|
variant: 'caution',
|
|
77
76
|
emphasis: 'high',
|
|
78
77
|
},
|
|
79
|
-
styles: { name: "
|
|
78
|
+
styles: { name: "1tbjcv", styles: "background-color:var(--cnvs-sys-color-accent-warning, var(--cnvs-sys-color-bg-caution-default));color:var(--cnvs-sys-color-fg-contrast-default, var(--cnvs-sys-color-fg-caution-strong));" }
|
|
80
79
|
},
|
|
81
80
|
{
|
|
82
81
|
modifiers: {
|
|
83
82
|
variant: 'critical',
|
|
84
83
|
emphasis: 'high',
|
|
85
84
|
},
|
|
86
|
-
styles: { name: "
|
|
85
|
+
styles: { name: "24f30", styles: "background-color:var(--cnvs-sys-color-accent-danger, var(--cnvs-sys-color-bg-critical-default));color:var(--cnvs-sys-color-fg-inverse);" }
|
|
87
86
|
},
|
|
88
87
|
{
|
|
89
88
|
modifiers: {
|
|
90
89
|
variant: 'neutral',
|
|
91
90
|
emphasis: 'high',
|
|
92
91
|
},
|
|
93
|
-
styles: { name: "
|
|
92
|
+
styles: { name: "3cw0vf", styles: "background-color:var(--cnvs-sys-color-accent-muted-default, var(--cnvs-sys-color-bg-muted-default));color:var(--cnvs-sys-color-fg-inverse);" }
|
|
94
93
|
}
|
|
95
94
|
],
|
|
96
95
|
defaultModifiers: {
|
|
97
96
|
variant: 'neutral',
|
|
98
97
|
emphasis: 'low',
|
|
99
98
|
}
|
|
100
|
-
}, "status-indicator-
|
|
99
|
+
}, "status-indicator-c55f02");
|
|
101
100
|
/**
|
|
102
101
|
* `StatusIndicator` is a container component has a default maximum width of `200px`.
|
|
103
102
|
*
|
|
@@ -6,7 +6,7 @@ import { ExtractStencilProps } from '@workday/canvas-kit-styling';
|
|
|
6
6
|
* @deprecated This is being deprecated and will be removed in a future release. Use
|
|
7
7
|
* `StatusIndicatorProps['variant']` instead.
|
|
8
8
|
*/
|
|
9
|
-
export type StatusIndicatorVariant = 'info' | 'neutral' | 'caution' | 'positive' | 'critical' | '
|
|
9
|
+
export type StatusIndicatorVariant = 'info' | 'neutral' | 'caution' | 'positive' | 'critical' | 'transparent' | 'blue' | 'green' | 'orange' | 'red' | 'gray';
|
|
10
10
|
export interface StatusIndicatorProps extends ExtractProps<typeof Flex, never>, Omit<ExtractStencilProps<typeof statusIndicatorStencil>, 'variant'> {
|
|
11
11
|
/**
|
|
12
12
|
* Defines the color of the `StatusIndicator`.
|
|
@@ -60,10 +60,6 @@ declare const statusIndicatorStencil: import("@workday/canvas-kit-styling").Sten
|
|
|
60
60
|
color: "--cnvs-sys-color-fg-muted-strong";
|
|
61
61
|
backgroundColor: "var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default))";
|
|
62
62
|
};
|
|
63
|
-
ai: {
|
|
64
|
-
color: "--cnvs-sys-color-fg-ai";
|
|
65
|
-
backgroundColor: "var(--cnvs-sys-color-surface-ai-default, var(--cnvs-sys-color-bg-ai-default))";
|
|
66
|
-
};
|
|
67
63
|
transparent: {
|
|
68
64
|
color: "--cnvs-sys-color-fg-inverse";
|
|
69
65
|
backgroundColor: "var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-translucent))";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAC,mBAAmB,EAAgC,MAAM,6BAA6B,CAAC;AAM/F;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,
|
|
1
|
+
{"version":3,"file":"StatusIndicator.d.ts","sourceRoot":"","sources":["../../../../status-indicator/lib/StatusIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAC,mBAAmB,EAAgC,MAAM,6BAA6B,CAAC;AAM/F;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,aAAa,GACb,MAAM,GACN,OAAO,GACP,QAAQ,GACR,KAAK,GACL,MAAM,CAAC;AAEX,MAAM,WAAW,oBACf,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EACtC,IAAI,CAAC,mBAAmB,CAAC,OAAO,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACrE;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAWD,QAAA,MAAM,sBAAsB;IAiBxB;;;;;;;;;;;OAWG;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6CH;;;;;;;;;OASG;;;;;wBAoEL,CAAC;AAEH;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe;IAGxB;;;;;;;OAOG;;IAEH;;;;;;;OAOG;;CAuBL,CAAC"}
|
|
@@ -15,7 +15,7 @@ const deprecatedVariantsMap = {
|
|
|
15
15
|
gray: 'neutral',
|
|
16
16
|
};
|
|
17
17
|
const statusIndicatorStencil = createStencil({
|
|
18
|
-
base: { name: "
|
|
18
|
+
base: { name: "ifwmq", styles: "box-sizing:border-box;display:inline-flex;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1));max-width:12.5rem;align-items:center;border-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-round));height:var(--cnvs-sys-size-xxs, 1.25rem);padding:0 var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2));outline:0.0625rem solid transparent;--color-system-icon-2a31cf:currentColor;" },
|
|
19
19
|
modifiers: {
|
|
20
20
|
/**
|
|
21
21
|
* Defines the color of the `StatusIndicator`.
|
|
@@ -30,13 +30,12 @@ const statusIndicatorStencil = createStencil({
|
|
|
30
30
|
* @default 'neutral'
|
|
31
31
|
*/
|
|
32
32
|
variant: {
|
|
33
|
-
info: { name: "
|
|
34
|
-
positive: { name: "
|
|
35
|
-
caution: { name: "
|
|
36
|
-
critical: { name: "
|
|
37
|
-
neutral: { name: "
|
|
38
|
-
|
|
39
|
-
transparent: { name: "2a4cew", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-translucent));" }
|
|
33
|
+
info: { name: "2u709p", styles: "color:var(--cnvs-sys-color-fg-info-strong);background-color:var(--cnvs-sys-color-surface-info-strong, var(--cnvs-sys-color-bg-info-softer));" },
|
|
34
|
+
positive: { name: "2xg06g", styles: "color:var(--cnvs-sys-color-fg-success-strong, var(--cnvs-sys-color-fg-positive-strong));background-color:var(--cnvs-sys-color-surface-success-strong, var(--cnvs-sys-color-fg-positive-softer));" },
|
|
35
|
+
caution: { name: "4ahr29", styles: "color:var(--cnvs-sys-color-fg-warning-strong, var(--cnvs-sys-color-fg-caution-softer));background-color:var(--cnvs-sys-color-surface-warning-strong, var(--cnvs-sys-color-bg-caution-softer));" },
|
|
36
|
+
critical: { name: "4dnozl", styles: "color:var(--cnvs-sys-color-fg-danger-strong, var(--cnvs-sys-color-fg-critical-strong));background-color:var(--cnvs-sys-color-surface-danger-strong, var(--cnvs-sys-color-bg-critical-softer));" },
|
|
37
|
+
neutral: { name: "4b76rl", styles: "color:var(--cnvs-sys-color-fg-muted-strong);background-color:var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default));" },
|
|
38
|
+
transparent: { name: "4dffmf", styles: "color:var(--cnvs-sys-color-fg-inverse);background-color:var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-translucent));" }
|
|
40
39
|
},
|
|
41
40
|
/**
|
|
42
41
|
* Defines the emphasis of the `StatusIndicator`. `low` should be used in almost all cases.
|
|
@@ -49,8 +48,8 @@ const statusIndicatorStencil = createStencil({
|
|
|
49
48
|
*
|
|
50
49
|
*/
|
|
51
50
|
emphasis: {
|
|
52
|
-
low: { name: "
|
|
53
|
-
high: { name: "
|
|
51
|
+
low: { name: "3u80zx", styles: "" },
|
|
52
|
+
high: { name: "31z0cn", styles: "" }
|
|
54
53
|
}
|
|
55
54
|
},
|
|
56
55
|
compound: [
|
|
@@ -59,42 +58,42 @@ const statusIndicatorStencil = createStencil({
|
|
|
59
58
|
variant: 'info',
|
|
60
59
|
emphasis: 'high',
|
|
61
60
|
},
|
|
62
|
-
styles: { name: "
|
|
61
|
+
styles: { name: "eyuf8", styles: "background-color:var(--cnvs-sys-color-accent-info, var(--cnvs-sys-color-bg-info-default));color:var(--cnvs-sys-color-fg-inverse);" }
|
|
63
62
|
},
|
|
64
63
|
{
|
|
65
64
|
modifiers: {
|
|
66
65
|
variant: 'positive',
|
|
67
66
|
emphasis: 'high',
|
|
68
67
|
},
|
|
69
|
-
styles: { name: "
|
|
68
|
+
styles: { name: "1265be", styles: "background-color:var(--cnvs-sys-color-accent-success, var(--cnvs-sys-color-bg-positive-default));color:var(--cnvs-sys-color-fg-inverse);" }
|
|
70
69
|
},
|
|
71
70
|
{
|
|
72
71
|
modifiers: {
|
|
73
72
|
variant: 'caution',
|
|
74
73
|
emphasis: 'high',
|
|
75
74
|
},
|
|
76
|
-
styles: { name: "
|
|
75
|
+
styles: { name: "1tbjcv", styles: "background-color:var(--cnvs-sys-color-accent-warning, var(--cnvs-sys-color-bg-caution-default));color:var(--cnvs-sys-color-fg-contrast-default, var(--cnvs-sys-color-fg-caution-strong));" }
|
|
77
76
|
},
|
|
78
77
|
{
|
|
79
78
|
modifiers: {
|
|
80
79
|
variant: 'critical',
|
|
81
80
|
emphasis: 'high',
|
|
82
81
|
},
|
|
83
|
-
styles: { name: "
|
|
82
|
+
styles: { name: "24f30", styles: "background-color:var(--cnvs-sys-color-accent-danger, var(--cnvs-sys-color-bg-critical-default));color:var(--cnvs-sys-color-fg-inverse);" }
|
|
84
83
|
},
|
|
85
84
|
{
|
|
86
85
|
modifiers: {
|
|
87
86
|
variant: 'neutral',
|
|
88
87
|
emphasis: 'high',
|
|
89
88
|
},
|
|
90
|
-
styles: { name: "
|
|
89
|
+
styles: { name: "3cw0vf", styles: "background-color:var(--cnvs-sys-color-accent-muted-default, var(--cnvs-sys-color-bg-muted-default));color:var(--cnvs-sys-color-fg-inverse);" }
|
|
91
90
|
}
|
|
92
91
|
],
|
|
93
92
|
defaultModifiers: {
|
|
94
93
|
variant: 'neutral',
|
|
95
94
|
emphasis: 'low',
|
|
96
95
|
}
|
|
97
|
-
}, "status-indicator-
|
|
96
|
+
}, "status-indicator-c55f02");
|
|
98
97
|
/**
|
|
99
98
|
* `StatusIndicator` is a container component has a default maximum width of `200px`.
|
|
100
99
|
*
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-preview-react",
|
|
3
|
-
"version": "15.0.0-alpha.
|
|
3
|
+
"version": "15.0.0-alpha.0320-next.0",
|
|
4
4
|
"description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -48,8 +48,8 @@
|
|
|
48
48
|
"dependencies": {
|
|
49
49
|
"@emotion/react": "^11.7.1",
|
|
50
50
|
"@emotion/styled": "^11.6.0",
|
|
51
|
-
"@workday/canvas-kit-react": "^15.0.0-alpha.
|
|
52
|
-
"@workday/canvas-kit-styling": "^15.0.0-alpha.
|
|
51
|
+
"@workday/canvas-kit-react": "^15.0.0-alpha.0320-next.0",
|
|
52
|
+
"@workday/canvas-kit-styling": "^15.0.0-alpha.0320-next.0",
|
|
53
53
|
"@workday/canvas-system-icons-web": "4.0.2",
|
|
54
54
|
"@workday/canvas-tokens-web": "4.3.0",
|
|
55
55
|
"@workday/design-assets-types": "^0.3.0"
|
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
"react-hook-form": "7.36.1",
|
|
61
61
|
"yup": "^0.32.11"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "1fc0582d42b0805f13ab22572aae5051346cf7a3"
|
|
64
64
|
}
|
|
@@ -19,7 +19,6 @@ export type StatusIndicatorVariant =
|
|
|
19
19
|
| 'caution'
|
|
20
20
|
| 'positive'
|
|
21
21
|
| 'critical'
|
|
22
|
-
| 'ai'
|
|
23
22
|
| 'transparent'
|
|
24
23
|
| 'blue'
|
|
25
24
|
| 'green'
|
|
@@ -125,11 +124,6 @@ const statusIndicatorStencil = createStencil({
|
|
|
125
124
|
// TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token
|
|
126
125
|
backgroundColor: cssVar(system.color.surface.alt.strong, system.color.bg.alt.default),
|
|
127
126
|
},
|
|
128
|
-
ai: {
|
|
129
|
-
color: system.color.fg.ai,
|
|
130
|
-
// TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token
|
|
131
|
-
backgroundColor: cssVar(system.color.surface.ai.default, system.color.bg.ai.default),
|
|
132
|
-
},
|
|
133
127
|
transparent: {
|
|
134
128
|
color: system.color.fg.inverse,
|
|
135
129
|
// TODO (forwardfit token): Revisit token, using v4 token and fallback to v3 token
|