@workday/canvas-kit-react 6.8.8 → 6.8.11
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/action-bar/package.json +2 -1
- package/avatar/package.json +2 -1
- package/badge/package.json +2 -1
- package/banner/package.json +2 -1
- package/button/package.json +2 -1
- package/card/package.json +2 -1
- package/checkbox/package.json +2 -1
- package/color-picker/package.json +2 -1
- package/common/package.json +2 -1
- package/cookie-banner/package.json +2 -1
- package/dialog/package.json +2 -1
- package/disclosure/package.json +2 -1
- package/dist/commonjs/form-field/lib/Label.d.ts.map +1 -1
- package/dist/commonjs/form-field/lib/Label.js +3 -7
- package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts +0 -1
- package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts.map +1 -1
- package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.js +1 -1
- package/dist/es6/form-field/lib/Label.d.ts.map +1 -1
- package/dist/es6/form-field/lib/Label.js +1 -2
- package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.d.ts +0 -1
- package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.d.ts.map +1 -1
- package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.js +1 -1
- package/form-field/lib/Label.tsx +1 -2
- package/form-field/package.json +2 -1
- package/icon/package.json +2 -1
- package/layout/package.json +2 -1
- package/loading-animation/package.json +2 -1
- package/modal/package.json +2 -1
- package/package.json +5 -5
- package/page-header/package.json +2 -1
- package/pagination/lib/Pagination/common/useLiveRegion.tsx +0 -2
- package/pagination/package.json +2 -1
- package/popup/package.json +2 -1
- package/radio/package.json +2 -1
- package/segmented-control/package.json +2 -1
- package/select/package.json +2 -1
- package/side-panel/package.json +2 -1
- package/skeleton/package.json +2 -1
- package/status-indicator/package.json +2 -1
- package/switch/package.json +2 -1
- package/table/package.json +2 -1
- package/tabs/package.json +2 -1
- package/text-area/package.json +2 -1
- package/text-input/package.json +2 -1
- package/toast/package.json +2 -1
- package/tokens/package.json +2 -1
- package/tooltip/package.json +2 -1
- package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts +0 -1
- package/ts3.5/dist/es6/pagination/lib/Pagination/common/useLiveRegion.d.ts +0 -1
package/action-bar/package.json
CHANGED
package/avatar/package.json
CHANGED
package/badge/package.json
CHANGED
package/banner/package.json
CHANGED
package/button/package.json
CHANGED
package/card/package.json
CHANGED
package/checkbox/package.json
CHANGED
package/common/package.json
CHANGED
package/dialog/package.json
CHANGED
package/disclosure/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,sBAAsB,EAAE,8BAA8B,EAAC,MAAM,SAAS,CAAC;AAE/E,MAAM,WAAW,UAAW,SAAQ,8BAA8B;IAChE;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAuDD,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;IAC7C,MAAM,CAAC,QAAQ,gCAA0B;IAElC,MAAM;CA8Bd;AAID,eAAe,KAAK,CAAC"}
|
|
@@ -48,12 +48,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
48
48
|
result["default"] = mod;
|
|
49
49
|
return result;
|
|
50
50
|
};
|
|
51
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
-
};
|
|
54
51
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
55
52
|
var React = __importStar(require("react"));
|
|
56
|
-
var styled_1 = __importDefault(require("@emotion/styled"));
|
|
57
53
|
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
58
54
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
59
55
|
var types_1 = require("./types");
|
|
@@ -78,7 +74,7 @@ var labelStyles = [
|
|
|
78
74
|
}));
|
|
79
75
|
},
|
|
80
76
|
];
|
|
81
|
-
var RequiredAstrisk =
|
|
77
|
+
var RequiredAstrisk = common_1.styled('abbr')({
|
|
82
78
|
color: tokens_1.colors.cinnamon500,
|
|
83
79
|
fontSize: '16px',
|
|
84
80
|
fontWeight: 400,
|
|
@@ -89,7 +85,7 @@ var RequiredAstrisk = styled_1.default('abbr')({
|
|
|
89
85
|
// Used inside the fieldset component instead of a label for accessible radio groups.
|
|
90
86
|
// Extra `width: 100%` style is to help IE11 wrap text properly in a top-positioned
|
|
91
87
|
// FormField's legend element.
|
|
92
|
-
var LegendComponent =
|
|
88
|
+
var LegendComponent = common_1.styled('legend').apply(void 0, __spreadArrays(labelStyles, [function (_a) {
|
|
93
89
|
var labelPosition = _a.labelPosition;
|
|
94
90
|
if (labelPosition === Label.Position.Top) {
|
|
95
91
|
return {
|
|
@@ -101,7 +97,7 @@ var LegendComponent = styled_1.default('legend').apply(void 0, __spreadArrays(la
|
|
|
101
97
|
width: 'auto',
|
|
102
98
|
};
|
|
103
99
|
}]));
|
|
104
|
-
var LabelComponent =
|
|
100
|
+
var LabelComponent = common_1.styled('label').apply(void 0, labelStyles);
|
|
105
101
|
var Label = /** @class */ (function (_super) {
|
|
106
102
|
__extends(Label, _super);
|
|
107
103
|
function Label() {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
declare type UseLiveRegionConfig = {
|
|
2
2
|
'aria-atomic'?: React.AriaAttributes['aria-atomic'];
|
|
3
3
|
'aria-live'?: 'polite' | 'assertive';
|
|
4
|
-
'aria-relevant'?: React.AriaAttributes['aria-relevant'];
|
|
5
4
|
role?: 'status' | 'alert' | 'log';
|
|
6
5
|
shouldAnnounceToScreenReader?: boolean;
|
|
7
6
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,aAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,
|
|
1
|
+
{"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,aAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAClC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,sBAA4B,uBAW/D"}
|
|
@@ -26,7 +26,7 @@ function useLiveRegion(config) {
|
|
|
26
26
|
if (config === void 0) { config = {}; }
|
|
27
27
|
var _a = config.shouldAnnounceToScreenReader, shouldAnnounceToScreenReader = _a === void 0 ? true : _a, restConfig = __rest(config, ["shouldAnnounceToScreenReader"]);
|
|
28
28
|
if (shouldAnnounceToScreenReader) {
|
|
29
|
-
return __assign({ 'aria-atomic': true, 'aria-live': 'polite',
|
|
29
|
+
return __assign({ 'aria-atomic': true, 'aria-live': 'polite', role: 'status' }, restConfig);
|
|
30
30
|
}
|
|
31
31
|
return {};
|
|
32
32
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../form-field/lib/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,sBAAsB,EAAE,8BAA8B,EAAC,MAAM,SAAS,CAAC;AAE/E,MAAM,WAAW,UAAW,SAAQ,8BAA8B;IAChE;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAuDD,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;IAC7C,MAAM,CAAC,QAAQ,gCAA0B;IAElC,MAAM;CA8Bd;AAID,eAAe,KAAK,CAAC"}
|
|
@@ -41,9 +41,8 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
|
41
41
|
return r;
|
|
42
42
|
};
|
|
43
43
|
import * as React from 'react';
|
|
44
|
-
import styled from '@emotion/styled';
|
|
45
44
|
import { colors, space, type } from '@workday/canvas-kit-react/tokens';
|
|
46
|
-
import { accessibleHide as accessibleHideCSS } from '@workday/canvas-kit-react/common';
|
|
45
|
+
import { accessibleHide as accessibleHideCSS, styled } from '@workday/canvas-kit-react/common';
|
|
47
46
|
import { FormFieldLabelPosition } from './types';
|
|
48
47
|
var labelStyles = [
|
|
49
48
|
__assign(__assign({}, type.levels.subtext.large), { fontWeight: type.properties.fontWeights.medium, padding: 0 }),
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
declare type UseLiveRegionConfig = {
|
|
2
2
|
'aria-atomic'?: React.AriaAttributes['aria-atomic'];
|
|
3
3
|
'aria-live'?: 'polite' | 'assertive';
|
|
4
|
-
'aria-relevant'?: React.AriaAttributes['aria-relevant'];
|
|
5
4
|
role?: 'status' | 'alert' | 'log';
|
|
6
5
|
shouldAnnounceToScreenReader?: boolean;
|
|
7
6
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,aAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,
|
|
1
|
+
{"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,aAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAClC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,sBAA4B,uBAW/D"}
|
|
@@ -24,7 +24,7 @@ export function useLiveRegion(config) {
|
|
|
24
24
|
if (config === void 0) { config = {}; }
|
|
25
25
|
var _a = config.shouldAnnounceToScreenReader, shouldAnnounceToScreenReader = _a === void 0 ? true : _a, restConfig = __rest(config, ["shouldAnnounceToScreenReader"]);
|
|
26
26
|
if (shouldAnnounceToScreenReader) {
|
|
27
|
-
return __assign({ 'aria-atomic': true, 'aria-live': 'polite',
|
|
27
|
+
return __assign({ 'aria-atomic': true, 'aria-live': 'polite', role: 'status' }, restConfig);
|
|
28
28
|
}
|
|
29
29
|
return {};
|
|
30
30
|
}
|
package/form-field/lib/Label.tsx
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import styled from '@emotion/styled';
|
|
3
2
|
import {colors, space, type} from '@workday/canvas-kit-react/tokens';
|
|
4
|
-
import {accessibleHide as accessibleHideCSS} from '@workday/canvas-kit-react/common';
|
|
3
|
+
import {accessibleHide as accessibleHideCSS, styled} from '@workday/canvas-kit-react/common';
|
|
5
4
|
import {FormFieldLabelPosition, FormFieldLabelPositionBehavior} from './types';
|
|
6
5
|
|
|
7
6
|
export interface LabelProps extends FormFieldLabelPositionBehavior {
|
package/form-field/package.json
CHANGED
package/icon/package.json
CHANGED
package/layout/package.json
CHANGED
package/modal/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-react",
|
|
3
|
-
"version": "6.8.
|
|
3
|
+
"version": "6.8.11",
|
|
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",
|
|
@@ -57,9 +57,9 @@
|
|
|
57
57
|
"@emotion/styled": "^10.0.27",
|
|
58
58
|
"@popperjs/core": "^2.5.4",
|
|
59
59
|
"@workday/canvas-colors-web": "^2.0.0",
|
|
60
|
-
"@workday/canvas-kit-labs-react": "^6.8.
|
|
61
|
-
"@workday/canvas-kit-popup-stack": "^6.8.
|
|
62
|
-
"@workday/canvas-kit-preview-react": "^6.8.
|
|
60
|
+
"@workday/canvas-kit-labs-react": "^6.8.11",
|
|
61
|
+
"@workday/canvas-kit-popup-stack": "^6.8.11",
|
|
62
|
+
"@workday/canvas-kit-preview-react": "^6.8.11",
|
|
63
63
|
"@workday/canvas-system-icons-web": "1.0.41",
|
|
64
64
|
"@workday/design-assets-types": "^0.2.4",
|
|
65
65
|
"chroma-js": "^2.1.0",
|
|
@@ -77,5 +77,5 @@
|
|
|
77
77
|
"@workday/canvas-accent-icons-web": "^1.0.0",
|
|
78
78
|
"@workday/canvas-applet-icons-web": "^0.17.50"
|
|
79
79
|
},
|
|
80
|
-
"gitHead": "
|
|
80
|
+
"gitHead": "d7e07313772c517bc9f803c40845f24e6ece56b9"
|
|
81
81
|
}
|
package/page-header/package.json
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
type UseLiveRegionConfig = {
|
|
2
2
|
'aria-atomic'?: React.AriaAttributes['aria-atomic'];
|
|
3
3
|
'aria-live'?: 'polite' | 'assertive';
|
|
4
|
-
'aria-relevant'?: React.AriaAttributes['aria-relevant'];
|
|
5
4
|
role?: 'status' | 'alert' | 'log';
|
|
6
5
|
shouldAnnounceToScreenReader?: boolean;
|
|
7
6
|
};
|
|
@@ -12,7 +11,6 @@ export function useLiveRegion(config = {} as UseLiveRegionConfig) {
|
|
|
12
11
|
return {
|
|
13
12
|
'aria-atomic': true,
|
|
14
13
|
'aria-live': 'polite',
|
|
15
|
-
'aria-relevant': true,
|
|
16
14
|
role: 'status',
|
|
17
15
|
...restConfig,
|
|
18
16
|
} as UseLiveRegionConfig;
|
package/pagination/package.json
CHANGED
package/popup/package.json
CHANGED
package/radio/package.json
CHANGED
package/select/package.json
CHANGED
package/side-panel/package.json
CHANGED
package/skeleton/package.json
CHANGED
package/switch/package.json
CHANGED
package/table/package.json
CHANGED
package/tabs/package.json
CHANGED
package/text-area/package.json
CHANGED
package/text-input/package.json
CHANGED
package/toast/package.json
CHANGED
package/tokens/package.json
CHANGED
package/tooltip/package.json
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
declare type UseLiveRegionConfig = {
|
|
2
2
|
'aria-atomic'?: React.AriaAttributes['aria-atomic'];
|
|
3
3
|
'aria-live'?: 'polite' | 'assertive';
|
|
4
|
-
'aria-relevant'?: React.AriaAttributes['aria-relevant'];
|
|
5
4
|
role?: 'status' | 'alert' | 'log';
|
|
6
5
|
shouldAnnounceToScreenReader?: boolean;
|
|
7
6
|
};
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
declare type UseLiveRegionConfig = {
|
|
2
2
|
'aria-atomic'?: React.AriaAttributes['aria-atomic'];
|
|
3
3
|
'aria-live'?: 'polite' | 'assertive';
|
|
4
|
-
'aria-relevant'?: React.AriaAttributes['aria-relevant'];
|
|
5
4
|
role?: 'status' | 'alert' | 'log';
|
|
6
5
|
shouldAnnounceToScreenReader?: boolean;
|
|
7
6
|
};
|