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

package/dist/es6/popup/lib/PopupHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupHeading.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AAOpD,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,iJAI9B,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;EAUvB,CAAC"}
+{"version":3,"file":"PopupHeading.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAC,MAAM,gCAAgC,CAAC;AACpD,OAAO,EAAC,YAAY,EAAqB,MAAM,kCAAkC,CAAC;AAOlF,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;IACjF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,iJAI9B,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;EAUvB,CAAC"}

package/dist/es6/popup/lib/PopupHeading.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { Card } from '@workday/canvas-kit-react/card';
-import { usePopupHeading, usePopupModel } from './hooks';
+import { createSubcomponent } from '@workday/canvas-kit-react/common';
+import { mergeStyles } from '@workday/canvas-kit-react/layout';
 import { createStencil } from '@workday/canvas-kit-styling';
 import { system } from '@workday/canvas-tokens-web';
-import { mergeStyles } from '../../layout';
+import { usePopupHeading, usePopupModel } from './hooks';
 export const popupHeadingStencil = createStencil({
-    base: { name: "2um7hg", styles: "box-sizing:border-box;padding:var(--cnvs-sys-space-x2);" }
-}, "popup-heading-3e49bb");
+    base: { name: "3busjz", styles: "box-sizing:border-box;padding-inline:var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem));" }
+}, "popup-heading-e1d2e0");
 export const PopupHeading = createSubcomponent('h2')({
     displayName: 'Popup.Heading',
     modelHook: usePopupModel,

package/dist/es6/popup/lib/PopupPopper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupPopper.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupPopper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,EAAE,aAAa,EAAU,WAAW,EAAC,MAAM,UAAU,CAAC;AAEvE,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CACxC;AAcD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;EAUtB,CAAC"}
+{"version":3,"file":"PopupPopper.d.ts","sourceRoot":"","sources":["../../../../popup/lib/PopupPopper.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAU,aAAa,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAGvE,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CACxC;AAcD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;EAUtB,CAAC"}

package/dist/es6/popup/lib/PopupPopper.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createSubcomponent } from '@workday/canvas-kit-react/common';
-import { usePopupModel, usePopupPopper } from './hooks';
 import { Popper } from './Popper';
+import { usePopupModel, usePopupPopper } from './hooks';
 // We moved this out of the component function to prevent rebuilding this object on re-renders.
 const popperOptions = {
     modifiers: [

package/dist/es6/popup/lib/PopupTarget.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createSubcomponent } from '@workday/canvas-kit-react/common';
 import { SecondaryButton } from '@workday/canvas-kit-react/button';
-import { usePopupTarget, usePopupModel } from './hooks';
+import { createSubcomponent } from '@workday/canvas-kit-react/common';
+import { usePopupModel, usePopupTarget } from './hooks';
 export const PopupTarget = createSubcomponent(SecondaryButton)({
     displayName: 'Popup.Target',
     modelHook: usePopupModel,

package/dist/es6/popup/lib/fallbackPlacements.d.ts

@@ -1,4 +1,4 @@
-import { Placement as PopperJSPlacement, Modifier } from '@popperjs/core';
+import { Modifier, Placement as PopperJSPlacement } from '@popperjs/core';
 export type Placement = PopperJSPlacement;
 export type Options = {
     fallbackPlacements: Placement[];

package/dist/es6/popup/lib/fallbackPlacements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fallbackPlacements.d.ts","sourceRoot":"","sources":["../../../../popup/lib/fallbackPlacements.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,IAAI,iBAAiB,EAI9B,QAAQ,EAET,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC;AA6E1C,MAAM,MAAM,OAAO,GAAG;IACpB,kBAAkB,EAAE,SAAS,EAAE,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,IAAI,qBAAqB,CAAC;AAEhC,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,OAAO,IAAI,EAAE,OAAO,CAwBrE,CAAC"}
+{"version":3,"file":"fallbackPlacements.d.ts","sourceRoot":"","sources":["../../../../popup/lib/fallbackPlacements.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAER,SAAS,IAAI,iBAAiB,EAI/B,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,SAAS,GAAG,iBAAiB,CAAC;AA6E1C,MAAM,MAAM,OAAO,GAAG;IACpB,kBAAkB,EAAE,SAAS,EAAE,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,IAAI,qBAAqB,CAAC;AAEhC,eAAO,MAAM,0BAA0B,EAAE,QAAQ,CAAC,OAAO,IAAI,EAAE,OAAO,CAwBrE,CAAC"}

package/dist/es6/popup/lib/fallbackPlacements.js

@@ -16,7 +16,7 @@ const placements = [
     'left-end',
     'auto',
     'auto-start',
-    'auto-end'
+    'auto-end',
 ];
 const getOppositePlacement = (popperPlacement) => {
     var _a;

package/dist/es6/popup/lib/getTransformFromPlacement.d.ts

@@ -1,4 +1,4 @@
-import { TransformOrigin } from '@workday/canvas-kit-react/common';
 import { Placement } from '@popperjs/core';
+import { TransformOrigin } from '@workday/canvas-kit-react/common';
 export declare const getTransformFromPlacement: (placement: Placement) => TransformOrigin;
 //# sourceMappingURL=getTransformFromPlacement.d.ts.map

package/dist/es6/popup/lib/getTransformFromPlacement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getTransformFromPlacement.d.ts","sourceRoot":"","sources":["../../../../popup/lib/getTransformFromPlacement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,eAAO,MAAM,yBAAyB,cAAe,SAAS,KAAG,eA6BhE,CAAC"}
+{"version":3,"file":"getTransformFromPlacement.d.ts","sourceRoot":"","sources":["../../../../popup/lib/getTransformFromPlacement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,eAAe,EAAC,MAAM,kCAAkC,CAAC;AAEjE,eAAO,MAAM,yBAAyB,cAAe,SAAS,KAAG,eA6BhE,CAAC"}

package/dist/es6/popup/lib/hooks/useAssistiveHideSiblings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAssistiveHideSiblings.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useAssistiveHideSiblings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;MA6BnC,CAAC"}
+{"version":3,"file":"useAssistiveHideSiblings.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useAssistiveHideSiblings.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;;;GAUG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;MA6BnC,CAAC"}

package/dist/es6/popup/lib/hooks/useBringToTopOnClick.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBringToTopOnClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useBringToTopOnClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;MA6B/B,CAAC"}
+{"version":3,"file":"useBringToTopOnClick.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useBringToTopOnClick.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;;;;;GAQG;AACH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;MA6B/B,CAAC"}

package/dist/es6/popup/lib/hooks/useCloseOnTargetHidden.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCloseOnTargetHidden.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnTargetHidden.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;MAiCjC,CAAC"}
+{"version":3,"file":"useCloseOnTargetHidden.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useCloseOnTargetHidden.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;MAgCjC,CAAC"}

package/dist/es6/popup/lib/hooks/useCloseOnTargetHidden.js

@@ -36,7 +36,6 @@ export const useCloseOnTargetHidden = createElemPropsHook(usePopupModel)(model =
         }
         const target = model.state.targetRef.current;
         const scrollParent = getScrollParent(target);
-        // eslint-disable-next-line compat/compat
         const observer = new IntersectionObserver(callback, {
             root: scrollParent,
             threshold: 0.5,

package/dist/es6/popup/lib/hooks/useDisableBodyScroll.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { createElemPropsHook } from '@workday/canvas-kit-react/common';
 import { createStyles } from '@workday/canvas-kit-styling';
 import { usePopupModel } from './usePopupModel';
-const disableBodyScrollStyles = createStyles({ name: "8vvyt", styles: "overflow:hidden !important;" });
+const disableBodyScrollStyles = createStyles({ name: "3scr56", styles: "overflow:hidden !important;" });
 /**
  * Disables body scroll by adding `overflow: hidden` to the body element. This effectively prevents
  * page scrolling while the popup is visible.

package/dist/es6/popup/lib/hooks/useFocusTrap.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { tabTrappingKey } from './focus-trap-js';
 import { createElemPropsHook } from '@workday/canvas-kit-react/common';
+import { tabTrappingKey } from './focus-trap-js';
 import { usePopupModel } from './usePopupModel';
 /**
  * "Trap" or "loop" focus within a provided `stackRef` element. This is required for accessibility

package/dist/es6/popup/lib/hooks/useInitialFocus.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { changeFocus, assert, getFirstFocusableElement, createElemPropsHook, } from '@workday/canvas-kit-react/common';
+import { assert, changeFocus, createElemPropsHook, getFirstFocusableElement, } from '@workday/canvas-kit-react/common';
 import { usePopupModel } from './usePopupModel';
 /**
  * Moves focus within the popup when the popup becomes visible. This is useful for keyboard and

package/dist/es6/popup/lib/hooks/usePopupCloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupCloseButton.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupCloseButton.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;EAI9B,CAAC"}
+{"version":3,"file":"usePopupCloseButton.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupCloseButton.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;EAI9B,CAAC"}

package/dist/es6/popup/lib/hooks/usePopupHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupHeading.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupHeading.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;EAI1B,CAAC"}
+{"version":3,"file":"usePopupHeading.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupHeading.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;EAI1B,CAAC"}

package/dist/es6/popup/lib/hooks/usePopupModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupModel.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAKpC,eAAO,MAAM,aAAa;IAKtB;;;OAGG;;IAEH;;;OAGG;;;;;;mBA8C+B,SAAS;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;mBAU+B,SAAS;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;;IAtD3C;;;OAGG;;IAEH;;;OAGG;;;;;IAYH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;IAMH;;;OAGG;;mBAC+B,SAAS;;;;;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;EAS7C,CAAC;AAGH,eAAO,MAAM,iBAAiB;;QA9C1B;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;EAYO,CAAC"}
+{"version":3,"file":"usePopupModel.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAKpC,eAAO,MAAM,aAAa;IAKtB;;;OAGG;;IAEH;;;OAGG;;;;;;mBA8C+B,SAAS;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;mBAU+B,SAAS;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;;QAxBH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;;IAtD3C;;;OAGG;;IAEH;;;OAGG;;;;;IAYH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;;OAIG;;;;;IAMH;;;OAGG;;mBAC+B,SAAS;;;;;;QAlC3C;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;EAS7C,CAAC;AAGH,eAAO,MAAM,iBAAiB;;QA9C1B;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;WAGG;;QAEH;;;;WAIG;;;;;;QAMH;;;WAGG;;uBAC+B,SAAS;;;;;EAYO,CAAC"}

package/dist/es6/popup/lib/hooks/usePopupPopper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupPopper.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupPopper.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;4CAOX,SAAS;EAevB,CAAC"}
+{"version":3,"file":"usePopupPopper.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupPopper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,SAAS,EAAC,MAAM,WAAW,CAAC;AAGpC;;;GAGG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;4CAOX,SAAS;EAevB,CAAC"}

package/dist/es6/popup/lib/hooks/usePopupPopper.js

@@ -1,6 +1,6 @@
+import React from 'react';
 import { createElemPropsHook, useForkRef } from '@workday/canvas-kit-react/common';
 import { usePopupModel } from './usePopupModel';
-import React from 'react';
 /**
  * Adds the necessary props to a {@link Popper} component. Used by the
  * {@link PopupPopper Popup.Popper} subcomponent.

package/dist/es6/popup/lib/hooks/usePopupStack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupStack.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupStack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,aAAa,mEAEf,WAAW,GAAG,MAAM,SAAS,CAAC,WAAW,CAAC,KAClD,MAAM,SAAS,CAAC,WAAW,CAyF7B,CAAC"}
+{"version":3,"file":"usePopupStack.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupStack.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,aAAa,mEAEf,WAAW,GAAG,MAAM,SAAS,CAAC,WAAW,CAAC,KAClD,MAAM,SAAS,CAAC,WAAW,CAwF7B,CAAC"}

package/dist/es6/popup/lib/hooks/usePopupStack.js

@@ -1,7 +1,7 @@
+import { ThemeContext } from '@emotion/react';
 import React from 'react';
 import { PopupStack } from '@workday/canvas-kit-popup-stack';
-import { useLocalRef, useCanvasThemeToCssVars, isElementRTL } from '@workday/canvas-kit-react/common';
-import { ThemeContext } from '@emotion/react';
+import { isElementRTL, useCanvasThemeToCssVars, useLocalRef } from '@workday/canvas-kit-react/common';
 /**
  * **Note:** If you're using {@link Popper}, you do not need to use this hook directly.
  *
@@ -46,9 +46,8 @@ import { ThemeContext } from '@emotion/react';
  */
 export const usePopupStack = (ref, target) => {
     const { elementRef, localRef } = useLocalRef(ref);
-    // Pulls the theme from the context so that we can pass it to `useCanvasThemeToCssVars`
     const theme = React.useContext(ThemeContext);
-    const { className, style } = useCanvasThemeToCssVars(theme, {});
+    const { style } = useCanvasThemeToCssVars(theme, {});
     const firstLoadRef = React.useRef(true); // React 19 can call a useState more than once, so we need to track if we've already created a container
     // useState function input ensures we only create a container once.
     const [popupRef] = React.useState(() => {
@@ -60,6 +59,26 @@ export const usePopupStack = (ref, target) => {
         }
         return localRef.current;
     });
+    // Forward only theme overrides (style) to the popup container when a theme was provided via
+    // CanvasProvider theme prop. We do NOT apply defaultBranding (className) so we don't create a
+    // cascade barrier—only the CSS variables the consumer overrode are set. This effect runs
+    // before PopupStack.add below so the container has the theme before it's shown (avoids blue→magenta flash).
+    React.useLayoutEffect(() => {
+        const element = localRef.current;
+        if (!element) {
+            return undefined;
+        }
+        const styleKeys = Object.keys(style);
+        if (styleKeys.length === 0) {
+            return undefined;
+        }
+        for (const key of styleKeys) {
+            // @ts-ignore - token keys are CSS custom property names
+            element.style.setProperty(key, style[key]);
+        }
+        // No cleanup: leave theme on container so reopening doesn't flash
+        return undefined;
+    }, [localRef, style]);
     // We useLayoutEffect to ensure proper timing of registration of the element to the popup stack.
     // Without this, the timing is unpredictable when mixed with other frameworks. Other frameworks
     // should also register as soon as the element is available
@@ -79,50 +98,30 @@ export const usePopupStack = (ref, target) => {
         };
     }, [localRef, target, popupRef]);
     // The direction will properly follow the theme via React context, but portals lose the `dir`
-    // hierarchy, so we'll add it back here.
+    // hierarchy, so we'll add it back here. When there's no target (e.g. consumer doesn't use
+    // Popup.Target), find the nearest element with a `dir` attribute: start from the focused element
+    // (the trigger) or body, then use closest('[dir]'). Prefer reading getAttribute('dir') when
+    // present to avoid getComputedStyle.
     React.useLayoutEffect(() => {
-        var _a, _b;
+        var _a, _b, _c;
         const targetEl = target ? ('current' in target ? target.current : target) : undefined;
-        if (targetEl) {
-            const isRTL = isElementRTL(targetEl);
+        let elementToCheck = targetEl !== null && targetEl !== void 0 ? targetEl : undefined;
+        if (elementToCheck == null && typeof document !== 'undefined') {
+            const active = document.activeElement;
+            const container = localRef.current;
+            const start = active && container && !container.contains(active) ? active : document.body;
+            elementToCheck = (_a = start.closest('[dir]')) !== null && _a !== void 0 ? _a : document.documentElement;
+        }
+        if (elementToCheck) {
+            const explicitDir = elementToCheck.getAttribute('dir');
+            const isRTL = explicitDir != null ? explicitDir.toLowerCase() === 'rtl' : isElementRTL(elementToCheck);
             if (isRTL) {
-                (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute('dir', 'rtl');
+                (_b = localRef.current) === null || _b === void 0 ? void 0 : _b.setAttribute('dir', 'rtl');
             }
             else {
-                (_b = localRef.current) === null || _b === void 0 ? void 0 : _b.setAttribute('dir', 'ltr');
+                (_c = localRef.current) === null || _c === void 0 ? void 0 : _c.setAttribute('dir', 'ltr');
             }
         }
     }, [localRef, target]);
-    /**
-     * This pulls the className that gets generated by `useCanvasThemeToCssVars` and adds it to the Popup element to ensure
-     * theming is applied. Popups get portaled to the DOM and therefore don't "live" inside the CanvasProvider.
-     * Forwarding the className that gets generated by `useCanvasThemeToCssVars` ensures theming works as expected.
-     */
-    React.useLayoutEffect(() => {
-        const element = localRef.current;
-        element === null || element === void 0 ? void 0 : element.classList.add(className.trim());
-        return () => {
-            element === null || element === void 0 ? void 0 : element.classList.remove(className.trim());
-        };
-    }, [localRef, className]);
-    React.useLayoutEffect(() => {
-        const element = localRef.current;
-        if (element) {
-            // eslint-disable-next-line guard-for-in
-            for (const key in style) {
-                // @ts-ignore
-                element.style.setProperty(key, style[key]);
-            }
-        }
-        return () => {
-            if (element) {
-                // eslint-disable-next-line guard-for-in
-                for (const key in style) {
-                    // @ts-ignore
-                    element.style.removeProperty(key, style[key]);
-                }
-            }
-        };
-    }, [localRef, style]);
     return localRef;
 };

package/dist/es6/popup/lib/hooks/usePopupTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupTarget.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupTarget.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;8BAIN,gBAAgB;EAgBnC,CAAC"}
+{"version":3,"file":"usePopupTarget.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupTarget.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;8BAIN,gBAAgB;EAgBnC,CAAC"}

package/dist/es6/popup/lib/hooks/usePopupTargetContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopupTargetContext.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupTargetContext.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;oCAIP,gBAAgB;EAmBzC,CAAC"}
+{"version":3,"file":"usePopupTargetContext.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/usePopupTargetContext.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;oCAIP,gBAAgB;EAmBzC,CAAC"}

package/dist/es6/popup/lib/hooks/useReturnFocus.js

@@ -1,7 +1,7 @@
 import React from 'react';
+import { PopupStack } from '@workday/canvas-kit-popup-stack';
 import { changeFocus, createElemPropsHook, isMouseFocusable } from '@workday/canvas-kit-react/common';
 import { usePopupModel } from './usePopupModel';
-import { PopupStack } from '@workday/canvas-kit-popup-stack';
 function getScrollParent(element) {
     if (element === document.body || !element.parentElement) {
         return element;

package/dist/es6/radio/lib/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../radio/lib/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,SAAS,EAEV,MAAM,kCAAkC,CAAC;AAK1C;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AA+ND;;GAEG;AACH,eAAO,MAAM,KAAK,kFAgDhB,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../radio/lib/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,SAAS,EAMV,MAAM,kCAAkC,CAAC;AAK1C;;GAEG;AACH,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AAgOD;;GAEG;AACH,eAAO,MAAM,KAAK,kFAgDhB,CAAC"}

package/dist/es6/radio/lib/Radio.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createComponent, focusRing, mouseFocusBehavior, styled, useUniqueId, } from '@workday/canvas-kit-react/common';
-import { borderRadius, colors, inputColors, space } from '@workday/canvas-kit-react/tokens';
 import { LabelText } from '@workday/canvas-kit-react/text';
-import { px2rem } from '@workday/canvas-kit-styling';
+import { borderRadius, colors, inputColors, space } from '@workday/canvas-kit-react/tokens';
+import { maybeWrapCSSVariables, px2rem } from '@workday/canvas-kit-styling';
 const radioBorderRadius = 9;
 const RadioContainer = styled('div')({
     display: 'flex',
@@ -66,14 +66,14 @@ const RadioInput = styled('input')({
         backgroundColor: checked
             ? variant === 'inverse'
                 ? colors.frenchVanilla100
-                : themePrimary.main
+                : maybeWrapCSSVariables(themePrimary.main)
             : disabled
                 ? inputColors.disabled.background
                 : 'white',
         borderColor: checked
             ? variant === 'inverse'
                 ? colors.soap300
-                : themePrimary.main
+                : maybeWrapCSSVariables(themePrimary.main)
             : disabled
                 ? inputColors.disabled.border
                 : variant === 'inverse'
@@ -103,7 +103,7 @@ const RadioInput = styled('input')({
             innerColor: variant === 'inverse' ? colors.blackPepper400 : undefined,
             outerColor: variant === 'inverse' ? colors.frenchVanilla100 : themeFocusOutline,
         }),
-        borderColor: variant === 'inverse' ? colors.frenchVanilla100 : themePrimary.main,
+        borderColor: variant === 'inverse' ? colors.frenchVanilla100 : maybeWrapCSSVariables(themePrimary.main),
         borderWidth: '2px',
     },
     ...mouseFocusBehavior({
@@ -116,14 +116,14 @@ const RadioInput = styled('input')({
             borderColor: checked
                 ? variant === 'inverse'
                     ? colors.soap300
-                    : themePrimary.main
+                    : maybeWrapCSSVariables(themePrimary.main)
                 : inputColors.border,
         },
         '&:focus:hover ~ div:first-of-type, &:focus:active ~ div:first-of-type': {
             borderColor: checked
                 ? variant === 'inverse'
                     ? colors.soap300
-                    : themePrimary.main
+                    : maybeWrapCSSVariables(themePrimary.main)
                 : variant === 'inverse'
                     ? colors.soap300
                     : inputColors.hoverBorder,
@@ -149,7 +149,7 @@ const RadioBackground = styled('div')({
     borderColor: checked
         ? variant === 'inverse'
             ? colors.soap300
-            : themePrimary.main
+            : maybeWrapCSSVariables(themePrimary.main)
         : disabled
             ? colors.licorice100
             : variant === 'inverse'
@@ -158,7 +158,7 @@ const RadioBackground = styled('div')({
     backgroundColor: checked
         ? variant === 'inverse'
             ? colors.frenchVanilla100
-            : themePrimary.main
+            : maybeWrapCSSVariables(themePrimary.main)
         : disabled
             ? inputColors.disabled.background
             : 'white',
@@ -174,8 +174,8 @@ const RadioCheck = styled('div')({
     width: space.xxs,
 }, ({ theme, variant }) => ({
     backgroundColor: variant === 'inverse'
-        ? theme.canvas.palette.primary.main
-        : theme.canvas.palette.primary.contrast,
+        ? maybeWrapCSSVariables(theme.canvas.palette.primary.main)
+        : maybeWrapCSSVariables(theme.canvas.palette.primary.contrast),
 }), ({ checked }) => ({
     opacity: checked ? 1 : 0,
     transform: checked ? 'scale(1)' : 'scale(0.5)',

package/dist/es6/radio/lib/RadioGroup.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { RadioProps } from './Radio';
 import { ErrorType, GrowthBehavior, Themeable } from '@workday/canvas-kit-react/common';
+import { RadioProps } from './Radio';
 /**
  * @deprecated ⚠️ `RadioGroupProps` in Main has been deprecated and will be removed in a future major version. Please use [`Radio` in Preview](https://workday.github.io/canvas-kit/?path=/docs/preview-inputs-radio--docs) instead.
  */

package/dist/es6/radio/lib/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAoCD;;GAEG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAC9D,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,SAAS,EACT,cAAc,EACd,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAQ,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAoCD;;GAEG;AACH,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAC9D,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH"}

package/dist/es6/radio/lib/RadioGroup.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
-import { Radio } from './Radio';
-import { borderRadius, space } from '@workday/canvas-kit-react/tokens';
 import { ErrorType, getErrorColors, styled, } from '@workday/canvas-kit-react/common';
+import { borderRadius, space } from '@workday/canvas-kit-react/tokens';
+import { Radio } from './Radio';
 const Container = styled('div')({
     display: 'inline-block',
     boxSizing: 'border-box',

package/dist/es6/segmented-control/index.d.ts

@@ -1,2 +1,5 @@
 export * from './lib/SegmentedControl';
+export * from './lib/hooks/useSegmentedControlModel';
+export * from './lib/hooks/useSegmentedControlItem';
+export * from './lib/SegmentedControlList';
 //# sourceMappingURL=index.d.ts.map

package/dist/es6/segmented-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../segmented-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../segmented-control/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,sCAAsC,CAAC;AACrD,cAAc,qCAAqC,CAAC;AACpD,cAAc,4BAA4B,CAAC"}

package/dist/es6/segmented-control/index.js

@@ -1 +1,4 @@
 export * from './lib/SegmentedControl';
+export * from './lib/hooks/useSegmentedControlModel';
+export * from './lib/hooks/useSegmentedControlItem';
+export * from './lib/SegmentedControlList';