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

package/dist/commonjs/radio/lib/RadioGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAoCD,cAAM,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACvD,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH;AAID,OAAO,EAAC,UAAU,EAAC,CAAC"}
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../radio/lib/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,UAAU,EAAC,MAAM,SAAS,CAAC;AAE1C,OAAO,EACL,SAAS,EACT,cAAc,EAGd,SAAS,EACV,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,cAAc;IAChE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAoCD,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAC9D,MAAM,CAAC,SAAS,mBAAa;IAE7B,MAAM,IAAI,KAAK,CAAC,SAAS;IASzB,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,aAAa,CAiBnB;CACH"}

package/dist/commonjs/radio/lib/RadioGroup.js

@@ -1,28 +1,4 @@
 "use strict";
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -42,31 +18,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioGroup = void 0;
-var React = __importStar(require("react"));
-var Radio_1 = require("./Radio");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var common_1 = require("@workday/canvas-kit-react/common");
-var Container = common_1.styled('div')({
+const React = __importStar(require("react"));
+const Radio_1 = require("./Radio");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const common_1 = require("@workday/canvas-kit-react/common");
+const Container = common_1.styled('div')({
     display: 'inline-block',
     boxSizing: 'border-box',
     borderRadius: tokens_1.borderRadius.m,
-    padding: tokens_1.space.xxxs + " " + tokens_1.space.xs,
-    margin: "-" + tokens_1.space.xxxs + " -" + tokens_1.space.xs,
+    padding: `${tokens_1.space.xxxs} ${tokens_1.space.xs}`,
+    margin: `-${tokens_1.space.xxxs} -${tokens_1.space.xs}`,
     '& > div': {
-        margin: tokens_1.space.xxs + " " + tokens_1.space.zero,
+        margin: `${tokens_1.space.xxs} ${tokens_1.space.zero}`,
         alignItems: 'flex-start',
         '> div': {
             flex: '0 0 auto',
@@ -78,59 +43,51 @@ var Container = common_1.styled('div')({
             marginBottom: tokens_1.space.xxxs,
         },
     },
-}, function (_a) {
-    var grow = _a.grow;
-    return grow && { width: '100%' };
-}, function (_a) {
-    var error = _a.error, theme = _a.theme;
-    var errorColors = common_1.getErrorColors(error, theme);
+}, ({ grow }) => grow && { width: '100%' }, ({ error, theme }) => {
+    const errorColors = common_1.getErrorColors(error, theme);
     return {
         transition: '100ms box-shadow',
         boxShadow: errorColors.outer !== errorColors.inner
-            ? "inset 0 0 0 1px " + errorColors.outer + ", inset 0 0 0 3px " + errorColors.inner
-            : "inset 0 0 0 2px " + errorColors.inner,
+            ? `inset 0 0 0 1px ${errorColors.outer}, inset 0 0 0 3px ${errorColors.inner}`
+            : `inset 0 0 0 2px ${errorColors.inner}`,
     };
 });
-var RadioGroup = /** @class */ (function (_super) {
-    __extends(RadioGroup, _super);
-    function RadioGroup() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.renderChild = function (child, index, value) {
+class RadioGroup extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.renderChild = (child, index, value) => {
             if (typeof child.type === typeof Radio_1.Radio) {
-                var childProps = child.props;
-                var checked = typeof value === 'number' ? index === value : childProps.value === value;
-                var name_1 = _this.props.name ? _this.props.name : childProps.name;
+                const childProps = child.props;
+                const checked = typeof value === 'number' ? index === value : childProps.value === value;
+                const name = this.props.name ? this.props.name : childProps.name;
                 return React.cloneElement(child, {
-                    checked: checked,
-                    name: name_1,
-                    onChange: _this.onRadioChange.bind(_this, childProps.onChange, index),
+                    checked,
+                    name,
+                    onChange: this.onRadioChange.bind(this, childProps.onChange, index),
                 });
             }
             return child;
         };
-        _this.onRadioChange = function (existingOnChange, index, event) {
+        this.onRadioChange = (existingOnChange, index, event) => {
             if (existingOnChange) {
                 existingOnChange(event);
             }
-            var target = event.currentTarget;
-            if (target && _this.props.onChange) {
+            const target = event.currentTarget;
+            if (target && this.props.onChange) {
                 if (target.value) {
-                    _this.props.onChange(target.value);
+                    this.props.onChange(target.value);
                 }
                 else {
-                    _this.props.onChange(index);
+                    this.props.onChange(index);
                 }
             }
         };
-        return _this;
     }
-    RadioGroup.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, _b = _a.value, value = _b === void 0 ? 0 : _b, children = _a.children, error = _a.error, onChange = _a.onChange, grow = _a.grow, elemProps = __rest(_a, ["value", "children", "error", "onChange", "grow"]);
-        return (React.createElement(Container, __assign({ error: error, grow: grow }, elemProps), React.Children.map(children, function (child, index) { return _this.renderChild(child, index, value); })));
-    };
-    RadioGroup.ErrorType = common_1.ErrorType;
-    return RadioGroup;
-}(React.Component));
+    render() {
+        const { value = 0, children, error, onChange, grow, ...elemProps } = this.props;
+        return (React.createElement(Container, Object.assign({ error: error, grow: grow }, elemProps), React.Children.map(children, (child, index) => this.renderChild(child, index, value))));
+    }
+}
 exports.RadioGroup = RadioGroup;
 RadioGroup.ErrorType = common_1.ErrorType;
+RadioGroup.ErrorType = common_1.ErrorType;

package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts

@@ -20,7 +20,7 @@ export interface SegmentedControlProps {
      */
     onChange?: (value: string | number) => void;
 }
-export declare const SegmentedControl: import("../../common").ElementComponent<"div", SegmentedControlProps> & {
-    Button: import("../../common").ElementComponent<"button", SegmentedControlButtonProps>;
+export declare const SegmentedControl: import("@workday/canvas-kit-react/common").ElementComponent<"div", SegmentedControlProps> & {
+    Button: import("@workday/canvas-kit-react/common").ElementComponent<"button", SegmentedControlButtonProps>;
 };
 //# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/commonjs/segmented-control/lib/SegmentedControl.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -29,27 +18,16 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SegmentedControl = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var SegmentedControlButton_1 = require("./SegmentedControlButton");
-var onButtonClick = function (existingOnClick, onChange, index, event) {
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const SegmentedControlButton_1 = require("./SegmentedControlButton");
+const onButtonClick = (existingOnClick, onChange, index, event) => {
     if (existingOnClick) {
         existingOnClick(event);
     }
-    var target = event.currentTarget;
+    const target = event.currentTarget;
     if (target && onChange) {
         if (target.value) {
             onChange(target.value);
@@ -61,9 +39,8 @@ var onButtonClick = function (existingOnClick, onChange, index, event) {
 };
 exports.SegmentedControl = common_1.createComponent('div')({
     displayName: 'SegmentedControl',
-    Component: function (_a, ref) {
-        var _b = _a.value, value = _b === void 0 ? 0 : _b, children = _a.children, onChange = _a.onChange, elemProps = __rest(_a, ["value", "children", "onChange"]);
-        return (React.createElement("div", __assign({}, elemProps), React.Children.map(children, function (child, index) {
+    Component: ({ value = 0, children, onChange, ...elemProps }, ref) => {
+        return (React.createElement("div", Object.assign({}, elemProps), React.Children.map(children, (child, index) => {
             if (typeof child.type === typeof SegmentedControlButton_1.SegmentedControlButton) {
                 return React.cloneElement(child, {
                     toggled: typeof value === 'number' ? index === value : child.props.value === value,

package/dist/commonjs/segmented-control/lib/SegmentedControlButton.d.ts

@@ -6,5 +6,5 @@ export interface SegmentedControlButtonProps extends ButtonContainerProps {
     value?: string | number;
     size?: 'small' | 'medium' | 'large';
 }
-export declare const SegmentedControlButton: import("../../common").ElementComponent<"button", SegmentedControlButtonProps>;
+export declare const SegmentedControlButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", SegmentedControlButtonProps>;
 //# sourceMappingURL=SegmentedControlButton.d.ts.map

package/dist/commonjs/segmented-control/lib/SegmentedControlButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControlButton.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAO1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAyF9D,MAAM,WAAW,2BAA4B,SAAQ,oBAAoB;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,sBAAsB,gFAiBjC,CAAC"}
+{"version":3,"file":"SegmentedControlButton.d.ts","sourceRoot":"","sources":["../../../../segmented-control/lib/SegmentedControlButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,oBAAoB,EACrB,MAAM,kCAAkC,CAAC;AAO1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAyF9D,MAAM,WAAW,2BAA4B,SAAQ,oBAAoB;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,gBAAgB,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,sBAAsB,oGAiBjC,CAAC"}

package/dist/commonjs/segmented-control/lib/SegmentedControlButton.js

@@ -1,36 +1,14 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SegmentedControlButton = void 0;
-var react_1 = __importDefault(require("react"));
-var button_1 = require("@workday/canvas-kit-react/button");
-var common_1 = require("@workday/canvas-kit-react/common");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var getIconButtonColors = function (toggled) {
+const react_1 = __importDefault(require("react"));
+const button_1 = require("@workday/canvas-kit-react/button");
+const common_1 = require("@workday/canvas-kit-react/common");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const getIconButtonColors = (toggled) => {
     return {
         default: {
             background: toggled ? tokens_1.colors.blueberry400 : tokens_1.colors.soap200,
@@ -55,60 +33,61 @@ var getIconButtonColors = function (toggled) {
         },
     };
 };
-var getSizeStyles = function (size) {
-    var sizeValue = size === 'large' ? "calc(" + tokens_1.space.xl + " + " + tokens_1.space.xxs + ")" : size === 'small' ? tokens_1.space.l : tokens_1.space.xl;
+const getSizeStyles = (size) => {
+    const sizeValue = size === 'large' ? `calc(${tokens_1.space.xl} + ${tokens_1.space.xxs})` : size === 'small' ? tokens_1.space.l : tokens_1.space.xl;
     return {
         width: sizeValue,
         height: sizeValue,
     };
 };
-var StyledButton = common_1.styled(button_1.BaseButton)({
+const StyledButton = common_1.styled(button_1.BaseButton)({
     borderRadius: tokens_1.borderRadius.zero,
-    border: "1px solid " + tokens_1.colors.soap500,
+    border: `1px solid ${tokens_1.colors.soap500}`,
     borderLeft: 'none',
     '&:first-of-type': {
-        borderRadius: tokens_1.borderRadius.m + " 0 0 " + tokens_1.borderRadius.m,
-        borderLeft: "1px solid " + tokens_1.colors.soap500,
+        borderRadius: `${tokens_1.borderRadius.m} 0 0 ${tokens_1.borderRadius.m}`,
+        borderLeft: `1px solid ${tokens_1.colors.soap500}`,
     },
     '&:last-of-type': {
-        borderRadius: "0 " + tokens_1.borderRadius.m + " " + tokens_1.borderRadius.m + " 0",
+        borderRadius: `0 ${tokens_1.borderRadius.m} ${tokens_1.borderRadius.m} 0`,
     },
     '&[aria-pressed="true"]': {
-        borderColor: tokens_1.colors.blueberry400 + " !important",
+        borderColor: `${tokens_1.colors.blueberry400} !important`,
         '&:hover, &:focus:hover': {
             background: tokens_1.colors.blueberry400,
         },
     },
-    '&:focus': __assign({ borderRadius: tokens_1.borderRadius.m, zIndex: 1, animation: 'none', transition: 'all 120ms, border-radius 1ms' }, common_1.mouseFocusBehavior({
-        '&': {
-            borderRadius: tokens_1.borderRadius.zero,
-            '&:first-of-type': {
-                borderRadius: tokens_1.borderRadius.m + " 0 0 " + tokens_1.borderRadius.m,
-            },
-            '&:last-of-type': {
-                borderRadius: "0 " + tokens_1.borderRadius.m + " " + tokens_1.borderRadius.m + " 0",
-            },
-        },
-    })),
-}, function (_a) {
-    var theme = _a.theme;
-    return ({
-        '[aria-pressed="true"]': {
-            borderColor: theme.canvas.palette.primary.main,
-            '&:hover, &:focus:hover': {
-                background: theme.canvas.palette.primary.main,
+    '&:focus': {
+        borderRadius: tokens_1.borderRadius.m,
+        zIndex: 1,
+        animation: 'none',
+        transition: 'all 120ms, border-radius 1ms',
+        ...common_1.mouseFocusBehavior({
+            '&': {
+                borderRadius: tokens_1.borderRadius.zero,
+                '&:first-of-type': {
+                    borderRadius: `${tokens_1.borderRadius.m} 0 0 ${tokens_1.borderRadius.m}`,
+                },
+                '&:last-of-type': {
+                    borderRadius: `0 ${tokens_1.borderRadius.m} ${tokens_1.borderRadius.m} 0`,
+                },
             },
+        }),
+    },
+}, ({ theme }) => ({
+    '[aria-pressed="true"]': {
+        borderColor: theme.canvas.palette.primary.main,
+        '&:hover, &:focus:hover': {
+            background: theme.canvas.palette.primary.main,
         },
-    });
-}, function (_a) {
-    var size = _a.size;
-    return (__assign({}, getSizeStyles(size)));
-});
+    },
+}), ({ size }) => ({
+    ...getSizeStyles(size),
+}));
 exports.SegmentedControlButton = common_1.createComponent('button')({
     displayName: 'Button',
-    Component: function (_a, ref, Element) {
-        var value = _a.value, icon = _a.icon, toggled = _a.toggled, props = __rest(_a, ["value", "icon", "toggled"]);
-        return (react_1.default.createElement(StyledButton, __assign({ as: Element, "aria-pressed": toggled, value: value, colors: getIconButtonColors(toggled), fillIcon: toggled, ref: ref }, props),
+    Component: ({ value, icon, toggled, ...props }, ref, Element) => {
+        return (react_1.default.createElement(StyledButton, Object.assign({ as: Element, "aria-pressed": toggled, value: value, colors: getIconButtonColors(toggled), fillIcon: toggled, ref: ref }, props),
             react_1.default.createElement(button_1.BaseButton.Icon, { size: props.size || 'large', icon: icon })));
     },
 });

package/dist/commonjs/select/lib/Select.d.ts

@@ -24,7 +24,7 @@ export interface SelectProps extends Themeable, GrowthBehavior {
      */
     value?: string;
 }
-export declare const Select: import("../../common").ElementComponent<"select", SelectProps> & {
+export declare const Select: import("@workday/canvas-kit-react/common").ElementComponent<"select", SelectProps> & {
     ErrorType: typeof ErrorType;
 };
 //# sourceMappingURL=Select.d.ts.map

package/dist/commonjs/select/lib/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,cAAc,EACd,SAAS,EAGT,SAAS,EACV,MAAM,kCAAkC,CAAC;AAW1C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,cAAc;IAC5D;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;IAChF;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0ED,eAAO,MAAM,MAAM;;CA8BjB,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../select/lib/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,cAAc,EACd,SAAS,EAGT,SAAS,EACV,MAAM,kCAAkC,CAAC;AAW1C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,cAAc;IAC5D;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;IAChF;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0ED,eAAO,MAAM,MAAM;;CAiBjB,CAAC"}

package/dist/commonjs/select/lib/Select.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -29,49 +18,52 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = void 0;
-var React = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
-var icon_1 = require("@workday/canvas-kit-react/icon");
-var StyledSelect = common_1.styled('select')(__assign(__assign({}, tokens_1.type.levels.subtext.large), { border: "1px solid " + tokens_1.inputColors.border, display: 'block', backgroundColor: tokens_1.inputColors.background, borderRadius: tokens_1.borderRadius.m, boxSizing: 'border-box', height: tokens_1.space.xl, minWidth: 280, transition: '0.2s box-shadow, 0.2s border-color', padding: tokens_1.spaceNumbers.xxs, margin: 0, MozAppearance: 'none', WebkitAppearance: 'none', '&::placeholder': {
+const React = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
+const icon_1 = require("@workday/canvas-kit-react/icon");
+const StyledSelect = common_1.styled('select')({
+    ...tokens_1.type.levels.subtext.large,
+    border: `1px solid ${tokens_1.inputColors.border}`,
+    display: 'block',
+    backgroundColor: tokens_1.inputColors.background,
+    borderRadius: tokens_1.borderRadius.m,
+    boxSizing: 'border-box',
+    height: tokens_1.space.xl,
+    minWidth: 280,
+    transition: '0.2s box-shadow, 0.2s border-color',
+    padding: tokens_1.spaceNumbers.xxs,
+    margin: 0,
+    MozAppearance: 'none',
+    WebkitAppearance: 'none',
+    '&::placeholder': {
         color: tokens_1.inputColors.placeholder,
-    }, '&:hover': {
+    },
+    '&:hover': {
         borderColor: tokens_1.inputColors.hoverBorder,
-    }, '&:focus:not([disabled])': {
+    },
+    '&:focus:not([disabled])': {
         borderColor: tokens_1.inputColors.focusBorder,
-        boxShadow: "inset 0 0 0 1px " + tokens_1.inputColors.focusBorder,
+        boxShadow: `inset 0 0 0 1px ${tokens_1.inputColors.focusBorder}`,
         outline: 'none',
-    }, '&:disabled': {
+    },
+    '&:disabled': {
         backgroundColor: tokens_1.inputColors.disabled.background,
         borderColor: tokens_1.inputColors.disabled.border,
         color: tokens_1.inputColors.disabled.text,
         '&::placeholder': {
             color: tokens_1.inputColors.disabled.text,
         },
-    } }), function (_a) {
-    var error = _a.error;
-    return (__assign({}, common_1.errorRing(error)));
-}, function (_a) {
-    var grow = _a.grow;
-    return grow && {
-        width: '100%',
-    };
+    },
+}, ({ error }) => ({
+    ...common_1.errorRing(error),
+}), ({ grow }) => grow && {
+    width: '100%',
 });
-var SelectDropdownIcon = common_1.styled(icon_1.SystemIcon)({
+const SelectDropdownIcon = common_1.styled(icon_1.SystemIcon)({
     position: 'absolute',
     top: tokens_1.space.xxxs,
     right: tokens_1.space.xxxs,
@@ -81,32 +73,23 @@ var SelectDropdownIcon = common_1.styled(icon_1.SystemIcon)({
         transition: '100ms fill',
     },
 });
-var SelectWrapper = common_1.styled('div')({
+const SelectWrapper = common_1.styled('div')({
     position: 'relative',
-}, function (_a) {
-    var grow = _a.grow;
-    return ({
-        display: grow ? 'block' : 'inline-block',
-    });
-}, function (_a) {
-    var disabled = _a.disabled;
-    return ({
-        '& span': {
-            backgroundColor: disabled ? tokens_1.colors.soap100 : tokens_1.colors.frenchVanilla100,
-        },
-        '&:hover path': {
-            fill: disabled ? undefined : tokens_1.colors.licorice500,
-        },
-    });
-});
+}, ({ grow }) => ({
+    display: grow ? 'block' : 'inline-block',
+}), ({ disabled }) => ({
+    '& span': {
+        backgroundColor: disabled ? tokens_1.colors.soap100 : tokens_1.colors.frenchVanilla100,
+    },
+    '&:hover path': {
+        fill: disabled ? undefined : tokens_1.colors.licorice500,
+    },
+}));
 exports.Select = common_1.createComponent('select')({
     displayName: 'Select',
-    Component: function (_a, ref, Element) {
-        var _b = _a.disabled, disabled = _b === void 0 ? false : _b, error = _a.error, grow = _a.grow, children = _a.children, value = _a.value, onChange = _a.onChange, elemProps = __rest(_a, ["disabled", "error", "grow", "children", "value", "onChange"]);
-        return (React.createElement(SelectWrapper, { grow: grow, disabled: disabled },
-            React.createElement(StyledSelect, __assign({ as: Element, disabled: disabled, grow: grow, error: error, ref: ref, value: value, onChange: onChange }, elemProps), children),
-            React.createElement(SelectDropdownIcon, { icon: canvas_system_icons_web_1.caretDownSmallIcon, color: disabled ? tokens_1.colors.licorice100 : tokens_1.colors.licorice200, colorHover: disabled ? tokens_1.colors.licorice100 : tokens_1.colors.licorice500 })));
-    },
+    Component: ({ disabled = false, grow, children, ...elemProps }, ref, Element) => (React.createElement(SelectWrapper, { grow: grow, disabled: disabled },
+        React.createElement(StyledSelect, Object.assign({ as: Element, disabled: disabled, grow: grow, ref: ref }, elemProps), children),
+        React.createElement(SelectDropdownIcon, { icon: canvas_system_icons_web_1.caretDownSmallIcon, color: disabled ? tokens_1.colors.licorice100 : tokens_1.colors.licorice200, colorHover: disabled ? tokens_1.colors.licorice100 : tokens_1.colors.licorice500 }))),
     subComponents: {
         ErrorType: common_1.ErrorType,
     },

package/dist/commonjs/select/lib/SelectOption.js

@@ -1,28 +1,4 @@
 "use strict";
-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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -42,29 +18,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectOption = void 0;
-var React = __importStar(require("react"));
-var SelectOption = /** @class */ (function (_super) {
-    __extends(SelectOption, _super);
-    function SelectOption() {
-        return _super !== null && _super.apply(this, arguments) || this;
+const React = __importStar(require("react"));
+class SelectOption extends React.Component {
+    render() {
+        const { disabled = false, value, label, ...elemProps } = this.props;
+        return (React.createElement("option", Object.assign({ value: value, label: label, disabled: disabled }, elemProps), label));
     }
-    SelectOption.prototype.render = function () {
-        var _a = this.props, _b = _a.disabled, disabled = _b === void 0 ? false : _b, value = _a.value, label = _a.label, elemProps = __rest(_a, ["disabled", "value", "label"]);
-        return (React.createElement("option", __assign({ value: value, label: label, disabled: disabled }, elemProps), label));
-    };
-    return SelectOption;
-}(React.Component));
+}
 exports.SelectOption = SelectOption;

package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAKlF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C;;;OAGG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,sBAAsB;IAChC,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AAED,oBAAY,wBAAwB;IAClC,KAAK,IAAA;IACL,WAAW,IAAA;IACX,IAAI,IAAA;CACL;AAwFD,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,eAAe,kCAA4B;gBAEtC,KAAK,EAAE,cAAc;IAKjC,KAAK;;MAEH;IAEK,iBAAiB;IAGjB,oBAAoB;IAIpB,MAAM;IAgDb,OAAO,CAAC,YAAY,CAWlB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,qBAAqB,CAS3B;CACH"}
+{"version":3,"file":"SidePanel.d.ts","sourceRoot":"","sources":["../../../../side-panel/lib/SidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AAKlF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;;OAGG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,wBAAwB,CAAC;IAC3C;;;OAGG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,sBAAsB;IAChC,IAAI,IAAA;IACJ,KAAK,IAAA;CACN;AAED,oBAAY,wBAAwB;IAClC,KAAK,IAAA;IACL,WAAW,IAAA;IACX,IAAI,IAAA;CACL;AAwFD,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,MAAM,CAAC,aAAa,gCAA0B;IAC9C,MAAM,CAAC,eAAe,kCAA4B;gBAEtC,KAAK,EAAE,cAAc;IAKjC,KAAK;;MAEH;IAEK,iBAAiB;IAGjB,oBAAoB;IAIpB,MAAM;IAgDb,OAAO,CAAC,YAAY,CAWlB;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,qBAAqB,CAS3B;CACH"}