@workday/canvas-kit-react 15.0.0-alpha.1326-next.0 → 15.0.1

package/dist/es6/text-input/lib/TextInput.js

@@ -1,27 +1,27 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createComponent, ErrorType, forwardFitTokens, } from '@workday/canvas-kit-react/common';
-import { createStencil, cssVar, px2rem, calc } from '@workday/canvas-kit-styling';
-import { brand, system } from '@workday/canvas-tokens-web';
+import { ErrorType, createComponent } from '@workday/canvas-kit-react/common';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
+import { createStencil, cssVar, px2rem } from '@workday/canvas-kit-styling';
+import { system } from '@workday/canvas-tokens-web';
 export const textInputStencil = createStencil({
     vars: {
         width: '',
     },
-    base: { name: "2waldc", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-large);font-size:var(--cnvs-sys-font-size-subtext-large);letter-spacing:var(--cnvs-base-letter-spacing-150);display:block;border:0.0625rem solid var(--cnvs-sys-color-border-input-default);background-color:var(--cnvs-sys-color-bg-default);border-radius:var(--cnvs-sys-shape-sm, var(--cnvs-sys-shape-x1-half));height:var(--cnvs-sys-space-x10);transition:0.2s box-shadow, 0.2s border-color;padding:var(--cnvs-sys-space-x2);margin:0rem;width:var(--width-text-input-ea22d2);min-width:var(--width-text-input-ea22d2, calc(calc(var(--cnvs-sys-space-x20) * 3) + var(--cnvs-sys-space-x10)));color:var(--cnvs-sys-color-text-default);text-overflow:ellipsis;::-ms-clear{display:none;}&::placeholder{color:var(--cnvs-sys-color-text-hint);}&:is(:hover, .hover){border-color:var(--cnvs-sys-color-border-input-strong);}&:is(:focus-visible, .focus):where(:not([disabled])){border-color:var(--cnvs-brand-common-focus-outline);box-shadow:inset 0 0 0 1px var(--cnvs-brand-common-focus-outline);outline:0.125rem solid transparent;}&:is(:disabled, .disabled){background-color:var(--cnvs-sys-color-bg-alt-softer);border-color:var(--cnvs-sys-color-border-input-disabled);color:var(--cnvs-sys-color-fg-disabled);&::placeholder{color:var(--cnvs-sys-color-fg-disabled);}}" },
+    base: { name: "3u8fp9", 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));font-weight:var(--cnvs-sys-font-weight-normal);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));display:block;border:0.0625rem solid var(--cnvs-sys-color-border-input-default);background-color:var(--cnvs-sys-color-surface-default, var(--cnvs-sys-color-bg-default, oklch(1 0 0 / 1)));border-radius:var(--cnvs-sys-shape-md, var(--cnvs-sys-shape-x2, 0.5rem));height:var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem));transition:0.2s box-shadow, 0.2s border-color;padding:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));margin:0;width:var(--width-text-input-6e98c5);min-width:var(--width-text-input-6e98c5, 17.5rem);color:var(--cnvs-sys-color-fg-default);text-overflow:ellipsis;::-ms-clear{display:none;}&::placeholder{color:var(--cnvs-sys-color-fg-muted-default);}&:is(:hover, .hover):where(:not([disabled], .disabled)){border-color:var(--cnvs-sys-color-border-input-hover, var(--cnvs-sys-color-border-input-strong, oklch(0.1595 0.0431 250.87 / 0.7)));}&:is(:focus-visible, .focus):where(:not([disabled])){border-color:var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)));box-shadow:inset 0 0 0 1px var(--cnvs-sys-color-brand-focus-primary, var(--cnvs-brand-common-focus-outline, oklch(0.6023 0.2032 255.68 / 1)));outline:0.125rem solid transparent;}&:is(:disabled, .disabled){opacity:var(--cnvs-sys-opacity-disabled);&::placeholder{opacity:var(--cnvs-sys-opacity-disabled);}}" },
     modifiers: {
         grow: {
-            true: { name: "e47yc", styles: "width:100%;resize:vertical;" },
-            false: { name: "2ga9hl", styles: "width:initial;" }
+            true: { name: "26lsnf", styles: "width:100%;resize:vertical;" },
+            false: { name: "4l67h", styles: "width:initial;" }
         },
         error: {
-            error: { name: "38xf27", styles: "border-color:var(--cnvs-brand-common-error-inner);border-width:0.125rem;background-color:var(--cnvs-brand-error-lightest);&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled])){border-color:var(--cnvs-brand-common-error-inner);}&:is(:focus-visible, .focus):not([disabled]){box-shadow:0 0 0 2px var(--cnvs-sys-color-border-inverse), 0 0 0 4px var(--cnvs-brand-common-focus-outline);outline-offset:0.125rem;}" },
-            caution: { name: "3xijr2", styles: "border-color:var(--cnvs-brand-common-alert-outer);box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner);background-color:var(--cnvs-brand-alert-lightest);&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled])){border-color:var(--cnvs-brand-common-alert-outer);}&:is(:focus-visible, .focus):not([disabled]){box-shadow:inset 0 0 0 0.125rem var(--cnvs-brand-common-alert-inner),\n        0 0 0 2px var(--cnvs-sys-color-border-inverse),\n        0 0 0 4px var(--cnvs-brand-common-focus-outline);}outline-offset:0.125rem;" }
+            error: { name: "1m8uza", styles: "border-color:var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1));box-shadow:inset 0 0 0 0.125rem var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1));background-color:var(--cnvs-sys-color-brand-surface-critical-default, oklch(0.6289 0.2567 29.11 / 0.04));&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled])){border-color:var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1));}&:is(:focus-visible, .focus):not([disabled]){box-shadow:inset 0 0 0 0.125rem var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1)),\n        0 0 0 2px var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1))),\n        0 0 0 4px var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1));outline-offset:0.125rem;}" },
+            caution: { name: "3du5wd", styles: "border-color:var(--cnvs-sys-color-brand-border-caution, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)));box-shadow:inset 0 0 0 0.125rem var(--cnvs-sys-color-brand-focus-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1)));background-color:var(--cnvs-sys-color-brand-surface-caution-default, oklch(0.7982 0.159 92.57 / 0.1));&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled])){border-color:var(--cnvs-sys-color-brand-border-caution, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)));}&:is(:focus-visible, .focus):not([disabled]){box-shadow:inset 0 0 0 0.125rem var(--cnvs-sys-color-brand-focus-caution-inner, var(--cnvs-brand-common-alert-inner, oklch(0.7909 0.1711 70.15 / 1))),\n        0 0 0 2px var(--cnvs-sys-color-focus-inverse, var(--cnvs-sys-color-border-input-inverse, oklch(1 0 0 / 1))),\n        0 0 0 4px var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1));}outline-offset:0.125rem;" }
         }
     },
     defaultModifiers: {
         grow: 'false',
     }
-}, "text-input-ea22d2");
+}, "text-input-6e98c5");
 export const TextInput = createComponent('input')({
     displayName: 'TextInput',
     Component: ({ grow, error, width, ...elemProps }, ref, Element) => {

package/dist/es6/toast/lib/Toast.d.ts

@@ -10,7 +10,7 @@ export interface ToastProps extends Omit<ExtractProps<typeof Popup.Card, never>,
  *
  * const MyToast = (props: CardProps) => (
  *    <Toast mode="dialog" aria-label="notifcation">
- *      <Toast.Icon icon={checkIcon} color={colors.greenApple400} />
+ *      <Toast.Icon icon={checkIcon} color={system.color.fg.success.default} />
  *      <Toast.Body>
  *        <Toast.Message>Your workbook was successfully processed.</Toast.Message>
  *        <Toast.Link href="#hreflink">Custom Link</Toast.Link>

package/dist/es6/toast/lib/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../toast/lib/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAYtD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,OAAO,CAAC;CAAG;AA4C5F;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;IAId;;;;;;;;;OASG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;;;;;;;IAEH;;OAEG;;CAYL,CAAC"}
+{"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"}

package/dist/es6/toast/lib/Toast.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContainer } from '@workday/canvas-kit-react/common';
+import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { Popup } from '@workday/canvas-kit-react/popup';
+import { createStencil, px2rem } from '@workday/canvas-kit-styling';
+import { system } from '@workday/canvas-tokens-web';
+import { ToastBody } from './ToastBody';
 import { ToastCloseIcon } from './ToastCloseIcon';
 import { ToastIcon } from './ToastIcon';
-import { ToastMessage } from './ToastMessage';
 import { ToastLink } from './ToastLink';
-import { ToastBody } from './ToastBody';
+import { ToastMessage } from './ToastMessage';
 import { useToastModel } from './hooks/useToastModel';
-import { calc, createStencil } from '@workday/canvas-kit-styling';
-import { system } from '@workday/canvas-tokens-web';
-import { mergeStyles } from '@workday/canvas-kit-react/layout';
 /**
  * The function helps set the correct aria attributes based on the mode
  * @param mode Defines what aria attributes will be added to the main container
@@ -42,8 +42,8 @@ const getAriaAttributes = (mode, id) => {
     }
 };
 const toastStencil = createStencil({
-    base: { name: "wgkt6", styles: "box-sizing:border-box;display:flex;flex-direction:row;width:calc(calc(var(--cnvs-sys-space-x20) * 4) + var(--cnvs-sys-space-x10));padding:var(--cnvs-sys-space-zero);gap:var(--cnvs-sys-space-x1);" }
-}, "toast-55513d");
+    base: { name: "1b714o", 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));" }
+}, "toast-3c71ec");
 /**
  * Toast is a compound component that has different modes based on its contents. The modes add the proper aria attributes for accessibility
  *
@@ -52,7 +52,7 @@ const toastStencil = createStencil({
  *
  * const MyToast = (props: CardProps) => (
  *    <Toast mode="dialog" aria-label="notifcation">
- *      <Toast.Icon icon={checkIcon} color={colors.greenApple400} />
+ *      <Toast.Icon icon={checkIcon} color={system.color.fg.success.default} />
  *      <Toast.Body>
  *        <Toast.Message>Your workbook was successfully processed.</Toast.Message>
  *        <Toast.Link href="#hreflink">Custom Link</Toast.Link>

package/dist/es6/toast/lib/ToastBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastBody.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAKtD,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC;CAAG;AAE1E,eAAO,MAAM,gBAAgB,iJAU3B,CAAC;AAEH,eAAO,MAAM,SAAS,oFASpB,CAAC"}
+{"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"}

package/dist/es6/toast/lib/ToastBody.js

@@ -4,7 +4,7 @@ import { Flex, mergeStyles } from '@workday/canvas-kit-react/layout';
 import { createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
 export const toastBodyStencil = createStencil({
-    base: { name: "2nyplj", styles: "box-sizing:border-box;align-items:flex-start;flex-direction:column;justify-content:center;padding-top:var(--cnvs-sys-space-x4);padding-bottom:var(--cnvs-sys-space-x4);flex-grow:1;gap:var(--cnvs-sys-space-x1);" }
+    base: { name: "169om8", 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));" }
 }, "toast-body-ac2901");
 export const ToastBody = createComponent('div')({
     displayName: 'Toast.Body',

package/dist/es6/toast/lib/ToastCloseIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastCloseIcon.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastCloseIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAItD,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"}
+{"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"}

package/dist/es6/toast/lib/ToastCloseIcon.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createComponent } from '@workday/canvas-kit-react/common';
+import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { Popup } from '@workday/canvas-kit-react/popup';
 import { createStencil } from '@workday/canvas-kit-styling';
-import { mergeStyles } from '@workday/canvas-kit-react/layout';
 export const toastCloseIconStencil = createStencil({
-    base: { name: "y3ldu", styles: "box-sizing:border-box;position:relative;" }
+    base: { name: "1s9tjs", styles: "box-sizing:border-box;position:relative;" }
 }, "toast-close-icon-f7cf19");
 export const ToastCloseIcon = createComponent('button')({
     displayName: 'Toast.CloseIcon',

package/dist/es6/toast/lib/ToastIcon.js

@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { createComponent } from '@workday/canvas-kit-react/common';
 import { SystemIcon } from '@workday/canvas-kit-react/icon';
 import { createStencil, handleCsProp } from '@workday/canvas-kit-styling';
-import { system } from '@workday/canvas-tokens-web';
+import { base, system } from '@workday/canvas-tokens-web';
 export const toastIconStencil = createStencil({
-    base: { name: "4ddnvm", styles: "box-sizing:border-box;align-self:start;margin:var(--cnvs-sys-space-x4) var(--cnvs-sys-space-x3);" }
-}, "toast-icon-22b05a");
+    base: { name: "2sy6pc", 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);" }
+}, "toast-icon-4762f0");
 export const ToastIcon = createComponent('div')({
     displayName: 'Toast.Icon',
     Component: (elemProps, ref, Element) => {

package/dist/es6/toast/lib/ToastLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastLink.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastLink.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAE3E,MAAM,WAAW,cAAe,SAAQ,cAAc;CAAG;AAEzD,eAAO,MAAM,SAAS,kFASpB,CAAC"}
+{"version":3,"file":"ToastLink.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastLink.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAG3E,MAAM,WAAW,cAAe,SAAQ,cAAc;CAAG;AAEzD,eAAO,MAAM,SAAS,kFASpB,CAAC"}

package/dist/es6/toast/lib/ToastLink.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createComponent } from '@workday/canvas-kit-react/common';
 import { Hyperlink } from '@workday/canvas-kit-react/button';
+import { createComponent } from '@workday/canvas-kit-react/common';
 export const ToastLink = createComponent('a')({
     displayName: 'Toast.Link',
     Component: ({ children, href, ...elemProps }, ref, Element) => {

package/dist/es6/toast/lib/ToastMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastMessage.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAElF,OAAO,EAAC,OAAO,EAAC,MAAM,gCAAgC,CAAC;AAKvD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,OAAO,CAAC,EAAE,MAAM,CAAC;CAAG;AAExF,eAAO,MAAM,mBAAmB,iJAM9B,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;EAavB,CAAC"}
+{"version":3,"file":"ToastMessage.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAElF,OAAO,EAAC,OAAO,EAAC,MAAM,gCAAgC,CAAC;AAKvD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,OAAO,CAAC,EAAE,MAAM,CAAC;CAAG;AAExF,eAAO,MAAM,mBAAmB,iJAK9B,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;EAavB,CAAC"}

package/dist/es6/toast/lib/ToastMessage.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createSubcomponent } from '@workday/canvas-kit-react/common';
-import { useToastModel } from './hooks/useToastModel';
+import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { Subtext } from '@workday/canvas-kit-react/text';
 import { createStencil } from '@workday/canvas-kit-styling';
-import { mergeStyles } from '@workday/canvas-kit-react/layout';
-import { system } from '@workday/canvas-tokens-web';
+import { useToastModel } from './hooks/useToastModel';
 export const toastMessageStencil = createStencil({
-    base: { name: "35obmp", styles: "box-sizing:border-box;word-break:break-word;margin-block-start:var(--cnvs-sys-space-zero);margin-block-end:var(--cnvs-sys-space-zero);" }
-}, "toast-message-19d226");
+    base: { name: "45dg74", styles: "box-sizing:border-box;word-break:break-word;margin-block:0;" }
+}, "toast-message-ff5220");
 export const ToastMessage = createSubcomponent('p')({
     modelHook: useToastModel,
 })(({ children, ...elemProps }, Element, model) => {

package/dist/es6/toast/lib/hooks/useToastModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToastModel.d.ts","sourceRoot":"","sources":["../../../../../toast/lib/hooks/useToastModel.tsx"],"names":[],"mappings":"AACA,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,eAAO,MAAM,aAAa;IAEtB;;;;;;;;OAQG;;IAEH;;OAEG;;;;;QAZH;;;;;;;;WAQG;;;;;IARH;;;;;;;;OAQG;;IAEH;;OAEG;;;;IAZH;;;;;;;;OAQG;;;;;QARH;;;;;;;;WAQG;;;;EAeL,CAAC"}
+{"version":3,"file":"useToastModel.d.ts","sourceRoot":"","sources":["../../../../../toast/lib/hooks/useToastModel.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzD,eAAO,MAAM,aAAa;IAEtB;;;;;;;;OAQG;;IAEH;;OAEG;;;;;QAZH;;;;;;;;WAQG;;;;;IARH;;;;;;;;OAQG;;IAEH;;OAEG;;;;IAZH;;;;;;;;OAQG;;;;;QARH;;;;;;;;WAQG;;;;EAeL,CAAC"}

package/dist/es6/tokens/index.d.ts

@@ -1,9 +1,9 @@
 import { buttonColors, chartingColorOffsets, chartingColors, colors, commonColors, gradients, iconColors, inputColors, statusColors, typeColors } from '@workday/canvas-colors-web';
-import { borderRadius, CanvasBorderRadius, CanvasBorderRadiusKeys, CanvasBorderRadiusValues } from './lib/radius';
 import { BrandingColor, CanvasColor } from './lib/colors.types';
-import { depth, CanvasDepth, CanvasDepthValues } from './lib/depth';
-import { space, CanvasSpace, CanvasSpaceKeys, CanvasSpaceValues, CanvasSpaceNumberValues, CanvasSpaceNumbers, spaceNumbers } from './lib/space';
-import { type, fontFamily, monoFontFamily, CanvasType, CanvasTypeProperties, CanvasTypeVariants, CanvasTypeHierarchy } from './lib/type';
+import { CanvasDepth, CanvasDepthValues, depth } from './lib/depth';
+import { CanvasBorderRadius, CanvasBorderRadiusKeys, CanvasBorderRadiusValues, borderRadius } from './lib/radius';
+import { CanvasSpace, CanvasSpaceKeys, CanvasSpaceNumberValues, CanvasSpaceNumbers, CanvasSpaceValues, space, spaceNumbers } from './lib/space';
+import { CanvasType, CanvasTypeHierarchy, CanvasTypeProperties, CanvasTypeVariants, fontFamily, monoFontFamily, type } from './lib/type';
 import { CSSProperties } from './lib/types';
 export declare const canvas: {
     /**
@@ -534,7 +534,7 @@ export declare const canvas: {
      * // before
      * import { type } from '@workday/canvas-kit-react/tokens';
      * const styles = css({
-     *   ...type.levels.body.large,
+     *   ...type.levels.body.lg,
      *   fontWeight: type.properties.fontWeights.bold,
      *   color: type.variants.error,
      * })
@@ -543,7 +543,7 @@ export declare const canvas: {
      * import { system } from '@workday/canvas-tokens-web';
      * import { createStyles } from '@workday/canvas-kit-styling';
      * const styles = createStyles({
-     *   ...system.type.body.large,
+     *   ...system.type.body.lg,
      *   fontWeight: system.fontWeight.bold,
      *   color: system.color.fg.critical.default,
      * })
@@ -770,7 +770,7 @@ spaceNumbers,
  * import { system } from '@workday/canvas-tokens-web';
  * import { createStyles } from '@workday/canvas-kit-styling';
  * const styles = createStyles({
- *   ...system.type.body.large,
+ *   ...system.type.body.lg,
  *   fontWeight: system.fontWeight.bold,
  *   color: system.color.fg.critical.default,
  * })

package/dist/es6/tokens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tokens/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tokens/index.ts"],"names":[],"mappings":"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"}

package/dist/es6/tokens/index.js

@@ -1,9 +1,9 @@
 import { buttonColors, chartingColorOffsets, chartingColors, colors, commonColors, gradients, iconColors, inputColors, statusColors, typeColors, } from '@workday/canvas-colors-web';
-import { borderRadius, } from './lib/radius';
 import { BrandingColor } from './lib/colors.types';
 import { depth } from './lib/depth';
+import { borderRadius, } from './lib/radius';
 import { space, spaceNumbers, } from './lib/space';
-import { type, fontFamily, monoFontFamily, } from './lib/type';
+import { fontFamily, monoFontFamily, type, } from './lib/type';
 export const canvas = {
     /**
      * @deprecated Use brand or system color tokens from `@workday/canvas-tokens-web` instead. View Docs [here](https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs).
@@ -132,7 +132,7 @@ export const canvas = {
      * // before
      * import { type } from '@workday/canvas-kit-react/tokens';
      * const styles = css({
-     *   ...type.levels.body.large,
+     *   ...type.levels.body.lg,
      *   fontWeight: type.properties.fontWeights.bold,
      *   color: type.variants.error,
      * })
@@ -141,7 +141,7 @@ export const canvas = {
      * import { system } from '@workday/canvas-tokens-web';
      * import { createStyles } from '@workday/canvas-kit-styling';
      * const styles = createStyles({
-     *   ...system.type.body.large,
+     *   ...system.type.body.lg,
      *   fontWeight: system.fontWeight.bold,
      *   color: system.color.fg.critical.default,
      * })
@@ -359,7 +359,7 @@ spaceNumbers,
  * import { system } from '@workday/canvas-tokens-web';
  * import { createStyles } from '@workday/canvas-kit-styling';
  * const styles = createStyles({
- *   ...system.type.body.large,
+ *   ...system.type.body.lg,
  *   fontWeight: system.fontWeight.bold,
  *   color: system.color.fg.critical.default,
  * })

package/dist/es6/tokens/lib/type/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../tokens/lib/type/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAY,eAAe,EAAC,MAAM,aAAa,CAAC;AACvD,OAAO,EAAc,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAS,mBAAmB,EAAC,MAAM,UAAU,CAAC;AACrD,OAAO,EAAW,kBAAkB,EAAC,MAAM,YAAY,CAAC;AAExD,OAAO,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAE1D,gRAAgR;AAChR,YAAY,EAAC,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAC,CAAC;AAuB5E;;;;;;;;;;;;KAYK;AACL,eAAO,MAAM,IAAI,EAAE,UAIlB,CAAC;AAEF,kOAAkO;AAClO,KAAK,oBAAoB,GAAG;IAC1B;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,YAAY,EAAE,kBAAkB,CAAC;IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;IACH,SAAS,EAAE,eAAe,CAAC;IAC3B;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,WAAW,EAAE,iBAAiB,CAAC;CAChC,CAAC;AAEF,wNAAwN;AACxN,MAAM,MAAM,UAAU,GAAG;IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BG;IACH,MAAM,EAAE,mBAAmB,CAAC;IAC5B;;;;;;;;;;;;;;OAcG;IACH,UAAU,EAAE,oBAAoB,CAAC;IACjC;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,QAAQ,EAAE,kBAAkB,CAAC;CAC9B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../tokens/lib/type/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAe,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAC,eAAe,EAAY,MAAM,aAAa,CAAC;AACvD,OAAO,EAAC,iBAAiB,EAAc,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAC,mBAAmB,EAAS,MAAM,UAAU,CAAC;AACrD,OAAO,EAAC,kBAAkB,EAAW,MAAM,YAAY,CAAC;AAExD,OAAO,EAAC,UAAU,EAAE,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAE1D,gRAAgR;AAChR,YAAY,EAAC,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAC,CAAC;AAuB5E;;;;;;;;;;;;KAYK;AACL,eAAO,MAAM,IAAI,EAAE,UAIlB,CAAC;AAEF,kOAAkO;AAClO,KAAK,oBAAoB,GAAG;IAC1B;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,YAAY,EAAE,kBAAkB,CAAC;IACjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA4BG;IACH,SAAS,EAAE,eAAe,CAAC;IAC3B;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,WAAW,EAAE,iBAAiB,CAAC;CAChC,CAAC;AAEF,wNAAwN;AACxN,MAAM,MAAM,UAAU,GAAG;IACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BG;IACH,MAAM,EAAE,mBAAmB,CAAC;IAC5B;;;;;;;;;;;;;;OAcG;IACH,UAAU,EAAE,oBAAoB,CAAC;IACjC;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,QAAQ,EAAE,kBAAkB,CAAC;CAC9B,CAAC"}

package/dist/es6/tokens/lib/type/variants.d.ts

@@ -1,4 +1,4 @@
-import { typeColors, statusColors } from '@workday/canvas-colors-web';
+import { statusColors, typeColors } from '@workday/canvas-colors-web';
 /** ### Canvas Type Variants
  * [View Storybook Docs](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs)
  *

package/dist/es6/tokens/lib/type/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../../tokens/lib/type/variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ,EAAE,kBAUtB,CAAC;AAEF,gOAAgO;AAChO,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,YAAY,CAAC,KAAK,CAAC;KAClC,CAAC;IACF;;;OAGG;IACH,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,UAAU,CAAC,IAAI,CAAC;KAC/B,CAAC;IACF;;;;OAIG;IACH,OAAO,EAAE;QACP,KAAK,EAAE,OAAO,UAAU,CAAC,OAAO,CAAC;KAClC,CAAC;CACH,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../../tokens/lib/type/variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,UAAU,EAAC,MAAM,4BAA4B,CAAC;AAEpE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ,EAAE,kBAUtB,CAAC;AAEF,gOAAgO;AAChO,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,KAAK,EAAE;QACL,KAAK,EAAE,OAAO,YAAY,CAAC,KAAK,CAAC;KAClC,CAAC;IACF;;;OAGG;IACH,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO,UAAU,CAAC,IAAI,CAAC;KAC/B,CAAC;IACF;;;;OAIG;IACH,OAAO,EAAE;QACP,KAAK,EAAE,OAAO,UAAU,CAAC,OAAO,CAAC;KAClC,CAAC;CACH,CAAC"}

package/dist/es6/tokens/lib/type/variants.js

@@ -1,4 +1,4 @@
-import { typeColors, statusColors } from '@workday/canvas-colors-web';
+import { statusColors, typeColors } from '@workday/canvas-colors-web';
 /** ### Canvas Type Variants
  * [View Storybook Docs](https://workday.github.io/canvas-tokens/?path=/docs/docs-system-tokens-type--docs)
  *

package/dist/es6/tokens/lib/types.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties as RCP } from 'react';
 import { CSSObject } from '@emotion/styled';
+import { CSSProperties as RCP } from 'react';
 export type CSSProperties = RCP & CSSObject;
 //# sourceMappingURL=types.d.ts.map

package/dist/es6/tokens/lib/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../tokens/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,IAAI,GAAG,EAAC,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../tokens/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAC,aAAa,IAAI,GAAG,EAAC,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,SAAS,CAAC"}

package/dist/es6/tooltip/lib/OverflowTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/OverflowTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,SAAS,EAGV,MAAM,iCAAiC,CAAC;AAMzC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,YAAa,OAAO,KAAG,OAAO,GAAG,IAmBhE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,YAAa,OAAO,KAAG,OAAO,GAAG,IAahE,CAAC;AAcF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F;;;;;;;OAOG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;CAClC;AAiBD,eAAO,MAAM,eAAe,8DAKzB,oBAAoB,4CAwCtB,CAAC"}
+{"version":3,"file":"OverflowTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/OverflowTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,SAAS,EAIV,MAAM,iCAAiC,CAAC;AAKzC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,YAAa,OAAO,KAAG,OAAO,GAAG,IAmBhE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,YAAa,OAAO,KAAG,OAAO,GAAG,IAahE,CAAC;AAcF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC/F;;;;;;;OAOG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;CAClC;AAoBD,eAAO,MAAM,eAAe,8DAKzB,oBAAoB,4CAwCtB,CAAC"}

package/dist/es6/tooltip/lib/OverflowTooltip.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { getTransformFromPlacement, Popper, defaultFallbackPlacements, } from '@workday/canvas-kit-react/popup';
 import { mergeCallback } from '@workday/canvas-kit-react/common';
+import { Popper, defaultFallbackPlacements, getTransformFromPlacement, } from '@workday/canvas-kit-react/popup';
 import { TooltipContainer } from './TooltipContainer';
 import { useTooltip } from './useTooltip';
 /**

package/dist/es6/tooltip/lib/Tooltip.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Placement } from '@workday/canvas-kit-react/popup';
-export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+import { CSProps } from '@workday/canvas-kit-styling';
+export interface TooltipProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>, CSProps {
     /**
      * This should be a string in most cases. HTML is supported, but only text is understood
      * by assistive technology. This is true for both `label` and `describe` modes.

package/dist/es6/tooltip/lib/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,SAAS,EAGV,MAAM,iCAAiC,CAAC;AAMzC,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF;;;;;;;;;;;;;;OAcG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;;;;OAOG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IACjC;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,CAAC;IACtD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiBD,eAAO,MAAM,OAAO,kFA0ClB,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACL,SAAS,EAIV,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAC,OAAO,EAAe,MAAM,6BAA6B,CAAC;AAKlE,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO;IAChG;;;;;;;;;;;;;;OAcG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;;;;OAOG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IACjC;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,CAAC;IACtD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,eAAO,MAAM,OAAO,kFAsElB,CAAC"}

package/dist/es6/tooltip/lib/Tooltip.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import innerText from 'react-innertext';
-import { getTransformFromPlacement, Popper, defaultFallbackPlacements, } from '@workday/canvas-kit-react/popup';
-import { createComponent, mergeCallback } from '@workday/canvas-kit-react/common';
+import { createComponent, mergeCallback, useLocalRef } from '@workday/canvas-kit-react/common';
+import { Popper, defaultFallbackPlacements, getTransformFromPlacement, } from '@workday/canvas-kit-react/popup';
+import { handleCsProp } from '@workday/canvas-kit-styling';
 import { TooltipContainer } from './TooltipContainer';
 import { useTooltip } from './useTooltip';
 function mergeCallbacks(elemProps, componentProps, keys = Object.keys(componentProps)) {
@@ -26,6 +27,24 @@ export const Tooltip = createComponent('div')({
             showDelay,
             hideDelay,
         });
+        const [elementHasFocus, setElementHasFocus] = React.useState(false);
+        const { localRef: targetRef } = useLocalRef();
+        React.useEffect(() => {
+            const target = targetRef.current;
+            if (!target) {
+                return;
+            }
+            const updateFocusState = () => {
+                setElementHasFocus(target.matches(':focus-visible') || target.classList.contains('focus'));
+            };
+            updateFocusState(); // Check initial state
+            target.addEventListener('focus', updateFocusState);
+            target.addEventListener('blur', updateFocusState);
+            return () => {
+                target.removeEventListener('focus', updateFocusState);
+                target.removeEventListener('blur', updateFocusState);
+            };
+        }, [targetRef]);
         return (_jsxs(React.Fragment, { children: [React.cloneElement(children, {
                     ...targetProps,
                     ...mergeCallbacks(children.props, targetProps),
@@ -34,7 +53,7 @@ export const Tooltip = createComponent('div')({
                         : {}),
                 }), _jsx(Popper, { placement: placement, fallbackPlacements: fallbackPlacements, ...popperProps, children: ({ placement }) => {
                         const transformOrigin = getTransformFromPlacement(placement);
-                        return (_jsx(TooltipContainer, { transformOrigin: transformOrigin, ...elemProps, ...tooltipProps, children: title }));
+                        return (_jsx(TooltipContainer, { transformOrigin: transformOrigin, ...handleCsProp(elemProps), ...tooltipProps, elementHasFocus: elementHasFocus, children: title }));
                     } })] }));
     },
 });

package/dist/es6/tooltip/lib/TooltipContainer.d.ts

@@ -12,17 +12,21 @@ export interface TooltipContainerProps extends React.HTMLAttributes<HTMLDivEleme
      */
     id?: string;
     /**
-     * optional popper properties if `placement` is set
+     * Whether the anchor element has focus-visible. Used to adjust tooltip styling.
+     * @private
      */
-    popperProps?: {
-        open: boolean;
-        anchorElement: HTMLElement | null;
-    };
+    elementHasFocus?: boolean;
 }
-export declare const tooltipContainerStencil: import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
-    tooltipTransformOriginHorizontal: string;
-    tooltipTransformOriginVertical: string;
-}, never>, {}, {
+export declare const tooltipContainerStencil: import("@workday/canvas-kit-styling").Stencil<{
+    elementHasFocus: {
+        true: {
+            padding: string;
+            '&:before': {
+                margin: "var(--cnvs-base-size-75, 0.375rem)";
+            };
+        };
+    };
+}, {}, {
     tooltipTransformOriginHorizontal: string;
     tooltipTransformOriginVertical: string;
 }, never, never>;

package/dist/es6/tooltip/lib/TooltipContainer.d.ts.map

@@ -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;AAY1C,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;;OAEG;IACH,WAAW,CAAC,EAAE;QACZ,IAAI,EAAE,OAAO,CAAC;QACd,aAAa,EAAE,WAAW,GAAG,IAAI,CAAC;KACnC,CAAC;CACH;AAuBD,eAAO,MAAM,uBAAuB;;;;;;gBA+DlC,CAAC;AAEH,eAAO,MAAM,gBAAgB,2FAsB3B,CAAC"}
+{"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"}

package/dist/es6/tooltip/lib/TooltipContainer.js

@@ -1,32 +1,38 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createComponent, getTransformOrigin, } from '@workday/canvas-kit-react/common';
-import { calc, createStencil, createVars, cssVar, keyframes, px2rem, } from '@workday/canvas-kit-styling';
-import { system } from '@workday/canvas-tokens-web';
 import { mergeStyles } from '@workday/canvas-kit-react/layout';
+import { calc, createStencil, createVars, keyframes, px2rem } from '@workday/canvas-kit-styling';
+import { base, system } from '@workday/canvas-tokens-web';
 const defaultTransformOrigin = {
     vertical: 'bottom',
     horizontal: 'center',
 };
-const tooltipTranslateVars = createVars({ id: "9bc811", args: ["positionX", "positionY"] });
+const tooltipTranslateVars = createVars({ id: "5cc1ce", args: ["positionX", "positionY"] });
 /**
  * Keyframe for the Tooltip animation.
  */
-const tooltipAnimation = keyframes({ name: "4eygvx", styles: "0%{opacity:0;transform:translate(var(--positionX-9bc811), var(--positionY-9bc811));}100%{opacity:1;transform:translate(0);}" });
+const tooltipAnimation = keyframes({ name: "2rykbc", styles: "0%{opacity:0;transform:translate(var(--positionX-5cc1ce), var(--positionY-5cc1ce));}100%{opacity:1;transform:translate(0);}" });
 export const tooltipContainerStencil = createStencil({
     vars: {
         tooltipTransformOriginHorizontal: '',
         tooltipTransformOriginVertical: '',
     },
-    base: { name: "12r0w", styles: "box-sizing:border-box;font-family:var(--cnvs-sys-font-family-default);font-weight:var(--cnvs-sys-font-weight-normal);line-height:var(--cnvs-sys-line-height-subtext-medium);font-size:var(--cnvs-sys-font-size-subtext-medium);letter-spacing:var(--cnvs-base-letter-spacing-100);display:inline-flex;position:relative;padding:var(--cnvs-sys-space-x3);color:var(--cnvs-sys-color-text-inverse);animation-name:animation-4eygvx;animation-duration:150ms;animation-timing-function:ease-out;transform-origin:var(--tooltipTransformOriginVertical-tooltip-container-6c30a8) var(--tooltipTransformOriginHorizontal-tooltip-container-6c30a8);a{color:var(--cnvs-sys-color-text-inverse);text-decoration:underline;}&:before{content:\"\";border-radius:var(--cnvs-sys-shape-x1);outline:0.0625rem solid transparent;outline-offset:-0.0625rem;z-index:-1;margin:var(--cnvs-sys-space-x1);background-color:var(--cnvs-sys-color-bg-translucent);position:absolute;top:0;left:0;right:0;bottom:0;}body:has(:focus-visible, .focus) &{padding:calc(var(--cnvs-sys-space-x4) - calc(var(--cnvs-sys-space-x1) / 2));&:before{margin:calc(var(--cnvs-sys-space-x1) + calc(var(--cnvs-sys-space-x1) / 2));}}[data-popper-reference-hidden] &{visibility:hidden;pointer-events:none;}[data-popper-placement=\"top-start\"] &, [data-popper-placement=\"bottom-start\"] &{left:calc(var(--cnvs-sys-space-x1) * -1);}[data-popper-placement=\"top-end\"] &, [data-popper-placement=\"bottom-end\"] &{right:calc(var(--cnvs-sys-space-x1) * -1);}[data-popper-placement=\"left-start\"] &, [data-popper-placement=\"right-start\"] &{top:calc(var(--cnvs-sys-space-x1) * -1);}[data-popper-placement=\"left-end\"] &, [data-popper-placement=\"right-end\"] &{bottom:calc(var(--cnvs-sys-space-x1) * -1);}" }
-}, "tooltip-container-6c30a8");
+    base: { name: "1g4tg3", 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-2rykbc;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);}" },
+    modifiers: {
+        elementHasFocus: {
+            true: { name: "3t2us6", 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);}" }
+        }
+    }
+}, "tooltip-container-0d74d6");
 export const TooltipContainer = createComponent('div')({
     displayName: 'TooltipContainer',
-    Component: ({ children, transformOrigin = defaultTransformOrigin, ...elemProps }, ref, Element) => {
-        const translate = getTransformOrigin(transformOrigin || defaultTransformOrigin, cssVar(system.space.x2));
+    Component: ({ children, transformOrigin = defaultTransformOrigin, elementHasFocus = false, ...elemProps }, ref, Element) => {
+        const translate = getTransformOrigin(transformOrigin || defaultTransformOrigin, system.legacy.gap.sm);
         return (_jsx(Element, { ref: ref, ...mergeStyles(elemProps, [
                 tooltipContainerStencil({
                     tooltipTransformOriginHorizontal: transformOrigin === null || transformOrigin === void 0 ? void 0 : transformOrigin.horizontal,
                     tooltipTransformOriginVertical: transformOrigin === null || transformOrigin === void 0 ? void 0 : transformOrigin.vertical,
+                    elementHasFocus,
                 }),
                 tooltipTranslateVars({ positionX: translate.x, positionY: translate.y }),
             ]), children: children }));

package/dist/es6/tooltip/lib/useTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/useTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmD/B;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,EACtD,IAAc,EACd,SAAc,EACd,SAAe,EACf,SAAe,GAChB,GAAE;IACD;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,CAAC;IACtD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACf;IAgEF,2EAA2E;;;;;8BA9C5C,MAAM,cAAc;;6BAazB,gBAAgB;yBARpB,gBAAgB;;;IA2CtC,uDAAuD;;;;;;IAMvD,iEAAiE;;;;;;;EAQpE"}
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../tooltip/lib/useTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoD/B;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,OAAO,GAAG,OAAO,EAAE,EACtD,IAAc,EACd,SAAc,EACd,SAAe,EACf,SAAe,GAChB,GAAE;IACD;;;;;;;;;;;;;;;OAeG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,GAAG,aAAa,CAAC;IACtD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACf;IAgEF,2EAA2E;;;;;8BA9C5C,MAAM,cAAc;;6BAazB,gBAAgB;yBARpB,gBAAgB;;;IA2CtC,uDAAuD;;;;;;IAMvD,iEAAiE;;;;;;;EAQpE"}

package/dist/es6/tooltip/lib/useTooltip.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { useCloseOnEscape, useAlwaysCloseOnOutsideClick, usePopupModel, useCloseOnFullscreenExit, useCloseOnTargetHidden, } from '@workday/canvas-kit-react/popup';
 import { useUniqueId } from '@workday/canvas-kit-react/common';
+import { useAlwaysCloseOnOutsideClick, useCloseOnEscape, useCloseOnFullscreenExit, useCloseOnTargetHidden, usePopupModel, } from '@workday/canvas-kit-react/popup';
 const useIntentTimer = (fn, waitMs = 0) => {
     const timer = React.useRef();
     const start = () => {

package/dist/es6/version/lib/version.js

@@ -1 +1 @@
-export const version = '14.1.10';
+export const version = '15.0.1';

package/expandable/lib/Expandable.tsx

@@ -1,16 +1,16 @@
 import React from 'react';
 
-import {createContainer, ExtractProps} from '@workday/canvas-kit-react/common';
+import {ExtractProps, createContainer} from '@workday/canvas-kit-react/common';
 import {Flex, mergeStyles} from '@workday/canvas-kit-react/layout';
+import {createStencil} from '@workday/canvas-kit-styling';
+import {system} from '@workday/canvas-tokens-web';
 
+import {ExpandableAvatar} from './ExpandableAvatar';
 import {ExpandableContent} from './ExpandableContent';
-import {ExpandableTarget} from './ExpandableTarget';
 import {ExpandableIcon} from './ExpandableIcon';
+import {ExpandableTarget} from './ExpandableTarget';
 import {ExpandableTitle} from './ExpandableTitle';
-import {ExpandableAvatar} from './ExpandableAvatar';
 import {useExpandableModel} from './hooks/useExpandableModel';
-import {createStencil} from '@workday/canvas-kit-styling';
-import {system} from '@workday/canvas-tokens-web';
 
 export interface ExpandableProps extends ExtractProps<typeof Flex, never> {
   /**
@@ -24,7 +24,7 @@ export const expandableContainerStencil = createStencil({
   base: {
     display: 'flex',
     flexDirection: 'column',
-    padding: system.space.x2,
+    padding: system.legacy.padding.xs,
   },
 });