@workday/canvas-kit-react 16.0.0-alpha.0462-next.0 → 16.0.0-alpha.0464-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/action-bar/lib/ActionBarList.tsx +2 -3
- package/checkbox/lib/CheckboxContainer.tsx +0 -1
- package/dist/commonjs/action-bar/lib/ActionBarList.d.ts +1 -8
- package/dist/commonjs/action-bar/lib/ActionBarList.d.ts.map +1 -1
- package/dist/commonjs/action-bar/lib/ActionBarList.js +2 -2
- package/dist/commonjs/checkbox/lib/CheckboxContainer.d.ts.map +1 -1
- package/dist/commonjs/checkbox/lib/CheckboxContainer.js +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +6 -4
- package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +17 -17
- package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +12 -0
- package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
- package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +10 -4
- package/dist/commonjs/toast/lib/Toast.d.ts.map +1 -1
- package/dist/commonjs/toast/lib/Toast.js +2 -2
- package/dist/commonjs/toast/lib/ToastBody.d.ts.map +1 -1
- package/dist/commonjs/toast/lib/ToastBody.js +2 -3
- package/dist/commonjs/toast/lib/ToastCloseIcon.d.ts.map +1 -1
- package/dist/commonjs/toast/lib/ToastCloseIcon.js +3 -3
- package/dist/commonjs/toast/lib/ToastIcon.d.ts.map +1 -1
- package/dist/commonjs/toast/lib/ToastIcon.js +3 -3
- package/dist/commonjs/tooltip/lib/TooltipContainer.d.ts +1 -4
- package/dist/commonjs/tooltip/lib/TooltipContainer.d.ts.map +1 -1
- package/dist/commonjs/tooltip/lib/TooltipContainer.js +2 -2
- package/dist/es6/action-bar/lib/ActionBarList.d.ts +1 -8
- package/dist/es6/action-bar/lib/ActionBarList.d.ts.map +1 -1
- package/dist/es6/action-bar/lib/ActionBarList.js +3 -3
- package/dist/es6/checkbox/lib/CheckboxContainer.d.ts.map +1 -1
- package/dist/es6/checkbox/lib/CheckboxContainer.js +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +6 -4
- package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControlItem.js +19 -19
- package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +12 -0
- package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
- package/dist/es6/segmented-control/lib/SegmentedControlList.js +11 -5
- package/dist/es6/toast/lib/Toast.d.ts.map +1 -1
- package/dist/es6/toast/lib/Toast.js +3 -3
- package/dist/es6/toast/lib/ToastBody.d.ts.map +1 -1
- package/dist/es6/toast/lib/ToastBody.js +2 -3
- package/dist/es6/toast/lib/ToastCloseIcon.d.ts.map +1 -1
- package/dist/es6/toast/lib/ToastCloseIcon.js +4 -4
- package/dist/es6/toast/lib/ToastIcon.d.ts.map +1 -1
- package/dist/es6/toast/lib/ToastIcon.js +4 -4
- package/dist/es6/tooltip/lib/TooltipContainer.d.ts +1 -4
- package/dist/es6/tooltip/lib/TooltipContainer.d.ts.map +1 -1
- package/dist/es6/tooltip/lib/TooltipContainer.js +2 -2
- package/package.json +4 -4
- package/segmented-control/lib/SegmentedControlItem.tsx +23 -30
- package/segmented-control/lib/SegmentedControlList.tsx +17 -4
- package/toast/lib/Toast.tsx +11 -3
- package/toast/lib/ToastBody.tsx +1 -3
- package/toast/lib/ToastCloseIcon.tsx +5 -3
- package/toast/lib/ToastIcon.tsx +9 -3
- package/tooltip/lib/TooltipContainer.tsx +14 -19
|
@@ -4,7 +4,7 @@ import {useListRenderItems, useOverflowListMeasure} from '@workday/canvas-kit-re
|
|
|
4
4
|
import {ExtractProps, createSubcomponent} from '@workday/canvas-kit-react/common';
|
|
5
5
|
import {Flex, mergeStyles} from '@workday/canvas-kit-react/layout';
|
|
6
6
|
import {createStencil, px2rem} from '@workday/canvas-kit-styling';
|
|
7
|
-
import {
|
|
7
|
+
import {system} from '@workday/canvas-tokens-web';
|
|
8
8
|
|
|
9
9
|
import {useActionBarModel} from './useActionBarModel';
|
|
10
10
|
|
|
@@ -38,12 +38,11 @@ export const actionBarListStencil = createStencil({
|
|
|
38
38
|
gap: system.legacy.gap.md,
|
|
39
39
|
background: system.legacy.color.surface.default,
|
|
40
40
|
borderBlockStart: `solid ${px2rem(1)} ${system.legacy.color.border.default}`,
|
|
41
|
-
padding:
|
|
41
|
+
padding: system.legacy.padding.md,
|
|
42
42
|
position: 'fixed',
|
|
43
43
|
insetBlockEnd: 0,
|
|
44
44
|
insetInline: 0,
|
|
45
45
|
'@media (max-width: 767.5px)': {
|
|
46
|
-
padding: system.legacy.size.xxxs,
|
|
47
46
|
'> *': {
|
|
48
47
|
flex: 1,
|
|
49
48
|
},
|
|
@@ -240,14 +240,7 @@ export declare const ActionBarList: import("@workday/canvas-kit-react/common").E
|
|
|
240
240
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
241
241
|
placement: import("@popperjs/core").Placement;
|
|
242
242
|
id: string;
|
|
243
|
-
visibility: "hidden" | "visible";
|
|
244
|
-
* `ActionBar.List` will render overflow button component if it's passed in `overflowButton`.
|
|
245
|
-
*
|
|
246
|
-
* @example
|
|
247
|
-
* <ActionBar.List overflowButton={<ActionBar.OverflowButton aria-label="More actions" />}>
|
|
248
|
-
* {(item) => <ActionBar.Item>{item.text}</ActionBar.Item>}
|
|
249
|
-
* </ActionBar.List>
|
|
250
|
-
*/
|
|
243
|
+
visibility: "hidden" | "visible";
|
|
251
244
|
selectedIds: string[] | "all";
|
|
252
245
|
unselectedIds: string[];
|
|
253
246
|
cursorId: string | string[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionBarList.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/ActionBarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAMnE,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,GAAG,CACzC,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC1D;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC1E;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"ActionBarList.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/ActionBarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAMnE,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,GAAG,CACzC,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC1D;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC1E;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,oBAAoB,iJAiB/B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAyB,CAAC;AAEvD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWxB,CAAC"}
|
|
@@ -9,8 +9,8 @@ const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
|
9
9
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
10
10
|
const useActionBarModel_1 = require("./useActionBarModel");
|
|
11
11
|
exports.actionBarListStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
12
|
-
base: { name: "
|
|
13
|
-
}, "action-bar-list-
|
|
12
|
+
base: { name: "3u16mf", styles: "box-sizing:border-box;display:flex;box-shadow:var(--cnvs-sys-depth-2);gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));background:var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));border-block-start:solid 0.0625rem var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));padding:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));position:fixed;inset-block-end:0;inset-inline:0;@media (max-width: 767.5px){> *{flex:1;}}" }
|
|
13
|
+
}, "action-bar-list-887890");
|
|
14
14
|
exports.useActionBarList = collection_1.useOverflowListMeasure;
|
|
15
15
|
exports.ActionBarList = (0, common_1.createSubcomponent)('div')({
|
|
16
16
|
displayName: 'ActionBar.List',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxContainer.d.ts","sourceRoot":"","sources":["../../../../checkbox/lib/CheckboxContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,OAAO,EAA8B,MAAM,6BAA6B,CAAC;AAGjF,UAAU,sBAAuB,SAAQ,OAAO;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;
|
|
1
|
+
{"version":3,"file":"CheckboxContainer.d.ts","sourceRoot":"","sources":["../../../../checkbox/lib/CheckboxContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,OAAO,EAA8B,MAAM,6BAA6B,CAAC;AAGjF,UAAU,sBAAuB,SAAQ,OAAO;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAwCD,eAAO,MAAM,iBAAiB,4FAoB5B,CAAC"}
|
|
@@ -13,7 +13,7 @@ const checkboxContainerStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
13
13
|
base: { name: "klclr", styles: "box-sizing:border-box;display:flex;align-items:center;min-height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));position:relative;&>div{display:flex;height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));min-width:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));align-self:flex-start;position:relative;}[data-part=\"checkbox-container-label\"]{padding-inline-start:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));cursor:pointer;margin-block-start:calc(0.125rem * -1);}" },
|
|
14
14
|
modifiers: {
|
|
15
15
|
disabled: {
|
|
16
|
-
true: { name: "
|
|
16
|
+
true: { name: "bcjzk", styles: "[data-part=\"checkbox-container-label\"]{cursor:default;}" }
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
}, "checkbox-container-bafc3c");
|
|
@@ -42,19 +42,21 @@ export interface ItemProps extends ButtonContainerProps {
|
|
|
42
42
|
export declare const segmentedControlItemStencil: import("@workday/canvas-kit-styling").Stencil<{
|
|
43
43
|
size: {
|
|
44
44
|
large: {
|
|
45
|
-
height: "var(--cnvs-sys-size-
|
|
46
|
-
|
|
45
|
+
height: "var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem))";
|
|
46
|
+
fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem))";
|
|
47
47
|
};
|
|
48
48
|
medium: {
|
|
49
|
-
height: "var(--cnvs-
|
|
49
|
+
height: "var(--cnvs-base-size-350, 1.75rem)";
|
|
50
|
+
fontWeight: "var(--cnvs-sys-font-weight-semibold, 600)";
|
|
50
51
|
};
|
|
51
52
|
small: {
|
|
52
53
|
fontFamily: "--cnvs-sys-font-family-default";
|
|
53
54
|
fontSize: "var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem))";
|
|
54
55
|
lineHeight: "var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem))";
|
|
55
56
|
letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium))";
|
|
56
|
-
fontWeight: "--cnvs-sys-font-weight-
|
|
57
|
+
fontWeight: "--cnvs-sys-font-weight-medium";
|
|
57
58
|
height: "var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem))";
|
|
59
|
+
gap: "var(--cnvs-base-size-25, 0.125rem)";
|
|
58
60
|
};
|
|
59
61
|
};
|
|
60
62
|
variant: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,oBAAoB,EAAgB,MAAM,kCAAkC,CAAC;AAIjG,OAAO,EAAU,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAExE,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAMlE,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,2BAA2B
|
|
1
|
+
{"version":3,"file":"SegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,oBAAoB,EAAgB,MAAM,kCAAkC,CAAC;AAIjG,OAAO,EAAU,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAExE,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAMlE,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAgJtC,CAAC;AAyBH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB/B,CAAC"}
|
|
@@ -37,58 +37,58 @@ const useSegmentedControlItem_1 = require("./hooks/useSegmentedControlItem");
|
|
|
37
37
|
const useSegmentedControlModel_1 = require("./hooks/useSegmentedControlModel");
|
|
38
38
|
exports.segmentedControlItemStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
39
39
|
extends: button_1.buttonStencil,
|
|
40
|
-
base: { name: "
|
|
40
|
+
base: { name: "1a5vzh", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default, \"Roboto\");font-weight:var(--cnvs-sys-font-weight-medium);line-height:var(--cnvs-sys-line-height-subtext-lg, 1.25rem);font-size:var(--cnvs-sys-font-size-subtext-lg, 0.875rem);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, 0.015rem);text-align:start;padding-inline:0;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));--borderRadius-button-a19f67:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));--label-button-a19f67:var(--cnvs-sys-color-fg-muted-default);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-muted-default);&:hover, &.hover{--background-button-a19f67:var(--cnvs-sys-color-surface-overlay-hover-default);--label-button-a19f67:var(--cnvs-sys-color-fg-strong);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-strong);}&:active, &.active{--background-button-a19f67:var(--cnvs-sys-color-surface-overlay-pressed-default);--label-button-a19f67:var(--cnvs-sys-color-fg-strong);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-strong);}&:focus-visible, &.focus{--label-button-a19f67:var(--cnvs-sys-color-fg-muted-strong);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-muted-strong);}&:disabled, &.disabled{--opacity-button-a19f67:var(--cnvs-sys-opacity-disabled);--background-button-a19f67:var(--cnvs-sys-color-surface-transparent, var(--cnvs-sys-color-bg-transparent-default, oklch(0 0 0 / 0)));--label-button-a19f67:var(--cnvs-sys-color-fg-muted-default);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-muted-default);}&[aria-pressed='true']{--background-button-a19f67:var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-strong);--label-button-a19f67:var(--cnvs-sys-color-fg-strong);box-shadow:var(--cnvs-sys-depth-2);&:hover, &.hover{--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-strong);--label-button-a19f67:var(--cnvs-sys-color-fg-strong);}&:focus-visible, &.focus{box-shadow:0 0 0 0.125rem var(--cnvs-sys-color-border-inverse-default, var(--cnvs-sys-color-border-inverse, oklch(1 0 0 / 1))),0 0 0 0.25rem var(--cnvs-sys-color-brand-border-primary);}&:disabled, &.disabled{--opacity-button-a19f67:var(--cnvs-sys-opacity-disabled);}}:dir(rtl){svg{transform:scaleX(-1);}}" },
|
|
41
41
|
modifiers: {
|
|
42
42
|
size: {
|
|
43
|
-
large: { name: "
|
|
44
|
-
medium: { name: "
|
|
45
|
-
small: { name: "
|
|
43
|
+
large: { name: "3ofsmr", styles: "height:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));" },
|
|
44
|
+
medium: { name: "2vjldc", styles: "height:var(--cnvs-base-size-350, 1.75rem);font-weight:var(--cnvs-sys-font-weight-semibold, 600);" },
|
|
45
|
+
small: { name: "3hli5n", styles: "font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem));line-height:var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium));font-weight:var(--cnvs-sys-font-weight-medium);height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem));gap:var(--cnvs-base-size-25, 0.125rem);" }
|
|
46
46
|
},
|
|
47
47
|
variant: {
|
|
48
|
-
iconOnly: { name: "
|
|
49
|
-
textOnly: { name: "
|
|
50
|
-
iconWithText: { name: "
|
|
48
|
+
iconOnly: { name: "3j27lk", styles: "" },
|
|
49
|
+
textOnly: { name: "1k758v", styles: "" },
|
|
50
|
+
iconWithText: { name: "2kn9nw", styles: "" }
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
53
|
compound: [
|
|
54
54
|
{
|
|
55
55
|
modifiers: { size: 'large', variant: 'iconOnly' },
|
|
56
|
-
styles: { name: "
|
|
56
|
+
styles: { name: "2g2eij", styles: "min-width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));" }
|
|
57
57
|
},
|
|
58
58
|
{
|
|
59
59
|
modifiers: { size: 'large', variant: 'iconWithText' },
|
|
60
|
-
styles: { name: "
|
|
60
|
+
styles: { name: "2i43bn", styles: "padding-inline:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem)) var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));" }
|
|
61
61
|
},
|
|
62
62
|
{
|
|
63
63
|
modifiers: { size: 'large', variant: 'textOnly' },
|
|
64
|
-
styles: { name: "
|
|
64
|
+
styles: { name: "2mrwg2", styles: "padding-inline:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));" }
|
|
65
65
|
},
|
|
66
66
|
{
|
|
67
67
|
modifiers: { size: 'medium', variant: 'iconOnly' },
|
|
68
|
-
styles: { name: "
|
|
68
|
+
styles: { name: "1w5x7w", styles: "min-width:var(--cnvs-base-size-350, 1.75rem);" }
|
|
69
69
|
},
|
|
70
70
|
{
|
|
71
71
|
modifiers: { size: 'medium', variant: 'iconWithText' },
|
|
72
|
-
styles: { name: "
|
|
72
|
+
styles: { name: "10t3qa", styles: "padding-inline:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem)) var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));" }
|
|
73
73
|
},
|
|
74
74
|
{
|
|
75
75
|
modifiers: { size: 'medium', variant: 'textOnly' },
|
|
76
|
-
styles: { name: "
|
|
76
|
+
styles: { name: "sgty4", styles: "padding-inline:var(--cnvs-sys-padding-lg, var(--cnvs-sys-space-x5, 1.25rem));" }
|
|
77
77
|
},
|
|
78
78
|
{
|
|
79
79
|
modifiers: { size: 'small', variant: 'iconOnly' },
|
|
80
|
-
styles: { name: "
|
|
80
|
+
styles: { name: "36lfmb", styles: "min-width:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem));" }
|
|
81
81
|
},
|
|
82
82
|
{
|
|
83
83
|
modifiers: { size: 'small', variant: 'iconWithText' },
|
|
84
|
-
styles: { name: "
|
|
84
|
+
styles: { name: "3haxrq", styles: "padding-inline:var(--cnvs-base-size-75, 0.375rem) var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
|
|
85
85
|
},
|
|
86
86
|
{
|
|
87
87
|
modifiers: { size: 'small', variant: 'textOnly' },
|
|
88
|
-
styles: { name: "
|
|
88
|
+
styles: { name: "akzny", styles: "padding-inline:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));" }
|
|
89
89
|
}
|
|
90
90
|
]
|
|
91
|
-
}, "segmented-control-item-
|
|
91
|
+
}, "segmented-control-item-652603");
|
|
92
92
|
const Container = ({ tooltipProps, children }) => {
|
|
93
93
|
return tooltipProps ? ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { ...tooltipProps, children: children })) : ((0, jsx_runtime_1.jsx)(React.Fragment, { children: children }));
|
|
94
94
|
};
|
|
@@ -6,6 +6,18 @@ export interface SegmentedControlListProps<T = any> extends Omit<Partial<Extract
|
|
|
6
6
|
children: ((item: T) => React.ReactNode) | React.ReactNode;
|
|
7
7
|
}
|
|
8
8
|
export declare const segmentedControlListStencil: import("@workday/canvas-kit-styling").Stencil<{
|
|
9
|
+
size: {
|
|
10
|
+
large: {
|
|
11
|
+
padding: "var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem))";
|
|
12
|
+
};
|
|
13
|
+
medium: {
|
|
14
|
+
padding: "var(--cnvs-base-size-25, 0.125rem)";
|
|
15
|
+
};
|
|
16
|
+
small: {
|
|
17
|
+
padding: "var(--cnvs-base-size-25, 0.125rem)";
|
|
18
|
+
gap: "var(--cnvs-base-size-25, 0.125rem)";
|
|
19
|
+
};
|
|
20
|
+
};
|
|
9
21
|
orientation: {
|
|
10
22
|
vertical: ({ items }: {
|
|
11
23
|
items: `--${string}`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControlList.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAMtD,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,GAAG,CAChD,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED,eAAO,MAAM,2BAA2B
|
|
1
|
+
{"version":3,"file":"SegmentedControlList.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAMtD,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,GAAG,CAChD,SAAQ,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC;IACnE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAkCtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB/B,CAAC"}
|
|
@@ -11,14 +11,19 @@ exports.segmentedControlListStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
11
11
|
vars: {
|
|
12
12
|
items: '',
|
|
13
13
|
},
|
|
14
|
-
base: { name: "
|
|
14
|
+
base: { name: "4d0nnu", styles: "box-sizing:border-box;display:inline-grid;background-color:var(--cnvs-sys-color-surface-alt-default, var(--cnvs-sys-color-bg-alt-soft, oklch(0.3343 0.0951 253.3 / 0.05)));border:0 solid var(--cnvs-sys-color-border-transparent);border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));padding:var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem));grid-gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));" },
|
|
15
15
|
modifiers: {
|
|
16
|
+
size: {
|
|
17
|
+
large: { name: "3qywaa", styles: "padding:var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem));" },
|
|
18
|
+
medium: { name: "41xl8e", styles: "padding:var(--cnvs-base-size-25, 0.125rem);" },
|
|
19
|
+
small: { name: "36z2j", styles: "padding:var(--cnvs-base-size-25, 0.125rem);gap:var(--cnvs-base-size-25, 0.125rem);" }
|
|
20
|
+
},
|
|
16
21
|
orientation: {
|
|
17
|
-
vertical: { name: "
|
|
18
|
-
horizontal: { name: "
|
|
22
|
+
vertical: { name: "3pptd9", styles: "grid-template-rows:repeat(var(--items-segmented-control-list-abbea3), 1fr);" },
|
|
23
|
+
horizontal: { name: "2ocxki", styles: "grid-template-columns:repeat(var(--items-segmented-control-list-abbea3), 1fr);" }
|
|
19
24
|
}
|
|
20
25
|
}
|
|
21
|
-
}, "segmented-control-list-
|
|
26
|
+
}, "segmented-control-list-abbea3");
|
|
22
27
|
exports.SegmentedControlList = (0, common_1.createSubcomponent)('div')({
|
|
23
28
|
displayName: 'SegmentedControl.List',
|
|
24
29
|
modelHook: useSegmentedControlModel_1.useSegmentedControlModel,
|
|
@@ -26,5 +31,6 @@ exports.SegmentedControlList = (0, common_1.createSubcomponent)('div')({
|
|
|
26
31
|
return ((0, jsx_runtime_1.jsx)(Element, { role: "group", ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.segmentedControlListStencil)({
|
|
27
32
|
items: `${model.state.items.length}`,
|
|
28
33
|
orientation: model.state.orientation,
|
|
34
|
+
size: model.state.size,
|
|
29
35
|
})), children: (0, collection_1.useListRenderItems)(model, children) }));
|
|
30
36
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../toast/lib/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAWtD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC;CAAG;
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../toast/lib/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAWtD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC;CAAG;AAqD5F;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;IAId;;;;;;;;;OASG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;;;;IAEH;;OAEG;;CAYL,CAAC"}
|
|
@@ -45,8 +45,8 @@ const getAriaAttributes = (mode, id) => {
|
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
const toastStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
48
|
-
base: { name: "
|
|
49
|
-
}, "toast-
|
|
48
|
+
base: { name: "3qkpd3", styles: "box-sizing:border-box;display:flex;flex-direction:row;width:22.5rem;padding-block:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));padding-inline:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem)) var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));gap:var(--cnvs-base-size-150, 0.75rem);border-radius:var(--cnvs-sys-shape-xl, var(--cnvs-sys-shape-x4, 1rem));border:0.0625rem solid var(--cnvs-sys-color-border-default);background-color:var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));box-shadow:var(--cnvs-sys-depth-3);@media (forced-colors: active){outline:0.0625rem solid CanvasText;}" }
|
|
49
|
+
}, "toast-4e8aec");
|
|
50
50
|
/**
|
|
51
51
|
* Toast is a compound component that has different modes based on its contents. The modes add the proper aria attributes for accessibility
|
|
52
52
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastBody.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"ToastBody.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAGtD,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC;CAAG;AAE1E,eAAO,MAAM,gBAAgB,iJAQ3B,CAAC;AAEH,eAAO,MAAM,SAAS,oFASpB,CAAC"}
|
|
@@ -5,10 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const common_1 = require("@workday/canvas-kit-react/common");
|
|
6
6
|
const layout_1 = require("@workday/canvas-kit-react/layout");
|
|
7
7
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
8
|
-
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
9
8
|
exports.toastBodyStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
10
|
-
base: { name: "
|
|
11
|
-
}, "toast-body-
|
|
9
|
+
base: { name: "3nmn23", styles: "box-sizing:border-box;align-items:flex-start;flex-direction:column;justify-content:center;flex-grow:1;gap:0;" }
|
|
10
|
+
}, "toast-body-36e90e");
|
|
12
11
|
exports.ToastBody = (0, common_1.createComponent)('div')({
|
|
13
12
|
displayName: 'Toast.Body',
|
|
14
13
|
Component: ({ children, ...elemProps }, ref, Element) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastCloseIcon.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastCloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAGtD,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC;CAAG;AAE3F,eAAO,MAAM,qBAAqB,
|
|
1
|
+
{"version":3,"file":"ToastCloseIcon.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastCloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAkB,MAAM,kCAAkC,CAAC;AAE/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAGtD,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC;CAAG;AAE3F,eAAO,MAAM,qBAAqB,iJAMhC,CAAC;AAEH,eAAO,MAAM,cAAc,4FAYzB,CAAC"}
|
|
@@ -7,11 +7,11 @@ const layout_1 = require("@workday/canvas-kit-react/layout");
|
|
|
7
7
|
const popup_1 = require("@workday/canvas-kit-react/popup");
|
|
8
8
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
9
9
|
exports.toastCloseIconStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
10
|
-
base: { name: "
|
|
11
|
-
}, "toast-close-icon-
|
|
10
|
+
base: { name: "292ls0", styles: "box-sizing:border-box;position:absolute;inset-block-start:0.125rem;inset-inline-end:0.125rem;" }
|
|
11
|
+
}, "toast-close-icon-2d1000");
|
|
12
12
|
exports.ToastCloseIcon = (0, common_1.createComponent)('button')({
|
|
13
13
|
displayName: 'Toast.CloseIcon',
|
|
14
14
|
Component: (elemProps, ref, Element) => {
|
|
15
|
-
return ((0, jsx_runtime_1.jsx)(popup_1.Popup.CloseIcon, { as: Element, ref: ref, size: "
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)(popup_1.Popup.CloseIcon, { as: Element, ref: ref, size: "extraSmall", ...(0, layout_1.mergeStyles)(elemProps, (0, exports.toastCloseIconStencil)()) }));
|
|
16
16
|
},
|
|
17
17
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastIcon.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAI3E,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC;CAAG;AAE9E,eAAO,MAAM,gBAAgB,
|
|
1
|
+
{"version":3,"file":"ToastIcon.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAI3E,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC;CAAG;AAE9E,eAAO,MAAM,gBAAgB,iJAI3B,CAAC;AAEH,eAAO,MAAM,SAAS,oFAYpB,CAAC"}
|
|
@@ -7,11 +7,11 @@ const icon_1 = require("@workday/canvas-kit-react/icon");
|
|
|
7
7
|
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
8
8
|
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
|
|
9
9
|
exports.toastIconStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
10
|
-
base: { name: "
|
|
11
|
-
}, "toast-icon-
|
|
10
|
+
base: { name: "19wdy9", styles: "box-sizing:border-box;align-self:start;" }
|
|
11
|
+
}, "toast-icon-7830d1");
|
|
12
12
|
exports.ToastIcon = (0, common_1.createComponent)('div')({
|
|
13
13
|
displayName: 'Toast.Icon',
|
|
14
14
|
Component: (elemProps, ref, Element) => {
|
|
15
|
-
return (0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { ref: ref, as: Element, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.toastIconStencil)()) });
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)(icon_1.SystemIcon, { ref: ref, as: Element, size: canvas_tokens_web_1.component.legacy.systemIcon.size.md, ...(0, canvas_kit_styling_1.handleCsProp)(elemProps, (0, exports.toastIconStencil)()) }));
|
|
16
16
|
},
|
|
17
17
|
});
|
|
@@ -20,10 +20,7 @@ export interface TooltipContainerProps extends React.HTMLAttributes<HTMLDivEleme
|
|
|
20
20
|
export declare const tooltipContainerStencil: import("@workday/canvas-kit-styling").Stencil<{
|
|
21
21
|
elementHasFocus: {
|
|
22
22
|
true: {
|
|
23
|
-
|
|
24
|
-
'&:before': {
|
|
25
|
-
margin: "var(--cnvs-base-size-75, 0.375rem)";
|
|
26
|
-
};
|
|
23
|
+
margin: string;
|
|
27
24
|
};
|
|
28
25
|
};
|
|
29
26
|
}, {}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipContainer.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/TooltipContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,eAAe,EAGhB,MAAM,kCAAkC,CAAC;AAK1C,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAuBD,eAAO,MAAM,uBAAuB
|
|
1
|
+
{"version":3,"file":"TooltipContainer.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/TooltipContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,eAAe,EAGhB,MAAM,kCAAkC,CAAC;AAK1C,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACzC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAuBD,eAAO,MAAM,uBAAuB;;;;;;;;;gBAkElC,CAAC;AAEH,eAAO,MAAM,gBAAgB,2FA4B3B,CAAC"}
|
|
@@ -20,10 +20,10 @@ exports.tooltipContainerStencil = (0, canvas_kit_styling_1.createStencil)({
|
|
|
20
20
|
tooltipTransformOriginHorizontal: '',
|
|
21
21
|
tooltipTransformOriginVertical: '',
|
|
22
22
|
},
|
|
23
|
-
base: { name: "
|
|
23
|
+
base: { name: "259blp", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default, \"Roboto\");font-weight:var(--cnvs-sys-font-weight-normal, 400);line-height:var(--cnvs-sys-line-height-subtext-lg, 1.25rem);font-size:var(--cnvs-sys-font-size-subtext-lg, 0.875rem);letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, 0.015rem);display:inline-flex;position:relative;padding:0.375rem var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));color:var(--cnvs-sys-color-fg-default);animation-name:animation-3s4los;animation-duration:150ms;animation-timing-function:ease-out;transform-origin:var(--tooltipTransformOriginVertical-tooltip-container-0d74d6) var(--tooltipTransformOriginHorizontal-tooltip-container-0d74d6);margin:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));a{color:var(--cnvs-sys-color-fg-default);text-decoration:underline;}&:before{content:\"\";border-radius:var(--cnvs-sys-shape-full, var(--cnvs-sys-shape-round, 65rem));border:0.0625rem solid var(--cnvs-sys-color-border-default);z-index:-1;margin:0;background-color:var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:var(--cnvs-sys-depth-2);}[data-popper-reference-hidden] &{visibility:hidden;pointer-events:none;}[data-popper-placement=\"top-start\"] &, [data-popper-placement=\"bottom-start\"] &{left:calc(var(--cnvs-base-size-50, 0.25rem) * -1);}[data-popper-placement=\"top-end\"] &, [data-popper-placement=\"bottom-end\"] &{right:calc(var(--cnvs-base-size-50, 0.25rem) * -1);}[data-popper-placement=\"left-start\"] &, [data-popper-placement=\"right-start\"] &{top:calc(var(--cnvs-base-size-50, 0.25rem) * -1);}[data-popper-placement=\"left-end\"] &, [data-popper-placement=\"right-end\"] &{bottom:calc(var(--cnvs-base-size-50, 0.25rem) * -1);}@media (forced-colors: active){outline:0.0625rem solid CanvasText;}" },
|
|
24
24
|
modifiers: {
|
|
25
25
|
elementHasFocus: {
|
|
26
|
-
true: { name: "
|
|
26
|
+
true: { name: "ak2vn", styles: "margin:0.375rem;" }
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
}, "tooltip-container-0d74d6");
|
|
@@ -240,14 +240,7 @@ export declare const ActionBarList: import("@workday/canvas-kit-react/common").E
|
|
|
240
240
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
241
241
|
placement: import("@popperjs/core").Placement;
|
|
242
242
|
id: string;
|
|
243
|
-
visibility: "hidden" | "visible";
|
|
244
|
-
* `ActionBar.List` will render overflow button component if it's passed in `overflowButton`.
|
|
245
|
-
*
|
|
246
|
-
* @example
|
|
247
|
-
* <ActionBar.List overflowButton={<ActionBar.OverflowButton aria-label="More actions" />}>
|
|
248
|
-
* {(item) => <ActionBar.Item>{item.text}</ActionBar.Item>}
|
|
249
|
-
* </ActionBar.List>
|
|
250
|
-
*/
|
|
243
|
+
visibility: "hidden" | "visible";
|
|
251
244
|
selectedIds: string[] | "all";
|
|
252
245
|
unselectedIds: string[];
|
|
253
246
|
cursorId: string | string[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionBarList.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/ActionBarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAMnE,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,GAAG,CACzC,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC1D;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC1E;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"ActionBarList.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/ActionBarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAc,MAAM,kCAAkC,CAAC;AAMnE,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,GAAG,CACzC,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC1D;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC1E;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,oBAAoB,iJAiB/B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAyB,CAAC;AAEvD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWxB,CAAC"}
|
|
@@ -3,11 +3,11 @@ import { useListRenderItems, useOverflowListMeasure } from '@workday/canvas-kit-
|
|
|
3
3
|
import { createSubcomponent } from '@workday/canvas-kit-react/common';
|
|
4
4
|
import { mergeStyles } from '@workday/canvas-kit-react/layout';
|
|
5
5
|
import { createStencil, px2rem } from '@workday/canvas-kit-styling';
|
|
6
|
-
import {
|
|
6
|
+
import { system } from '@workday/canvas-tokens-web';
|
|
7
7
|
import { useActionBarModel } from './useActionBarModel';
|
|
8
8
|
export const actionBarListStencil = createStencil({
|
|
9
|
-
base: { name: "
|
|
10
|
-
}, "action-bar-list-
|
|
9
|
+
base: { name: "3u16mf", styles: "box-sizing:border-box;display:flex;box-shadow:var(--cnvs-sys-depth-2);gap:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem));background:var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));border-block-start:solid 0.0625rem var(--cnvs-sys-color-border-default, var(--cnvs-sys-color-border-divider, oklch(0.3057 0.079 256.22 / 0.13)));padding:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));position:fixed;inset-block-end:0;inset-inline:0;@media (max-width: 767.5px){> *{flex:1;}}" }
|
|
10
|
+
}, "action-bar-list-887890");
|
|
11
11
|
export const useActionBarList = useOverflowListMeasure;
|
|
12
12
|
export const ActionBarList = createSubcomponent('div')({
|
|
13
13
|
displayName: 'ActionBar.List',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxContainer.d.ts","sourceRoot":"","sources":["../../../../checkbox/lib/CheckboxContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,OAAO,EAA8B,MAAM,6BAA6B,CAAC;AAGjF,UAAU,sBAAuB,SAAQ,OAAO;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;
|
|
1
|
+
{"version":3,"file":"CheckboxContainer.d.ts","sourceRoot":"","sources":["../../../../checkbox/lib/CheckboxContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,OAAO,EAA8B,MAAM,6BAA6B,CAAC;AAGjF,UAAU,sBAAuB,SAAQ,OAAO;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAwCD,eAAO,MAAM,iBAAiB,4FAoB5B,CAAC"}
|
|
@@ -10,7 +10,7 @@ const checkboxContainerStencil = createStencil({
|
|
|
10
10
|
base: { name: "klclr", styles: "box-sizing:border-box;display:flex;align-items:center;min-height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));position:relative;&>div{display:flex;height:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));min-width:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));align-self:flex-start;position:relative;}[data-part=\"checkbox-container-label\"]{padding-inline-start:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));cursor:pointer;margin-block-start:calc(0.125rem * -1);}" },
|
|
11
11
|
modifiers: {
|
|
12
12
|
disabled: {
|
|
13
|
-
true: { name: "
|
|
13
|
+
true: { name: "bcjzk", styles: "[data-part=\"checkbox-container-label\"]{cursor:default;}" }
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
}, "checkbox-container-bafc3c");
|
|
@@ -42,19 +42,21 @@ export interface ItemProps extends ButtonContainerProps {
|
|
|
42
42
|
export declare const segmentedControlItemStencil: import("@workday/canvas-kit-styling").Stencil<{
|
|
43
43
|
size: {
|
|
44
44
|
large: {
|
|
45
|
-
height: "var(--cnvs-sys-size-
|
|
46
|
-
|
|
45
|
+
height: "var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem))";
|
|
46
|
+
fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem))";
|
|
47
47
|
};
|
|
48
48
|
medium: {
|
|
49
|
-
height: "var(--cnvs-
|
|
49
|
+
height: "var(--cnvs-base-size-350, 1.75rem)";
|
|
50
|
+
fontWeight: "var(--cnvs-sys-font-weight-semibold, 600)";
|
|
50
51
|
};
|
|
51
52
|
small: {
|
|
52
53
|
fontFamily: "--cnvs-sys-font-family-default";
|
|
53
54
|
fontSize: "var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem))";
|
|
54
55
|
lineHeight: "var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem))";
|
|
55
56
|
letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium))";
|
|
56
|
-
fontWeight: "--cnvs-sys-font-weight-
|
|
57
|
+
fontWeight: "--cnvs-sys-font-weight-medium";
|
|
57
58
|
height: "var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem))";
|
|
59
|
+
gap: "var(--cnvs-base-size-25, 0.125rem)";
|
|
58
60
|
};
|
|
59
61
|
};
|
|
60
62
|
variant: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,oBAAoB,EAAgB,MAAM,kCAAkC,CAAC;AAIjG,OAAO,EAAU,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAExE,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAMlE,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,2BAA2B
|
|
1
|
+
{"version":3,"file":"SegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAa,oBAAoB,EAAgB,MAAM,kCAAkC,CAAC;AAIjG,OAAO,EAAU,YAAY,EAAC,MAAM,mCAAmC,CAAC;AAExE,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAMlE,MAAM,WAAW,SAAU,SAAQ,oBAAoB;IACrD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAgJtC,CAAC;AAyBH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB/B,CAAC"}
|