@workday/canvas-kit-react 8.0.0-alpha.123-next.3 → 8.0.0-alpha.138-next.6
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/lib/ActionBarList.tsx +2 -9
- 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/lib/TertiaryButton.tsx +18 -7
- package/button/package.json +2 -1
- package/card/package.json +2 -1
- package/checkbox/package.json +2 -1
- package/collection/index.ts +2 -0
- package/collection/lib/useBaseListModel.tsx +1 -1
- package/collection/lib/useCursorListModel.tsx +88 -20
- package/collection/lib/useGridModel.ts +34 -0
- package/collection/lib/useListItemRovingFocus.tsx +6 -4
- package/collection/package.json +2 -1
- package/color-picker/package.json +2 -1
- package/common/package.json +2 -1
- package/dialog/package.json +2 -1
- package/disclosure/package.json +2 -1
- package/dist/commonjs/action-bar/lib/ActionBarList.d.ts +0 -58
- package/dist/commonjs/action-bar/lib/ActionBarList.d.ts.map +1 -1
- package/dist/commonjs/action-bar/lib/ActionBarList.js +2 -3
- package/dist/commonjs/button/lib/TertiaryButton.d.ts +9 -0
- package/dist/commonjs/button/lib/TertiaryButton.d.ts.map +1 -1
- package/dist/commonjs/button/lib/TertiaryButton.js +9 -8
- package/dist/commonjs/collection/index.d.ts +2 -0
- package/dist/commonjs/collection/index.d.ts.map +1 -1
- package/dist/commonjs/collection/index.js +5 -1
- package/dist/commonjs/collection/lib/useBaseListModel.js +1 -1
- package/dist/commonjs/collection/lib/useCursorListModel.d.ts +64 -101
- package/dist/commonjs/collection/lib/useCursorListModel.d.ts.map +1 -1
- package/dist/commonjs/collection/lib/useCursorListModel.js +64 -23
- package/dist/commonjs/collection/lib/useGridModel.d.ts +955 -0
- package/dist/commonjs/collection/lib/useGridModel.d.ts.map +1 -0
- package/dist/commonjs/collection/lib/useGridModel.js +52 -0
- package/dist/commonjs/collection/lib/useListItemRovingFocus.d.ts.map +1 -1
- package/dist/commonjs/collection/lib/useListItemRovingFocus.js +6 -4
- package/dist/commonjs/layout/lib/utils/border.d.ts +8 -8
- package/dist/commonjs/layout/lib/utils/border.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flex.d.ts +7 -7
- package/dist/commonjs/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts +4 -4
- package/dist/commonjs/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/layout.d.ts +7 -7
- package/dist/commonjs/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/commonjs/layout/lib/utils/position.d.ts +3 -3
- package/dist/commonjs/layout/lib/utils/position.d.ts.map +1 -1
- 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/commonjs/radio/lib/RadioGroup.d.ts.map +1 -1
- package/dist/commonjs/radio/lib/RadioGroup.js +5 -1
- package/dist/es6/action-bar/lib/ActionBarList.d.ts +0 -58
- package/dist/es6/action-bar/lib/ActionBarList.d.ts.map +1 -1
- package/dist/es6/action-bar/lib/ActionBarList.js +3 -4
- package/dist/es6/button/lib/TertiaryButton.d.ts +9 -0
- package/dist/es6/button/lib/TertiaryButton.d.ts.map +1 -1
- package/dist/es6/button/lib/TertiaryButton.js +9 -8
- package/dist/es6/collection/index.d.ts +2 -0
- package/dist/es6/collection/index.d.ts.map +1 -1
- package/dist/es6/collection/index.js +2 -0
- package/dist/es6/collection/lib/useBaseListModel.js +1 -1
- package/dist/es6/collection/lib/useCursorListModel.d.ts +64 -101
- package/dist/es6/collection/lib/useCursorListModel.d.ts.map +1 -1
- package/dist/es6/collection/lib/useCursorListModel.js +64 -23
- package/dist/es6/collection/lib/useGridModel.d.ts +955 -0
- package/dist/es6/collection/lib/useGridModel.d.ts.map +1 -0
- package/dist/es6/collection/lib/useGridModel.js +49 -0
- package/dist/es6/collection/lib/useListItemRovingFocus.d.ts.map +1 -1
- package/dist/es6/collection/lib/useListItemRovingFocus.js +6 -4
- package/dist/es6/layout/lib/utils/border.d.ts +8 -8
- package/dist/es6/layout/lib/utils/border.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flex.d.ts +7 -7
- package/dist/es6/layout/lib/utils/flex.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/flexItem.d.ts +4 -4
- package/dist/es6/layout/lib/utils/flexItem.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/layout.d.ts +7 -7
- package/dist/es6/layout/lib/utils/layout.d.ts.map +1 -1
- package/dist/es6/layout/lib/utils/position.d.ts +3 -3
- package/dist/es6/layout/lib/utils/position.d.ts.map +1 -1
- 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/dist/es6/radio/lib/RadioGroup.d.ts.map +1 -1
- package/dist/es6/radio/lib/RadioGroup.js +5 -1
- package/form-field/package.json +2 -1
- package/icon/package.json +2 -1
- package/layout/lib/utils/border.ts +8 -8
- package/layout/lib/utils/flex.ts +7 -14
- package/layout/lib/utils/flexItem.ts +4 -4
- package/layout/lib/utils/layout.ts +7 -14
- package/layout/lib/utils/position.ts +3 -3
- package/layout/package.json +2 -1
- package/loading-animation/package.json +2 -1
- package/menu/package.json +2 -1
- package/modal/package.json +2 -1
- package/package.json +6 -5
- package/pagination/lib/Pagination/common/useLiveRegion.tsx +0 -2
- package/pagination/package.json +2 -1
- package/popup/package.json +2 -1
- package/radio/lib/RadioGroup.tsx +5 -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/dist/commonjs/layout/lib/utils/types.d.ts +0 -30
- package/dist/commonjs/layout/lib/utils/types.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/types.js +0 -4
- package/dist/es6/layout/lib/utils/types.d.ts +0 -30
- package/dist/es6/layout/lib/utils/types.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/types.js +0 -3
- package/layout/lib/utils/types.ts +0 -199
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useGridModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useGridModel.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;IAGrB;;;;;;;;;OASG;;;;;;;;;;;;;;IAIH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAfH;;;;;;;;;OASG;;;;;;;;;;;;;;IAIH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASL,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import { createModelHook } from '@workday/canvas-kit-react/common';
|
|
24
|
+
import { navigationManager } from './useCursorListModel';
|
|
25
|
+
import { useListModel } from './useListModel';
|
|
26
|
+
var _a = useListModel.defaultConfig, columnCount = _a.columnCount, orientation = _a.orientation, defaultConfig = __rest(_a, ["columnCount", "orientation"]);
|
|
27
|
+
export var useGridModel = createModelHook({
|
|
28
|
+
defaultConfig: __assign(__assign({}, defaultConfig), {
|
|
29
|
+
/**
|
|
30
|
+
* Controls the state changes when the user sends navigation events to the model. For example,
|
|
31
|
+
* when the user hits the "right" arrow, a behavior hook will determine directionality
|
|
32
|
+
* (left-to-right or right-to-left) and call the correct navigation method. In our example, a
|
|
33
|
+
* left-to-right language would send a `getNext`. The navigation manager may return the next
|
|
34
|
+
* item in the list. Different managers can be created for slightly different use cases. The
|
|
35
|
+
* default navigation manager will stop when the end of a row/column is detected. For example,
|
|
36
|
+
* `getNext` will return the same item the cursor was previously on if the cursor is on the last
|
|
37
|
+
* item of a row.
|
|
38
|
+
*/
|
|
39
|
+
navigation: navigationManager }),
|
|
40
|
+
requiredConfig: __assign({
|
|
41
|
+
/**
|
|
42
|
+
* The number of columns represented in a grid
|
|
43
|
+
*/
|
|
44
|
+
columnCount: 1 }, useListModel.requiredConfig),
|
|
45
|
+
contextOverride: useListModel.Context,
|
|
46
|
+
})(function (config) {
|
|
47
|
+
var list = useListModel(config);
|
|
48
|
+
return list;
|
|
49
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useListItemRovingFocus.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListItemRovingFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC;AA+BX;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAqCZ,mBAAmB;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"useListItemRovingFocus.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useListItemRovingFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAC;AA+BX;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAqCZ,mBAAmB;;;;;;;;;OA+CzC,CAAC"}
|
|
@@ -94,10 +94,12 @@ export var useListItemRovingFocus = createElemPropsHook(useCursorListModel)(func
|
|
|
94
94
|
if (event.ctrlKey) {
|
|
95
95
|
for (var key in ctrlKeyMap) {
|
|
96
96
|
if (hasOwnKey(ctrlKeyMap, key)) {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
97
|
+
if (event.key === key) {
|
|
98
|
+
keyDownRef.current = true;
|
|
99
|
+
(_a = events[ctrlKeyMap[key]]) === null || _a === void 0 ? void 0 : _a.call(events);
|
|
100
|
+
event.preventDefault();
|
|
101
|
+
return;
|
|
102
|
+
}
|
|
101
103
|
}
|
|
102
104
|
}
|
|
103
105
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CanvasBorderRadiusKeys, CanvasColor } from '@workday/canvas-kit-react/tokens';
|
|
2
2
|
import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import {
|
|
3
|
+
import { Property } from 'csstype';
|
|
4
4
|
/** style props to set the border properties */
|
|
5
5
|
export declare type BorderShorthandStyleProps = {
|
|
6
6
|
/** sets `border` property */
|
|
@@ -43,15 +43,15 @@ export declare type BorderRadiusStyleProps = {
|
|
|
43
43
|
/** style props to set the border style properties */
|
|
44
44
|
export declare type BorderLineStyleProps = {
|
|
45
45
|
/** sets `border-style` property */
|
|
46
|
-
borderStyle?:
|
|
46
|
+
borderStyle?: Property.Border;
|
|
47
47
|
/** sets `border-top-style` property */
|
|
48
|
-
borderTopStyle?:
|
|
48
|
+
borderTopStyle?: Property.Border;
|
|
49
49
|
/** sets `border-right-style` property (no bidirectional support) */
|
|
50
|
-
borderRightStyle?:
|
|
50
|
+
borderRightStyle?: Property.Border;
|
|
51
51
|
/** sets `border-bottom-style` property */
|
|
52
|
-
borderBottomStyle?:
|
|
52
|
+
borderBottomStyle?: Property.Border;
|
|
53
53
|
/** sets `border-left-style` property (no bidirectional support) */
|
|
54
|
-
borderLeftStyle?:
|
|
54
|
+
borderLeftStyle?: Property.Border;
|
|
55
55
|
};
|
|
56
56
|
/** style props to set the border width properties */
|
|
57
57
|
export declare type BorderWidthStyleProps = {
|
|
@@ -72,7 +72,7 @@ export declare type BorderLogicalStyleProps = {
|
|
|
72
72
|
/** sets `border-left-color` property (bidirectional support) */
|
|
73
73
|
borderInlineStartColor?: CanvasColor | (string & {});
|
|
74
74
|
/** sets `border-left-style` property (bidirectional support) */
|
|
75
|
-
borderInlineStartStyle?:
|
|
75
|
+
borderInlineStartStyle?: Property.Border;
|
|
76
76
|
/** sets `border-left-width` property (bidirectional support) */
|
|
77
77
|
borderInlineStartWidth?: string | number;
|
|
78
78
|
/** sets `border-right` property (bidirectional support) */
|
|
@@ -80,7 +80,7 @@ export declare type BorderLogicalStyleProps = {
|
|
|
80
80
|
/** sets `border-right-color` property (bidirectional support) */
|
|
81
81
|
borderInlineEndColor?: CanvasColor | (string & {});
|
|
82
82
|
/** sets `border-right-style` property (bidirectional support) */
|
|
83
|
-
borderInlineEndStyle?:
|
|
83
|
+
borderInlineEndStyle?: Property.Border;
|
|
84
84
|
/** sets `border-right-width` property (bidirectional support) */
|
|
85
85
|
borderInlineEndWidth?: string | number;
|
|
86
86
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/border.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,sBAAsB,EAEtB,WAAW,EACZ,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/border.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
2
|
/** style props to for flexbox container properties */
|
|
3
3
|
export declare type FlexStyleProps = {
|
|
4
4
|
/** sets `align-items` property */
|
|
5
|
-
alignItems?:
|
|
5
|
+
alignItems?: Property.AlignItems;
|
|
6
6
|
/** sets `align-content` property */
|
|
7
|
-
alignContent?:
|
|
7
|
+
alignContent?: Property.AlignContent;
|
|
8
8
|
/**
|
|
9
9
|
* sets `display` property
|
|
10
10
|
* @default 'flex'
|
|
11
11
|
* */
|
|
12
12
|
display?: 'flex' | 'inline-flex';
|
|
13
13
|
/** sets `justify-items` property */
|
|
14
|
-
justifyItems?:
|
|
14
|
+
justifyItems?: Property.JustifyItems;
|
|
15
15
|
/** sets `justify-content` property */
|
|
16
|
-
justifyContent?:
|
|
16
|
+
justifyContent?: Property.JustifyContent;
|
|
17
17
|
/** sets `flex-wrap` property */
|
|
18
|
-
flexWrap?:
|
|
18
|
+
flexWrap?: Property.FlexWrap;
|
|
19
19
|
/** sets `flex-direction` property */
|
|
20
|
-
flexDirection?:
|
|
20
|
+
flexDirection?: Property.FlexDirection;
|
|
21
21
|
};
|
|
22
22
|
/**
|
|
23
23
|
* A style prop function that takes component props and returns flexbox styles.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flex.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,sDAAsD;AACtD,oBAAY,cAAc,GAAG;IAC3B,kCAAkC;IAClC,UAAU,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC;IACjC,oCAAoC;IACpC,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC;;;SAGK;IACL,OAAO,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACjC,oCAAoC;IACpC,YAAY,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC;IACrC,sCAAsC;IACtC,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC;IACzC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,qCAAqC;IACrC,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;CACxC,CAAC;AAYF;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,CAAC,MAWtD"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
2
|
/** style props to for flexbox item properties */
|
|
3
3
|
export declare type FlexItemStyleProps = {
|
|
4
4
|
/** sets `flex` property */
|
|
@@ -10,11 +10,11 @@ export declare type FlexItemStyleProps = {
|
|
|
10
10
|
/** sets `flex-basis` property */
|
|
11
11
|
flexBasis?: number | string;
|
|
12
12
|
/** sets `justify-self` property */
|
|
13
|
-
justifySelf?:
|
|
13
|
+
justifySelf?: Property.JustifySelf;
|
|
14
14
|
/** sets `align-self` property */
|
|
15
|
-
alignSelf?:
|
|
15
|
+
alignSelf?: Property.AlignSelf;
|
|
16
16
|
/** sets `order` property */
|
|
17
|
-
order?:
|
|
17
|
+
order?: Property.Order;
|
|
18
18
|
};
|
|
19
19
|
/**
|
|
20
20
|
* A style prop function that takes component props and returns flexbox item styles.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flexItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flexItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"flexItem.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/flexItem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,iDAAiD;AACjD,oBAAY,kBAAkB,GAAG;IAC/B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,mCAAmC;IACnC,WAAW,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC;IACnC,iCAAiC;IACjC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC;CACxB,CAAC;AAaF;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,kBAAkB,EAAE,KAAK,EAAE,CAAC,MAW9D"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
2
|
/** style props to for layout properties */
|
|
3
3
|
export declare type LayoutStyleProps = {
|
|
4
4
|
/** sets `display` property */
|
|
5
|
-
display?:
|
|
5
|
+
display?: Property.Display;
|
|
6
6
|
/** sets `height` property */
|
|
7
7
|
height?: number | string;
|
|
8
8
|
/** sets `list-style property */
|
|
9
|
-
listStyle?:
|
|
9
|
+
listStyle?: Property.ListStyle;
|
|
10
10
|
/** sets `max-height` property */
|
|
11
11
|
maxHeight?: number | string;
|
|
12
12
|
/** sets `max-width` property */
|
|
@@ -16,13 +16,13 @@ export declare type LayoutStyleProps = {
|
|
|
16
16
|
/** sets `min-width` property */
|
|
17
17
|
minWidth?: number | string;
|
|
18
18
|
/** sets `overflow` property */
|
|
19
|
-
overflow?:
|
|
19
|
+
overflow?: Property.Overflow;
|
|
20
20
|
/** sets `overflow-x` property */
|
|
21
|
-
overflowX?:
|
|
21
|
+
overflowX?: Property.OverflowX;
|
|
22
22
|
/** sets `overflow-y` property */
|
|
23
|
-
overflowY?:
|
|
23
|
+
overflowY?: Property.OverflowY;
|
|
24
24
|
/** sets `vertical-align` property */
|
|
25
|
-
verticalAlign?:
|
|
25
|
+
verticalAlign?: Property.VerticalAlign;
|
|
26
26
|
/** sets `width` property */
|
|
27
27
|
width?: number | string;
|
|
28
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/layout.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,2CAA2C;AAC3C,oBAAY,gBAAgB,GAAG;IAC7B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,gCAAgC;IAChC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,iCAAiC;IACjC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,iCAAiC;IACjC,SAAS,CAAC,EAAE,QAAQ,CAAC,SAAS,CAAC;IAC/B,qCAAqC;IACrC,aAAa,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC;IACvC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,CAAC;AAiBF;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,gBAAgB,EAAE,KAAK,EAAE,CAAC,MAW1D"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { PartialEmotionCanvasTheme } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import {
|
|
2
|
+
import { Property } from 'csstype';
|
|
3
3
|
/** style props to for standard position properties */
|
|
4
4
|
export declare type PositionStandardProps = {
|
|
5
5
|
/** sets `position` property */
|
|
6
|
-
position?:
|
|
6
|
+
position?: Property.Position;
|
|
7
7
|
/** sets `zIndex` property */
|
|
8
|
-
zIndex?:
|
|
8
|
+
zIndex?: Property.ZIndex;
|
|
9
9
|
/** sets `top` property */
|
|
10
10
|
top?: number | string;
|
|
11
11
|
/** sets `right` property (no bidirectional support) */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"position.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/position.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAE1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,sDAAsD;AACtD,oBAAY,qBAAqB,GAAG;IAClC,gCAAgC;IAChC,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IACzB,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,oBAAY,oBAAoB,GAAG;IACjC,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,oDAAoD;IACpD,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC,CAAC;AA0BF,oBAAY,kBAAkB,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAE9E;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,kBAAkB,GAAG;IAAC,KAAK,CAAC,EAAE,yBAAyB,CAAA;CAAC,EACzF,KAAK,EAAE,CAAC,MAyBT"}
|
|
@@ -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
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAoCD,cAAM,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH;AAID,OAAO,EAAC,UAAU,EAAC,CAAC"}
|
|
@@ -45,8 +45,12 @@ var Container = styled('div')({
|
|
|
45
45
|
margin: "-" + space.xxxs + " -" + space.xs,
|
|
46
46
|
'& > div': {
|
|
47
47
|
margin: space.xxs + " " + space.zero,
|
|
48
|
+
alignItems: 'flex-start',
|
|
49
|
+
'> div': {
|
|
50
|
+
flex: '0 0 auto',
|
|
51
|
+
},
|
|
48
52
|
'&:first-of-type': {
|
|
49
|
-
marginTop:
|
|
53
|
+
marginTop: '6px',
|
|
50
54
|
},
|
|
51
55
|
'&:last-child': {
|
|
52
56
|
marginBottom: space.xxxs,
|
package/form-field/package.json
CHANGED
package/icon/package.json
CHANGED
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
useTheme,
|
|
11
11
|
} from '@workday/canvas-kit-react/common';
|
|
12
12
|
|
|
13
|
-
import {
|
|
13
|
+
import {Property} from 'csstype';
|
|
14
14
|
|
|
15
15
|
/** style props to set the border properties */
|
|
16
16
|
export type BorderShorthandStyleProps = {
|
|
@@ -57,15 +57,15 @@ export type BorderRadiusStyleProps = {
|
|
|
57
57
|
/** style props to set the border style properties */
|
|
58
58
|
export type BorderLineStyleProps = {
|
|
59
59
|
/** sets `border-style` property */
|
|
60
|
-
borderStyle?:
|
|
60
|
+
borderStyle?: Property.Border;
|
|
61
61
|
/** sets `border-top-style` property */
|
|
62
|
-
borderTopStyle?:
|
|
62
|
+
borderTopStyle?: Property.Border;
|
|
63
63
|
/** sets `border-right-style` property (no bidirectional support) */
|
|
64
|
-
borderRightStyle?:
|
|
64
|
+
borderRightStyle?: Property.Border;
|
|
65
65
|
/** sets `border-bottom-style` property */
|
|
66
|
-
borderBottomStyle?:
|
|
66
|
+
borderBottomStyle?: Property.Border;
|
|
67
67
|
/** sets `border-left-style` property (no bidirectional support) */
|
|
68
|
-
borderLeftStyle?:
|
|
68
|
+
borderLeftStyle?: Property.Border;
|
|
69
69
|
};
|
|
70
70
|
|
|
71
71
|
/** style props to set the border width properties */
|
|
@@ -88,7 +88,7 @@ export type BorderLogicalStyleProps = {
|
|
|
88
88
|
/** sets `border-left-color` property (bidirectional support) */
|
|
89
89
|
borderInlineStartColor?: CanvasColor | (string & {});
|
|
90
90
|
/** sets `border-left-style` property (bidirectional support) */
|
|
91
|
-
borderInlineStartStyle?:
|
|
91
|
+
borderInlineStartStyle?: Property.Border;
|
|
92
92
|
/** sets `border-left-width` property (bidirectional support) */
|
|
93
93
|
borderInlineStartWidth?: string | number;
|
|
94
94
|
/** sets `border-right` property (bidirectional support) */
|
|
@@ -96,7 +96,7 @@ export type BorderLogicalStyleProps = {
|
|
|
96
96
|
/** sets `border-right-color` property (bidirectional support) */
|
|
97
97
|
borderInlineEndColor?: CanvasColor | (string & {});
|
|
98
98
|
/** sets `border-right-style` property (bidirectional support) */
|
|
99
|
-
borderInlineEndStyle?:
|
|
99
|
+
borderInlineEndStyle?: Property.Border;
|
|
100
100
|
/** sets `border-right-width` property (bidirectional support) */
|
|
101
101
|
borderInlineEndWidth?: string | number;
|
|
102
102
|
};
|
package/layout/lib/utils/flex.ts
CHANGED
|
@@ -1,31 +1,24 @@
|
|
|
1
|
-
import {
|
|
2
|
-
PropertyAlignItems,
|
|
3
|
-
PropertyAlignContent,
|
|
4
|
-
PropertyJustifyItems,
|
|
5
|
-
PropertyJustifyContent,
|
|
6
|
-
PropertyFlexWrap,
|
|
7
|
-
PropertyFlexDirection,
|
|
8
|
-
} from './types';
|
|
1
|
+
import {Property} from 'csstype';
|
|
9
2
|
|
|
10
3
|
/** style props to for flexbox container properties */
|
|
11
4
|
export type FlexStyleProps = {
|
|
12
5
|
/** sets `align-items` property */
|
|
13
|
-
alignItems?:
|
|
6
|
+
alignItems?: Property.AlignItems;
|
|
14
7
|
/** sets `align-content` property */
|
|
15
|
-
alignContent?:
|
|
8
|
+
alignContent?: Property.AlignContent;
|
|
16
9
|
/**
|
|
17
10
|
* sets `display` property
|
|
18
11
|
* @default 'flex'
|
|
19
12
|
* */
|
|
20
13
|
display?: 'flex' | 'inline-flex';
|
|
21
14
|
/** sets `justify-items` property */
|
|
22
|
-
justifyItems?:
|
|
15
|
+
justifyItems?: Property.JustifyItems;
|
|
23
16
|
/** sets `justify-content` property */
|
|
24
|
-
justifyContent?:
|
|
17
|
+
justifyContent?: Property.JustifyContent;
|
|
25
18
|
/** sets `flex-wrap` property */
|
|
26
|
-
flexWrap?:
|
|
19
|
+
flexWrap?: Property.FlexWrap;
|
|
27
20
|
/** sets `flex-direction` property */
|
|
28
|
-
flexDirection?:
|
|
21
|
+
flexDirection?: Property.FlexDirection;
|
|
29
22
|
};
|
|
30
23
|
|
|
31
24
|
const flexProps = {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {Property} from 'csstype';
|
|
2
2
|
|
|
3
3
|
/** style props to for flexbox item properties */
|
|
4
4
|
export type FlexItemStyleProps = {
|
|
@@ -11,11 +11,11 @@ export type FlexItemStyleProps = {
|
|
|
11
11
|
/** sets `flex-basis` property */
|
|
12
12
|
flexBasis?: number | string;
|
|
13
13
|
/** sets `justify-self` property */
|
|
14
|
-
justifySelf?:
|
|
14
|
+
justifySelf?: Property.JustifySelf;
|
|
15
15
|
/** sets `align-self` property */
|
|
16
|
-
alignSelf?:
|
|
16
|
+
alignSelf?: Property.AlignSelf;
|
|
17
17
|
/** sets `order` property */
|
|
18
|
-
order?:
|
|
18
|
+
order?: Property.Order;
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
/** style props to for flexbox item properties */
|
|
@@ -1,20 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
PropertyDisplay,
|
|
3
|
-
PropertyListStyle,
|
|
4
|
-
PropertyOverflow,
|
|
5
|
-
PropertyOverflowX,
|
|
6
|
-
PropertyOverflowY,
|
|
7
|
-
PropertyVerticalAlign,
|
|
8
|
-
} from './types';
|
|
1
|
+
import {Property} from 'csstype';
|
|
9
2
|
|
|
10
3
|
/** style props to for layout properties */
|
|
11
4
|
export type LayoutStyleProps = {
|
|
12
5
|
/** sets `display` property */
|
|
13
|
-
display?:
|
|
6
|
+
display?: Property.Display;
|
|
14
7
|
/** sets `height` property */
|
|
15
8
|
height?: number | string;
|
|
16
9
|
/** sets `list-style property */
|
|
17
|
-
listStyle?:
|
|
10
|
+
listStyle?: Property.ListStyle;
|
|
18
11
|
/** sets `max-height` property */
|
|
19
12
|
maxHeight?: number | string;
|
|
20
13
|
/** sets `max-width` property */
|
|
@@ -24,13 +17,13 @@ export type LayoutStyleProps = {
|
|
|
24
17
|
/** sets `min-width` property */
|
|
25
18
|
minWidth?: number | string;
|
|
26
19
|
/** sets `overflow` property */
|
|
27
|
-
overflow?:
|
|
20
|
+
overflow?: Property.Overflow;
|
|
28
21
|
/** sets `overflow-x` property */
|
|
29
|
-
overflowX?:
|
|
22
|
+
overflowX?: Property.OverflowX;
|
|
30
23
|
/** sets `overflow-y` property */
|
|
31
|
-
overflowY?:
|
|
24
|
+
overflowY?: Property.OverflowY;
|
|
32
25
|
/** sets `vertical-align` property */
|
|
33
|
-
verticalAlign?:
|
|
26
|
+
verticalAlign?: Property.VerticalAlign;
|
|
34
27
|
/** sets `width` property */
|
|
35
28
|
width?: number | string;
|
|
36
29
|
};
|
|
@@ -3,14 +3,14 @@ import {
|
|
|
3
3
|
PartialEmotionCanvasTheme,
|
|
4
4
|
useTheme,
|
|
5
5
|
} from '@workday/canvas-kit-react/common';
|
|
6
|
-
import {
|
|
6
|
+
import {Property} from 'csstype';
|
|
7
7
|
|
|
8
8
|
/** style props to for standard position properties */
|
|
9
9
|
export type PositionStandardProps = {
|
|
10
10
|
/** sets `position` property */
|
|
11
|
-
position?:
|
|
11
|
+
position?: Property.Position;
|
|
12
12
|
/** sets `zIndex` property */
|
|
13
|
-
zIndex?:
|
|
13
|
+
zIndex?: Property.ZIndex;
|
|
14
14
|
/** sets `top` property */
|
|
15
15
|
top?: number | string;
|
|
16
16
|
/** sets `right` property (no bidirectional support) */
|
package/layout/package.json
CHANGED
package/menu/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": "8.0.0-alpha.
|
|
3
|
+
"version": "8.0.0-alpha.138-next.6+7e99b1d8",
|
|
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",
|
|
@@ -49,12 +49,13 @@
|
|
|
49
49
|
"@emotion/styled": "^11.6.0",
|
|
50
50
|
"@popperjs/core": "^2.5.4",
|
|
51
51
|
"@workday/canvas-colors-web": "^2.0.0",
|
|
52
|
-
"@workday/canvas-kit-labs-react": "^8.0.0-alpha.
|
|
53
|
-
"@workday/canvas-kit-popup-stack": "^8.0.0-alpha.
|
|
54
|
-
"@workday/canvas-kit-preview-react": "^8.0.0-alpha.
|
|
52
|
+
"@workday/canvas-kit-labs-react": "^8.0.0-alpha.138-next.6+7e99b1d8",
|
|
53
|
+
"@workday/canvas-kit-popup-stack": "^8.0.0-alpha.138-next.6+7e99b1d8",
|
|
54
|
+
"@workday/canvas-kit-preview-react": "^8.0.0-alpha.138-next.6+7e99b1d8",
|
|
55
55
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
56
56
|
"@workday/design-assets-types": "^0.2.8",
|
|
57
57
|
"chroma-js": "^2.1.0",
|
|
58
|
+
"csstype": "^3.0.2",
|
|
58
59
|
"element-closest": "^3.0.2",
|
|
59
60
|
"lodash": "^4.17.14",
|
|
60
61
|
"polished": "^4.1.3",
|
|
@@ -69,5 +70,5 @@
|
|
|
69
70
|
"@workday/canvas-accent-icons-web": "^3.0.0",
|
|
70
71
|
"@workday/canvas-applet-icons-web": "^2.0.0"
|
|
71
72
|
},
|
|
72
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "7e99b1d8e866a65d922bad07765622457b8712f6"
|
|
73
74
|
}
|
|
@@ -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