@workday/canvas-kit-react 9.0.0-alpha.368-next.6 → 9.0.0-alpha.382-next.2

package/dist/es6/dialog/lib/hooks/useDialogModel.js

@@ -1,11 +1,11 @@
 import { usePopupModel, useInitialFocus, useReturnFocus, useCloseOnOutsideClick, useCloseOnEscape, useFocusRedirect, } from '@workday/canvas-kit-react/popup';
 import { createModelHook } from '@workday/canvas-kit-react/common';
-export var useDialogModel = createModelHook({
+export const useDialogModel = createModelHook({
     defaultConfig: usePopupModel.defaultConfig,
     requiredConfig: usePopupModel.requiredConfig,
     contextOverride: usePopupModel.Context,
-})(function (config) {
-    var model = usePopupModel(config);
+})(config => {
+    const model = usePopupModel(config);
     useInitialFocus(model);
     useReturnFocus(model);
     useCloseOnOutsideClick(model);

package/dist/es6/dialog/lib/hooks/useDialogPopper.js

@@ -1,9 +1,8 @@
 import { createElemPropsHook } from '@workday/canvas-kit-react/common';
 import { usePopupModel } from '@workday/canvas-kit-react/popup';
-export var useDialogPopper = createElemPropsHook(usePopupModel)(function (_a) {
-    var state = _a.state;
+export const useDialogPopper = createElemPropsHook(usePopupModel)(({ state }) => {
     return {
-        'aria-owns': "dialog-" + state.id,
+        'aria-owns': `dialog-${state.id}`,
         style: { position: 'absolute' }, // make sure the element doesn't participate in Flex
     };
 });

package/dist/es6/disclosure/lib/useDisclosureModel.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createModelHook, useUniqueId } from '@workday/canvas-kit-react/common';
-export var useDisclosureModel = createModelHook({
+export const useDisclosureModel = createModelHook({
     defaultConfig: {
         /** ID reference of the list. Children ids can be derived from this id */
         id: '',
@@ -10,34 +10,34 @@ export var useDisclosureModel = createModelHook({
          */
         initialVisibility: 'hidden',
     },
-})(function (config) {
-    var id = useUniqueId(config.id);
-    var _a = React.useState(config.initialVisibility || 'hidden'), visibility = _a[0], setVisibility = _a[1];
-    var state = {
+})(config => {
+    const id = useUniqueId(config.id);
+    const [visibility, setVisibility] = React.useState(config.initialVisibility || 'hidden');
+    const state = {
         /** ID reference of the list. Children ids can be derived from this id */
-        id: id,
+        id,
         /**
          * Visibility state of the disclosed content. Models are allowed to extend the states to fit
          * their needs, so if you need to consistently determine "not hidden", use
          * `visibility !== 'hidden'` rather than `visibility === 'visible'`
          */
-        visibility: visibility,
+        visibility,
     };
-    var events = {
+    const events = {
         /**
          * Start showing the disclosed content. If a DOM event triggered this event, the event data will
          * be passed along. This data can be used by guards and callbacks.
          */
-        show: function (event) {
+        show(event) {
             setVisibility('visible');
         },
         /**
          * Start hiding this disclosed content. If a DOM event triggered this event, the event data will
          * be passed along. This data can be used by guards and callbacks.
          */
-        hide: function (event) {
+        hide(event) {
             setVisibility('hidden');
         },
     };
-    return { state: state, events: events };
+    return { state, events };
 });

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

@@ -1,40 +1,3 @@
-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) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        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;
-};
 import * as React from 'react';
 import { space } from '@workday/canvas-kit-react/tokens';
 import { ErrorType, styled, generateUniqueId, } from '@workday/canvas-kit-react/common';
@@ -42,19 +5,15 @@ import { Hint } from './Hint';
 import { Label } from './Label';
 import { FormFieldLabelPosition } from './types';
 // Use a fieldset element for accessible radio groups
-var FormFieldFieldsetContainer = styled('fieldset')(function (_a) {
-    var grow = _a.grow, labelPosition = _a.labelPosition;
-    return ({
-        display: labelPosition === FormFieldLabelPosition.Top ? 'inline-block' : 'flex',
-        flexGrow: grow ? 1 : undefined,
-        padding: 0,
-        border: 0,
-        margin: 0,
-        marginBottom: space.m,
-    });
-});
-var FormFieldContainer = styled('div')(function (_a) {
-    var labelPosition = _a.labelPosition, useFieldset = _a.useFieldset;
+const FormFieldFieldsetContainer = styled('fieldset')(({ grow, labelPosition }) => ({
+    display: labelPosition === FormFieldLabelPosition.Top ? 'inline-block' : 'flex',
+    flexGrow: grow ? 1 : undefined,
+    padding: 0,
+    border: 0,
+    margin: 0,
+    marginBottom: space.m,
+}));
+const FormFieldContainer = styled('div')(({ labelPosition, useFieldset }) => {
     if (useFieldset) {
         return {
             display: 'flex',
@@ -71,8 +30,7 @@ var FormFieldContainer = styled('div')(function (_a) {
         marginBottom: space.m,
     };
 });
-var FormFieldInputContainer = styled('div')(function (_a) {
-    var grow = _a.grow, labelPosition = _a.labelPosition;
+const FormFieldInputContainer = styled('div')(({ grow, labelPosition }) => {
     if (grow) {
         if (labelPosition === FormFieldLabelPosition.Left ||
             labelPosition === FormFieldLabelPosition.Hidden) {
@@ -96,52 +54,50 @@ var FormFieldInputContainer = styled('div')(function (_a) {
         display: 'inline-block',
     };
 });
-var FormField = /** @class */ (function (_super) {
-    __extends(FormField, _super);
-    function FormField() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.inputId = _this.props.inputId || generateUniqueId();
-        _this.renderChildren = function (child) {
+export class FormField extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.inputId = this.props.inputId || generateUniqueId();
+        this.renderChildren = (child) => {
             if (React.isValidElement(child)) {
-                var props = __assign({}, child.props);
-                if (_this.props.grow) {
-                    props.grow = _this.props.grow;
+                const props = {
+                    ...child.props,
+                };
+                if (this.props.grow) {
+                    props.grow = this.props.grow;
                 }
-                if (typeof _this.props.error !== 'undefined') {
-                    props.error = _this.props.error;
-                    if (_this.props.hintId) {
-                        props['aria-describedby'] = _this.props.hintId;
+                if (typeof this.props.error !== 'undefined') {
+                    props.error = this.props.error;
+                    if (this.props.hintId) {
+                        props['aria-describedby'] = this.props.hintId;
                     }
-                    if (_this.props.error === ErrorType.Error) {
+                    if (this.props.error === ErrorType.Error) {
                         props['aria-invalid'] = true;
                     }
                 }
-                props.id = _this.inputId;
+                props.id = this.inputId;
                 return React.cloneElement(child, props);
             }
             return child;
         };
-        return _this;
     }
-    FormField.prototype.render = function () {
-        var _a = this.props, _b = _a.errorLabel, errorLabel = _b === void 0 ? 'Error' : _b, _c = _a.alertLabel, alertLabel = _c === void 0 ? 'Alert' : _c, _d = _a.useFieldset, useFieldset = _d === void 0 ? false : _d, _e = _a.labelPosition, labelPosition = _e === void 0 ? FormField.LabelPosition.Top : _e, label = _a.label, hintText = _a.hintText, hintId = _a.hintId, inputId = _a.inputId, grow = _a.grow, children = _a.children, error = _a.error, required = _a.required, elemProps = __rest(_a, ["errorLabel", "alertLabel", "useFieldset", "labelPosition", "label", "hintText", "hintId", "inputId", "grow", "children", "error", "required"]);
-        var field = (React.createElement(React.Fragment, null,
+    render() {
+        const { errorLabel = 'Error', alertLabel = 'Alert', useFieldset = false, labelPosition = FormField.LabelPosition.Top, label, hintText, hintId, inputId, grow, children, error, required, ...elemProps } = this.props;
+        const field = (React.createElement(React.Fragment, null,
             typeof label === 'string' ? (React.createElement(Label, { labelPosition: labelPosition, htmlFor: this.inputId, isLegend: useFieldset, required: required, accessibleHide: labelPosition === FormFieldLabelPosition.Hidden }, label)) : (label),
             React.createElement(FormFieldInputContainer, { grow: grow, labelPosition: labelPosition },
                 React.Children.map(children, this.renderChildren),
                 hintText && (React.createElement(Hint, { errorLabel: errorLabel, alertLabel: alertLabel, error: error, id: hintId }, hintText)))));
         if (useFieldset) {
-            return (React.createElement(FormFieldContainer, __assign({ useFieldset: useFieldset, labelPosition: labelPosition }, elemProps),
+            return (React.createElement(FormFieldContainer, Object.assign({ useFieldset: useFieldset, labelPosition: labelPosition }, elemProps),
                 React.createElement(FormFieldFieldsetContainer, { grow: grow, labelPosition: labelPosition }, field)));
         }
         else {
-            return (React.createElement(FormFieldContainer, __assign({ useFieldset: useFieldset, labelPosition: labelPosition }, elemProps), field));
+            return (React.createElement(FormFieldContainer, Object.assign({ useFieldset: useFieldset, labelPosition: labelPosition }, elemProps), field));
         }
-    };
-    FormField.LabelPosition = FormFieldLabelPosition;
-    FormField.ErrorType = ErrorType;
-    return FormField;
-}(React.Component));
-export { FormField };
+    }
+}
+FormField.LabelPosition = FormFieldLabelPosition;
+FormField.ErrorType = ErrorType;
 FormField.LabelPosition = FormFieldLabelPosition;
 FormField.ErrorType = ErrorType;

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

@@ -1,45 +1,12 @@
-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) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        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);
-};
 import * as React from 'react';
 import { ErrorType, styled } from '@workday/canvas-kit-react/common';
 import { space } from '@workday/canvas-kit-react/tokens';
 import { Subtext, Text } from '@workday/canvas-kit-react/text';
-var Message = styled(Subtext)(function (_a) {
-    var error = _a.error, theme = _a.theme;
-    return error === ErrorType.Error && { color: theme.canvas.palette.error.main };
-});
-var Hint = /** @class */ (function (_super) {
-    __extends(Hint, _super);
-    function Hint() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Hint.prototype.render = function () {
-        var _a = this.props, _b = _a.errorLabel, errorLabel = _b === void 0 ? 'Error' : _b, _c = _a.alertLabel, alertLabel = _c === void 0 ? 'Alert' : _c, children = _a.children, error = _a.error;
-        var hintLabel;
+const Message = styled(Subtext)(({ error, theme }) => error === ErrorType.Error && { color: theme.canvas.palette.error.main });
+class Hint extends React.Component {
+    render() {
+        const { errorLabel = 'Error', alertLabel = 'Alert', children, error } = this.props;
+        let hintLabel;
         switch (error) {
             case Hint.ErrorType.Error:
                 hintLabel = errorLabel;
@@ -49,14 +16,13 @@ var Hint = /** @class */ (function (_super) {
                 break;
             default:
         }
-        return (React.createElement(Message, __assign({ size: "medium", margin: space.xxs + " 0 0", width: "100%" }, this.props),
+        return (React.createElement(Message, Object.assign({ size: "medium", margin: `${space.xxs} 0 0`, width: "100%" }, this.props),
             typeof error !== 'undefined' && hintLabel && (React.createElement(Text, { fontWeight: "medium" },
                 hintLabel,
                 ": ")),
             children));
-    };
-    Hint.ErrorType = ErrorType;
-    return Hint;
-}(React.Component));
+    }
+}
+Hint.ErrorType = ErrorType;
 Hint.ErrorType = ErrorType;
 export { Hint };

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) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
 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 RequiredAstrisk = 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, __spreadArray(__spreadArray([], 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, requiredLabel = 'required', ...elemProps } = this.props;
+        const children = !this.props.required
             ? this.props.children
             : [
                 this.props.children,
                 React.createElement(RequiredAstrisk, { key: '0', title: requiredLabel }, "*"),
             ];
-        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`.
      */

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,sFAoBrB,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.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,