@workday/canvas-kit-react 10.0.0-alpha.515-next.0 → 10.0.0-alpha.516-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/banner/lib/Banner.tsx +1 -2
- package/banner/lib/hooks/index.ts +0 -1
- package/dist/commonjs/banner/lib/Banner.d.ts.map +1 -1
- package/dist/commonjs/banner/lib/Banner.js +0 -1
- package/dist/commonjs/banner/lib/hooks/index.d.ts +0 -1
- package/dist/commonjs/banner/lib/hooks/index.d.ts.map +1 -1
- package/dist/commonjs/banner/lib/hooks/index.js +0 -1
- package/dist/es6/banner/lib/Banner.d.ts.map +1 -1
- package/dist/es6/banner/lib/Banner.js +1 -2
- package/dist/es6/banner/lib/hooks/index.d.ts +0 -1
- package/dist/es6/banner/lib/hooks/index.d.ts.map +1 -1
- package/dist/es6/banner/lib/hooks/index.js +0 -1
- package/package.json +3 -3
- package/banner/lib/hooks/useBanner.tsx +0 -13
- package/dist/commonjs/banner/lib/hooks/useBanner.d.ts +0 -16
- package/dist/commonjs/banner/lib/hooks/useBanner.d.ts.map +0 -1
- package/dist/commonjs/banner/lib/hooks/useBanner.js +0 -15
- package/dist/es6/banner/lib/hooks/useBanner.d.ts +0 -16
- package/dist/es6/banner/lib/hooks/useBanner.d.ts.map +0 -1
- package/dist/es6/banner/lib/hooks/useBanner.js +0 -12
package/banner/lib/Banner.tsx
CHANGED
|
@@ -13,7 +13,7 @@ import {
|
|
|
13
13
|
} from '@workday/canvas-kit-react/common';
|
|
14
14
|
import {Flex} from '@workday/canvas-kit-react/layout';
|
|
15
15
|
|
|
16
|
-
import {
|
|
16
|
+
import {useBannerModel, useThemedPalette} from './hooks';
|
|
17
17
|
|
|
18
18
|
import {BannerIcon} from './BannerIcon';
|
|
19
19
|
import {BannerLabel} from './BannerLabel';
|
|
@@ -70,7 +70,6 @@ const styles: CSSProperties = {
|
|
|
70
70
|
export const Banner = createContainer('button')({
|
|
71
71
|
displayName: 'Banner',
|
|
72
72
|
modelHook: useBannerModel,
|
|
73
|
-
elemPropsHook: useBanner,
|
|
74
73
|
subComponents: {
|
|
75
74
|
/**
|
|
76
75
|
* `Banner.Icon` is a styled {@link SystemIcon}. The icon defaults to exclamationTriangleIcon or
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAQtD,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAQtD,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;IAIf;;;;;;;OAOG;;;;;;;;;IAEH;;;;;;;OAOG;;;;;;;;;IAEH;;;;;;;;OAQG;;;;;;;;;CA4CL,CAAC"}
|
|
@@ -54,7 +54,6 @@ const styles = {
|
|
|
54
54
|
exports.Banner = common_1.createContainer('button')({
|
|
55
55
|
displayName: 'Banner',
|
|
56
56
|
modelHook: hooks_1.useBannerModel,
|
|
57
|
-
elemPropsHook: hooks_1.useBanner,
|
|
58
57
|
subComponents: {
|
|
59
58
|
/**
|
|
60
59
|
* `Banner.Icon` is a styled {@link SystemIcon}. The icon defaults to exclamationTriangleIcon or
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAC,gBAAgB,EAAC,CAAC"}
|
|
@@ -18,4 +18,3 @@ __exportStar(require("./useThemedPalette"), exports);
|
|
|
18
18
|
__exportStar(require("./useBannerIcon"), exports);
|
|
19
19
|
__exportStar(require("./useBannerLabel"), exports);
|
|
20
20
|
__exportStar(require("./useBannerActionText"), exports);
|
|
21
|
-
__exportStar(require("./useBanner"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAQtD,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAQtD,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;IAIf;;;;;;;OAOG;;;;;;;;;IAEH;;;;;;;OAOG;;;;;;;;;IAEH;;;;;;;;OAQG;;;;;;;;;CA4CL,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { jsx } from '@emotion/react';
|
|
|
4
4
|
import { borderRadius, space, type } from '@workday/canvas-kit-react/tokens';
|
|
5
5
|
import { createContainer, focusRing, hideMouseFocus, useIsRTL, } from '@workday/canvas-kit-react/common';
|
|
6
6
|
import { Flex } from '@workday/canvas-kit-react/layout';
|
|
7
|
-
import {
|
|
7
|
+
import { useBannerModel, useThemedPalette } from './hooks';
|
|
8
8
|
import { BannerIcon } from './BannerIcon';
|
|
9
9
|
import { BannerLabel } from './BannerLabel';
|
|
10
10
|
import { BannerActionText } from './BannerActionText';
|
|
@@ -51,7 +51,6 @@ const styles = {
|
|
|
51
51
|
export const Banner = createContainer('button')({
|
|
52
52
|
displayName: 'Banner',
|
|
53
53
|
modelHook: useBannerModel,
|
|
54
|
-
elemPropsHook: useBanner,
|
|
55
54
|
subComponents: {
|
|
56
55
|
/**
|
|
57
56
|
* `Banner.Icon` is a styled {@link SystemIcon}. The icon defaults to exclamationTriangleIcon or
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAC,gBAAgB,EAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-react",
|
|
3
|
-
"version": "10.0.0-alpha.
|
|
3
|
+
"version": "10.0.0-alpha.516-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",
|
|
@@ -49,7 +49,7 @@
|
|
|
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-popup-stack": "^10.0.0-alpha.
|
|
52
|
+
"@workday/canvas-kit-popup-stack": "^10.0.0-alpha.516-next.0",
|
|
53
53
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
54
54
|
"@workday/design-assets-types": "^0.2.8",
|
|
55
55
|
"chroma-js": "^2.1.0",
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"@workday/canvas-accent-icons-web": "^3.0.0",
|
|
67
67
|
"@workday/canvas-applet-icons-web": "^2.0.0"
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "9a26501bdd49876357a78b2a23714550dd9ba1d2"
|
|
70
70
|
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import {createElemPropsHook} from '@workday/canvas-kit-react/common';
|
|
2
|
-
import {useBannerModel} from './useBannerModel';
|
|
3
|
-
|
|
4
|
-
/**
|
|
5
|
-
* Adds the necessary props to a `Banner` component.
|
|
6
|
-
* Used by the Banner component
|
|
7
|
-
*/
|
|
8
|
-
export const useBanner = createElemPropsHook(useBannerModel)(({state}) => {
|
|
9
|
-
return {
|
|
10
|
-
'aria-describedby': `label-${state.id}`,
|
|
11
|
-
'aria-labelledby': `action-${state.id}`,
|
|
12
|
-
};
|
|
13
|
-
});
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Adds the necessary props to a `Banner` component.
|
|
3
|
-
* Used by the Banner component
|
|
4
|
-
*/
|
|
5
|
-
export declare const useBanner: import("@workday/canvas-kit-react/common").BehaviorHook<{
|
|
6
|
-
state: {
|
|
7
|
-
id: string;
|
|
8
|
-
hasError: boolean;
|
|
9
|
-
isSticky: boolean;
|
|
10
|
-
};
|
|
11
|
-
events: {};
|
|
12
|
-
}, {
|
|
13
|
-
'aria-describedby': string;
|
|
14
|
-
'aria-labelledby': string;
|
|
15
|
-
}>;
|
|
16
|
-
//# sourceMappingURL=useBanner.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useBanner.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/useBanner.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;EAKpB,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useBanner = void 0;
|
|
4
|
-
const common_1 = require("@workday/canvas-kit-react/common");
|
|
5
|
-
const useBannerModel_1 = require("./useBannerModel");
|
|
6
|
-
/**
|
|
7
|
-
* Adds the necessary props to a `Banner` component.
|
|
8
|
-
* Used by the Banner component
|
|
9
|
-
*/
|
|
10
|
-
exports.useBanner = common_1.createElemPropsHook(useBannerModel_1.useBannerModel)(({ state }) => {
|
|
11
|
-
return {
|
|
12
|
-
'aria-describedby': `label-${state.id}`,
|
|
13
|
-
'aria-labelledby': `action-${state.id}`,
|
|
14
|
-
};
|
|
15
|
-
});
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Adds the necessary props to a `Banner` component.
|
|
3
|
-
* Used by the Banner component
|
|
4
|
-
*/
|
|
5
|
-
export declare const useBanner: import("@workday/canvas-kit-react/common").BehaviorHook<{
|
|
6
|
-
state: {
|
|
7
|
-
id: string;
|
|
8
|
-
hasError: boolean;
|
|
9
|
-
isSticky: boolean;
|
|
10
|
-
};
|
|
11
|
-
events: {};
|
|
12
|
-
}, {
|
|
13
|
-
'aria-describedby': string;
|
|
14
|
-
'aria-labelledby': string;
|
|
15
|
-
}>;
|
|
16
|
-
//# sourceMappingURL=useBanner.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useBanner.d.ts","sourceRoot":"","sources":["../../../../../banner/lib/hooks/useBanner.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;EAKpB,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { createElemPropsHook } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { useBannerModel } from './useBannerModel';
|
|
3
|
-
/**
|
|
4
|
-
* Adds the necessary props to a `Banner` component.
|
|
5
|
-
* Used by the Banner component
|
|
6
|
-
*/
|
|
7
|
-
export const useBanner = createElemPropsHook(useBannerModel)(({ state }) => {
|
|
8
|
-
return {
|
|
9
|
-
'aria-describedby': `label-${state.id}`,
|
|
10
|
-
'aria-labelledby': `action-${state.id}`,
|
|
11
|
-
};
|
|
12
|
-
});
|