@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.
Files changed (54) hide show
  1. package/action-bar/lib/ActionBarList.tsx +2 -3
  2. package/checkbox/lib/CheckboxContainer.tsx +0 -1
  3. package/dist/commonjs/action-bar/lib/ActionBarList.d.ts +1 -8
  4. package/dist/commonjs/action-bar/lib/ActionBarList.d.ts.map +1 -1
  5. package/dist/commonjs/action-bar/lib/ActionBarList.js +2 -2
  6. package/dist/commonjs/checkbox/lib/CheckboxContainer.d.ts.map +1 -1
  7. package/dist/commonjs/checkbox/lib/CheckboxContainer.js +1 -1
  8. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +6 -4
  9. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  10. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.js +17 -17
  11. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +12 -0
  12. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  13. package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +10 -4
  14. package/dist/commonjs/toast/lib/Toast.d.ts.map +1 -1
  15. package/dist/commonjs/toast/lib/Toast.js +2 -2
  16. package/dist/commonjs/toast/lib/ToastBody.d.ts.map +1 -1
  17. package/dist/commonjs/toast/lib/ToastBody.js +2 -3
  18. package/dist/commonjs/toast/lib/ToastCloseIcon.d.ts.map +1 -1
  19. package/dist/commonjs/toast/lib/ToastCloseIcon.js +3 -3
  20. package/dist/commonjs/toast/lib/ToastIcon.d.ts.map +1 -1
  21. package/dist/commonjs/toast/lib/ToastIcon.js +3 -3
  22. package/dist/commonjs/tooltip/lib/TooltipContainer.d.ts +1 -4
  23. package/dist/commonjs/tooltip/lib/TooltipContainer.d.ts.map +1 -1
  24. package/dist/commonjs/tooltip/lib/TooltipContainer.js +2 -2
  25. package/dist/es6/action-bar/lib/ActionBarList.d.ts +1 -8
  26. package/dist/es6/action-bar/lib/ActionBarList.d.ts.map +1 -1
  27. package/dist/es6/action-bar/lib/ActionBarList.js +3 -3
  28. package/dist/es6/checkbox/lib/CheckboxContainer.d.ts.map +1 -1
  29. package/dist/es6/checkbox/lib/CheckboxContainer.js +1 -1
  30. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +6 -4
  31. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts.map +1 -1
  32. package/dist/es6/segmented-control/lib/SegmentedControlItem.js +19 -19
  33. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +12 -0
  34. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  35. package/dist/es6/segmented-control/lib/SegmentedControlList.js +11 -5
  36. package/dist/es6/toast/lib/Toast.d.ts.map +1 -1
  37. package/dist/es6/toast/lib/Toast.js +3 -3
  38. package/dist/es6/toast/lib/ToastBody.d.ts.map +1 -1
  39. package/dist/es6/toast/lib/ToastBody.js +2 -3
  40. package/dist/es6/toast/lib/ToastCloseIcon.d.ts.map +1 -1
  41. package/dist/es6/toast/lib/ToastCloseIcon.js +4 -4
  42. package/dist/es6/toast/lib/ToastIcon.d.ts.map +1 -1
  43. package/dist/es6/toast/lib/ToastIcon.js +4 -4
  44. package/dist/es6/tooltip/lib/TooltipContainer.d.ts +1 -4
  45. package/dist/es6/tooltip/lib/TooltipContainer.d.ts.map +1 -1
  46. package/dist/es6/tooltip/lib/TooltipContainer.js +2 -2
  47. package/package.json +4 -4
  48. package/segmented-control/lib/SegmentedControlItem.tsx +23 -30
  49. package/segmented-control/lib/SegmentedControlList.tsx +17 -4
  50. package/toast/lib/Toast.tsx +11 -3
  51. package/toast/lib/ToastBody.tsx +1 -3
  52. package/toast/lib/ToastCloseIcon.tsx +5 -3
  53. package/toast/lib/ToastIcon.tsx +9 -3
  54. 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 {base, system} from '@workday/canvas-tokens-web';
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: `${system.legacy.padding.md} ${base.legacy.size500} `,
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
  },
@@ -43,7 +43,6 @@ const checkboxContainerStencil = createStencil({
43
43
  modifiers: {
44
44
  disabled: {
45
45
  true: ({labelPart}) => ({
46
- opacity: system.opacity.disabled,
47
46
  [labelPart]: {
48
47
  cursor: 'default',
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,iJAkB/B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAyB,CAAC;AAEvD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAjCxB;;;;;;;eAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCH,CAAC"}
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: "26gv02", 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)) var(--cnvs-base-size-500, 2.5rem) ;position:fixed;inset-block-end:0;inset-inline:0;@media (max-width: 767.5px){padding:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));> *{flex:1;}}" }
13
- }, "action-bar-list-d6d378");
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;AAyCD,eAAO,MAAM,iBAAiB,4FAoB5B,CAAC"}
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: "17zuhx", styles: "opacity:var(--cnvs-sys-opacity-disabled);[data-part=\"checkbox-container-label\"]{cursor:default;}" }
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-md, var(--cnvs-sys-space-x10, 2.5rem))";
46
- gap: "var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem))";
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-sys-size-sm, var(--cnvs-sys-space-x8, 2rem))";
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-bold";
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAuJtC,CAAC;AAyBH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB/B,CAAC"}
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: "2mfbpc", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-size:var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem));line-height:var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem));letter-spacing:var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large));font-weight:var(--cnvs-sys-font-weight-bold);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-md, var(--cnvs-sys-shape-x2, 0.5rem));--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:color-mix(in srgb, var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default, oklch(0.3337 0.0688 250.79 / 0.09))) , var(--cnvs-sys-color-surface-overlay-mixin, oklch(0.629 0.0281 255.62 / 1)) calc(var(--cnvs-sys-opacity-surface-hover, 0.08) * 100%));--label-button-a19f67:var(--cnvs-sys-color-fg-strong);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-strong);}&:active, &.active{--background-button-a19f67:color-mix(in srgb, var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default, oklch(0.3337 0.0688 250.79 / 0.09))) , var(--cnvs-sys-color-surface-overlay-mixin, oklch(0.629 0.0281 255.62 / 1)) calc(var(--cnvs-sys-opacity-surface-pressed, 0.18) * 100%));--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)));--border-button-a19f67:var(--cnvs-sys-color-border-input-default);--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-strong);--label-button-a19f67:var(--cnvs-sys-color-fg-strong);&:hover, &.hover{--color-system-icon-c9acc3:var(--cnvs-sys-color-fg-strong);--label-button-a19f67:var(--cnvs-sys-color-fg-strong);}&:disabled, &.disabled{--opacity-button-a19f67:var(--cnvs-sys-opacity-disabled);}}:dir(rtl){svg{transform:scaleX(-1);}}" },
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: "26cc28", styles: "height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));" },
44
- medium: { name: "3mhjwq", styles: "height:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));" },
45
- small: { name: "2fxe0a", 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-bold);height:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem));" }
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: "482srq", styles: "" },
49
- textOnly: { name: "1gvs2d", styles: "" },
50
- iconWithText: { name: "2gnle5", styles: "" }
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: "2dqtcf", styles: "min-width:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));" }
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: "bj6ly", styles: "padding-inline:var(--cnvs-sys-padding-lg, var(--cnvs-sys-space-x5, 1.25rem)) var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));" }
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: "2wqchc", styles: "padding-inline:var(--cnvs-sys-padding-xl, var(--cnvs-sys-space-x6, 1.5rem));" }
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: "1cigiy", styles: "min-width:var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem));" }
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: "pfwr1", styles: "padding-inline:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem)) var(--cnvs-sys-padding-lg, var(--cnvs-sys-space-x5, 1.25rem));" }
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: "3d4865", styles: "padding-inline:var(--cnvs-sys-padding-lg, var(--cnvs-sys-space-x5, 1.25rem));" }
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: "csa7w", styles: "min-width:var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem));" }
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: "32c5wa", 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));" }
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: "3tat0u", styles: "padding-inline:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));" }
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-7b0971");
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;;;;;;;;;;;;;;;gBAsBtC,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkB/B,CAAC"}
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: "40q6zj", styles: "box-sizing:border-box;display:inline-grid;background-color:var(--cnvs-sys-color-surface-alt-strong, var(--cnvs-sys-color-bg-alt-default, oklch(0.3337 0.0688 250.79 / 0.09)));border:0 solid var(--cnvs-sys-color-border-transparent);border-radius:var(--cnvs-sys-shape-lg, 0.75rem);padding:var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem));grid-gap:var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem));" },
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: "1f86o9", styles: "grid-template-rows:repeat(var(--items-segmented-control-list-55b1aa), 1fr);" },
18
- horizontal: { name: "40u8ek", styles: "grid-template-columns:repeat(var(--items-segmented-control-list-55b1aa), 1fr);" }
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-55b1aa");
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;AA6C5F;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;IAId;;;;;;;;;OASG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;;;;IAEH;;OAEG;;CAYL,CAAC"}
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: "2iwoo", styles: "box-sizing:border-box;display:flex;flex-direction:row;width:22.5rem;padding:0;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));border-radius:var(--cnvs-sys-shape-xl, var(--cnvs-sys-shape-x4, 1rem));" }
49
- }, "toast-3c71ec");
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;AAItD,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC;CAAG;AAE1E,eAAO,MAAM,gBAAgB,iJAS3B,CAAC;AAEH,eAAO,MAAM,SAAS,oFASpB,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: "ocyto", styles: "box-sizing:border-box;align-items:flex-start;flex-direction:column;justify-content:center;padding-block:var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem));flex-grow:1;gap:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));" }
11
- }, "toast-body-ac2901");
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,iJAIhC,CAAC;AAEH,eAAO,MAAM,cAAc,4FAYzB,CAAC"}
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: "22ooiv", styles: "box-sizing:border-box;position:relative;" }
11
- }, "toast-close-icon-f7cf19");
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: "small", ...(0, layout_1.mergeStyles)(elemProps, (0, exports.toastCloseIconStencil)()) }));
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,iJAK3B,CAAC;AAEH,eAAO,MAAM,SAAS,oFAKpB,CAAC"}
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: "1cz629", styles: "box-sizing:border-box;align-self:start;margin:var(--cnvs-sys-gap-md, var(--cnvs-sys-space-x4, 1rem)) var(--cnvs-base-size-150, 0.75rem);" }
11
- }, "toast-icon-4762f0");
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
- padding: string;
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;;;;;;;;;;;;gBAuElC,CAAC;AAEH,eAAO,MAAM,gBAAgB,2FA4B3B,CAAC"}
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: "1b889m", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);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));display:inline-flex;position:relative;padding:var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem));color:var(--cnvs-sys-color-fg-inverse);animation-name:animation-3s4los;animation-duration:150ms;animation-timing-function:ease-out;transform-origin:var(--tooltipTransformOriginVertical-tooltip-container-0d74d6) var(--tooltipTransformOriginHorizontal-tooltip-container-0d74d6);a{color:var(--cnvs-sys-color-fg-inverse);text-decoration:underline;}&:before{content:\"\";border-radius:var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x2, 0.5rem));outline:0.0625rem solid transparent;outline-offset:-0.0625rem;z-index:-1;margin:var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem));background-color:var(--cnvs-sys-color-surface-contrast-default, var(--cnvs-sys-color-bg-contrast-default, oklch(0.0969 0 0 / 0.84)));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);}" },
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: "2hslnx", styles: "padding:calc(var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem)) - calc(var(--cnvs-sys-padding-xxs, var(--cnvs-sys-space-x1, 0.25rem)) / 2));&:before{margin:var(--cnvs-base-size-75, 0.375rem);}" }
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,iJAkB/B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAyB,CAAC;AAEvD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAjCxB;;;;;;;eAOG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCH,CAAC"}
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 { base, system } from '@workday/canvas-tokens-web';
6
+ import { system } from '@workday/canvas-tokens-web';
7
7
  import { useActionBarModel } from './useActionBarModel';
8
8
  export const actionBarListStencil = createStencil({
9
- base: { name: "26gv02", 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)) var(--cnvs-base-size-500, 2.5rem) ;position:fixed;inset-block-end:0;inset-inline:0;@media (max-width: 767.5px){padding:var(--cnvs-sys-size-xxxs, var(--cnvs-sys-space-x4, 1rem));> *{flex:1;}}" }
10
- }, "action-bar-list-d6d378");
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;AAyCD,eAAO,MAAM,iBAAiB,4FAoB5B,CAAC"}
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: "17zuhx", styles: "opacity:var(--cnvs-sys-opacity-disabled);[data-part=\"checkbox-container-label\"]{cursor:default;}" }
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-md, var(--cnvs-sys-space-x10, 2.5rem))";
46
- gap: "var(--cnvs-sys-gap-sm, var(--cnvs-sys-space-x2, 0.5rem))";
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-sys-size-sm, var(--cnvs-sys-space-x8, 2rem))";
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-bold";
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAuJtC,CAAC;AAyBH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmB/B,CAAC"}
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"}