@workday/canvas-kit-react 7.0.0-alpha.0-next.6 → 7.0.0-alpha.79-next.7

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

@@ -45,8 +45,8 @@ exports.TertiaryButton = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var parts_1 = require("./parts");
-var getTertiaryButtonColors = function (variant, theme) {
+var BaseButton_1 = require("./BaseButton");
+var getTertiaryButtonColors = function (variant, theme, children) {
     var themePrimary = theme.canvas.palette.primary;
     if (variant === 'inverse') {
         return {
@@ -86,66 +86,94 @@ var getTertiaryButtonColors = function (variant, theme) {
     else {
         return {
             default: {
-                icon: themePrimary.main,
+                icon: children ? themePrimary.main : tokens_1.colors.blackPepper400,
                 label: themePrimary.main,
             },
             hover: {
                 background: tokens_1.colors.soap200,
-                icon: themePrimary.dark,
+                icon: children ? themePrimary.dark : tokens_1.colors.blackPepper500,
                 label: themePrimary.dark,
             },
             active: {
                 background: tokens_1.colors.soap300,
-                icon: themePrimary.dark,
+                icon: children ? themePrimary.dark : tokens_1.colors.blackPepper500,
                 label: themePrimary.dark,
             },
             focus: {
-                icon: themePrimary.dark,
-                label: themePrimary.dark,
-                focusRing: common_1.focusRing({}, theme),
+                icon: children ? themePrimary.main : tokens_1.colors.blackPepper500,
+                label: themePrimary.main,
+                focusRing: common_1.focusRing({ innerColor: tokens_1.colors.blueberry400 }, theme),
             },
             disabled: {
-                icon: themePrimary.main,
+                icon: children ? themePrimary.main : tokens_1.colors.blackPepper400,
                 label: themePrimary.main,
             },
         };
     }
 };
-var getPaddingStyles = function (icon, iconPosition) {
-    // if there is an icon on the left, add 4px extra padding to the right for visual balance
-    if (icon && iconPosition === 'left') {
-        return "0 " + tokens_1.space.xs + " 0 " + tokens_1.space.xxs;
+var StyledButtonLabel = common_1.styled(BaseButton_1.BaseButton.Label)({
+    textDecoration: 'underline',
+});
+var StyledTertiaryButtonContainer = common_1.styled(BaseButton_1.BaseButton)({
+    border: '0',
+}, function (_a) {
+    var allCaps = _a.allCaps;
+    return ({
+        textTransform: allCaps ? 'uppercase' : undefined,
+    });
+});
+var getPaddingStyles = function (icon, iconPosition, children, size) {
+    if (children) {
+        // if there is an icon on the left, add 4px extra padding to the right for visual balance
+        if (icon && iconPosition === 'start') {
+            if (size === 'extraSmall') {
+                return "0 " + tokens_1.space.xxs + " 0 " + tokens_1.space.xxxs;
+            }
+            return "0 " + tokens_1.space.xs + " 0 " + tokens_1.space.xxs;
+        }
+        // if there is an icon on the right, add 4px extra padding to the left for visual balance
+        if (icon && iconPosition === 'end') {
+            if (size === 'extraSmall') {
+                return "0 " + tokens_1.space.xxxs + " 0 " + tokens_1.space.xxs;
+            }
+            return "0 " + tokens_1.space.xxs + " 0 " + tokens_1.space.xs;
+        }
+        // if there is no icon, return the default padding
+        return "0 " + tokens_1.space.xxs;
     }
-    // if there is an icon on the right, add 4px extra padding to the left for visual balance
-    if (icon && iconPosition === 'right') {
-        return "0 " + tokens_1.space.xxs + " 0 " + tokens_1.space.xs;
+    else {
+        return '0';
     }
-    // if there is no icon, return the default padding
-    return "0 " + tokens_1.space.xxs;
 };
-// All disabled buttons are set to 40% opacity.
-// This will eventually live in the ButtonContainer styles, but for now we're scoping it to Primary, Secondary, and Tertiary buttons.
-var disabledButtonOpacity = {
-    '&:disabled, &:disabled:active': {
-        opacity: 0.4,
-    },
+var getMinWidthStyles = function (children, size) {
+    var minWidthNum;
+    switch (size) {
+        case 'large':
+            minWidthNum = '48px';
+            break;
+        case 'medium':
+            minWidthNum = tokens_1.space.xl;
+            break;
+        case 'small':
+            minWidthNum = tokens_1.space.l;
+            break;
+        case 'extraSmall':
+            minWidthNum = tokens_1.space.m;
+            break;
+        default:
+            minWidthNum = tokens_1.space.xl;
+            break;
+    }
+    return children ? 'auto' : minWidthNum;
 };
 exports.TertiaryButton = common_1.createComponent('button')({
     displayName: 'TertiaryButton',
     Component: function (_a, ref, Element) {
-        var 
-        // TODO: Fix useTheme and make it a real hook
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        _b = _a.theme, 
-        // TODO: Fix useTheme and make it a real hook
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        theme = _b === void 0 ? common_1.useTheme() : _b, _c = _a.size, size = _c === void 0 ? 'medium' : _c, _d = _a.iconPosition, iconPosition = _d === void 0 ? 'left' : _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, ["theme", "size", "iconPosition", "variant", "children", "icon", "shouldMirrorIcon", "allCaps"]);
-        var allContainerStyles = __assign({ borderRadius: tokens_1.borderRadius.m, border: '0', padding: getPaddingStyles(icon, iconPosition), minWidth: 'auto', textTransform: allCaps ? 'uppercase' : undefined, '.wdc-text-button-label': {
-                textDecoration: 'underline',
-            } }, disabledButtonOpacity);
-        return (React.createElement(parts_1.ButtonContainer, __assign({ ref: ref, as: Element, colors: getTertiaryButtonColors(variant, theme), size: size, extraStyles: allContainerStyles }, elemProps),
-            icon && iconPosition === 'left' && (React.createElement(parts_1.ButtonLabelIcon, { size: size, iconPosition: iconPosition, icon: icon, shouldMirrorIcon: shouldMirrorIcon })),
-            React.createElement(parts_1.ButtonLabel, { className: "wdc-text-button-label" }, children),
-            icon && iconPosition === 'right' && (React.createElement(parts_1.ButtonLabelIcon, { size: size, iconPosition: iconPosition, icon: icon, shouldMirrorIcon: shouldMirrorIcon }))));
+        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 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),
+            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/button/lib/ToolbarDropdownButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarDropdownButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/ToolbarDropdownButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAK1C,OAAO,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,GAAG,gBAAgB,CAAC,EAChE,SAAS;CAAG;AAwBhB,eAAO,MAAM,qBAAqB,+EAwChC,CAAC"}
+{"version":3,"file":"ToolbarDropdownButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/ToolbarDropdownButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,SAAS,EAKV,MAAM,kCAAkC,CAAC;AAI1C,OAAO,EAAC,sBAAsB,EAAC,MAAM,qBAAqB,CAAC;AAE3D,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,GAAG,gBAAgB,CAAC,EAChE,SAAS;CAAG;AAwBhB,eAAO,MAAM,qBAAqB,+EAuChC,CAAC"}

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

@@ -29,10 +29,9 @@ exports.ToolbarDropdownButton = void 0;
 var react_1 = __importDefault(require("react"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var common_1 = require("@workday/canvas-kit-react/common");
-var icon_1 = require("@workday/canvas-kit-react/icon");
-var parts_1 = require("./parts");
+var BaseButton_1 = require("./BaseButton");
 var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-var containerStyles = {
+var StyledToolbarDropdownButton = common_1.styled(BaseButton_1.BaseButton)({
     padding: tokens_1.space.zero,
     minWidth: tokens_1.space.l,
     width: 'auto',
@@ -52,7 +51,7 @@ var containerStyles = {
         marginRight: 0,
         width: 18,
     },
-};
+});
 exports.ToolbarDropdownButton = common_1.createComponent('button')({
     displayName: 'ToolbarDropdownButton',
     Component: function (_a, ref, Element) {
@@ -63,9 +62,9 @@ exports.ToolbarDropdownButton = common_1.createComponent('button')({
         // TODO: Fix useTheme and make it a real hook
         // eslint-disable-next-line react-hooks/rules-of-hooks
         theme = _b === void 0 ? common_1.useTheme() : _b, icon = _a.icon, _c = _a.shouldMirrorIcon, shouldMirrorIcon = _c === void 0 ? false : _c, children = _a.children, elemProps = __rest(_a, ["theme", "icon", "shouldMirrorIcon", "children"]);
-        return (react_1.default.createElement(parts_1.ButtonContainer, __assign({ ref: ref, as: Element, colors: getToolbarDropdownButtonColors(theme), extraStyles: containerStyles }, elemProps),
-            icon ? (react_1.default.createElement(icon_1.SystemIcon, { className: 'wdc-toolbar-dropdown-btn-custom-icon', icon: icon, shouldMirror: shouldMirrorIcon })) : (children),
-            react_1.default.createElement(icon_1.SystemIcon, { className: 'wdc-toolbar-dropdown-btn-arrow', icon: canvas_system_icons_web_1.chevronDownSmallIcon, shouldMirror: shouldMirrorIcon })));
+        return (react_1.default.createElement(StyledToolbarDropdownButton, __assign({ ref: ref, as: Element, colors: getToolbarDropdownButtonColors(theme) }, elemProps),
+            icon ? (react_1.default.createElement(BaseButton_1.BaseButton.Icon, { className: 'wdc-toolbar-dropdown-btn-custom-icon', icon: icon, shouldMirrorIcon: shouldMirrorIcon })) : (children),
+            react_1.default.createElement(BaseButton_1.BaseButton.Icon, { className: 'wdc-toolbar-dropdown-btn-arrow', icon: canvas_system_icons_web_1.chevronDownSmallIcon, shouldMirrorIcon: shouldMirrorIcon })));
     },
 });
 var getToolbarDropdownButtonColors = function (theme) {
@@ -89,6 +88,7 @@ var getToolbarDropdownButtonColors = function (theme) {
         disabled: {
             icon: tokens_1.colors.soap600,
             background: 'transparent',
+            opacity: '1',
         },
     };
 };

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

@@ -1,6 +1,9 @@
 import { Themeable } from '@workday/canvas-kit-react/common';
-import { IconButtonProps } from './IconButton';
-export interface ToolbarIconButtonProps extends Omit<IconButtonProps, 'size' | 'variant'>, Themeable {
+import { TertiaryButtonProps } from './TertiaryButton';
+export interface ToolbarIconButtonProps extends Omit<TertiaryButtonProps, 'size' | 'variant'>, Themeable {
+    onToggleChange?: (toggled: boolean | undefined) => void;
+    toggled?: boolean;
+    shouldMirrorIcon?: boolean;
 }
 export declare const ToolbarIconButton: import("../../common").ElementComponent<"button", ToolbarIconButtonProps>;
 //# sourceMappingURL=ToolbarIconButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarIconButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/ToolbarIconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,SAAS,EAGV,MAAM,kCAAkC,CAAC;AAI1C,OAAO,EAAC,eAAe,EAAC,MAAM,cAAc,CAAC;AAE7C,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC,EAC/C,SAAS;CAAG;AAgBhB,eAAO,MAAM,iBAAiB,2EA6C5B,CAAC"}
+{"version":3,"file":"ToolbarIconButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/ToolbarIconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,SAAS,EAKV,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAC,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAC,EACnD,SAAS;IACX,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAWD,eAAO,MAAM,iBAAiB,2EAiD5B,CAAC"}

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

@@ -46,22 +46,15 @@ exports.ToolbarIconButton = 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");
-var icon_1 = require("@workday/canvas-kit-react/icon");
-var parts_1 = require("./parts");
-var containerStyles = (_a = {
-        padding: 0,
-        minWidth: tokens_1.space.l,
-        width: tokens_1.space.l,
-        height: tokens_1.space.l,
-        borderRadius: tokens_1.borderRadius.m
-    },
+var BaseButton_1 = require("./BaseButton");
+var StyledToolbarIconButton = common_1.styled(BaseButton_1.BaseButton)((_a = {},
     _a['& .wd-icon'] = {
         display: 'inline-block',
         verticalAlign: 'middle',
         width: 20,
         height: 20,
     },
-    _a);
+    _a));
 exports.ToolbarIconButton = common_1.createComponent('button')({
     displayName: 'ToolbarIconButton',
     Component: function (_a, ref, Element) {
@@ -84,7 +77,7 @@ exports.ToolbarIconButton = common_1.createComponent('button')({
                 }
             }
         }, [toggled, onToggleChange]);
-        return (React.createElement(parts_1.ButtonContainer, __assign({ ref: ref, as: Element, colors: getToolbarIconButtonColors(theme, toggled), size: 'small', fillIcon: toggled, extraStyles: containerStyles, "aria-pressed": toggled }, elemProps), icon ? React.createElement(icon_1.SystemIcon, { icon: icon, shouldMirror: shouldMirrorIcon }) : children));
+        return (React.createElement(StyledToolbarIconButton, __assign({ ref: ref, as: Element, colors: getToolbarIconButtonColors(theme, toggled), size: 'small', fillIcon: toggled, "aria-pressed": toggled, padding: "zero", minWidth: tokens_1.space.l, width: tokens_1.space.l, height: tokens_1.space.l, borderRadius: tokens_1.borderRadius.m }, elemProps), icon ? React.createElement(BaseButton_1.BaseButton.Icon, { icon: icon, shouldMirrorIcon: shouldMirrorIcon }) : children));
     },
 });
 var getToolbarIconButtonColors = function (theme, toggled) {
@@ -110,6 +103,7 @@ var getToolbarIconButtonColors = function (theme, toggled) {
         disabled: {
             icon: toggled ? themePrimary.light : tokens_1.colors.soap600,
             background: toggled ? themePrimary.lightest : 'transparent',
+            opacity: '1',
         },
     };
 };

package/dist/commonjs/button/lib/parts/ButtonLabel.d.ts

@@ -1,5 +1,5 @@
-export declare const ButtonLabel: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "s" | "big" | "link" | "small" | "sub" | "sup" | "circle" | "stop" | "path" | "style" | "map" | "filter" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+import { BoxProps } from '@workday/canvas-kit-react/layout';
+export interface ButtonLabelProps extends BoxProps {
+}
+export declare const ButtonLabel: import("../../../common").ElementComponent<"span", ButtonLabelProps>;
 //# sourceMappingURL=ButtonLabel.d.ts.map

package/dist/commonjs/button/lib/parts/ButtonLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLabel.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonLabel.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;2GAKtB,CAAC"}
+{"version":3,"file":"ButtonLabel.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;CAAG;AASrD,eAAO,MAAM,WAAW,sEAStB,CAAC"}

package/dist/commonjs/button/lib/parts/ButtonLabel.js

@@ -1,10 +1,44 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonLabel = void 0;
+var react_1 = __importDefault(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
-exports.ButtonLabel = common_1.styled('span')({
+var layout_1 = require("@workday/canvas-kit-react/layout");
+var StyledButtonLabel = common_1.styled(layout_1.Box.as('span'))({
     position: 'relative',
     textOverflow: 'ellipsis',
     overflow: 'hidden',
     whiteSpace: 'nowrap',
 });
+exports.ButtonLabel = common_1.createComponent('span')({
+    displayName: 'ButtonLabel',
+    Component: function (_a, ref, Element) {
+        var children = _a.children, elemProps = __rest(_a, ["children"]);
+        return (react_1.default.createElement(StyledButtonLabel, __assign({ as: Element, ref: ref }, elemProps), children));
+    },
+});

package/dist/commonjs/button/lib/parts/ButtonLabelIcon.d.ts

@@ -1,6 +1,7 @@
 import { CanvasSystemIcon } from '@workday/design-assets-types';
 import { ButtonSizes, IconPositions } from '../types';
-export interface ButtonLabelIconProps {
+import { BoxProps } from '@workday/canvas-kit-react/layout';
+export interface ButtonLabelIconProps extends BoxProps {
     /**
      * There are four button sizes: `extraSmall`, `small`, `medium`, and `large`.
      *
@@ -15,7 +16,7 @@ export interface ButtonLabelIconProps {
     /**
      * Button icon positions can either be `left` or `right`.
      * If no value is provided, it defaults to `left`.
-     * @default 'left'
+     * @default 'start'
      */
     iconPosition?: IconPositions;
     /**
@@ -24,5 +25,5 @@ export interface ButtonLabelIconProps {
      */
     shouldMirrorIcon?: boolean;
 }
-export declare const ButtonLabelIcon: ({ icon, size, iconPosition, shouldMirrorIcon, ...elemProps }: ButtonLabelIconProps) => JSX.Element | null;
+export declare const ButtonLabelIcon: import("../../../common").ElementComponent<"span", ButtonLabelIconProps>;
 //# sourceMappingURL=ButtonLabelIcon.d.ts.map

package/dist/commonjs/button/lib/parts/ButtonLabelIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLabelIcon.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonLabelIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAM9D,OAAO,EAAC,WAAW,EAAE,aAAa,EAAC,MAAM,UAAU,CAAC;AACpD,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAuCD,eAAO,MAAM,eAAe,iEAMzB,oBAAoB,uBAYtB,CAAC"}
+{"version":3,"file":"ButtonLabelIcon.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonLabelIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,WAAW,EAAE,aAAa,EAAC,MAAM,UAAU,CAAC;AAGpD,OAAO,EAAC,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE1D,MAAM,WAAW,oBAAqB,SAAQ,QAAQ;IACpD;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AASD,eAAO,MAAM,eAAe,0EAyB1B,CAAC"}

package/dist/commonjs/button/lib/parts/ButtonLabelIcon.js

@@ -10,25 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -45,53 +26,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonLabelIcon = void 0;
-var React = __importStar(require("react"));
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-var icon_1 = require("@workday/canvas-kit-react/icon");
+var react_1 = __importDefault(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
+var icon_1 = require("@workday/canvas-kit-react/icon");
 var iconSizes = {
     extraSmall: 18,
     small: 20,
     medium: 20,
     large: 24,
 };
-var getIconPositionStyles = function (_a) {
-    var iconPosition = _a.iconPosition, size = _a.size;
-    // Adjust margin values for visual balance, large buttons require 8px
-    var balancingMargin = size === 'large' ? tokens_1.space.xxs : tokens_1.space.xxxs;
-    // iconPosition can only be "right", "left", or undefined (defaults to "left")
-    if (iconPosition === 'right') {
-        return {
-            marginLeft: undefined,
-            marginRight: "-" + balancingMargin + " !important",
-        };
-    }
-    else {
-        return {
-            marginLeft: "-" + balancingMargin + " !important",
-            marginRight: undefined,
-        };
-    }
-};
-var ButtonLabelIconStyled = common_1.styled('span', {
-    shouldForwardProp: function (prop) { return is_prop_valid_1.default(prop) && prop !== 'size'; },
-})({
-    display: 'inline-block',
-}, function (_a) {
-    var size = _a.size;
-    return ({
-        width: size ? iconSizes[size] : iconSizes.medium,
-        height: size ? iconSizes[size] : iconSizes.medium,
-    });
-}, getIconPositionStyles);
-var ButtonLabelIcon = function (_a) {
-    var icon = _a.icon, size = _a.size, iconPosition = _a.iconPosition, _b = _a.shouldMirrorIcon, shouldMirrorIcon = _b === void 0 ? false : _b, elemProps = __rest(_a, ["icon", "size", "iconPosition", "shouldMirrorIcon"]);
-    if (icon === undefined) {
-        return null;
-    }
-    var iconSize = size ? iconSizes[size] : undefined;
-    return (React.createElement(ButtonLabelIconStyled, __assign({ iconPosition: iconPosition, size: size }, elemProps),
-        React.createElement(icon_1.SystemIcon, { size: iconSize, icon: icon, shouldMirror: shouldMirrorIcon })));
-};
-exports.ButtonLabelIcon = ButtonLabelIcon;
+exports.ButtonLabelIcon = common_1.createComponent('span')({
+    displayName: 'ButtonLabelIconNew',
+    Component: function (_a, ref, Element) {
+        var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.shouldMirrorIcon, shouldMirrorIcon = _c === void 0 ? false : _c, elemProps = __rest(_a, ["icon", "size", "shouldMirrorIcon"]);
+        if (icon === undefined) {
+            return null;
+        }
+        var iconSize = iconSizes[size];
+        return (react_1.default.createElement(icon_1.SystemIcon, __assign({ size: iconSize, icon: icon, shouldMirror: shouldMirrorIcon, width: size ? iconSizes[size] : iconSizes.large, height: size ? iconSizes[size] : iconSizes.large, display: "inline-block" }, elemProps)));
+    },
+});

package/dist/commonjs/button/lib/parts/index.d.ts

@@ -1,5 +1,3 @@
-export { ButtonContainer } from './ButtonContainer';
 export { ButtonLabel } from './ButtonLabel';
-export { ButtonLabelData } from './ButtonLabelData';
 export { ButtonLabelIcon } from './ButtonLabelIcon';
 //# sourceMappingURL=index.d.ts.map

package/dist/commonjs/button/lib/parts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC"}

package/dist/commonjs/button/lib/parts/index.js

@@ -1,11 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonLabelIcon = exports.ButtonLabelData = exports.ButtonLabel = exports.ButtonContainer = void 0;
-var ButtonContainer_1 = require("./ButtonContainer");
-Object.defineProperty(exports, "ButtonContainer", { enumerable: true, get: function () { return ButtonContainer_1.ButtonContainer; } });
+exports.ButtonLabelIcon = exports.ButtonLabel = void 0;
 var ButtonLabel_1 = require("./ButtonLabel");
 Object.defineProperty(exports, "ButtonLabel", { enumerable: true, get: function () { return ButtonLabel_1.ButtonLabel; } });
-var ButtonLabelData_1 = require("./ButtonLabelData");
-Object.defineProperty(exports, "ButtonLabelData", { enumerable: true, get: function () { return ButtonLabelData_1.ButtonLabelData; } });
 var ButtonLabelIcon_1 = require("./ButtonLabelIcon");
 Object.defineProperty(exports, "ButtonLabelIcon", { enumerable: true, get: function () { return ButtonLabelIcon_1.ButtonLabelIcon; } });

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

@@ -8,7 +8,7 @@ export interface ButtonStateColors {
     icon?: string;
     iconFill?: boolean;
     label?: string;
-    labelData?: string;
+    opacity?: string;
 }
 export interface ButtonColors {
     default: ButtonStateColors;
@@ -27,5 +27,5 @@ export interface ButtonColors {
  */
 export declare type ButtonSizes = 'extraSmall' | 'small' | 'medium' | 'large';
 export declare type TertiaryButtonSizes = 'extraSmall' | 'small' | 'medium';
-export declare type IconPositions = 'left' | 'right';
+export declare type IconPositions = 'start' | 'end';
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../button/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,iBAAiB,GAAG;QACzB,SAAS,CAAC,EAAE,SAAS,CAAC;KACvB,CAAC;IACF,QAAQ,EAAE,iBAAiB,CAAC;CAC7B;AAED;;;;;GAKG;AACH,oBAAY,WAAW,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE,oBAAY,mBAAmB,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAC;AACpE,oBAAY,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../button/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,iBAAiB,CAAC;IAC1B,KAAK,EAAE,iBAAiB,GAAG;QACzB,SAAS,CAAC,EAAE,SAAS,CAAC;KACvB,CAAC;IACF,QAAQ,EAAE,iBAAiB,CAAC;CAC7B;AAED;;;;;GAKG;AACH,oBAAY,WAAW,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtE,oBAAY,mBAAmB,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,CAAC;AACpE,oBAAY,aAAa,GAAG,OAAO,GAAG,KAAK,CAAC"}

package/dist/commonjs/card/lib/Card.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BoxProps } from '@workday/canvas-kit-labs-react/common';
+import { BoxProps } from '@workday/canvas-kit-react/layout';
 export interface CardProps extends BoxProps {
     /**
      * Children of the Card. Should contain a `<Card.Body>` and an optional `<Card.Heading>`
@@ -8,6 +8,6 @@ export interface CardProps extends BoxProps {
 }
 export declare const Card: import("../../common").ElementComponent<"div", CardProps> & {
     Heading: import("../../common").ElementComponent<"h3", import("./CardHeading").CardHeadingProps>;
-    Body: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react/common").ColorStyleProps & import("@workday/canvas-kit-labs-react/common").DepthStyleProps & import("@workday/canvas-kit-labs-react/common").FlexItemStyleProps & import("@workday/canvas-kit-labs-react/common").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
+    Body: import("../../common").ElementComponent<"div", import("../../layout").BorderShorthandStyleProps & import("../../layout").BorderColorStyleProps & import("../../layout").BorderRadiusStyleProps & import("../../layout").BorderLineStyleProps & import("../../layout").BorderWidthStyleProps & import("../../layout").BorderLogicalStyleProps & import("../../layout").ColorStyleProps & import("../../layout").DepthStyleProps & import("../../layout").FlexItemStyleProps & import("../../layout").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../../layout").PositionStandardProps & import("../../layout").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
 };
 //# sourceMappingURL=Card.d.ts.map

package/dist/commonjs/card/lib/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../card/lib/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAM,QAAQ,EAAC,MAAM,uCAAuC,CAAC;AAKpE,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI;;;CAsBf,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../card/lib/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAK/D,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI;;;CAsBf,CAAC"}

package/dist/commonjs/card/lib/Card.js

@@ -45,14 +45,14 @@ exports.Card = 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");
-var common_2 = require("@workday/canvas-kit-labs-react/common");
+var layout_1 = require("@workday/canvas-kit-react/layout");
 var CardHeading_1 = require("./CardHeading");
 var CardBody_1 = require("./CardBody");
 exports.Card = common_1.createComponent('div')({
     displayName: 'Card',
     Component: function (_a, ref, Element) {
         var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(common_2.Box, __assign({ ref: ref, as: Element, depth: 2, padding: "l", backgroundColor: "frenchVanilla100", border: "1px solid " + tokens_1.colors.soap500, borderRadius: "l" }, elemProps), children));
+        return (React.createElement(layout_1.Box, __assign({ ref: ref, as: Element, depth: 1, padding: "l", backgroundColor: "frenchVanilla100", border: "1px solid " + tokens_1.colors.soap500, borderRadius: "l" }, elemProps), children));
     },
     subComponents: {
         Heading: CardHeading_1.CardHeading,

package/dist/commonjs/card/lib/CardBody.d.ts

@@ -1,2 +1,2 @@
-export declare const CardBody: import("../../common").ElementComponent<"div", import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react/common").ColorStyleProps & import("@workday/canvas-kit-labs-react/common").DepthStyleProps & import("@workday/canvas-kit-labs-react/common").FlexItemStyleProps & import("@workday/canvas-kit-labs-react/common").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/other").OtherStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps>;
+export declare const CardBody: import("../../common").ElementComponent<"div", import("../../layout").BorderShorthandStyleProps & import("../../layout").BorderColorStyleProps & import("../../layout").BorderRadiusStyleProps & import("../../layout").BorderLineStyleProps & import("../../layout").BorderWidthStyleProps & import("../../layout").BorderLogicalStyleProps & import("../../layout").ColorStyleProps & import("../../layout").DepthStyleProps & import("../../layout").FlexItemStyleProps & import("../../layout").LayoutStyleProps & import("../../layout/lib/utils/other").OtherStyleProps & import("../../layout").PositionStandardProps & import("../../layout").PositionLogicalProps & import("../../layout/lib/utils/space").SpaceStandardProps & import("../../layout/lib/utils/space").SpaceLogicalProps>;
 //# sourceMappingURL=CardBody.d.ts.map

package/dist/commonjs/card/lib/CardBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardBody.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardBody.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,QAAQ,uwCASnB,CAAC"}
+{"version":3,"file":"CardBody.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardBody.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,QAAQ,owBASnB,CAAC"}

package/dist/commonjs/card/lib/CardBody.js

@@ -49,8 +49,8 @@ var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var common_1 = require("@workday/canvas-kit-react/common");
-var common_2 = require("@workday/canvas-kit-labs-react/common");
-var Body = styled_1.default(common_2.Box)(tokens_1.type.levels.subtext.large);
+var layout_1 = require("@workday/canvas-kit-react/layout");
+var Body = styled_1.default(layout_1.Box)(tokens_1.type.levels.subtext.large);
 exports.CardBody = common_1.createComponent('div')({
     displayName: 'Card.Body',
     Component: function (_a, ref, Element) {

package/dist/commonjs/card/lib/CardHeading.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { BoxProps } from '@workday/canvas-kit-labs-react/common';
+import { BoxProps } from '@workday/canvas-kit-react/layout';
 export interface CardHeadingProps extends BoxProps {
     /**
      * The id of the Card heading. Tie this to an `aria-labelledby` for accessibility.

package/dist/commonjs/card/lib/CardHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeading.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAM,QAAQ,EAAC,MAAM,uCAAuC,CAAC;AAEpE,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,eAAO,MAAM,WAAW,iEAStB,CAAC"}
+{"version":3,"file":"CardHeading.d.ts","sourceRoot":"","sources":["../../../../card/lib/CardHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,QAAQ;IAChD;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,eAAO,MAAM,WAAW,iEAStB,CAAC"}

package/dist/commonjs/card/lib/CardHeading.js

@@ -49,8 +49,8 @@ var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var common_1 = require("@workday/canvas-kit-react/common");
-var common_2 = require("@workday/canvas-kit-labs-react/common");
-var Heading = styled_1.default(common_2.Box.as('h3'))(tokens_1.type.levels.body.large, {
+var layout_1 = require("@workday/canvas-kit-react/layout");
+var Heading = styled_1.default(layout_1.Box.as('h3'))(tokens_1.type.levels.body.large, {
     fontWeight: tokens_1.type.properties.fontWeights.bold,
 });
 exports.CardHeading = common_1.createComponent('h3')({

package/dist/commonjs/common/lib/parts/_brand-assets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_brand-assets.d.ts","sourceRoot":"","sources":["../../../../../common/lib/parts/_brand-assets.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,QAA+C,CAAC;AAExE,eAAO,MAAM,YAAY,QAAgD,CAAC;AAE1E,eAAO,MAAM,YAAY,QAAgD,CAAC;AAE1E,eAAO,MAAM,aAAa,QAAiD,CAAC;AAE5E,eAAO,MAAM,gBAAgB,QAAqD,CAAC"}
+{"version":3,"file":"_brand-assets.d.ts","sourceRoot":"","sources":["../../../../../common/lib/parts/_brand-assets.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,QAAsD,CAAC;AAE/E,eAAO,MAAM,YAAY,QAAuD,CAAC;AAEjF,eAAO,MAAM,YAAY,QAAuD,CAAC;AAEjF,eAAO,MAAM,aAAa,QAAwD,CAAC;AAEnF,eAAO,MAAM,gBAAgB,QAA4D,CAAC"}