@workday/canvas-kit-react 8.5.0-331-next.2 → 8.5.0-337-next.4

package/dist/commonjs/modal/lib/Modal.d.ts

@@ -99,7 +99,7 @@ export declare const Modal: import("../../common").ComponentM<import("../../dial
         hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
     };
 }> & {
-    Body: import("../../common").ElementComponentM<"div", import("../..").BackgroundStyleProps & import("../../layout/lib/utils/border/color").BorderColorStyleProps & import("../../layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("../../layout/lib/utils/border/radius").BorderRadiusStyleProps & import("../../layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("../../layout/lib/utils/border/width").BorderWidthStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").GridItemStyleProps & import("../..").LayoutStyleProps & import("../..").OtherStyleProps & import("../..").PositionStyleProps & import("../..").SpaceStyleProps & import("../..").TextStyleProps & React.HTMLAttributes<HTMLDivElement>, {
+    Body: import("../../common").ElementComponentM<"div", import("./ModalBody").ModalBodyProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;

package/dist/commonjs/modal/lib/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../modal/lib/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAehB,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../modal/lib/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAehB,CAAC"}

package/dist/commonjs/modal/lib/Modal.js

@@ -28,11 +28,12 @@ var ModalCard_1 = require("./ModalCard");
 var hooks_1 = require("./hooks");
 var ModalHeading_1 = require("./ModalHeading");
 var ModalOverflowOverlay_1 = require("./ModalOverflowOverlay");
+var ModalBody_1 = require("./ModalBody");
 exports.Modal = common_1.createContainer()({
     displayName: 'Modal',
     modelHook: hooks_1.useModalModel,
     subComponents: {
-        Body: popup_1.Popup.Body,
+        Body: ModalBody_1.ModalBody,
         Card: ModalCard_1.ModalCard,
         CloseIcon: popup_1.Popup.CloseIcon,
         Target: popup_1.Popup.Target,

package/dist/commonjs/modal/lib/ModalBody.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Popup } from '@workday/canvas-kit-react/popup';
+export interface ModalBodyProps extends ExtractProps<typeof Popup.Body, never> {
+}
+export declare const ModalBody: import("../../common").ElementComponentM<"div", ModalBodyProps, {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+    };
+}>;
+//# sourceMappingURL=ModalBody.d.ts.map

package/dist/commonjs/modal/lib/ModalBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAKtD,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC;CAAG;AAYjF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;EAKpB,CAAC"}

package/dist/commonjs/modal/lib/ModalBody.js

@@ -0,0 +1,55 @@
+"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 __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalBody = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@workday/canvas-kit-react/common");
+var popup_1 = require("@workday/canvas-kit-react/popup");
+var tokens_1 = require("@workday/canvas-kit-react/tokens");
+var hooks_1 = require("./hooks");
+var ResponsiveModalBody = common_1.styled(popup_1.Popup.Body)(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    var canvasTheme = common_1.getCanvasTheme(theme);
+    return _b = {},
+        _b[canvasTheme.breakpoints.down('s')] = {
+            marginBottom: tokens_1.space.zero,
+            padding: tokens_1.space.xxxs + " " + tokens_1.space.xxs + " " + tokens_1.space.xxs + " " + tokens_1.space.xxs,
+        },
+        _b;
+});
+exports.ModalBody = common_1.createSubcomponent('div')({
+    displayName: 'Modal.Body',
+    modelHook: hooks_1.useModalModel,
+})(function (elemProps, Element) {
+    return React.createElement(ResponsiveModalBody, __assign({ as: Element }, elemProps));
+});

package/dist/commonjs/modal/lib/ModalCard.js

@@ -45,7 +45,7 @@ var ResponsiveModalCard = common_1.styled(popup_1.Popup.Card)(function (_a) {
         },
         _b[canvasTheme.breakpoints.down('s')] = {
             margin: tokens_1.space.s,
-            padding: tokens_1.space.xxs,
+            padding: tokens_1.space.s,
             borderRadius: tokens_1.space.m,
         },
         _b;

package/dist/commonjs/modal/lib/ModalHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeading.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAKtD,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC;CAAG;AAWvF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;EAMvB,CAAC"}
+{"version":3,"file":"ModalHeading.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAKtD,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC;CAAG;AAYvF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;EAMvB,CAAC"}

package/dist/commonjs/modal/lib/ModalHeading.js

@@ -43,6 +43,7 @@ var ResponsiveModalHeading = common_1.styled(popup_1.Popup.Heading)(function (_a
     return _b = {},
         _b[canvasTheme.breakpoints.down('s')] = {
             marginBottom: tokens_1.space.zero,
+            padding: tokens_1.space.xxs + " " + tokens_1.space.xxs + " " + tokens_1.space.xxxs + " " + tokens_1.space.xxs,
         },
         _b;
 });

package/dist/es6/modal/lib/Modal.d.ts

@@ -99,7 +99,7 @@ export declare const Modal: import("../../common").ComponentM<import("../../dial
         hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
     };
 }> & {
-    Body: import("../../common").ElementComponentM<"div", import("../..").BackgroundStyleProps & import("../../layout/lib/utils/border/color").BorderColorStyleProps & import("../../layout/lib/utils/border/lineStyle").BorderLineStyleProps & import("../../layout/lib/utils/border/radius").BorderRadiusStyleProps & import("../../layout/lib/utils/border/shorthand").BorderShorthandStyleProps & import("../../layout/lib/utils/border/width").BorderWidthStyleProps & import("../..").ColorStyleProps & import("../..").DepthStyleProps & import("../..").FlexItemStyleProps & import("../..").GridItemStyleProps & import("../..").LayoutStyleProps & import("../..").OtherStyleProps & import("../..").PositionStyleProps & import("../..").SpaceStyleProps & import("../..").TextStyleProps & React.HTMLAttributes<HTMLDivElement>, {
+    Body: import("../../common").ElementComponentM<"div", import("./ModalBody").ModalBodyProps, {
         state: {
             stackRef: React.RefObject<HTMLDivElement>;
             targetRef: React.RefObject<HTMLButtonElement>;

package/dist/es6/modal/lib/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../modal/lib/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAehB,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../modal/lib/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAehB,CAAC"}

package/dist/es6/modal/lib/Modal.js

@@ -6,11 +6,12 @@ import { ModalCard } from './ModalCard';
 import { useModalModel } from './hooks';
 import { ModalHeading } from './ModalHeading';
 import { ModalOverflowOverlay } from './ModalOverflowOverlay';
+import { ModalBody } from './ModalBody';
 export var Modal = createContainer()({
     displayName: 'Modal',
     modelHook: useModalModel,
     subComponents: {
-        Body: Popup.Body,
+        Body: ModalBody,
         Card: ModalCard,
         CloseIcon: Popup.CloseIcon,
         Target: Popup.Target,

package/dist/es6/modal/lib/ModalBody.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Popup } from '@workday/canvas-kit-react/popup';
+export interface ModalBodyProps extends ExtractProps<typeof Popup.Body, never> {
+}
+export declare const ModalBody: import("../../common").ElementComponentM<"div", ModalBodyProps, {
+    state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: import("../..").Visibility;
+    };
+    events: {
+        updatePlacement(data: {
+            placement: import("@popperjs/core").Placement;
+        }): void;
+        show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+        hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
+    };
+}>;
+//# sourceMappingURL=ModalBody.d.ts.map

package/dist/es6/modal/lib/ModalBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAKtD,MAAM,WAAW,cAAe,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC;CAAG;AAYjF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;EAKpB,CAAC"}

package/dist/es6/modal/lib/ModalBody.js

@@ -0,0 +1,33 @@
+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);
+};
+import * as React from 'react';
+import { createSubcomponent, getCanvasTheme, styled, } from '@workday/canvas-kit-react/common';
+import { Popup } from '@workday/canvas-kit-react/popup';
+import { space } from '@workday/canvas-kit-react/tokens';
+import { useModalModel } from './hooks';
+var ResponsiveModalBody = styled(Popup.Body)(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    var canvasTheme = getCanvasTheme(theme);
+    return _b = {},
+        _b[canvasTheme.breakpoints.down('s')] = {
+            marginBottom: space.zero,
+            padding: space.xxxs + " " + space.xxs + " " + space.xxs + " " + space.xxs,
+        },
+        _b;
+});
+export var ModalBody = createSubcomponent('div')({
+    displayName: 'Modal.Body',
+    modelHook: useModalModel,
+})(function (elemProps, Element) {
+    return React.createElement(ResponsiveModalBody, __assign({ as: Element }, elemProps));
+});

package/dist/es6/modal/lib/ModalCard.js

@@ -23,7 +23,7 @@ var ResponsiveModalCard = styled(Popup.Card)(function (_a) {
         },
         _b[canvasTheme.breakpoints.down('s')] = {
             margin: space.s,
-            padding: space.xxs,
+            padding: space.s,
             borderRadius: space.m,
         },
         _b;

package/dist/es6/modal/lib/ModalHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeading.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAKtD,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC;CAAG;AAWvF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;EAMvB,CAAC"}
+{"version":3,"file":"ModalHeading.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAKtD,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC;CAAG;AAYvF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;EAMvB,CAAC"}

package/dist/es6/modal/lib/ModalHeading.js

@@ -21,6 +21,7 @@ var ResponsiveModalHeading = styled(Popup.Heading)(function (_a) {
     return _b = {},
         _b[canvasTheme.breakpoints.down('s')] = {
             marginBottom: space.zero,
+            padding: space.xxs + " " + space.xxs + " " + space.xxxs + " " + space.xxs,
         },
         _b;
 });

package/modal/lib/Modal.tsx

@@ -7,12 +7,13 @@ import {ModalCard} from './ModalCard';
 import {useModalModel} from './hooks';
 import {ModalHeading} from './ModalHeading';
 import {ModalOverflowOverlay} from './ModalOverflowOverlay';
+import {ModalBody} from './ModalBody';
 
 export const Modal = createContainer()({
   displayName: 'Modal',
   modelHook: useModalModel,
   subComponents: {
-    Body: Popup.Body,
+    Body: ModalBody,
     Card: ModalCard,
     CloseIcon: Popup.CloseIcon,
     Target: Popup.Target,

package/modal/lib/ModalBody.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+
+import {
+  createSubcomponent,
+  ExtractProps,
+  getCanvasTheme,
+  styled,
+  StyledType,
+} from '@workday/canvas-kit-react/common';
+import {Popup} from '@workday/canvas-kit-react/popup';
+import {space} from '@workday/canvas-kit-react/tokens';
+
+import {useModalModel} from './hooks';
+
+export interface ModalBodyProps extends ExtractProps<typeof Popup.Body, never> {}
+
+const ResponsiveModalBody = styled(Popup.Body)<ModalBodyProps & StyledType>(({theme}) => {
+  const canvasTheme = getCanvasTheme(theme);
+  return {
+    [canvasTheme.breakpoints.down('s')]: {
+      marginBottom: space.zero,
+      padding: `${space.xxxs} ${space.xxs} ${space.xxs} ${space.xxs}`,
+    },
+  };
+});
+
+export const ModalBody = createSubcomponent('div')({
+  displayName: 'Modal.Body',
+  modelHook: useModalModel,
+})<ModalBodyProps>((elemProps, Element) => {
+  return <ResponsiveModalBody as={Element} {...elemProps} />;
+});

package/modal/lib/ModalCard.tsx

@@ -20,7 +20,7 @@ const ResponsiveModalCard = styled(Popup.Card)<ModalCardProps & StyledType>(({th
     margin: space.xl,
     [canvasTheme.breakpoints.down('s')]: {
       margin: space.s, // 16px all around margin on smaller screen sizes
-      padding: space.xxs, // brings total padding between edge and content to 16px
+      padding: space.s, // brings total padding between edge and content to 24px
       borderRadius: space.m, // 24px border radius on smaller devices.
     },
   };

package/modal/lib/ModalHeading.tsx

@@ -19,6 +19,7 @@ const ResponsiveModalHeading = styled(Popup.Heading)<ModalHeadingProps & StyledT
   return {
     [canvasTheme.breakpoints.down('s')]: {
       marginBottom: space.zero,
+      padding: `${space.xxs} ${space.xxs} ${space.xxxs} ${space.xxs}`,
     },
   };
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "8.5.0-331-next.2+0f834f05",
+  "version": "8.5.0-337-next.4+8ff4ba62",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -49,7 +49,7 @@
     "@emotion/styled": "^11.6.0",
     "@popperjs/core": "^2.5.4",
     "@workday/canvas-colors-web": "^2.0.0",
-    "@workday/canvas-kit-popup-stack": "^8.5.0-331-next.2+0f834f05",
+    "@workday/canvas-kit-popup-stack": "^8.5.0-337-next.4+8ff4ba62",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/design-assets-types": "^0.2.8",
     "chroma-js": "^2.1.0",
@@ -67,5 +67,5 @@
     "@workday/canvas-accent-icons-web": "^3.0.0",
     "@workday/canvas-applet-icons-web": "^2.0.0"
   },
-  "gitHead": "0f834f0572409b2943ec424c17f055f380308262"
+  "gitHead": "8ff4ba62b33b739ff49150a368ed284d8ffb5bc8"
 }