@workday/canvas-kit-react 7.1.2 → 7.1.5

package/action-bar/lib/ActionBarList.tsx

@@ -2,18 +2,13 @@ import * as React from 'react';
 
 import {commonColors, colors, space} from '@workday/canvas-kit-react/tokens';
 import {
-  composeHooks,
   createSubcomponent,
   ExtractProps,
   styled,
   StyledType,
 } from '@workday/canvas-kit-react/common';
 import {HStack} from '@workday/canvas-kit-react/layout';
-import {
-  useOverflowListMeasure,
-  useListRenderItems,
-  useListResetCursorOnBlur,
-} from '@workday/canvas-kit-react/collection';
+import {useOverflowListMeasure, useListRenderItems} from '@workday/canvas-kit-react/collection';
 
 import {useActionBarModel} from './useActionBarModel';
 import {ActionBar} from './ActionBar';
@@ -42,12 +37,10 @@ const ResponsiveHStack = styled(HStack)<ActionBarListProps & StyledType>(({theme
   },
 }));
 
-export const useActionBarList = composeHooks(useOverflowListMeasure, useListResetCursorOnBlur);
-
 export const ActionBarList = createSubcomponent('div')({
   displayName: 'ActionBar.List',
   modelHook: useActionBarModel,
-  elemPropsHook: useActionBarList,
+  elemPropsHook: useOverflowListMeasure,
 })<ActionBarListProps>(({children, ...elemProps}, Element, model) => {
   return (
     <ResponsiveHStack

package/action-bar/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/action-bar",
   "module": "../dist/es6/action-bar",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/action-bar"
 }

package/avatar/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/avatar",
   "module": "../dist/es6/avatar",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/avatar"
 }

package/badge/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/badge",
   "module": "../dist/es6/badge",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/badge"
 }

package/banner/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/banner",
   "module": "../dist/es6/banner",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/banner"
 }

package/button/lib/TertiaryButton.tsx

@@ -44,14 +44,23 @@ export interface TertiaryButtonProps extends Themeable {
    * @default false
    */
   shouldMirrorIcon?: boolean;
+  /**
+   * If set to `true`, transform text to all letters uppercase
+   * @default undefined
+   */
   allCaps?: boolean;
   children?: React.ReactNode;
+  /**
+   * If set to `true`, make icon button available to use theme colors instead of default
+   * @default false
+   */
+  isThemeable?: boolean;
 }
 
 const getTertiaryButtonColors = (
   variant: 'inverse' | undefined,
   theme: EmotionCanvasTheme,
-  children: React.ReactNode
+  hasThemeStyles: boolean
 ): ButtonColors => {
   const {
     canvas: {
@@ -99,27 +108,27 @@ const getTertiaryButtonColors = (
   } else {
     return {
       default: {
-        icon: children ? themePrimary.main : colors.blackPepper400,
+        icon: hasThemeStyles ? themePrimary.main : colors.blackPepper400,
         label: themePrimary.main,
       },
       hover: {
         background: colors.soap200,
-        icon: children ? themePrimary.dark : colors.blackPepper500,
+        icon: hasThemeStyles ? themePrimary.dark : colors.blackPepper500,
         label: themePrimary.dark,
       },
       active: {
         background: colors.soap300,
-        icon: children ? themePrimary.dark : colors.blackPepper500,
+        icon: hasThemeStyles ? themePrimary.dark : colors.blackPepper500,
         label: themePrimary.dark,
       },
       focus: {
-        icon: children ? themePrimary.main : colors.blackPepper500,
+        icon: hasThemeStyles ? themePrimary.main : colors.blackPepper500,
         label: themePrimary.main,
         focusRing: focusRing({innerColor: colors.blueberry400}, theme),
       },
       disabled: {
         background: 'transparent',
-        icon: children ? themePrimary.main : colors.blackPepper400,
+        icon: hasThemeStyles ? themePrimary.main : colors.blackPepper400,
         label: themePrimary.main,
       },
     };
@@ -197,6 +206,7 @@ export const TertiaryButton = createComponent('button')({
     {
       size = 'medium',
       iconPosition = 'start',
+      isThemeable = false,
       variant,
       children,
       icon,
@@ -208,13 +218,14 @@ export const TertiaryButton = createComponent('button')({
     Element
   ) => {
     const theme = useTheme();
+    const hasThemeStyles = !!children || isThemeable;
 
     return (
       <StyledTertiaryButtonContainer
         ref={ref}
         as={Element}
         allCaps={allCaps}
-        colors={getTertiaryButtonColors(variant, theme, children)}
+        colors={getTertiaryButtonColors(variant, theme, hasThemeStyles)}
         size={size}
         padding={getPaddingStyles(icon, iconPosition, children, size)}
         minWidth={getMinWidthStyles(children, size)}

package/button/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/button",
   "module": "../dist/es6/button",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/button"
 }

package/card/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/card",
   "module": "../dist/es6/card",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/card"
 }

package/checkbox/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/checkbox",
   "module": "../dist/es6/checkbox",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/checkbox"
 }

package/collection/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/collection",
   "module": "../dist/es6/collection",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/collection"
 }

package/color-picker/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/color-picker",
   "module": "../dist/es6/color-picker",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/color-picker"
 }

package/common/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/common",
   "module": "../dist/es6/common",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/common"
 }

package/dialog/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/dialog",
   "module": "../dist/es6/dialog",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/dialog"
 }

package/disclosure/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/disclosure",
   "module": "../dist/es6/disclosure",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/disclosure"
 }

package/dist/commonjs/action-bar/lib/ActionBarList.d.ts

@@ -13,64 +13,6 @@ export interface ActionBarListProps<T = unknown> extends Partial<ExtractProps<ty
      */
     children: ((item: T) => React.ReactNode) | React.ReactNode;
 }
-export declare const useActionBarList: <P extends {}, R>(model: {
-    state: {
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
-        unselectedIds: string[];
-        cursorId: string;
-        columnCount: number;
-        UNSTABLE_virtual: {
-            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
-            totalSize: number;
-            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
-            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
-            measure: () => void;
-        };
-        UNSTABLE_defaultItemHeight: number;
-        containerRef: React.RefObject<HTMLDivElement>;
-        id: string;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
-        indexRef: React.MutableRefObject<number>;
-        nonInteractiveIds: string[];
-        isVirtualized: boolean;
-        items: import("../../collection").Item<any>[];
-    };
-    events: {
-        select(data: {
-            id: string;
-        }): void;
-        selectAll(): void;
-        unselectAll(): void;
-        registerItem(data: {
-            item: any;
-            textValue: string;
-        }): void;
-        goTo(data: {
-            id: string;
-        }): void;
-        goToNext(): void;
-        goToPrevious(): void;
-        goToPreviousRow(): void;
-        goToNextRow(): void;
-        goToFirst(): void;
-        goToLast(): void;
-        goToFirstOfRow(): void;
-        goToLastOfRow(): void;
-        goToNextPage(): void;
-        goToPreviousPage(): void;
-        unregisterItem(data: {
-            id: string;
-        }): void;
-        updateItemHeight(data: {
-            value: number;
-        }): void;
-    };
-    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
-    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
-    getId: (item: any) => string;
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
 export declare const ActionBarList: import("../../common").ElementComponentM<"div", ActionBarListProps<unknown>, {
     state: {
         hiddenIds: string[];

package/dist/commonjs/action-bar/lib/ActionBarList.d.ts.map

@@ -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,EAGL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAWxD,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,OAAO,CAC7C,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CAAC;IACnD;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAWD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAiE,CAAC;AAE/F,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBxB,CAAC"}
+{"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,EAEL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAOxD,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,OAAO,CAC7C,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CAAC;IACnD;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAWD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBxB,CAAC"}

package/dist/commonjs/action-bar/lib/ActionBarList.js

@@ -41,7 +41,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActionBarList = exports.useActionBarList = void 0;
+exports.ActionBarList = void 0;
 var React = __importStar(require("react"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var common_1 = require("@workday/canvas-kit-react/common");
@@ -61,11 +61,10 @@ var ResponsiveHStack = common_1.styled(layout_1.HStack)(function (_a) {
         },
         _b);
 });
-exports.useActionBarList = common_1.composeHooks(collection_1.useOverflowListMeasure, collection_1.useListResetCursorOnBlur);
 exports.ActionBarList = common_1.createSubcomponent('div')({
     displayName: 'ActionBar.List',
     modelHook: useActionBarModel_1.useActionBarModel,
-    elemPropsHook: exports.useActionBarList,
+    elemPropsHook: collection_1.useOverflowListMeasure,
 })(function (_a, Element, model) {
     var children = _a.children, elemProps = __rest(_a, ["children"]);
     return (React.createElement(ResponsiveHStack, __assign({ as: Element, spacing: "s", depth: 1, background: tokens_1.commonColors.background, borderTop: "solid 1px " + tokens_1.colors.soap400, padding: tokens_1.space.s + " " + tokens_1.space.xl + " ", position: "fixed", bottom: 0, left: 0, right: 0 }, elemProps),

package/dist/commonjs/button/lib/TertiaryButton.d.ts

@@ -33,8 +33,17 @@ export interface TertiaryButtonProps extends Themeable {
      * @default false
      */
     shouldMirrorIcon?: boolean;
+    /**
+     * If set to `true`, transform text to all letters uppercase
+     * @default undefined
+     */
     allCaps?: boolean;
     children?: React.ReactNode;
+    /**
+     * If set to `true`, make icon button available to use theme colors instead of default
+     * @default false
+     */
+    isThemeable?: boolean;
 }
 export declare const TertiaryButton: import("../../common").ElementComponent<"button", TertiaryButtonProps>;
 //# sourceMappingURL=TertiaryButton.d.ts.map

package/dist/commonjs/button/lib/TertiaryButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TertiaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/TertiaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,EAKV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAe,aAAa,EAAE,WAAW,EAAC,MAAM,SAAS,CAAC;AAGjE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAiJD,eAAO,MAAM,cAAc,wEAkDzB,CAAC"}
+{"version":3,"file":"TertiaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/TertiaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,EAKV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAe,aAAa,EAAE,WAAW,EAAC,MAAM,SAAS,CAAC;AAGjE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAiJD,eAAO,MAAM,cAAc,wEAoDzB,CAAC"}

package/dist/commonjs/button/lib/TertiaryButton.js

@@ -46,7 +46,7 @@ var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var BaseButton_1 = require("./BaseButton");
-var getTertiaryButtonColors = function (variant, theme, children) {
+var getTertiaryButtonColors = function (variant, theme, hasThemeStyles) {
     var themePrimary = theme.canvas.palette.primary;
     if (variant === 'inverse') {
         return {
@@ -86,27 +86,27 @@ var getTertiaryButtonColors = function (variant, theme, children) {
     else {
         return {
             default: {
-                icon: children ? themePrimary.main : tokens_1.colors.blackPepper400,
+                icon: hasThemeStyles ? themePrimary.main : tokens_1.colors.blackPepper400,
                 label: themePrimary.main,
             },
             hover: {
                 background: tokens_1.colors.soap200,
-                icon: children ? themePrimary.dark : tokens_1.colors.blackPepper500,
+                icon: hasThemeStyles ? themePrimary.dark : tokens_1.colors.blackPepper500,
                 label: themePrimary.dark,
             },
             active: {
                 background: tokens_1.colors.soap300,
-                icon: children ? themePrimary.dark : tokens_1.colors.blackPepper500,
+                icon: hasThemeStyles ? themePrimary.dark : tokens_1.colors.blackPepper500,
                 label: themePrimary.dark,
             },
             focus: {
-                icon: children ? themePrimary.main : tokens_1.colors.blackPepper500,
+                icon: hasThemeStyles ? themePrimary.main : tokens_1.colors.blackPepper500,
                 label: themePrimary.main,
                 focusRing: common_1.focusRing({ innerColor: tokens_1.colors.blueberry400 }, theme),
             },
             disabled: {
                 background: 'transparent',
-                icon: children ? themePrimary.main : tokens_1.colors.blackPepper400,
+                icon: hasThemeStyles ? themePrimary.main : tokens_1.colors.blackPepper400,
                 label: themePrimary.main,
             },
         };
@@ -170,9 +170,10 @@ var getMinWidthStyles = function (children, size) {
 exports.TertiaryButton = common_1.createComponent('button')({
     displayName: 'TertiaryButton',
     Component: function (_a, ref, Element) {
-        var _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.iconPosition, iconPosition = _c === void 0 ? 'start' : _c, variant = _a.variant, children = _a.children, icon = _a.icon, _d = _a.shouldMirrorIcon, shouldMirrorIcon = _d === void 0 ? false : _d, allCaps = _a.allCaps, elemProps = __rest(_a, ["size", "iconPosition", "variant", "children", "icon", "shouldMirrorIcon", "allCaps"]);
+        var _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.iconPosition, iconPosition = _c === void 0 ? 'start' : _c, _d = _a.isThemeable, isThemeable = _d === void 0 ? false : _d, variant = _a.variant, children = _a.children, icon = _a.icon, _e = _a.shouldMirrorIcon, shouldMirrorIcon = _e === void 0 ? false : _e, allCaps = _a.allCaps, elemProps = __rest(_a, ["size", "iconPosition", "isThemeable", "variant", "children", "icon", "shouldMirrorIcon", "allCaps"]);
         var theme = common_1.useTheme();
-        return (React.createElement(StyledTertiaryButtonContainer, __assign({ ref: ref, as: Element, allCaps: allCaps, colors: getTertiaryButtonColors(variant, theme, children), size: size, padding: getPaddingStyles(icon, iconPosition, children, size), minWidth: getMinWidthStyles(children, size), style: { borderRadius: children ? tokens_1.borderRadius.m : tokens_1.borderRadius.circle } }, elemProps),
+        var hasThemeStyles = !!children || isThemeable;
+        return (React.createElement(StyledTertiaryButtonContainer, __assign({ ref: ref, as: Element, allCaps: allCaps, colors: getTertiaryButtonColors(variant, theme, hasThemeStyles), size: size, padding: getPaddingStyles(icon, iconPosition, children, size), minWidth: getMinWidthStyles(children, size), style: { borderRadius: children ? tokens_1.borderRadius.m : tokens_1.borderRadius.circle } }, elemProps),
             icon && iconPosition === 'start' && (React.createElement(BaseButton_1.BaseButton.Icon, { size: size, iconPosition: iconPosition, icon: icon, shouldMirrorIcon: shouldMirrorIcon })),
             children && React.createElement(StyledButtonLabel, null, children),
             icon && iconPosition === 'end' && (React.createElement(BaseButton_1.BaseButton.Icon, { size: size, iconPosition: iconPosition, icon: icon, shouldMirrorIcon: shouldMirrorIcon }))));

package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts

@@ -1,7 +1,6 @@
 declare type UseLiveRegionConfig = {
     'aria-atomic'?: React.AriaAttributes['aria-atomic'];
     'aria-live'?: 'polite' | 'assertive';
-    'aria-relevant'?: React.AriaAttributes['aria-relevant'];
     role?: 'status' | 'alert' | 'log';
     shouldAnnounceToScreenReader?: boolean;
 };

package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,aAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAClC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,sBAA4B,uBAY/D"}
+{"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,aAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAClC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,sBAA4B,uBAW/D"}

package/dist/commonjs/pagination/lib/Pagination/common/useLiveRegion.js

@@ -27,7 +27,7 @@ function useLiveRegion(config) {
     if (config === void 0) { config = {}; }
     var _a = config.shouldAnnounceToScreenReader, shouldAnnounceToScreenReader = _a === void 0 ? true : _a, restConfig = __rest(config, ["shouldAnnounceToScreenReader"]);
     if (shouldAnnounceToScreenReader) {
-        return __assign({ 'aria-atomic': true, 'aria-live': 'polite', 'aria-relevant': true, role: 'status' }, restConfig);
+        return __assign({ 'aria-atomic': true, 'aria-live': 'polite', role: 'status' }, restConfig);
     }
     return {};
 }

package/dist/commonjs/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,OAAc,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,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;AAgCD,cAAM,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH;AAID,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAc,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,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,cAAM,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH;AAID,eAAe,UAAU,CAAC"}

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

@@ -69,8 +69,12 @@ var Container = common_1.styled('div')({
     margin: "-" + tokens_1.space.xxxs + " -" + tokens_1.space.xs,
     '& > div': {
         margin: tokens_1.space.xxs + " " + tokens_1.space.zero,
+        alignItems: 'flex-start',
+        '> div': {
+            flex: '0 0 auto',
+        },
         '&:first-of-type': {
-            marginTop: tokens_1.space.xxxs,
+            marginTop: '6px',
         },
         '&:last-child': {
             marginBottom: tokens_1.space.xxxs,

package/dist/es6/action-bar/lib/ActionBarList.d.ts

@@ -13,64 +13,6 @@ export interface ActionBarListProps<T = unknown> extends Partial<ExtractProps<ty
      */
     children: ((item: T) => React.ReactNode) | React.ReactNode;
 }
-export declare const useActionBarList: <P extends {}, R>(model: {
-    state: {
-        selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
-        unselectedIds: string[];
-        cursorId: string;
-        columnCount: number;
-        UNSTABLE_virtual: {
-            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
-            totalSize: number;
-            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
-            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
-            measure: () => void;
-        };
-        UNSTABLE_defaultItemHeight: number;
-        containerRef: React.RefObject<HTMLDivElement>;
-        id: string;
-        orientation: import("../../collection/lib/useBaseListModel").Orientation;
-        indexRef: React.MutableRefObject<number>;
-        nonInteractiveIds: string[];
-        isVirtualized: boolean;
-        items: import("../../collection").Item<any>[];
-    };
-    events: {
-        select(data: {
-            id: string;
-        }): void;
-        selectAll(): void;
-        unselectAll(): void;
-        registerItem(data: {
-            item: any;
-            textValue: string;
-        }): void;
-        goTo(data: {
-            id: string;
-        }): void;
-        goToNext(): void;
-        goToPrevious(): void;
-        goToPreviousRow(): void;
-        goToNextRow(): void;
-        goToFirst(): void;
-        goToLast(): void;
-        goToFirstOfRow(): void;
-        goToLastOfRow(): void;
-        goToNextPage(): void;
-        goToPreviousPage(): void;
-        unregisterItem(data: {
-            id: string;
-        }): void;
-        updateItemHeight(data: {
-            value: number;
-        }): void;
-    };
-    selection: import("../../collection/lib/useSelectionListModel").SelectionManager;
-    navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
-    getId: (item: any) => string;
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
 export declare const ActionBarList: import("../../common").ElementComponentM<"div", ActionBarListProps<unknown>, {
     state: {
         hiddenIds: string[];

package/dist/es6/action-bar/lib/ActionBarList.d.ts.map

@@ -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,EAGL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAWxD,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,OAAO,CAC7C,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CAAC;IACnD;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAWD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAiE,CAAC;AAE/F,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBxB,CAAC"}
+{"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,EAEL,YAAY,EAGb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,MAAM,EAAC,MAAM,kCAAkC,CAAC;AAOxD,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,OAAO,CAC7C,SAAQ,OAAO,CAAC,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CAAC;IACnD;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;CAC5D;AAWD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBxB,CAAC"}

package/dist/es6/action-bar/lib/ActionBarList.js

@@ -22,9 +22,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import * as React from 'react';
 import { commonColors, colors, space } from '@workday/canvas-kit-react/tokens';
-import { composeHooks, createSubcomponent, styled, } from '@workday/canvas-kit-react/common';
+import { createSubcomponent, styled, } from '@workday/canvas-kit-react/common';
 import { HStack } from '@workday/canvas-kit-react/layout';
-import { useOverflowListMeasure, useListRenderItems, useListResetCursorOnBlur, } from '@workday/canvas-kit-react/collection';
+import { useOverflowListMeasure, useListRenderItems } from '@workday/canvas-kit-react/collection';
 import { useActionBarModel } from './useActionBarModel';
 import { ActionBar } from './ActionBar';
 var ResponsiveHStack = styled(HStack)(function (_a) {
@@ -39,11 +39,10 @@ var ResponsiveHStack = styled(HStack)(function (_a) {
         },
         _b);
 });
-export var useActionBarList = composeHooks(useOverflowListMeasure, useListResetCursorOnBlur);
 export var ActionBarList = createSubcomponent('div')({
     displayName: 'ActionBar.List',
     modelHook: useActionBarModel,
-    elemPropsHook: useActionBarList,
+    elemPropsHook: useOverflowListMeasure,
 })(function (_a, Element, model) {
     var children = _a.children, elemProps = __rest(_a, ["children"]);
     return (React.createElement(ResponsiveHStack, __assign({ as: Element, spacing: "s", depth: 1, background: commonColors.background, borderTop: "solid 1px " + colors.soap400, padding: space.s + " " + space.xl + " ", position: "fixed", bottom: 0, left: 0, right: 0 }, elemProps),

package/dist/es6/button/lib/TertiaryButton.d.ts

@@ -33,8 +33,17 @@ export interface TertiaryButtonProps extends Themeable {
      * @default false
      */
     shouldMirrorIcon?: boolean;
+    /**
+     * If set to `true`, transform text to all letters uppercase
+     * @default undefined
+     */
     allCaps?: boolean;
     children?: React.ReactNode;
+    /**
+     * If set to `true`, make icon button available to use theme colors instead of default
+     * @default false
+     */
+    isThemeable?: boolean;
 }
 export declare const TertiaryButton: import("../../common").ElementComponent<"button", TertiaryButtonProps>;
 //# sourceMappingURL=TertiaryButton.d.ts.map

package/dist/es6/button/lib/TertiaryButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TertiaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/TertiaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,EAKV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAe,aAAa,EAAE,WAAW,EAAC,MAAM,SAAS,CAAC;AAGjE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAiJD,eAAO,MAAM,cAAc,wEAkDzB,CAAC"}
+{"version":3,"file":"TertiaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/TertiaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,SAAS,EAKV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAe,aAAa,EAAE,WAAW,EAAC,MAAM,SAAS,CAAC;AAGjE,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAiJD,eAAO,MAAM,cAAc,wEAoDzB,CAAC"}

package/dist/es6/button/lib/TertiaryButton.js

@@ -24,7 +24,7 @@ import * as React from 'react';
 import { focusRing, useTheme, createComponent, styled, } from '@workday/canvas-kit-react/common';
 import { borderRadius, colors, space } from '@workday/canvas-kit-react/tokens';
 import { BaseButton } from './BaseButton';
-var getTertiaryButtonColors = function (variant, theme, children) {
+var getTertiaryButtonColors = function (variant, theme, hasThemeStyles) {
     var themePrimary = theme.canvas.palette.primary;
     if (variant === 'inverse') {
         return {
@@ -64,27 +64,27 @@ var getTertiaryButtonColors = function (variant, theme, children) {
     else {
         return {
             default: {
-                icon: children ? themePrimary.main : colors.blackPepper400,
+                icon: hasThemeStyles ? themePrimary.main : colors.blackPepper400,
                 label: themePrimary.main,
             },
             hover: {
                 background: colors.soap200,
-                icon: children ? themePrimary.dark : colors.blackPepper500,
+                icon: hasThemeStyles ? themePrimary.dark : colors.blackPepper500,
                 label: themePrimary.dark,
             },
             active: {
                 background: colors.soap300,
-                icon: children ? themePrimary.dark : colors.blackPepper500,
+                icon: hasThemeStyles ? themePrimary.dark : colors.blackPepper500,
                 label: themePrimary.dark,
             },
             focus: {
-                icon: children ? themePrimary.main : colors.blackPepper500,
+                icon: hasThemeStyles ? themePrimary.main : colors.blackPepper500,
                 label: themePrimary.main,
                 focusRing: focusRing({ innerColor: colors.blueberry400 }, theme),
             },
             disabled: {
                 background: 'transparent',
-                icon: children ? themePrimary.main : colors.blackPepper400,
+                icon: hasThemeStyles ? themePrimary.main : colors.blackPepper400,
                 label: themePrimary.main,
             },
         };
@@ -148,9 +148,10 @@ var getMinWidthStyles = function (children, size) {
 export var TertiaryButton = createComponent('button')({
     displayName: 'TertiaryButton',
     Component: function (_a, ref, Element) {
-        var _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.iconPosition, iconPosition = _c === void 0 ? 'start' : _c, variant = _a.variant, children = _a.children, icon = _a.icon, _d = _a.shouldMirrorIcon, shouldMirrorIcon = _d === void 0 ? false : _d, allCaps = _a.allCaps, elemProps = __rest(_a, ["size", "iconPosition", "variant", "children", "icon", "shouldMirrorIcon", "allCaps"]);
+        var _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.iconPosition, iconPosition = _c === void 0 ? 'start' : _c, _d = _a.isThemeable, isThemeable = _d === void 0 ? false : _d, variant = _a.variant, children = _a.children, icon = _a.icon, _e = _a.shouldMirrorIcon, shouldMirrorIcon = _e === void 0 ? false : _e, allCaps = _a.allCaps, elemProps = __rest(_a, ["size", "iconPosition", "isThemeable", "variant", "children", "icon", "shouldMirrorIcon", "allCaps"]);
         var theme = useTheme();
-        return (React.createElement(StyledTertiaryButtonContainer, __assign({ ref: ref, as: Element, allCaps: allCaps, colors: getTertiaryButtonColors(variant, theme, children), size: size, padding: getPaddingStyles(icon, iconPosition, children, size), minWidth: getMinWidthStyles(children, size), style: { borderRadius: children ? borderRadius.m : borderRadius.circle } }, elemProps),
+        var hasThemeStyles = !!children || isThemeable;
+        return (React.createElement(StyledTertiaryButtonContainer, __assign({ ref: ref, as: Element, allCaps: allCaps, colors: getTertiaryButtonColors(variant, theme, hasThemeStyles), size: size, padding: getPaddingStyles(icon, iconPosition, children, size), minWidth: getMinWidthStyles(children, size), style: { borderRadius: children ? borderRadius.m : borderRadius.circle } }, elemProps),
             icon && iconPosition === 'start' && (React.createElement(BaseButton.Icon, { size: size, iconPosition: iconPosition, icon: icon, shouldMirrorIcon: shouldMirrorIcon })),
             children && React.createElement(StyledButtonLabel, null, children),
             icon && iconPosition === 'end' && (React.createElement(BaseButton.Icon, { size: size, iconPosition: iconPosition, icon: icon, shouldMirrorIcon: shouldMirrorIcon }))));

package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.d.ts

@@ -1,7 +1,6 @@
 declare type UseLiveRegionConfig = {
     'aria-atomic'?: React.AriaAttributes['aria-atomic'];
     'aria-live'?: 'polite' | 'assertive';
-    'aria-relevant'?: React.AriaAttributes['aria-relevant'];
     role?: 'status' | 'alert' | 'log';
     shouldAnnounceToScreenReader?: boolean;
 };

package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,aAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IACxD,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAClC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,sBAA4B,uBAY/D"}
+{"version":3,"file":"useLiveRegion.d.ts","sourceRoot":"","sources":["../../../../../../pagination/lib/Pagination/common/useLiveRegion.tsx"],"names":[],"mappings":"AAAA,aAAK,mBAAmB,GAAG;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;IACpD,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IAClC,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,sBAA4B,uBAW/D"}

package/dist/es6/pagination/lib/Pagination/common/useLiveRegion.js

@@ -24,7 +24,7 @@ export function useLiveRegion(config) {
     if (config === void 0) { config = {}; }
     var _a = config.shouldAnnounceToScreenReader, shouldAnnounceToScreenReader = _a === void 0 ? true : _a, restConfig = __rest(config, ["shouldAnnounceToScreenReader"]);
     if (shouldAnnounceToScreenReader) {
-        return __assign({ 'aria-atomic': true, 'aria-live': 'polite', 'aria-relevant': true, role: 'status' }, restConfig);
+        return __assign({ 'aria-atomic': true, 'aria-live': 'polite', role: 'status' }, restConfig);
     }
     return {};
 }

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,OAAc,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,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;AAgCD,cAAM,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH;AAID,eAAe,UAAU,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAc,EAAC,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,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,cAAM,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH;AAID,eAAe,UAAU,CAAC"}

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

@@ -45,8 +45,12 @@ var Container = styled('div')({
     margin: "-" + space.xxxs + " -" + space.xs,
     '& > div': {
         margin: space.xxs + " " + space.zero,
+        alignItems: 'flex-start',
+        '> div': {
+            flex: '0 0 auto',
+        },
         '&:first-of-type': {
-            marginTop: space.xxxs,
+            marginTop: '6px',
         },
         '&:last-child': {
             marginBottom: space.xxxs,

package/form-field/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/form-field",
   "module": "../dist/es6/form-field",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/form-field"
 }

package/icon/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/icon",
   "module": "../dist/es6/icon",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/icon"
 }

package/layout/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/layout",
   "module": "../dist/es6/layout",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/layout"
 }

package/loading-animation/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/loading-animation",
   "module": "../dist/es6/loading-animation",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/loading-animation"
 }

package/menu/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/menu",
   "module": "../dist/es6/menu",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/menu"
 }

package/modal/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/modal",
   "module": "../dist/es6/modal",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/modal"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "7.1.2",
+  "version": "7.1.5",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -49,9 +49,9 @@
     "@emotion/styled": "^11.6.0",
     "@popperjs/core": "^2.5.4",
     "@workday/canvas-colors-web": "^2.0.0",
-    "@workday/canvas-kit-labs-react": "^7.1.2",
-    "@workday/canvas-kit-popup-stack": "^7.1.2",
-    "@workday/canvas-kit-preview-react": "^7.1.2",
+    "@workday/canvas-kit-labs-react": "^7.1.5",
+    "@workday/canvas-kit-popup-stack": "^7.1.5",
+    "@workday/canvas-kit-preview-react": "^7.1.5",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/design-assets-types": "^0.2.8",
     "chroma-js": "^2.1.0",
@@ -70,5 +70,5 @@
     "@workday/canvas-accent-icons-web": "^3.0.0",
     "@workday/canvas-applet-icons-web": "^2.0.0"
   },
-  "gitHead": "3af79a1d78abc4335e0b94fcedfbd13c5d6b34bb"
+  "gitHead": "ee9ea420cc931e30280810b0268a6861d022d2f3"
 }

package/pagination/lib/Pagination/common/useLiveRegion.tsx

@@ -1,7 +1,6 @@
 type UseLiveRegionConfig = {
   'aria-atomic'?: React.AriaAttributes['aria-atomic'];
   'aria-live'?: 'polite' | 'assertive';
-  'aria-relevant'?: React.AriaAttributes['aria-relevant'];
   role?: 'status' | 'alert' | 'log';
   shouldAnnounceToScreenReader?: boolean;
 };
@@ -12,7 +11,6 @@ export function useLiveRegion(config = {} as UseLiveRegionConfig) {
     return {
       'aria-atomic': true,
       'aria-live': 'polite',
-      'aria-relevant': true,
       role: 'status',
       ...restConfig,
     } as UseLiveRegionConfig;

package/pagination/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/pagination",
   "module": "../dist/es6/pagination",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/pagination"
 }

package/popup/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/popup",
   "module": "../dist/es6/popup",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/popup"
 }

package/radio/lib/RadioGroup.tsx

@@ -42,8 +42,12 @@ const Container = styled('div')<Pick<RadioGroupProps, 'error' | 'grow' | 'theme'
     margin: `-${space.xxxs} -${space.xs}`,
     '& > div': {
       margin: `${space.xxs} ${space.zero}`,
+      alignItems: 'flex-start',
+      '> div': {
+        flex: '0 0 auto',
+      },
       '&:first-of-type': {
-        marginTop: space.xxxs,
+        marginTop: '6px',
       },
       '&:last-child': {
         marginBottom: space.xxxs,

package/radio/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/radio",
   "module": "../dist/es6/radio",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/radio"
 }

package/segmented-control/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/segmented-control",
   "module": "../dist/es6/segmented-control",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/segmented-control"
 }

package/select/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/select",
   "module": "../dist/es6/select",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/select"
 }

package/side-panel/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/side-panel",
   "module": "../dist/es6/side-panel",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/side-panel"
 }

package/skeleton/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/skeleton",
   "module": "../dist/es6/skeleton",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/skeleton"
 }

package/status-indicator/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/status-indicator",
   "module": "../dist/es6/status-indicator",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/status-indicator"
 }

package/switch/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/switch",
   "module": "../dist/es6/switch",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/switch"
 }

package/table/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/table",
   "module": "../dist/es6/table",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/table"
 }

package/tabs/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/tabs",
   "module": "../dist/es6/tabs",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/tabs"
 }

package/text-area/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/text-area",
   "module": "../dist/es6/text-area",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/text-area"
 }

package/text-input/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/text-input",
   "module": "../dist/es6/text-input",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/text-input"
 }

package/toast/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/toast",
   "module": "../dist/es6/toast",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/toast"
 }

package/tokens/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/tokens",
   "module": "../dist/es6/tokens",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/tokens"
 }

package/tooltip/package.json

@@ -1,5 +1,6 @@
 {
   "main": "../dist/commonjs/tooltip",
   "module": "../dist/es6/tooltip",
-  "sideEffects": false
+  "sideEffects": false,
+  "types": "../dist/es6/tooltip"
 }