@workday/canvas-kit-react 11.0.0-alpha.758-next.0 → 11.0.0-alpha.761-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/card/index.ts +3 -1
- package/card/lib/Card.tsx +12 -9
- package/card/lib/CardBody.tsx +12 -4
- package/card/lib/CardHeading.tsx +14 -17
- package/dist/commonjs/card/index.d.ts +3 -1
- package/dist/commonjs/card/index.d.ts.map +1 -1
- package/dist/commonjs/card/index.js +6 -1
- package/dist/commonjs/card/lib/Card.d.ts +1 -0
- package/dist/commonjs/card/lib/Card.d.ts.map +1 -1
- package/dist/commonjs/card/lib/Card.js +6 -3
- package/dist/commonjs/card/lib/CardBody.d.ts +103 -0
- package/dist/commonjs/card/lib/CardBody.d.ts.map +1 -1
- package/dist/commonjs/card/lib/CardBody.js +10 -2
- package/dist/commonjs/card/lib/CardHeading.d.ts +103 -0
- package/dist/commonjs/card/lib/CardHeading.d.ts.map +1 -1
- package/dist/commonjs/card/lib/CardHeading.js +8 -3
- package/dist/commonjs/select/lib/Select.d.ts +1026 -57
- package/dist/commonjs/select/lib/Select.d.ts.map +1 -1
- package/dist/commonjs/select/lib/Select.js +2 -2
- package/dist/es6/card/index.d.ts +3 -1
- package/dist/es6/card/index.d.ts.map +1 -1
- package/dist/es6/card/index.js +3 -1
- package/dist/es6/card/lib/Card.d.ts +1 -0
- package/dist/es6/card/lib/Card.d.ts.map +1 -1
- package/dist/es6/card/lib/Card.js +7 -4
- package/dist/es6/card/lib/CardBody.d.ts +103 -0
- package/dist/es6/card/lib/CardBody.d.ts.map +1 -1
- package/dist/es6/card/lib/CardBody.js +10 -2
- package/dist/es6/card/lib/CardHeading.d.ts +103 -0
- package/dist/es6/card/lib/CardHeading.d.ts.map +1 -1
- package/dist/es6/card/lib/CardHeading.js +9 -4
- package/dist/es6/select/lib/Select.d.ts +1026 -57
- package/dist/es6/select/lib/Select.d.ts.map +1 -1
- package/dist/es6/select/lib/Select.js +2 -2
- package/package.json +4 -4
- package/select/lib/Select.tsx +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAC,QAAQ,EAAC,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAA8B,OAAO,EAAS,MAAM,6BAA6B,CAAC;AACzF,OAAO,EAAa,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAM3E,OAAO,EAEL,YAAY,EAEZ,SAAS,EACV,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,OAAO,SAAS,CAAC,EAAE,OAAO;IAC/E;;;;OAIG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAC,QAAQ,EAAC,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAA8B,OAAO,EAAS,MAAM,6BAA6B,CAAC;AACzF,OAAO,EAAa,SAAS,EAAC,MAAM,sCAAsC,CAAC;AAM3E,OAAO,EAEL,YAAY,EAEZ,SAAS,EACV,MAAM,kCAAkC,CAAC;AAG1C,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,OAAO,SAAS,CAAC,EAAE,OAAO;IAC/E;;;;OAIG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC;AAgCD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDA+IpB;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FJ,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAkFnB;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sDAiLD;;;;;;;;;;;;;;;;;eAiBG;;;;;YAtML;;;;eAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0GH,CAAC;AAMH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiEnB;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyHH,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,YAAY,CAAC,OAAO,QAAQ,CAAC;CAAG;AAChF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiCf;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiLD;;;;;;;;;;;;;;;;;WAiBG;;;;;QAtML;;;;WAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAiL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"}
|
|
@@ -23,7 +23,7 @@ const selectIconsStencil = canvas_kit_styling_1.createStencil({
|
|
|
23
23
|
base: { name: "482a82", styles: "position:absolute;pointer-events:none;" }
|
|
24
24
|
}, "cnvs-select-icons");
|
|
25
25
|
const hiddenSelectInputStencil = canvas_kit_styling_1.createStencil({
|
|
26
|
-
base: { name: "
|
|
26
|
+
base: { name: "99924b", styles: "position:absolute;top:var(--cnvs-sys-space-zero);bottom:var(--cnvs-sys-space-zero);left:var(--cnvs-sys-space-zero);right:var(--cnvs-sys-space-zero);opacity:var(--cnvs-sys-opacity-zero);cursor:default;pointer-events:none;" }
|
|
27
27
|
}, "cnvs-hidden-select-input");
|
|
28
28
|
exports.SelectInput = common_1.createSubcomponent(text_input_1.TextInput)({
|
|
29
29
|
modelHook: useSelectModel_1.useSelectModel,
|
|
@@ -45,7 +45,7 @@ exports.SelectItem = common_1.createSubcomponent('li')({
|
|
|
45
45
|
})(({ children, ...elemProps }, Element, _model) => {
|
|
46
46
|
return (react_1.default.createElement(combobox_1.Combobox.Menu.Item, Object.assign({ role: "option", as: Element }, elemProps), children));
|
|
47
47
|
});
|
|
48
|
-
const selectCardStyles = canvas_kit_styling_1.createStyles({ name: "
|
|
48
|
+
const selectCardStyles = canvas_kit_styling_1.createStyles({ name: "6cb08f", styles: "max-height:18.75rem;" });
|
|
49
49
|
exports.SelectCard = common_1.createSubcomponent('div')({
|
|
50
50
|
modelHook: useSelectModel_1.useSelectModel,
|
|
51
51
|
elemPropsHook: useSelectCard_1.useSelectCard,
|
package/dist/es6/card/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAE,WAAW,EAAC,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAC,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC"}
|
package/dist/es6/card/index.js
CHANGED
|
@@ -6,6 +6,7 @@ export interface CardProps extends BoxProps {
|
|
|
6
6
|
*/
|
|
7
7
|
children?: React.ReactNode;
|
|
8
8
|
}
|
|
9
|
+
export declare const cardStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, never>, {}, never, never>;
|
|
9
10
|
/**
|
|
10
11
|
* `Card` is a container component that holds a {@link CardBody Card.Body} and an optional
|
|
11
12
|
* {@link CardHeading Card.Heading}. `Card` wraps a non-semantic `div` element. The element can be
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../card/lib/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAc,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAOvE,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../card/lib/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAc,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAOvE,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,eAAO,MAAM,WAAW,yIAQtB,CAAC;AAEH;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI;IAUb;;;;;;;;;;;;;;;;;OAiBG;;IAEH;;;;;OAKG;;CAGL,CAAC"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { createComponent } from '@workday/canvas-kit-react/common';
|
|
3
3
|
import { mergeStyles } from '@workday/canvas-kit-react/layout';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { createStencil, px2rem } from '@workday/canvas-kit-styling';
|
|
5
|
+
import { system } from '@workday/canvas-tokens-web';
|
|
6
6
|
import { CardHeading } from './CardHeading';
|
|
7
7
|
import { CardBody } from './CardBody';
|
|
8
|
-
|
|
8
|
+
// .cnvs-card
|
|
9
|
+
export const cardStencil = createStencil({
|
|
10
|
+
base: { name: "2a6e2f", styles: "box-shadow:var(--cnvs-sys-depth-1);padding:var(--cnvs-sys-space-x8);background-color:var(--cnvs-sys-color-bg-default);border:0.0625rem solid var(--cnvs-sys-color-border-container);border-radius:var(--cnvs-sys-shape-x2);" }
|
|
11
|
+
}, "cnvs-card");
|
|
9
12
|
/**
|
|
10
13
|
* `Card` is a container component that holds a {@link CardBody Card.Body} and an optional
|
|
11
14
|
* {@link CardHeading Card.Heading}. `Card` wraps a non-semantic `div` element. The element can be
|
|
@@ -21,7 +24,7 @@ const cardBaseStyles = createStyles({ name: "9be26c", styles: "box-shadow:var(--
|
|
|
21
24
|
export const Card = createComponent('div')({
|
|
22
25
|
displayName: 'Card',
|
|
23
26
|
Component: ({ children, ...elemProps }, ref, Element) => {
|
|
24
|
-
return (React.createElement(Element, Object.assign({ ref: ref }, mergeStyles(elemProps,
|
|
27
|
+
return (React.createElement(Element, Object.assign({ ref: ref }, mergeStyles(elemProps, cardStencil())), children));
|
|
25
28
|
},
|
|
26
29
|
subComponents: {
|
|
27
30
|
/**
|
|
@@ -1,5 +1,108 @@
|
|
|
1
1
|
import { BoxProps } from '@workday/canvas-kit-react/layout';
|
|
2
2
|
export interface CardBodyProps extends BoxProps {
|
|
3
3
|
}
|
|
4
|
+
export declare const cardBodyStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, never>, {}, import("@workday/canvas-kit-styling").Stencil<{
|
|
5
|
+
typeLevel: {
|
|
6
|
+
'title.large': {
|
|
7
|
+
color: "--cnvs-sys-color-text-strong";
|
|
8
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
9
|
+
fontWeight: "--cnvs-base-font-weight-700";
|
|
10
|
+
lineHeight: "--cnvs-base-line-height-600";
|
|
11
|
+
fontSize: "--cnvs-base-font-size-600";
|
|
12
|
+
};
|
|
13
|
+
'title.medium': {
|
|
14
|
+
color: "--cnvs-sys-color-text-strong";
|
|
15
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
16
|
+
fontWeight: "--cnvs-base-font-weight-700";
|
|
17
|
+
lineHeight: "--cnvs-base-line-height-500";
|
|
18
|
+
fontSize: "--cnvs-base-font-size-500";
|
|
19
|
+
};
|
|
20
|
+
'title.small': {
|
|
21
|
+
color: "--cnvs-sys-color-text-strong";
|
|
22
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
23
|
+
fontWeight: "--cnvs-base-font-weight-700";
|
|
24
|
+
lineHeight: "--cnvs-base-line-height-400";
|
|
25
|
+
fontSize: "--cnvs-base-font-size-400";
|
|
26
|
+
};
|
|
27
|
+
'heading.large': {
|
|
28
|
+
color: "--cnvs-sys-color-text-strong";
|
|
29
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
30
|
+
fontWeight: "--cnvs-base-font-weight-700";
|
|
31
|
+
lineHeight: "--cnvs-base-line-height-350";
|
|
32
|
+
fontSize: "--cnvs-base-font-size-300";
|
|
33
|
+
};
|
|
34
|
+
'heading.medium': {
|
|
35
|
+
color: "--cnvs-sys-color-text-strong";
|
|
36
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
37
|
+
fontWeight: "--cnvs-base-font-weight-700";
|
|
38
|
+
lineHeight: "--cnvs-base-line-height-300";
|
|
39
|
+
fontSize: "--cnvs-base-font-size-250";
|
|
40
|
+
};
|
|
41
|
+
'heading.small': {
|
|
42
|
+
color: "--cnvs-sys-color-text-strong";
|
|
43
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
44
|
+
fontWeight: "--cnvs-base-font-weight-700";
|
|
45
|
+
lineHeight: "--cnvs-base-line-height-250";
|
|
46
|
+
fontSize: "--cnvs-base-font-size-200";
|
|
47
|
+
};
|
|
48
|
+
'body.large': {
|
|
49
|
+
color: "--cnvs-sys-color-text-default";
|
|
50
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
51
|
+
fontWeight: "--cnvs-base-font-weight-400";
|
|
52
|
+
lineHeight: "--cnvs-base-line-height-200";
|
|
53
|
+
fontSize: "--cnvs-base-font-size-150";
|
|
54
|
+
};
|
|
55
|
+
'body.medium': {
|
|
56
|
+
color: "--cnvs-sys-color-text-default";
|
|
57
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
58
|
+
fontWeight: "--cnvs-base-font-weight-400";
|
|
59
|
+
lineHeight: "--cnvs-base-line-height-200";
|
|
60
|
+
fontSize: "--cnvs-base-font-size-125";
|
|
61
|
+
};
|
|
62
|
+
'body.small': {
|
|
63
|
+
color: "--cnvs-sys-color-text-default";
|
|
64
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
65
|
+
fontWeight: "--cnvs-base-font-weight-400";
|
|
66
|
+
lineHeight: "--cnvs-base-line-height-150";
|
|
67
|
+
fontSize: "--cnvs-base-font-size-100";
|
|
68
|
+
letterSpacing: "--cnvs-base-letter-spacing-200";
|
|
69
|
+
};
|
|
70
|
+
'subtext.large': {
|
|
71
|
+
color: "--cnvs-sys-color-text-default";
|
|
72
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
73
|
+
fontWeight: "--cnvs-base-font-weight-400";
|
|
74
|
+
lineHeight: "--cnvs-base-line-height-100";
|
|
75
|
+
fontSize: "--cnvs-base-font-size-75";
|
|
76
|
+
letterSpacing: "--cnvs-base-letter-spacing-150";
|
|
77
|
+
};
|
|
78
|
+
'subtext.medium': {
|
|
79
|
+
color: "--cnvs-sys-color-text-default";
|
|
80
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
81
|
+
fontWeight: "--cnvs-base-font-weight-400";
|
|
82
|
+
lineHeight: "--cnvs-base-line-height-50";
|
|
83
|
+
fontSize: "--cnvs-base-font-size-50";
|
|
84
|
+
letterSpacing: "--cnvs-base-letter-spacing-100";
|
|
85
|
+
};
|
|
86
|
+
'subtext.small': {
|
|
87
|
+
color: "--cnvs-sys-color-text-default";
|
|
88
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
89
|
+
fontWeight: "--cnvs-base-font-weight-400";
|
|
90
|
+
lineHeight: "--cnvs-base-line-height-50";
|
|
91
|
+
fontSize: "--cnvs-base-font-size-25";
|
|
92
|
+
letterSpacing: "--cnvs-base-letter-spacing-50";
|
|
93
|
+
};
|
|
94
|
+
};
|
|
95
|
+
variant: {
|
|
96
|
+
error: {
|
|
97
|
+
color: "--cnvs-sys-color-text-critical-default";
|
|
98
|
+
};
|
|
99
|
+
hint: {
|
|
100
|
+
color: "--cnvs-sys-color-text-hint";
|
|
101
|
+
};
|
|
102
|
+
inverse: {
|
|
103
|
+
color: "--cnvs-sys-color-text-inverse";
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
}, {}, never, never>, never>;
|
|
4
107
|
export declare const CardBody: import("@workday/canvas-kit-react/common").ElementComponent<"div", CardBodyProps>;
|
|
5
108
|
//# sourceMappingURL=CardBody.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardBody.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"CardBody.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardBody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAIvE,MAAM,WAAW,aAAc,SAAQ,QAAQ;CAAG;AAGlD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAI1B,CAAC;AAEH,eAAO,MAAM,QAAQ,mFASnB,CAAC"}
|
|
@@ -1,9 +1,17 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { createComponent } from '@workday/canvas-kit-react/common';
|
|
3
|
-
import {
|
|
3
|
+
import { mergeStyles } from '@workday/canvas-kit-react/layout';
|
|
4
|
+
import { textStencil } from '@workday/canvas-kit-react/text';
|
|
5
|
+
import { createStencil } from '@workday/canvas-kit-styling';
|
|
6
|
+
// .cnvs-card-body
|
|
7
|
+
export const cardBodyStencil = createStencil({
|
|
8
|
+
extends: textStencil,
|
|
9
|
+
base: { name: "859f1f", styles: "" },
|
|
10
|
+
defaultModifiers: { typeLevel: 'subtext.large' }
|
|
11
|
+
}, "cnvs-card-body");
|
|
4
12
|
export const CardBody = createComponent('div')({
|
|
5
13
|
displayName: 'Card.Body',
|
|
6
14
|
Component: ({ children, ...elemProps }, ref, Element) => {
|
|
7
|
-
return (React.createElement(
|
|
15
|
+
return (React.createElement(Element, Object.assign({ ref: ref }, mergeStyles(elemProps, cardBodyStencil())), children));
|
|
8
16
|
},
|
|
9
17
|
});
|
|
@@ -7,5 +7,108 @@ export interface CardHeadingProps extends BoxProps {
|
|
|
7
7
|
id?: string;
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
}
|
|
10
|
+
export declare const cardHeadingStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, never>, {}, import("@workday/canvas-kit-styling").Stencil<{
|
|
11
|
+
typeLevel: {
|
|
12
|
+
'title.large': {
|
|
13
|
+
color: "--cnvs-sys-color-text-strong";
|
|
14
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
15
|
+
fontWeight: "--cnvs-base-font-weight-700";
|
|
16
|
+
lineHeight: "--cnvs-base-line-height-600";
|
|
17
|
+
fontSize: "--cnvs-base-font-size-600";
|
|
18
|
+
};
|
|
19
|
+
'title.medium': {
|
|
20
|
+
color: "--cnvs-sys-color-text-strong";
|
|
21
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
22
|
+
fontWeight: "--cnvs-base-font-weight-700";
|
|
23
|
+
lineHeight: "--cnvs-base-line-height-500";
|
|
24
|
+
fontSize: "--cnvs-base-font-size-500";
|
|
25
|
+
};
|
|
26
|
+
'title.small': {
|
|
27
|
+
color: "--cnvs-sys-color-text-strong";
|
|
28
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
29
|
+
fontWeight: "--cnvs-base-font-weight-700";
|
|
30
|
+
lineHeight: "--cnvs-base-line-height-400";
|
|
31
|
+
fontSize: "--cnvs-base-font-size-400";
|
|
32
|
+
};
|
|
33
|
+
'heading.large': {
|
|
34
|
+
color: "--cnvs-sys-color-text-strong";
|
|
35
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
36
|
+
fontWeight: "--cnvs-base-font-weight-700";
|
|
37
|
+
lineHeight: "--cnvs-base-line-height-350";
|
|
38
|
+
fontSize: "--cnvs-base-font-size-300";
|
|
39
|
+
};
|
|
40
|
+
'heading.medium': {
|
|
41
|
+
color: "--cnvs-sys-color-text-strong";
|
|
42
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
43
|
+
fontWeight: "--cnvs-base-font-weight-700";
|
|
44
|
+
lineHeight: "--cnvs-base-line-height-300";
|
|
45
|
+
fontSize: "--cnvs-base-font-size-250";
|
|
46
|
+
};
|
|
47
|
+
'heading.small': {
|
|
48
|
+
color: "--cnvs-sys-color-text-strong";
|
|
49
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
50
|
+
fontWeight: "--cnvs-base-font-weight-700";
|
|
51
|
+
lineHeight: "--cnvs-base-line-height-250";
|
|
52
|
+
fontSize: "--cnvs-base-font-size-200";
|
|
53
|
+
};
|
|
54
|
+
'body.large': {
|
|
55
|
+
color: "--cnvs-sys-color-text-default";
|
|
56
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
57
|
+
fontWeight: "--cnvs-base-font-weight-400";
|
|
58
|
+
lineHeight: "--cnvs-base-line-height-200";
|
|
59
|
+
fontSize: "--cnvs-base-font-size-150";
|
|
60
|
+
};
|
|
61
|
+
'body.medium': {
|
|
62
|
+
color: "--cnvs-sys-color-text-default";
|
|
63
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
64
|
+
fontWeight: "--cnvs-base-font-weight-400";
|
|
65
|
+
lineHeight: "--cnvs-base-line-height-200";
|
|
66
|
+
fontSize: "--cnvs-base-font-size-125";
|
|
67
|
+
};
|
|
68
|
+
'body.small': {
|
|
69
|
+
color: "--cnvs-sys-color-text-default";
|
|
70
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
71
|
+
fontWeight: "--cnvs-base-font-weight-400";
|
|
72
|
+
lineHeight: "--cnvs-base-line-height-150";
|
|
73
|
+
fontSize: "--cnvs-base-font-size-100";
|
|
74
|
+
letterSpacing: "--cnvs-base-letter-spacing-200";
|
|
75
|
+
};
|
|
76
|
+
'subtext.large': {
|
|
77
|
+
color: "--cnvs-sys-color-text-default";
|
|
78
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
79
|
+
fontWeight: "--cnvs-base-font-weight-400";
|
|
80
|
+
lineHeight: "--cnvs-base-line-height-100";
|
|
81
|
+
fontSize: "--cnvs-base-font-size-75";
|
|
82
|
+
letterSpacing: "--cnvs-base-letter-spacing-150";
|
|
83
|
+
};
|
|
84
|
+
'subtext.medium': {
|
|
85
|
+
color: "--cnvs-sys-color-text-default";
|
|
86
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
87
|
+
fontWeight: "--cnvs-base-font-weight-400";
|
|
88
|
+
lineHeight: "--cnvs-base-line-height-50";
|
|
89
|
+
fontSize: "--cnvs-base-font-size-50";
|
|
90
|
+
letterSpacing: "--cnvs-base-letter-spacing-100";
|
|
91
|
+
};
|
|
92
|
+
'subtext.small': {
|
|
93
|
+
color: "--cnvs-sys-color-text-default";
|
|
94
|
+
fontFamily: "--cnvs-base-font-family-50";
|
|
95
|
+
fontWeight: "--cnvs-base-font-weight-400";
|
|
96
|
+
lineHeight: "--cnvs-base-line-height-50";
|
|
97
|
+
fontSize: "--cnvs-base-font-size-25";
|
|
98
|
+
letterSpacing: "--cnvs-base-letter-spacing-50";
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
variant: {
|
|
102
|
+
error: {
|
|
103
|
+
color: "--cnvs-sys-color-text-critical-default";
|
|
104
|
+
};
|
|
105
|
+
hint: {
|
|
106
|
+
color: "--cnvs-sys-color-text-hint";
|
|
107
|
+
};
|
|
108
|
+
inverse: {
|
|
109
|
+
color: "--cnvs-sys-color-text-inverse";
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
}, {}, never, never>, never>;
|
|
10
113
|
export declare const CardHeading: import("@workday/canvas-kit-react/common").ElementComponent<"h3", CardHeadingProps>;
|
|
11
114
|
//# sourceMappingURL=CardHeading.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeading.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAKvE,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;
|
|
1
|
+
{"version":3,"file":"CardHeading.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,QAAQ,EAAc,MAAM,kCAAkC,CAAC;AAKvE,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAGD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAS7B,CAAC;AAEH,eAAO,MAAM,WAAW,qFAStB,CAAC"}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { createComponent } from '@workday/canvas-kit-react/common';
|
|
3
3
|
import { mergeStyles } from '@workday/canvas-kit-react/layout';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
4
|
+
import { textStencil } from '@workday/canvas-kit-react/text';
|
|
5
|
+
import { createStencil } from '@workday/canvas-kit-styling';
|
|
6
6
|
import { system } from '@workday/canvas-tokens-web';
|
|
7
|
-
|
|
7
|
+
// .cnvs-card-heading
|
|
8
|
+
export const cardHeadingStencil = createStencil({
|
|
9
|
+
extends: textStencil,
|
|
10
|
+
base: { name: "3b06e8", styles: "color:var(--cnvs-sys-color-text-strong);font-weight:var(--cnvs-sys-font-weight-bold);margin-bottom:var(--cnvs-sys-space-x6);margin-top:var(--cnvs-sys-space-zero);" },
|
|
11
|
+
defaultModifiers: { typeLevel: 'body.large' }
|
|
12
|
+
}, "cnvs-card-heading");
|
|
8
13
|
export const CardHeading = createComponent('h3')({
|
|
9
14
|
displayName: 'Card.Heading',
|
|
10
15
|
Component: ({ children, ...elemProps }, ref, Element) => {
|
|
11
|
-
return (React.createElement(
|
|
16
|
+
return (React.createElement(Element, Object.assign({ ref: ref }, mergeStyles(elemProps, cardHeadingStencil())), children));
|
|
12
17
|
},
|
|
13
18
|
});
|