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

package/dist/es6/form-field/lib/Label.js

@@ -1,71 +1,34 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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 __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
 import * as React from 'react';
 import { colors, space, type } from '@workday/canvas-kit-react/tokens';
 import { accessibleHide as accessibleHideCSS, styled } from '@workday/canvas-kit-react/common';
 import { FormFieldLabelPosition } from './types';
-var labelStyles = [
-    __assign(__assign({}, type.levels.subtext.large), { fontWeight: type.properties.fontWeights.medium, padding: 0 }),
-    function (_a) {
-        var labelPosition = _a.labelPosition, accessibleHide = _a.accessibleHide;
+const labelStyles = [
+    {
+        ...type.levels.subtext.large,
+        fontWeight: type.properties.fontWeights.medium,
+        padding: 0,
+    },
+    ({ labelPosition, accessibleHide }) => {
         if (accessibleHide) {
             return accessibleHideCSS;
         }
-        return __assign({}, (labelPosition === FormFieldLabelPosition.Left
-            ? {
-                marginRight: space.l,
-                minWidth: 180,
-                display: 'flex',
-                alignItems: 'center',
-                maxHeight: space.xl,
-            }
-            : {
-                display: 'block',
-                marginBottom: space.xxxs,
-            }));
+        return {
+            ...(labelPosition === FormFieldLabelPosition.Left
+                ? {
+                    marginRight: space.l,
+                    minWidth: 180,
+                    display: 'flex',
+                    alignItems: 'center',
+                    maxHeight: space.xl,
+                }
+                : {
+                    display: 'block',
+                    marginBottom: space.xxxs,
+                }),
+        };
     },
 ];
-var RequiredAstrisk = styled('abbr')({
+const RequiredAsterisk = styled('abbr')({
     color: colors.cinnamon500,
     fontSize: '16px',
     fontWeight: 400,
@@ -74,36 +37,30 @@ var RequiredAstrisk = styled('abbr')({
     textDecoration: 'unset',
 });
 // Used inside the fieldset component instead of a label for accessible radio groups.
-var LegendComponent = styled('legend').apply(void 0, __spreadArrays(labelStyles, [function (_a) {
-        var labelPosition = _a.labelPosition;
-        if (labelPosition === Label.Position.Top) {
-            return {
-                width: '100%',
-            };
-        }
+const LegendComponent = styled('legend')(...labelStyles, ({ labelPosition }) => {
+    if (labelPosition === Label.Position.Top) {
         return {
-            float: 'left',
-            width: 'auto',
+            width: '100%',
         };
-    }]));
-var LabelComponent = styled('label').apply(void 0, labelStyles);
-var Label = /** @class */ (function (_super) {
-    __extends(Label, _super);
-    function Label() {
-        return _super !== null && _super.apply(this, arguments) || this;
     }
-    Label.prototype.render = function () {
-        var _a = this.props, _b = _a.labelPosition, labelPosition = _b === void 0 ? Label.Position.Top : _b, _c = _a.isLegend, isLegend = _c === void 0 ? false : _c, _d = _a.requiredLabel, requiredLabel = _d === void 0 ? 'required' : _d, elemProps = __rest(_a, ["labelPosition", "isLegend", "requiredLabel"]);
-        var children = !this.props.required
+    return {
+        float: 'left',
+        width: 'auto',
+    };
+});
+const LabelComponent = styled('label')(...labelStyles);
+class Label extends React.Component {
+    render() {
+        const { labelPosition = Label.Position.Top, isLegend = false, required, ...elemProps } = this.props;
+        const children = !required
             ? this.props.children
             : [
                 this.props.children,
-                React.createElement(RequiredAstrisk, { key: '0', title: requiredLabel }, "*"),
+                React.createElement(RequiredAsterisk, { key: '0', "aria-hidden": true }, "*"),
             ];
-        return (React.createElement(React.Fragment, null, isLegend ? (React.createElement(LegendComponent, __assign({ labelPosition: labelPosition, isLegend: isLegend }, elemProps, { children: children }))) : (React.createElement(LabelComponent, __assign({ labelPosition: labelPosition }, elemProps, { children: children })))));
-    };
-    Label.Position = FormFieldLabelPosition;
-    return Label;
-}(React.Component));
+        return (React.createElement(React.Fragment, null, isLegend ? (React.createElement(LegendComponent, Object.assign({ labelPosition: labelPosition, isLegend: isLegend }, elemProps, { children: children }))) : (React.createElement(LabelComponent, Object.assign({ labelPosition: labelPosition }, elemProps, { children: children })))));
+    }
+}
+Label.Position = FormFieldLabelPosition;
 Label.Position = FormFieldLabelPosition;
 export { Label };

package/dist/es6/icon/lib/AccentIcon.d.ts

@@ -1,19 +1,20 @@
 import { CanvasAccentIcon } from '@workday/design-assets-types';
 import { CSSObject } from '@emotion/styled';
 import { IconProps } from './Icon';
+import { SystemPropValues } from '@workday/canvas-kit-react/layout';
 export interface AccentIconStyles {
     /**
      * The fill color of the AccentIcon.
      * @default colors.blueberry500
      */
-    color?: string;
+    color?: SystemPropValues['color'];
     /**
      * If true, set the background fill of the AccentIcon to `transparent`. If false, set the background fill of the AccentIcon to `colors.frenchVanilla100`.
      * @default false
      */
     transparent?: boolean;
 }
-export interface AccentIconProps extends AccentIconStyles, Omit<IconProps, 'src' | 'type' | 'color'> {
+export interface AccentIconProps extends AccentIconStyles, Omit<IconProps, 'src' | 'type'> {
     /**
      *  The icon to display from `@workday/canvas-accent-icons-web`.
      */
@@ -25,5 +26,5 @@ export interface AccentIconProps extends AccentIconStyles, Omit<IconProps, 'src'
     size?: number;
 }
 export declare const accentIconStyles: ({ color, transparent, }: AccentIconStyles) => CSSObject;
-export declare const AccentIcon: import("../../common").ElementComponent<"span", AccentIconProps>;
+export declare const AccentIcon: import("@workday/canvas-kit-react/common").ElementComponent<"span", AccentIconProps>;
 //# sourceMappingURL=AccentIcon.d.ts.map

package/dist/es6/icon/lib/AccentIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccentIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AccentIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,gBAAgB,4BAG1B,gBAAgB,KAAG,SAOpB,CAAC;AAEH,eAAO,MAAM,UAAU,kEAoBrB,CAAC"}
+{"version":3,"file":"AccentIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/AccentIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAElE,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,eAAgB,SAAQ,gBAAgB,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,MAAM,CAAC;IACxF;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,gBAAgB,4BAG1B,gBAAgB,KAAG,SAOpB,CAAC;AAEH,eAAO,MAAM,UAAU,sFAoBrB,CAAC"}

package/dist/es6/icon/lib/AccentIcon.js

@@ -1,45 +1,19 @@
-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;
-};
 import * as React from 'react';
 import { colors } from '@workday/canvas-kit-react/tokens';
 import { CanvasIconTypes } from '@workday/design-assets-types';
 import { Icon } from './Icon';
-import { createComponent } from '@workday/canvas-kit-react/common';
-export var accentIconStyles = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? colors.blueberry500 : _b, _c = _a.transparent, transparent = _c === void 0 ? false : _c;
-    return ({
-        '& .color-500': {
-            fill: color,
-        },
-        '& .french-vanilla-100': {
-            fill: transparent ? 'transparent' : colors.frenchVanilla100,
-        },
-    });
-};
-export var AccentIcon = createComponent('span')({
+import { createComponent, getColor } from '@workday/canvas-kit-react/common';
+export const accentIconStyles = ({ color = colors.blueberry500, transparent = false, }) => ({
+    '& .color-500': {
+        fill: getColor(color),
+    },
+    '& .french-vanilla-100': {
+        fill: transparent ? 'transparent' : colors.frenchVanilla100,
+    },
+});
+export const AccentIcon = createComponent('span')({
     displayName: 'AccentIcon',
-    Component: function (_a, ref, Element) {
-        var _b = _a.transparent, transparent = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 56 : _c, icon = _a.icon, color = _a.color, shouldMirror = _a.shouldMirror, elemProps = __rest(_a, ["transparent", "size", "icon", "color", "shouldMirror"]);
-        return (React.createElement(Icon, __assign({ src: icon, type: CanvasIconTypes.Accent, styles: accentIconStyles({ color: color, transparent: transparent }), size: size, as: Element, ref: ref, shouldMirror: shouldMirror }, elemProps)));
+    Component: ({ transparent = false, size = 56, icon, color, shouldMirror, ...elemProps }, ref, Element) => {
+        return (React.createElement(Icon, Object.assign({ src: icon, type: CanvasIconTypes.Accent, styles: accentIconStyles({ color, transparent }), size: size, as: Element, ref: ref, shouldMirror: shouldMirror }, elemProps)));
     },
 });

package/dist/es6/icon/lib/AppletIcon.d.ts

@@ -21,7 +21,7 @@ export interface AppletIconProps extends AppletIconStyles, Pick<IconProps, 'shou
      */
     size?: number;
 }
-export declare const AppletIcon: import("../../common").ElementComponent<"span", AppletIconProps> & {
+export declare const AppletIcon: import("@workday/canvas-kit-react/common").ElementComponent<"span", AppletIconProps> & {
     Colors: typeof BrandingColor;
 };
 //# sourceMappingURL=AppletIcon.d.ts.map

package/dist/es6/icon/lib/AppletIcon.js

@@ -1,44 +1,21 @@
-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;
-};
 import * as React from 'react';
 import { colors, BrandingColor } from '@workday/canvas-kit-react/tokens';
 import { CanvasIconTypes } from '@workday/design-assets-types';
 import { Icon } from './Icon';
 import { createComponent } from '@workday/canvas-kit-react/common';
-export var appletIconStyles = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? BrandingColor.Blueberry : _b;
+export const appletIconStyles = ({ color = BrandingColor.Blueberry, }) => {
     // Check if valid color
     if (!Object.keys(BrandingColor)
-        .map(function (color) { return BrandingColor[color]; })
+        .map(color => BrandingColor[color])
         .includes(color)) {
-        throw Error("Color \"" + color + "\" not found");
+        throw Error(`Color "${color}" not found`);
     }
-    var colorNames = {
-        100: color + "100",
-        200: color + "200",
-        300: color + "300",
-        400: color + "400",
-        500: color + "500",
+    const colorNames = {
+        100: `${color}100`,
+        200: `${color}200`,
+        300: `${color}300`,
+        400: `${color}400`,
+        500: `${color}500`,
     };
     return {
         '& .color-100': {
@@ -61,11 +38,10 @@ export var appletIconStyles = function (_a) {
         },
     };
 };
-export var AppletIcon = createComponent('span')({
+export const AppletIcon = createComponent('span')({
     displayName: 'AppletIcon',
-    Component: function (_a, ref, Element) {
-        var _b = _a.size, size = _b === void 0 ? 92 : _b, icon = _a.icon, color = _a.color, shouldMirror = _a.shouldMirror, elemProps = __rest(_a, ["size", "icon", "color", "shouldMirror"]);
-        return (React.createElement(Icon, __assign({ src: icon, type: CanvasIconTypes.Applet, styles: appletIconStyles({ color: color }), as: Element, size: size, ref: ref, shouldMirror: shouldMirror }, elemProps)));
+    Component: ({ size = 92, icon, color, shouldMirror, ...elemProps }, ref, Element) => {
+        return (React.createElement(Icon, Object.assign({ src: icon, type: CanvasIconTypes.Applet, styles: appletIconStyles({ color }), as: Element, size: size, ref: ref, shouldMirror: shouldMirror }, elemProps)));
     },
     subComponents: {
         Colors: BrandingColor,

package/dist/es6/icon/lib/Graphic.d.ts

@@ -25,5 +25,5 @@ export interface GraphicProps extends GraphicStyles, Pick<SvgProps, 'shouldMirro
     src: CanvasGraphic;
 }
 export declare const graphicStyles: ({ width, height, grow }: GraphicStyles) => CSSObject;
-export declare const Graphic: import("../../common").ElementComponent<"span", GraphicProps>;
+export declare const Graphic: import("@workday/canvas-kit-react/common").ElementComponent<"span", GraphicProps>;
 //# sourceMappingURL=Graphic.d.ts.map

package/dist/es6/icon/lib/Graphic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Graphic.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Graphic.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAkB,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,YAAa,SAAQ,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAC;IACjF;;OAEG;IACH,GAAG,EAAE,aAAa,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,4BAA2B,aAAa,KAAG,SA4BpE,CAAC;AAEF,eAAO,MAAM,OAAO,+DAmBlB,CAAC"}
+{"version":3,"file":"Graphic.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Graphic.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAkB,MAAM,8BAA8B,CAAC;AAC5E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,YAAa,SAAQ,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAC;IACjF;;OAEG;IACH,GAAG,EAAE,aAAa,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,4BAA2B,aAAa,KAAG,SA4BpE,CAAC;AAEF,eAAO,MAAM,OAAO,mFAmBlB,CAAC"}

package/dist/es6/icon/lib/Graphic.js

@@ -1,31 +1,8 @@
-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;
-};
 import * as React from 'react';
 import { CanvasIconTypes } from '@workday/design-assets-types';
 import { Svg } from './Svg';
 import { createComponent } from '@workday/canvas-kit-react/common';
-export var graphicStyles = function (_a) {
-    var width = _a.width, height = _a.height, grow = _a.grow;
+export const graphicStyles = ({ width, height, grow }) => {
     if (grow) {
         return {
             width: '100%',
@@ -38,7 +15,7 @@ export var graphicStyles = function (_a) {
     if (width) {
         return {
             '& svg': {
-                width: width,
+                width,
                 height: '100%',
             },
         };
@@ -46,17 +23,16 @@ export var graphicStyles = function (_a) {
     else if (height) {
         return {
             '& svg': {
-                height: height,
+                height,
                 width: '100%',
             },
         };
     }
     return {};
 };
-export var Graphic = createComponent('span')({
+export const Graphic = createComponent('span')({
     displayName: 'Graphic',
-    Component: function (_a, ref, Element) {
-        var _b = _a.grow, grow = _b === void 0 ? false : _b, src = _a.src, width = _a.width, height = _a.height, shouldMirror = _a.shouldMirror, elemProps = __rest(_a, ["grow", "src", "width", "height", "shouldMirror"]);
-        return (React.createElement(Svg, __assign({ src: src, styles: graphicStyles({ width: width, height: height, grow: grow }), type: CanvasIconTypes.Graphic, as: Element, ref: ref, shouldMirror: shouldMirror }, elemProps)));
+    Component: ({ grow = false, src, width, height, shouldMirror, ...elemProps }, ref, Element) => {
+        return (React.createElement(Svg, Object.assign({ src: src, styles: graphicStyles({ width, height, grow }), type: CanvasIconTypes.Graphic, as: Element, ref: ref, shouldMirror: shouldMirror }, elemProps)));
     },
 });

package/dist/es6/icon/lib/Icon.d.ts

@@ -5,5 +5,5 @@ export interface IconProps extends SvgProps {
     size?: number | string;
     type: CanvasIconTypes.Accent | CanvasIconTypes.Applet | CanvasIconTypes.System;
 }
-export declare const Icon: import("../../common").ElementComponent<"span", IconProps>;
+export declare const Icon: import("@workday/canvas-kit-react/common").ElementComponent<"span", IconProps>;
 //# sourceMappingURL=Icon.d.ts.map

package/dist/es6/icon/lib/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,GAAG,EAAE,UAAU,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,EAAE,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;CAChF;AAED,eAAO,MAAM,IAAI,4DAyBf,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,SAAU,SAAQ,QAAQ;IACzC,GAAG,EAAE,UAAU,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,EAAE,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;CAChF;AAED,eAAO,MAAM,IAAI,gFAyBf,CAAC"}

package/dist/es6/icon/lib/Icon.js

@@ -1,37 +1,18 @@
-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;
-};
 import * as React from 'react';
 import { Svg } from './Svg';
 import { createComponent } from '@workday/canvas-kit-react/common';
-export var Icon = createComponent('span')({
+export const Icon = createComponent('span')({
     displayName: 'Icon',
-    Component: function (_a, ref, Element) {
-        var _b;
-        var src = _a.src, size = _a.size, styles = _a.styles, type = _a.type, shouldMirror = _a.shouldMirror, elemProps = __rest(_a, ["src", "size", "styles", "type", "shouldMirror"]);
-        var iconStyles = __assign({}, styles);
+    Component: ({ src, size, styles, type, shouldMirror, ...elemProps }, ref, Element) => {
+        var _a;
+        const iconStyles = { ...styles };
         if (size) {
-            iconStyles['& svg'] = __assign(__assign({}, ((_b = iconStyles['& svg']) !== null && _b !== void 0 ? _b : {})), { width: size, height: size });
+            iconStyles['& svg'] = {
+                ...((_a = iconStyles['& svg']) !== null && _a !== void 0 ? _a : {}),
+                width: size,
+                height: size,
+            };
         }
-        return (React.createElement(Svg, __assign({ src: src, type: type, shouldMirror: shouldMirror, as: Element }, elemProps, { ref: ref, styles: iconStyles })));
+        return (React.createElement(Svg, Object.assign({ src: src, type: type, shouldMirror: shouldMirror, as: Element }, elemProps, { ref: ref, styles: iconStyles })));
     },
 });

package/dist/es6/icon/lib/Svg.d.ts

@@ -11,5 +11,5 @@ export interface SvgProps extends BoxProps {
      */
     shouldMirror?: boolean;
 }
-export declare const Svg: import("../../common").ElementComponent<"span", SvgProps>;
+export declare const Svg: import("@workday/canvas-kit-react/common").ElementComponent<"span", SvgProps>;
 //# sourceMappingURL=Svg.d.ts.map

package/dist/es6/icon/lib/Svg.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Svg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAGzE,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,MAAM,WAAW,QAAS,SAAQ,QAAQ;IACxC,GAAG,EAAE,UAAU,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAeD,eAAO,MAAM,GAAG,2DAmBd,CAAC"}
+{"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Svg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAGzE,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,MAAM,WAAW,QAAS,SAAQ,QAAQ;IACxC,GAAG,EAAE,UAAU,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAeD,eAAO,MAAM,GAAG,+EAmBd,CAAC"}

package/dist/es6/icon/lib/Svg.js

@@ -1,40 +1,17 @@
-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;
-};
 import * as React from 'react';
 import { validateIconType } from './utils';
 import { createComponent, styled } from '@workday/canvas-kit-react/common';
 import { Box } from '@workday/canvas-kit-react/layout';
-var StyledIconSpan = styled(Box.as('span'))({
+const StyledIconSpan = styled(Box.as('span'))({
     display: 'inline-block',
     '> svg': { display: 'block' },
-}, function (_a) {
-    var shouldMirror = _a.shouldMirror, styles = _a.styles;
-    return (__assign({ transform: shouldMirror ? 'scaleX(-1)' : undefined }, styles));
-});
-export var Svg = createComponent('span')({
+}, ({ shouldMirror, styles }) => ({
+    transform: shouldMirror ? 'scaleX(-1)' : undefined,
+    ...styles,
+}));
+export const Svg = createComponent('span')({
     displayName: 'Svg',
-    Component: function (_a, ref, Element) {
-        var src = _a.src, type = _a.type, elemProps = __rest(_a, ["src", "type"]);
+    Component: ({ src, type, ...elemProps }, ref, Element) => {
         try {
             validateIconType(src, type);
         }
@@ -42,6 +19,6 @@ export var Svg = createComponent('span')({
             console.error(e);
             return null;
         }
-        return (React.createElement(StyledIconSpan, __assign({ as: Element, dangerouslySetInnerHTML: { __html: src.svg } }, elemProps, { ref: ref })));
+        return (React.createElement(StyledIconSpan, Object.assign({ as: Element, dangerouslySetInnerHTML: { __html: src.svg } }, elemProps, { ref: ref })));
     },
 });

package/dist/es6/icon/lib/SystemIcon.d.ts

@@ -1,45 +1,46 @@
 import { CanvasSystemIcon } from '@workday/design-assets-types';
 import { CSSObject } from '@emotion/styled';
 import { IconProps } from './Icon';
+import { SystemPropValues } from '@workday/canvas-kit-react/layout';
 export interface SystemIconStyles {
     /**
      * The accent color of the SystemIcon. This overrides `color`.
      */
-    accent?: string;
+    accent?: SystemPropValues['color'];
     /**
      * The accent color of the SystemIcon on hover. This overrides `colorHover`.
      */
-    accentHover?: string;
+    accentHover?: SystemPropValues['color'];
     /**
      * The background color of the SystemIcon.
      * @default transparent
      */
-    background?: string;
+    background?: SystemPropValues['color'];
     /**
      * The background color of the SystemIcon on hover.
      * @default transparent
      */
-    backgroundHover?: string;
+    backgroundHover?: SystemPropValues['color'];
     /**
      * The color of the SystemIcon. This defines `accent` and `fill`. `color` may be overriden by `accent` and `fill`.
      * @default iconColors.standard
      */
-    color?: string;
+    color?: SystemPropValues['color'];
     /**
      * The hover color of the SystemIcon. This defines `accentHover` and `fillHover`. `colorHover` may be overriden by `accentHover` and `fillHover`.
      * @default iconColors.hover
      */
-    colorHover?: string;
+    colorHover?: SystemPropValues['color'];
     /**
      * The fill color of the SystemIcon. This overrides `color`.
      */
-    fill?: string;
+    fill?: SystemPropValues['color'];
     /**
      * The fill color of the SystemIcon on hover. This overrides `colorHover`.
      */
-    fillHover?: string;
+    fillHover?: SystemPropValues['color'];
 }
-export interface SystemIconProps extends SystemIconStyles, Omit<IconProps, 'src' | 'color' | 'fill' | 'type' | 'background'> {
+export interface SystemIconProps extends SystemIconStyles, Omit<IconProps, 'src' | 'fill' | 'type'> {
     /**
      * The icon to display from `@workday/canvas-system-icons-web`.
      */
@@ -48,8 +49,7 @@ export interface SystemIconProps extends SystemIconStyles, Omit<IconProps, 'src'
      * The size of the SystemIcon in `px`.
      */
     size?: number | string | undefined;
-    className?: string;
 }
 export declare const systemIconStyles: ({ accent, accentHover, background, backgroundHover, color, colorHover, fill, fillHover, }: SystemIconStyles) => CSSObject;
-export declare const SystemIcon: import("../../common").ElementComponent<"span", SystemIconProps>;
+export declare const SystemIcon: import("@workday/canvas-kit-react/common").ElementComponent<"span", SystemIconProps>;
 //# sourceMappingURL=SystemIcon.d.ts.map

package/dist/es6/icon/lib/SystemIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SystemIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/SystemIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAC;IACnE;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,8FAS1B,gBAAgB,KAAG,SAmBpB,CAAC;AAEH,eAAO,MAAM,UAAU,kEA4CrB,CAAC"}
+{"version":3,"file":"SystemIcon.d.ts","sourceRoot":"","sources":["../../../../icon/lib/SystemIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,gBAAgB,EAAkB,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAElE,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC;;OAEG;IACH,WAAW,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACxC;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;;OAGG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC5C;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACvC;;OAEG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,eACf,SAAQ,gBAAgB,EACtB,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACpC;AAED,eAAO,MAAM,gBAAgB,8FAS1B,gBAAgB,KAAG,SAmBpB,CAAC;AAEH,eAAO,MAAM,UAAU,sFA4CrB,CAAC"}