@workday/canvas-kit-react 7.1.4 → 7.2.0-427-next.2

package/dist/commonjs/action-bar/lib/useActionBarModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useActionBarModel.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/useActionBarModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,iBAAiB;IAG1B;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IATH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwEL,CAAC"}
+{"version":3,"file":"useActionBarModel.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/useActionBarModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,iBAAiB;IAG1B;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;IAGH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAhBH;;;OAGG;;IAEH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;IAGH;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkFL,CAAC"}

package/dist/commonjs/action-bar/lib/useActionBarModel.js

@@ -1,77 +1,91 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useActionBarModel = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var collection_1 = require("@workday/canvas-kit-react/collection");
-var menu_1 = require("@workday/canvas-kit-react/menu");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const collection_1 = require("@workday/canvas-kit-react/collection");
+const menu_1 = require("@workday/canvas-kit-react/menu");
 exports.useActionBarModel = common_1.createModelHook({
-    defaultConfig: __assign(__assign({}, collection_1.useOverflowListModel.defaultConfig), { 
+    defaultConfig: {
+        ...collection_1.useOverflowListModel.defaultConfig,
         /**
          * Optional id for the whole `ActionBar` group. If not provided, a unique id will be created.
          * @default useUniqueId()
          */
-        id: '', 
+        id: '',
         /**
          * The default ActionBar sub-components only handle rendering of button group in a horizontal orientation,
          * but the sub-components could be replaced to handle vertical orientations.
          * @default 'horizontal'
          */
-        orientation: 'horizontal', menuConfig: {} }),
+        orientation: 'horizontal',
+        menuConfig: {},
+        /**
+         * The maximum number of actions that can be visible.
+         * Must be greater than 1 and less than items.length.
+         * @default 3
+         */
+        maximumVisible: 3,
+    },
     requiredConfig: collection_1.useOverflowListModel.requiredConfig,
-})(function (config) {
-    var getId = config.getId || collection_1.defaultGetId;
-    var items = config.items;
-    var model = collection_1.useOverflowListModel(collection_1.useOverflowListModel.mergeConfig(config, {
+})(config => {
+    const getId = config.getId || collection_1.defaultGetId;
+    const items = config.items;
+    const model = collection_1.useOverflowListModel(collection_1.useOverflowListModel.mergeConfig(config, {
         orientation: config.orientation || 'horizontal',
-        items: items,
+        items,
         shouldVirtualize: false,
     }));
-    var hiddenIds = model.state.hiddenIds;
-    var nonInteractiveIds = model.state.nonInteractiveIds;
-    var totalSize = model.state.items.length;
-    // Only show a maximum of 3 buttons
-    if (totalSize - hiddenIds.length >= 3) {
-        hiddenIds = items.slice(3, totalSize).map(getId);
+    let hiddenIds = model.state.hiddenIds;
+    let nonInteractiveIds = model.state.nonInteractiveIds;
+    const totalSize = model.state.items.length;
+    console.log(config.maximumVisible);
+    // Only show maximumVisible buttons
+    const maximumVisible = !config.maximumVisible || config.maximumVisible < 1
+        ? 3 // should fallback to default value
+        : config.maximumVisible > totalSize
+            ? totalSize
+            : config.maximumVisible;
+    console.log('maximumVisible', maximumVisible);
+    if (totalSize - hiddenIds.length >= maximumVisible) {
+        hiddenIds = items.slice(maximumVisible, totalSize).map(getId);
     }
     // Always show the first button and make sure it is interactive
     if (totalSize - hiddenIds.length === 0) {
         hiddenIds = items.slice(1, totalSize).map(getId);
     }
     nonInteractiveIds = hiddenIds;
-    var state = __assign(__assign({}, model.state), { hiddenIds: hiddenIds,
-        nonInteractiveIds: nonInteractiveIds, orientation: config.orientation || 'horizontal' });
-    var overflowItems = react_1.default.useMemo(function () { return (items ? items.filter(function (item) { return state.hiddenIds.includes(getId(item)); }) : undefined); }, 
+    const state = {
+        ...model.state,
+        hiddenIds,
+        nonInteractiveIds,
+        orientation: config.orientation || 'horizontal',
+    };
+    const overflowItems = react_1.default.useMemo(() => (items ? items.filter(item => state.hiddenIds.includes(getId(item))) : undefined), 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [state.hiddenIds, items]);
-    var events = __assign({}, model.events);
-    var menu = menu_1.useMenuModel(menu_1.useMenuModel.mergeConfig(config.menuConfig, {
-        id: "act-bar-menu-" + model.state.id,
+    const events = {
+        ...model.events,
+    };
+    const menu = menu_1.useMenuModel(menu_1.useMenuModel.mergeConfig(config.menuConfig, {
+        id: `act-bar-menu-${model.state.id}`,
         items: overflowItems,
-        nonInteractiveIds: state.nonInteractiveIds.filter(function (key) { return !state.hiddenIds.includes(key); }),
-        onSelect: function () {
+        nonInteractiveIds: state.nonInteractiveIds.filter(key => !state.hiddenIds.includes(key)),
+        onSelect() {
             menu.events.hide();
         },
-        onShow: function () {
+        onShow() {
             // Always select the first item when the menu is opened
             menu.events.goToFirst();
         },
     }));
-    return __assign(__assign({}, model), { state: state,
-        events: events,
-        menu: menu });
+    return {
+        ...model,
+        state,
+        events,
+        menu,
+    };
 });

package/dist/commonjs/avatar/index.d.ts

@@ -1,5 +1,2 @@
-import Avatar from './lib/Avatar';
-export default Avatar;
-export { Avatar };
 export * from './lib/Avatar';
 //# sourceMappingURL=index.d.ts.map

package/dist/commonjs/avatar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,eAAe,MAAM,CAAC;AACtB,OAAO,EAAC,MAAM,EAAC,CAAC;AAChB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/commonjs/avatar/index.js

@@ -9,12 +9,5 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-var Avatar_1 = __importDefault(require("./lib/Avatar"));
-exports.Avatar = Avatar_1.default;
-exports.default = Avatar_1.default;
 __exportStar(require("./lib/Avatar"), exports);

package/dist/commonjs/avatar/lib/Avatar.d.ts

@@ -49,6 +49,6 @@ declare type AvatarOverload = {
     Variant: typeof AvatarVariant;
     Size: typeof SystemIconCircleSize;
 };
-declare const Avatar: AvatarOverload;
-export default Avatar;
+export declare const Avatar: AvatarOverload;
+export {};
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/commonjs/avatar/lib/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../avatar/lib/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,OAAO,EAAmB,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGtF,oBAAY,aAAa;IACvB,KAAK,IAAA;IACL,IAAI,IAAA;CACL;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ;AAED;;GAEG;AACH,aAAK,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,GAC1F,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvC;;GAEG;AACH,aAAK,cAAc,GAAG;IACpB,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,KAAK,CAAA;KAAC,GAAG,cAAc,GAAG;QAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;KAAC,GAAG,KAAK,CAAC,YAAY,CAAC;IAC3F,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;KAAC,GAAG,KAAK,CAAC,YAAY,CAAC;IAC5F,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAO,oBAAoB,CAAC;CACnC,CAAC;AAoEF,QAAA,MAAM,MAAM,EAAE,cAmDN,CAAC;AAKT,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../avatar/lib/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,OAAO,EAAmB,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAGtF,oBAAY,aAAa;IACvB,KAAK,IAAA;IACL,IAAI,IAAA;CACL;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ;AAED;;GAEG;AACH,aAAK,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,GAC1F,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvC;;GAEG;AACH,aAAK,cAAc,GAAG;IACpB,CAAC,KAAK,EAAE;QAAC,EAAE,EAAE,KAAK,CAAA;KAAC,GAAG,cAAc,GAAG;QAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;KAAC,GAAG,KAAK,CAAC,YAAY,CAAC;IAC3F,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG;QAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;KAAC,GAAG,KAAK,CAAC,YAAY,CAAC;IAC5F,OAAO,EAAE,OAAO,aAAa,CAAC;IAC9B,IAAI,EAAE,OAAO,oBAAoB,CAAC;CACnC,CAAC;AAoEF,eAAO,MAAM,MAAM,EAAE,cAmDb,CAAC"}

package/dist/commonjs/avatar/lib/Avatar.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,98 +18,86 @@ 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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarVariant = void 0;
-var react_1 = __importStar(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var icon_1 = require("@workday/canvas-kit-react/icon");
-var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
+exports.Avatar = exports.AvatarVariant = void 0;
+const react_1 = __importStar(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const icon_1 = require("@workday/canvas-kit-react/icon");
+const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
 var AvatarVariant;
 (function (AvatarVariant) {
     AvatarVariant[AvatarVariant["Light"] = 0] = "Light";
     AvatarVariant[AvatarVariant["Dark"] = 1] = "Dark";
 })(AvatarVariant = exports.AvatarVariant || (exports.AvatarVariant = {}));
-var fadeTransition = 'opacity 150ms linear';
-var StyledContainer = common_1.styled('button', {
-    shouldForwardProp: function (prop) { return is_prop_valid_1.default(prop) && prop !== 'size'; },
-})(__assign({ background: tokens_1.colors.soap200, position: 'relative', display: 'flex', alignItems: 'center', justifyContent: 'center', padding: 0, border: 0, boxSizing: 'border-box', overflow: 'hidden', borderRadius: tokens_1.borderRadius.circle, '&:not([disabled])': {
-        '&:focus': __assign({ outline: 'none' }, common_1.focusRing({ separation: 2 })),
-    } }, common_1.hideMouseFocus), function (_a) {
-    var size = _a.size;
-    return ({
-        height: size,
-        width: size,
-    });
-}, function (_a) {
-    var onClick = _a.onClick;
-    return ({
-        cursor: onClick ? 'pointer' : 'default',
-    });
-});
-var StyledStack = common_1.styled('span')({
+const fadeTransition = 'opacity 150ms linear';
+const StyledContainer = common_1.styled('button', {
+    shouldForwardProp: prop => is_prop_valid_1.default(prop) && prop !== 'size',
+})({
+    background: tokens_1.colors.soap200,
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 0,
+    border: 0,
+    boxSizing: 'border-box',
+    overflow: 'hidden',
+    borderRadius: tokens_1.borderRadius.circle,
+    '&:not([disabled])': {
+        '&:focus': {
+            outline: 'none',
+            ...common_1.focusRing({ separation: 2 }),
+        },
+    },
+    ...common_1.hideMouseFocus,
+}, ({ size }) => ({
+    height: size,
+    width: size,
+}), ({ onClick }) => ({
+    cursor: onClick ? 'pointer' : 'default',
+}));
+const StyledStack = common_1.styled('span')({
     position: 'absolute',
     top: 0,
     left: 0,
-}, function (_a) {
-    var size = _a.size;
-    return ({
-        height: size,
-        width: size,
-    });
-});
-var StyledIcon = common_1.styled(icon_1.SystemIconCircle)({
+}, ({ size }) => ({
+    height: size,
+    width: size,
+}));
+const StyledIcon = common_1.styled(icon_1.SystemIconCircle)({
     transition: fadeTransition,
-}, function (_a) {
-    var isImageLoaded = _a.isImageLoaded;
-    return ({
-        opacity: isImageLoaded ? 0 : 1,
-    });
-});
-var StyledImage = common_1.styled('img')({
+}, ({ isImageLoaded }) => ({
+    opacity: isImageLoaded ? 0 : 1,
+}));
+const StyledImage = common_1.styled('img')({
     width: '100%',
     height: '100%',
     borderRadius: tokens_1.borderRadius.circle,
     transition: fadeTransition,
-}, function (_a) {
-    var isLoaded = _a.isLoaded;
-    return ({
-        opacity: isLoaded ? 1 : 0,
-    });
-});
-var Avatar = react_1.default.forwardRef(function (_a, ref) {
-    var _b = _a.variant, variant = _b === void 0 ? AvatarVariant.Light : _b, _c = _a.size, size = _c === void 0 ? icon_1.SystemIconCircleSize.m : _c, _d = _a.altText, altText = _d === void 0 ? 'Avatar' : _d, url = _a.url, onClick = _a.onClick, elemProps = __rest(_a, ["variant", "size", "altText", "url", "onClick"]);
-    var _e = react_1.useState(false), imageLoaded = _e[0], setImageLoaded = _e[1];
-    var loadImage = function () {
+}, ({ isLoaded }) => ({
+    opacity: isLoaded ? 1 : 0,
+}));
+exports.Avatar = react_1.default.forwardRef(({ variant = AvatarVariant.Light, size = icon_1.SystemIconCircleSize.m, altText = 'Avatar', url, onClick, ...elemProps }, ref) => {
+    const [imageLoaded, setImageLoaded] = react_1.useState(false);
+    const loadImage = () => {
         if (!imageLoaded) {
             setImageLoaded(true);
         }
     };
-    react_1.default.useLayoutEffect(function () {
+    react_1.default.useLayoutEffect(() => {
         setImageLoaded(false);
     }, [url]);
-    var background = variant === AvatarVariant.Dark ? tokens_1.colors.blueberry400 : tokens_1.colors.soap300;
-    return (react_1.default.createElement(StyledContainer, __assign({ size: size, "aria-label": altText, onClick: onClick, disabled: onClick ? false : true, ref: ref }, elemProps),
+    const background = variant === AvatarVariant.Dark ? tokens_1.colors.blueberry400 : tokens_1.colors.soap300;
+    return (react_1.default.createElement(StyledContainer, Object.assign({ size: size, "aria-label": altText, onClick: onClick, disabled: onClick ? false : true, ref: ref }, elemProps),
         react_1.default.createElement(StyledStack, { size: size },
             react_1.default.createElement(StyledIcon, { icon: canvas_system_icons_web_1.userIcon, background: background, size: size, isImageLoaded: imageLoaded })),
         url && (react_1.default.createElement(StyledStack, { size: size },
             react_1.default.createElement(StyledImage, { src: url, alt: altText, onLoad: loadImage, isLoaded: imageLoaded })))));
 }); // AvatarProps and forwardRef signatures are incompatible, so we must force cast
-Avatar.Variant = AvatarVariant;
-Avatar.Size = icon_1.SystemIconCircleSize;
-exports.default = Avatar;
+exports.Avatar.Variant = AvatarVariant;
+exports.Avatar.Size = icon_1.SystemIconCircleSize;

package/dist/commonjs/badge/index.d.ts

@@ -1,2 +1,2 @@
-export { default as CountBadge, CountBadgeProps } from './lib/CountBadge';
+export { CountBadge, CountBadgeProps } from './lib/CountBadge';
 //# sourceMappingURL=index.d.ts.map

package/dist/commonjs/badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,UAAU,EAAE,eAAe,EAAC,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,kBAAkB,CAAC"}

package/dist/commonjs/badge/index.js

@@ -1,8 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CountBadge = void 0;
 var CountBadge_1 = require("./lib/CountBadge");
-Object.defineProperty(exports, "CountBadge", { enumerable: true, get: function () { return __importDefault(CountBadge_1).default; } });
+Object.defineProperty(exports, "CountBadge", { enumerable: true, get: function () { return CountBadge_1.CountBadge; } });

package/dist/commonjs/badge/lib/CountBadge.d.ts

@@ -4,6 +4,5 @@ export interface CountBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     limit?: number;
     variant?: 'default' | 'inverse';
 }
-declare const CountBadge: (props: CountBadgeProps) => JSX.Element;
-export default CountBadge;
+export declare const CountBadge: (props: CountBadgeProps) => JSX.Element;
 //# sourceMappingURL=CountBadge.d.ts.map

package/dist/commonjs/badge/lib/CountBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CountBadge.d.ts","sourceRoot":"","sources":["../../../../badge/lib/CountBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AA8CD,QAAA,MAAM,UAAU,UAAW,eAAe,gBAUzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CountBadge.d.ts","sourceRoot":"","sources":["../../../../badge/lib/CountBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC;AA8CD,eAAO,MAAM,UAAU,UAAW,eAAe,gBAUhD,CAAC"}

package/dist/commonjs/badge/lib/CountBadge.js

@@ -1,19 +1,4 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-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]; } });
@@ -33,26 +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;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var React = __importStar(require("react"));
-var react_1 = require("@emotion/react");
-var styled_1 = __importDefault(require("@emotion/styled"));
-var tokens_1 = require("@workday/canvas-kit-react/tokens");
-var variants = {
+exports.CountBadge = void 0;
+const React = __importStar(require("react"));
+const react_1 = require("@emotion/react");
+const styled_1 = __importDefault(require("@emotion/styled"));
+const tokens_1 = require("@workday/canvas-kit-react/tokens");
+const variants = {
     default: {
         background: tokens_1.colors.cinnamon500,
         color: tokens_1.colors.frenchVanilla100,
@@ -64,10 +39,18 @@ var variants = {
         color: tokens_1.colors.blueberry400,
     },
 };
-var grow = react_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    transform: scale(0.85);\n  }\n\n  to {\n    transform: scale(1.0);\n  }\n"], ["\n  from {\n    transform: scale(0.85);\n  }\n\n  to {\n    transform: scale(1.0);\n  }\n"])));
-var Container = styled_1.default('span')({
+const grow = react_1.keyframes `
+  from {
+    transform: scale(0.85);
+  }
+
+  to {
+    transform: scale(1.0);
+  }
+`;
+const Container = styled_1.default('span')({
     alignItems: 'center',
-    animation: grow + " 0.2s ease",
+    animation: `${grow} 0.2s ease`,
     borderRadius: tokens_1.borderRadius.circle,
     boxSizing: 'border-box',
     display: 'inline-flex',
@@ -79,14 +62,12 @@ var Container = styled_1.default('span')({
     lineHeight: '20px',
     minWidth: '20px',
     padding: '0 6.5px',
-}, function (_a) {
-    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b;
-    return (__assign({}, variants[variant]));
-});
-var CountBadge = function (props) {
-    var _a = props.variant, variant = _a === void 0 ? 'default' : _a, _b = props.count, count = _b === void 0 ? 0 : _b, _c = props.limit, limit = _c === void 0 ? 1000 : _c, elemProps = __rest(props, ["variant", "count", "limit"]);
-    var formattedCount = count < limit ? "" + count : limit - 1 + "+";
-    return (React.createElement(Container, __assign({ variant: variant }, elemProps), formattedCount));
+}, ({ variant = 'default' }) => ({
+    ...variants[variant],
+}));
+const CountBadge = (props) => {
+    const { variant = 'default', count = 0, limit = 1000, ...elemProps } = props;
+    const formattedCount = count < limit ? `${count}` : `${limit - 1}+`;
+    return (React.createElement(Container, Object.assign({ variant: variant }, elemProps), formattedCount));
 };
-exports.default = CountBadge;
-var templateObject_1;
+exports.CountBadge = CountBadge;

package/dist/commonjs/banner/lib/Banner.d.ts

@@ -7,7 +7,38 @@ export interface BannerProps extends ExtractProps<typeof Flex, never> {
      */
     children?: React.ReactNode;
 }
-export declare const Banner: import("../../common").ElementComponentM<"button", BannerProps & Partial<{
+/**
+ * `Banner` is a container component rendered as a `<button>` element that is responsible for creating
+ * a `BannerModel` and sharing it with its subcomponents using React context.
+ *
+ * ```tsx
+ * <Banner
+ * 	isSticky={true}
+ * 	hasError={true}
+ * 	id='custom-banner-id'
+ * 	onClick={() => console.log('clicked banner')}
+ * >
+ *   {Child components}
+ * </Banner>
+ * ```
+ *
+ * Alternatively, you may pass in a model using the hoisted model pattern.
+ *
+ * ```tsx
+ * const model = useBannerModel({
+ *   isSticky: true,
+ *   hasError: true,
+ *   id: 'custom-banner-id',
+ * });
+ *
+ * return (
+ *   <Banner onClick={() => console.log('clicked banner')} model={model}>
+ *     {Child components}
+ *   </Banner>
+ * );
+ * ```
+ */
+export declare const Banner: import("@workday/canvas-kit-react/common").ElementComponentM<"button", BannerProps & Partial<{
     hasError: boolean;
     isSticky: boolean;
     id: string;
@@ -19,16 +50,15 @@ export declare const Banner: import("../../common").ElementComponentM<"button",
     };
     events: {};
 }> & {
-    Context: React.Context<{
-        state: {
-            id: string;
-            hasError: boolean;
-            isSticky: boolean;
-        };
-        events: {};
-    }>;
-} & {
-    Icon: import("../../common").ElementComponentM<"span", import("./BannerIcon").BannerIconProps, {
+    /**
+     * `Banner.Icon` is a styled {@link SystemIcon}. The icon defaults to exclamationTriangleIcon or
+     * exclamationCircleIcon when the model's hasError is true.
+     *
+     * ```tsx
+     * <Banner.Icon />
+     * ```
+     */
+    Icon: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./BannerIcon").BannerIconProps, {
         state: {
             id: string;
             hasError: boolean;
@@ -36,7 +66,15 @@ export declare const Banner: import("../../common").ElementComponentM<"button",
         };
         events: {};
     }>;
-    Label: import("../../common").ElementComponentM<"div", import("./BannerLabel").BannerLabelProps, {
+    /**
+     * `Banner.Label` is a styled {@link Flex}. This component will get an id that will be used for
+     * the aria-describedby on the top level `<button>`.
+     *
+     * ```tsx
+     * <Banner.Label>3 Warnings</Banner.Label>
+     * ```
+     */
+    Label: import("@workday/canvas-kit-react/common").ElementComponentM<"div", import("./BannerLabel").BannerLabelProps, {
         state: {
             id: string;
             hasError: boolean;
@@ -44,7 +82,16 @@ export declare const Banner: import("../../common").ElementComponentM<"button",
         };
         events: {};
     }>;
-    ActionText: import("../../common").ElementComponentM<"span", import("./BannerActionText").BannerActionTextProps, {
+    /**
+     * `Banner.ActionText` is a styled {@link Box}. This component will get an id that will be used
+     * for the aria-labelledby on the top level `<button>`. This component will be visually hidden
+     * when the model's `isSticky` prop is set to true.
+     *
+     * ```tsx
+     * <Banner.ActionText>Custom call to action</Banner.ActionText>
+     * ```
+     */
+    ActionText: import("@workday/canvas-kit-react/common").ElementComponentM<"span", import("./BannerActionText").BannerActionTextProps, {
         state: {
             id: string;
             hasError: boolean;

package/dist/commonjs/banner/lib/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAQtD,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAkBD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CjB,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../banner/lib/Banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAQtD,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACnE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAYD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;IAKf;;;;;;;OAOG;;;;;;;;;IAEH;;;;;;;OAOG;;;;;;;;;IAEH;;;;;;;;OAQG;;;;;;;;;CA4CL,CAAC"}