@workday/canvas-kit-react 8.0.0-alpha.253-next.22 → 8.0.0-alpha.428-next.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastCloseIcon.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastCloseIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,KAAK,EAAC,MAAM,iCAAiC,CAAC;AAEtD,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,OAAO,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC;CAAG;AAE3F,eAAO,MAAM,cAAc,4FAOzB,CAAC"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { createComponent } from '@workday/canvas-kit-react/common';
+import { Popup } from '@workday/canvas-kit-react/popup';
+export const ToastCloseIcon = createComponent('button')({
+    displayName: 'Toast.CloseIcon',
+    Component: (elemProps, ref, Element) => {
+        return (React.createElement(Popup.CloseIcon, Object.assign({ as: Element, ref: ref, size: "small", position: "relative" }, elemProps)));
+    },
+});

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

@@ -0,0 +1,5 @@
+import { SystemIconProps } from '@workday/canvas-kit-react/icon';
+export interface ToastIconProps extends Omit<SystemIconProps, 'colorHover'> {
+}
+export declare const ToastIcon: import("@workday/canvas-kit-react/common").ElementComponent<"div", ToastIconProps>;
+//# sourceMappingURL=ToastIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastIcon.d.ts","sourceRoot":"","sources":["../../../../toast/lib/ToastIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAE3E,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,eAAe,EAAE,YAAY,CAAC;CAAG;AAE9E,eAAO,MAAM,SAAS,oFAepB,CAAC"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { createComponent } from '@workday/canvas-kit-react/common';
+import { SystemIcon } from '@workday/canvas-kit-react/icon';
+export const ToastIcon = createComponent('div')({
+    displayName: 'Toast.Icon',
+    Component: (elemProps, ref, Element) => {
+        return (React.createElement(SystemIcon, Object.assign({ colorHover: elemProps.color, marginY: "s", marginX: "xs", alignSelf: "start", ref: ref, as: Element }, elemProps)));
+    },
+});

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

@@ -0,0 +1,5 @@
+import { HyperlinkProps } from '@workday/canvas-kit-react/button';
+export interface ToastLinkProps extends HyperlinkProps {
+}
+export declare const ToastLink: import("@workday/canvas-kit-react/common").ElementComponent<"a", ToastLinkProps>;
+//# sourceMappingURL=ToastLink.d.ts.map

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { createComponent } from '@workday/canvas-kit-react/common';
+import { Hyperlink } from '@workday/canvas-kit-react/button';
+export const ToastLink = createComponent('a')({
+    displayName: 'Toast.Link',
+    Component: ({ children, href, ...elemProps }, ref, Element) => {
+        return (React.createElement(Hyperlink, Object.assign({ ref: ref, href: href, as: Element }, elemProps), children));
+    },
+});

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

@@ -0,0 +1,12 @@
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Subtext } from '@workday/canvas-kit-react/text';
+export interface ToastMessageProps extends Omit<ExtractProps<typeof Subtext>, 'size'> {
+}
+export declare const ToastMessage: import("@workday/canvas-kit-react/common").ElementComponentM<"p", ToastMessageProps, {
+    state: {
+        id: string;
+        mode: import("./hooks/useToastModel").AriaRoleMode;
+    };
+    events: {};
+}>;
+//# sourceMappingURL=ToastMessage.d.ts.map

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { createSubcomponent } from '@workday/canvas-kit-react/common';
+import { useToastModel } from './hooks/useToastModel';
+import { Subtext } from '@workday/canvas-kit-react/text';
+export const ToastMessage = createSubcomponent('p')({
+    modelHook: useToastModel,
+})(({ children, ...elemProps }, Element, model) => {
+    return (React.createElement(Subtext, Object.assign({ size: "large", wordBreak: "break-word", marginY: "zero", id: model.state.id, as: Element }, elemProps), children));
+});

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

@@ -0,0 +1,75 @@
+export declare type AriaRoleMode = 'dialog' | 'status' | 'alert';
+export declare const useToastModel: (<TT_Special_Generic>(config?: (Partial<{
+    /**
+     * Sets the correct aria attributes for the Toast.
+     * Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
+     * Status toasts are used to convey a message or a successful action. The `role` is set to `status`
+     * Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`.
+     * If you use this mode, you must add an aria-label to the main `Toast` component.
+     * The aria-label should provide additional information to the contents of the `Toast`.
+     * @default 'status'
+     */
+    mode: AriaRoleMode;
+    /**
+     * When the Toast has a `mode="dialog"` this adds a unique id to `Toast.Message` so that the message gets read out for screen readers.
+     */
+    id: string;
+}> & {} & {}) | undefined) => {
+    state: {
+        id: string;
+        /**
+         * Sets the correct aria attributes for the Toast.
+         * Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
+         * Status toasts are used to convey a message or a successful action. The `role` is set to `status`
+         * Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`.
+         * If you use this mode, you must add an aria-label to the main `Toast` component.
+         * The aria-label should provide additional information to the contents of the `Toast`.
+         * @default 'status'
+         */
+        mode: AriaRoleMode;
+    };
+    events: {};
+}) & import("@workday/canvas-kit-react/common").ModelExtras<{
+    /**
+     * Sets the correct aria attributes for the Toast.
+     * Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
+     * Status toasts are used to convey a message or a successful action. The `role` is set to `status`
+     * Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`.
+     * If you use this mode, you must add an aria-label to the main `Toast` component.
+     * The aria-label should provide additional information to the contents of the `Toast`.
+     * @default 'status'
+     */
+    mode: AriaRoleMode;
+    /**
+     * When the Toast has a `mode="dialog"` this adds a unique id to `Toast.Message` so that the message gets read out for screen readers.
+     */
+    id: string;
+}, {}, {
+    id: string;
+    /**
+     * Sets the correct aria attributes for the Toast.
+     * Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
+     * Status toasts are used to convey a message or a successful action. The `role` is set to `status`
+     * Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`.
+     * If you use this mode, you must add an aria-label to the main `Toast` component.
+     * The aria-label should provide additional information to the contents of the `Toast`.
+     * @default 'status'
+     */
+    mode: AriaRoleMode;
+}, {}, {
+    state: {
+        id: string;
+        /**
+         * Sets the correct aria attributes for the Toast.
+         * Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
+         * Status toasts are used to convey a message or a successful action. The `role` is set to `status`
+         * Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`.
+         * If you use this mode, you must add an aria-label to the main `Toast` component.
+         * The aria-label should provide additional information to the contents of the `Toast`.
+         * @default 'status'
+         */
+        mode: AriaRoleMode;
+    };
+    events: {};
+}>;
+//# sourceMappingURL=useToastModel.d.ts.map

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

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

package/dist/es6/toast/lib/hooks/useToastModel.js

@@ -0,0 +1,26 @@
+import { createModelHook, useUniqueId } from '@workday/canvas-kit-react/common';
+export const useToastModel = createModelHook({
+    defaultConfig: {
+        /**
+         * Sets the correct aria attributes for the Toast.
+         * Alert toasts are used to convey urgency and important information. The `role` is set to `alert`
+         * Status toasts are used to convey a message or a successful action. The `role` is set to `status`
+         * Dialog toasts are used when there's an action to be taken. The `role` is set to `dialog`.
+         * If you use this mode, you must add an aria-label to the main `Toast` component.
+         * The aria-label should provide additional information to the contents of the `Toast`.
+         * @default 'status'
+         */
+        mode: 'status',
+        /**
+         * When the Toast has a `mode="dialog"` this adds a unique id to `Toast.Message` so that the message gets read out for screen readers.
+         */
+        id: '',
+    },
+})(config => {
+    const id = useUniqueId(config.id);
+    const state = {
+        ...config,
+        id,
+    };
+    return { state, events: {} };
+});

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

@@ -410,6 +410,6 @@ export declare const canvas: {
     };
 };
 export * from '@workday/canvas-colors-web';
-export { borderRadius, colors, gradients, depth, space, spaceNumbers, type, fontFamily, monoFontFamily, BrandingColor, CanvasDepth, CanvasDepthValues, CSSProperties, };
-export type { CanvasBorderRadius, CanvasBorderRadiusKeys, CanvasBorderRadiusValues, CanvasColor, CanvasSpace, CanvasSpaceKeys, CanvasSpaceValues, CanvasSpaceNumberValues, CanvasSpaceNumbers, CanvasType, CanvasTypeProperties, CanvasTypeVariants, CanvasTypeHierarchy, };
+export { borderRadius, colors, gradients, depth, space, spaceNumbers, type, fontFamily, monoFontFamily, BrandingColor, };
+export type { CanvasBorderRadius, CanvasBorderRadiusKeys, CanvasBorderRadiusValues, CanvasColor, CanvasDepth, CanvasDepthValues, CanvasSpace, CanvasSpaceKeys, CanvasSpaceValues, CanvasSpaceNumberValues, CanvasSpaceNumbers, CanvasType, CanvasTypeProperties, CanvasTypeVariants, CanvasTypeHierarchy, CSSProperties, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,MAAM,EAEN,SAAS,EAKV,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,wBAAwB,EAAC,MAAM,cAAc,CAAC;AAChH,OAAO,EAAC,aAAa,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAC,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAClE,OAAO,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,YAAY,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,IAAI,EACV,UAAU,EACV,cAAc,EACd,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBlB,CAAC;AAEF,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EACL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,cAAc,EACd,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,aAAa,GACd,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,WAAW,EACX,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,GACpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../tokens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,MAAM,EAEN,SAAS,EAKV,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,wBAAwB,EAAC,MAAM,cAAc,CAAC;AAChH,OAAO,EAAC,aAAa,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAC,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAClE,OAAO,EACL,KAAK,EACL,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,YAAY,EACb,MAAM,aAAa,CAAC;AACrB,OAAO,EAAC,IAAI,EACV,UAAU,EACV,cAAc,EACd,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBlB,CAAC;AAEF,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EACL,YAAY,EACZ,MAAM,EACN,SAAS,EACT,KAAK,EACL,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,UAAU,EACV,cAAc,EACd,aAAa,GACd,CAAC;AAEF,YAAY,EACV,kBAAkB,EAClB,sBAAsB,EACtB,wBAAwB,EACxB,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,UAAU,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,GACd,CAAA"}

package/dist/es6/tokens/index.js

@@ -4,22 +4,22 @@ import { BrandingColor } from './lib/colors.types';
 import { depth } from './lib/depth';
 import { space, spaceNumbers, } from './lib/space';
 import { type, fontFamily, monoFontFamily, } from './lib/type';
-export var canvas = {
-    buttonColors: buttonColors,
-    chartingColorOffsets: chartingColorOffsets,
-    chartingColors: chartingColors,
-    colors: colors,
-    commonColors: commonColors,
-    depth: depth,
-    fontFamily: fontFamily,
-    gradients: gradients,
-    iconColors: iconColors,
-    inputColors: inputColors,
-    monoFontFamily: monoFontFamily,
-    space: space,
-    statusColors: statusColors,
-    type: type,
-    typeColors: typeColors,
+export const canvas = {
+    buttonColors,
+    chartingColorOffsets,
+    chartingColors,
+    colors,
+    commonColors,
+    depth,
+    fontFamily,
+    gradients,
+    iconColors,
+    inputColors,
+    monoFontFamily,
+    space,
+    statusColors,
+    type,
+    typeColors,
 };
 export * from '@workday/canvas-colors-web';
 export { borderRadius, colors, gradients, depth, space, spaceNumbers, type, fontFamily, monoFontFamily, BrandingColor, };

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

@@ -29,7 +29,7 @@ export declare type CanvasDepth = {
      * ```
      */
     1: {
-        boxShadow: '0px 1px 4px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.16)';
+        boxShadow: '0px 1px 4px rgba(31, 38, 46, 0.12), 0px 2px 8px rgba(31, 38, 46, 0.08)';
     };
     /**
      * ### Depth 2
@@ -45,7 +45,7 @@ export declare type CanvasDepth = {
      * ```
      */
     2: {
-        boxShadow: '0px 2px 8px rgba(0, 0, 0, 0.2), 0px 4px 16px rgba(0, 0, 0, 0.16)';
+        boxShadow: '0px 2px 8px rgba(31, 38, 46, 0.12), 0px 4px 16px rgba(31, 38, 46, 0.08)';
     };
     /**
      * ### Depth 3
@@ -61,12 +61,11 @@ export declare type CanvasDepth = {
      * ```
      */
     3: {
-        boxShadow: '0px 3px 12px rgba(0, 0, 0, 0.2), 0px 6px 24px rgba(0, 0, 0, 0.16)';
+        boxShadow: '0px 3px 12px rgba(31, 38, 46, 0.12), 0px 6px 24px rgba(31, 38, 46, 0.08)';
     };
     /**
      * ### Depth 4
      *
-     *
      * @example
      * ```ts
      * import { depth } from '@workday/canvas-kit-react/tokens';
@@ -77,7 +76,7 @@ export declare type CanvasDepth = {
      * ```
      */
     4: {
-        boxShadow: '0px 4px 16px rgba(0, 0, 0, 0.2), 0px 8px 32px rgba(0, 0, 0, 0.16)';
+        boxShadow: '0px 4px 16px rgba(31, 38, 46, 0.12), 0px 8px 32px rgba(31, 38, 46, 0.08)';
     };
     /**
      * ### Depth 5
@@ -93,7 +92,7 @@ export declare type CanvasDepth = {
      * ```
      */
     5: {
-        boxShadow: '0px 5px 20px rgba(0, 0, 0, 0.2), 0px 10px 40px rgba(0, 0, 0, 0.16)';
+        boxShadow: '0px 5px 20px rgba(31, 38, 46, 0.12), 0px 10px 40px rgba(31, 38, 46, 0.08)';
     };
     /**
      * ### Depth 6
@@ -109,7 +108,7 @@ export declare type CanvasDepth = {
      * ```
      */
     6: {
-        boxShadow: '0px 6px 24px rgba(0, 0, 0, 0.2), 0px 12px 48px rgba(0, 0, 0, 0.16)';
+        boxShadow: '0px 6px 24px rgba(31, 38, 46, 0.12), 0px 12px 48px rgba(31, 38, 46, 0.08)';
     };
 };
 declare type ValueOf<T> = T[keyof T];

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

@@ -1 +1 @@
-{"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../../../tokens/lib/depth.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG;IACxB;;;;;;;;;;;;OAYG;IACH,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,iEAAiE,CAAC;KAC9E,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,kEAAkE,CAAC;KAC/E,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,mEAAmE,CAAC;KAChF,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,mEAAmE,CAAC;KAChF,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,oEAAoE,CAAC;KACjF,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,oEAAoE,CAAC;KACjF,CAAC;CACH,CAAC;AAEF,aAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAC7B,oBAAY,iBAAiB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,KAAK,EAAE,WAsBnB,CAAC"}
+{"version":3,"file":"depth.d.ts","sourceRoot":"","sources":["../../../../tokens/lib/depth.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG;IACxB;;;;;;;;;;;;OAYG;IACH,IAAI,EAAE;QACJ,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,wEAAwE,CAAC;KACrF,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,yEAAyE,CAAC;KACtF,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,0EAA0E,CAAC;KACvF,CAAC;IACF;;;;;;;;;;;OAWG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,0EAA0E,CAAC;KACvF,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,2EAA2E,CAAC;KACxF,CAAC;IACF;;;;;;;;;;;;OAYG;IACH,CAAC,EAAE;QACD,SAAS,EAAE,2EAA2E,CAAC;KACxF,CAAC;CACH,CAAC;AAEF,aAAK,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AAC7B,oBAAY,iBAAiB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,KAAK,EAAE,WAsBnB,CAAC"}

package/dist/es6/tokens/lib/depth.js

@@ -20,26 +20,26 @@
  * ```
  *
  */
-export var depth = {
+export const depth = {
     none: {
         boxShadow: 'none',
     },
     1: {
-        boxShadow: '0px 1px 4px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.16)',
+        boxShadow: '0px 1px 4px rgba(31, 38, 46, 0.12), 0px 2px 8px rgba(31, 38, 46, 0.08)',
     },
     2: {
-        boxShadow: '0px 2px 8px rgba(0, 0, 0, 0.2), 0px 4px 16px rgba(0, 0, 0, 0.16)',
+        boxShadow: '0px 2px 8px rgba(31, 38, 46, 0.12), 0px 4px 16px rgba(31, 38, 46, 0.08)',
     },
     3: {
-        boxShadow: '0px 3px 12px rgba(0, 0, 0, 0.2), 0px 6px 24px rgba(0, 0, 0, 0.16)',
+        boxShadow: '0px 3px 12px rgba(31, 38, 46, 0.12), 0px 6px 24px rgba(31, 38, 46, 0.08)',
     },
     4: {
-        boxShadow: '0px 4px 16px rgba(0, 0, 0, 0.2), 0px 8px 32px rgba(0, 0, 0, 0.16)',
+        boxShadow: '0px 4px 16px rgba(31, 38, 46, 0.12), 0px 8px 32px rgba(31, 38, 46, 0.08)',
     },
     5: {
-        boxShadow: '0px 5px 20px rgba(0, 0, 0, 0.2), 0px 10px 40px rgba(0, 0, 0, 0.16)',
+        boxShadow: '0px 5px 20px rgba(31, 38, 46, 0.12), 0px 10px 40px rgba(31, 38, 46, 0.08)',
     },
     6: {
-        boxShadow: '0px 6px 24px rgba(0, 0, 0, 0.2), 0px 12px 48px rgba(0, 0, 0, 0.16)',
+        boxShadow: '0px 6px 24px rgba(31, 38, 46, 0.12), 0px 12px 48px rgba(31, 38, 46, 0.08)',
     },
 };

package/dist/es6/tokens/lib/radius.js

@@ -1,5 +1,5 @@
 /** An object of border-radius keys and px values (strings and numbers) */
-export var borderRadius = {
+export const borderRadius = {
     zero: '0px',
     s: '2px',
     m: '4px',

package/dist/es6/tokens/lib/space.js

@@ -1,5 +1,5 @@
 /** An object of space keys and px values (strings) */
-export var space = {
+export const space = {
     zero: '0px',
     xxxs: '4px',
     xxs: '8px',
@@ -18,7 +18,7 @@ export var space = {
  * @example
  * const buttonPaddingLeft = spaceNumbers.s + iconSize;
  */
-export var spaceNumbers = {
+export const spaceNumbers = {
     zero: 0,
     xxxs: 4,
     xxs: 8,

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

@@ -1 +1 @@
-{"version":3,"file":"fontFamilies.d.ts","sourceRoot":"","sources":["../../../../../tokens/lib/type/fontFamilies.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,QAEyC,CAAC;AACjE,eAAO,MAAM,cAAc,QAGgD,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,YAAY,EAAE,kBAG1B,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B;;;SAGK;IACL,OAAO,EAAE,OAAO,UAAU,CAAC;IAC3B;;;SAGK;IACL,SAAS,EAAE,OAAO,cAAc,CAAC;CAClC,CAAC"}
+{"version":3,"file":"fontFamilies.d.ts","sourceRoot":"","sources":["../../../../../tokens/lib/type/fontFamilies.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU,QAEyC,CAAC;AACjE,eAAO,MAAM,cAAc,QAGgD,CAAC;AAE5E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,YAAY,EAAE,kBAG1B,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B;;;SAGK;IACL,OAAO,EAAE,OAAO,UAAU,CAAC;IAC3B;;;SAGK;IACL,SAAS,EAAE,OAAO,cAAc,CAAC;CAClC,CAAC"}

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

@@ -1,10 +1,12 @@
-import get from 'lodash/get';
-var inheritFont = typeof window !== 'undefined' && get(window, 'window.workday.canvas.inheritFontFamily');
-var inheritMonoFont = typeof window !== 'undefined' && get(window, 'window.workday.canvas.inheritMonoFontFamily');
-export var fontFamily = inheritFont
+// prettier-ignore
+//@ts-ignore
+const canvasObject = typeof window !== 'undefined' && window.workday && window.workday.canvas && window.workday.canvas;
+const inheritFont = typeof canvasObject !== 'undefined' && canvasObject.inheritFontFamily;
+const inheritMonoFont = typeof canvasObject !== 'undefined' && canvasObject.inheritMonoFontFamily;
+export const fontFamily = inheritFont
     ? 'inherit'
     : '"Roboto", "Helvetica Neue", "Helvetica", Arial, sans-serif';
-export var monoFontFamily = inheritMonoFont === true
+export const monoFontFamily = inheritMonoFont === true
     ? 'inherit'
     : inheritMonoFont || '"Roboto Mono", "Courier New", Courier, monospace';
 /** ### Font Family Tokens
@@ -28,7 +30,7 @@ export var monoFontFamily = inheritMonoFont === true
  * );
  * ```
  */
-export var fontFamilies = {
+export const fontFamilies = {
     default: fontFamily,
     monospace: monoFontFamily,
 };

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

@@ -20,7 +20,7 @@
  * );
  * ```
  */
-export var fontSizes = {
+export const fontSizes = {
     10: '0.625rem',
     12: '0.75rem',
     14: '0.875rem',

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

@@ -18,7 +18,7 @@
  * );
  * ```
  */
-export var fontWeights = {
+export const fontWeights = {
     regular: 400,
     medium: 500,
     bold: 700,

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

@@ -7,7 +7,7 @@ export { fontFamily, monoFontFamily } from './fontFamilies';
 export type { CanvasTypeProperties, CanvasTypeVariants, CanvasTypeHierarchy, };
 /**
  * ### Canvas Type Tokens
- * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+ * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
  *
  * ---
  * Type tokens are separated into three sections:
@@ -19,7 +19,7 @@ export type { CanvasTypeProperties, CanvasTypeVariants, CanvasTypeHierarchy, };
 export declare const type: CanvasType;
 declare type CanvasTypeProperties = {
     /** ### Font Family Tokens
-     * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+     * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
      *
      * ---
      * There are two font family tokens:
@@ -41,7 +41,7 @@ declare type CanvasTypeProperties = {
      */
     fontFamilies: CanvasFontFamilies;
     /** ### Font Size Tokens
-     * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+     * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
      *
      * ---
      * There are twelve font size tokens. Here's a quick reference:
@@ -71,7 +71,7 @@ declare type CanvasTypeProperties = {
      */
     fontSizes: CanvasFontSizes;
     /** ### Font Weight Tokens
-     * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+     * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
      *
      * ---
      * There are three font-weight tokens:
@@ -97,7 +97,7 @@ declare type CanvasTypeProperties = {
 };
 export declare type CanvasType = {
     /** ### Canvas Type Hierarchy
-     * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+     * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
      *
      * ---
      * The hierarchy is organized into four levels, which correspond to levels defined in Figma.
@@ -128,7 +128,7 @@ export declare type CanvasType = {
      */
     levels: CanvasTypeHierarchy;
     /** ### Canvas Type Properties
-     * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+     * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
      *
      * ---
      * Type properties are organized in three parts:
@@ -144,7 +144,7 @@ export declare type CanvasType = {
      */
     properties: CanvasTypeProperties;
     /** ### Canvas Type Variants
-     * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+     * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
      *
      * ---
      * There are three type variants:

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

@@ -5,7 +5,7 @@ import { levels } from './levels';
 import { variants } from './variants';
 export { fontFamily, monoFontFamily } from './fontFamilies';
 /** ### Canvas Type Properties
- * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+ * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
  *
  * ---
  * The type properties provide precise control and are only intended to be used when the type hierarchy tokens are not well-suited for the task.
@@ -18,14 +18,14 @@ export { fontFamily, monoFontFamily } from './fontFamilies';
  *
  * You can find more detailed information by inspecting individual properties.
  */
-var properties = {
-    fontFamilies: fontFamilies,
-    fontSizes: fontSizes,
-    fontWeights: fontWeights,
+const properties = {
+    fontFamilies,
+    fontSizes,
+    fontWeights,
 };
 /**
  * ### Canvas Type Tokens
- * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens-tokens-react--type)
+ * [View Storybook Docs](https://workday.github.io/canvas-kit/?path=/story/tokens--type)
  *
  * ---
  * Type tokens are separated into three sections:
@@ -34,8 +34,8 @@ var properties = {
  * - `properties` - provide low-level type properties (font families, sizes, and weights)
  * - `variants` - provide modifiers for text styles (error, hint, and inverse)
  * */
-export var type = {
-    levels: levels,
-    properties: properties,
-    variants: variants,
+export const type = {
+    levels,
+    properties,
+    variants,
 };

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

@@ -32,7 +32,7 @@ import { fontWeights } from './fontWeights';
  * );
  * ```
  */
-export var levels = {
+export const levels = {
     title: {
         large: {
             fontFamily: fontFamilies.default,

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

@@ -25,7 +25,7 @@ import { typeColors, statusColors } from '@workday/canvas-colors-web';
  * );
  * ```
  */
-export var variants = {
+export const variants = {
     error: {
         color: statusColors.error,
     },