@workday/canvas-kit-react 7.2.0-next.0 → 7.2.0

package/dist/commonjs/button/lib/TertiaryButton.js

@@ -46,7 +46,7 @@ var React = __importStar(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var tokens_1 = require("@workday/canvas-kit-react/tokens");
 var BaseButton_1 = require("./BaseButton");
-var getTertiaryButtonColors = function (variant, theme, children) {
+var getTertiaryButtonColors = function (variant, theme, hasThemeStyles) {
     var themePrimary = theme.canvas.palette.primary;
     if (variant === 'inverse') {
         return {
@@ -86,27 +86,27 @@ var getTertiaryButtonColors = function (variant, theme, children) {
     else {
         return {
             default: {
-                icon: children ? themePrimary.main : tokens_1.colors.blackPepper400,
+                icon: hasThemeStyles ? themePrimary.main : tokens_1.colors.blackPepper400,
                 label: themePrimary.main,
             },
             hover: {
                 background: tokens_1.colors.soap200,
-                icon: children ? themePrimary.dark : tokens_1.colors.blackPepper500,
+                icon: hasThemeStyles ? themePrimary.dark : tokens_1.colors.blackPepper500,
                 label: themePrimary.dark,
             },
             active: {
                 background: tokens_1.colors.soap300,
-                icon: children ? themePrimary.dark : tokens_1.colors.blackPepper500,
+                icon: hasThemeStyles ? themePrimary.dark : tokens_1.colors.blackPepper500,
                 label: themePrimary.dark,
             },
             focus: {
-                icon: children ? themePrimary.main : tokens_1.colors.blackPepper500,
+                icon: hasThemeStyles ? themePrimary.main : tokens_1.colors.blackPepper500,
                 label: themePrimary.main,
                 focusRing: common_1.focusRing({ innerColor: tokens_1.colors.blueberry400 }, theme),
             },
             disabled: {
                 background: 'transparent',
-                icon: children ? themePrimary.main : tokens_1.colors.blackPepper400,
+                icon: hasThemeStyles ? themePrimary.main : tokens_1.colors.blackPepper400,
                 label: themePrimary.main,
             },
         };
@@ -170,9 +170,10 @@ var getMinWidthStyles = function (children, size) {
 exports.TertiaryButton = common_1.createComponent('button')({
     displayName: 'TertiaryButton',
     Component: function (_a, ref, Element) {
-        var _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.iconPosition, iconPosition = _c === void 0 ? 'start' : _c, variant = _a.variant, children = _a.children, icon = _a.icon, _d = _a.shouldMirrorIcon, shouldMirrorIcon = _d === void 0 ? false : _d, allCaps = _a.allCaps, elemProps = __rest(_a, ["size", "iconPosition", "variant", "children", "icon", "shouldMirrorIcon", "allCaps"]);
+        var _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.iconPosition, iconPosition = _c === void 0 ? 'start' : _c, _d = _a.isThemeable, isThemeable = _d === void 0 ? false : _d, variant = _a.variant, children = _a.children, icon = _a.icon, _e = _a.shouldMirrorIcon, shouldMirrorIcon = _e === void 0 ? false : _e, allCaps = _a.allCaps, elemProps = __rest(_a, ["size", "iconPosition", "isThemeable", "variant", "children", "icon", "shouldMirrorIcon", "allCaps"]);
         var theme = common_1.useTheme();
-        return (React.createElement(StyledTertiaryButtonContainer, __assign({ ref: ref, as: Element, allCaps: allCaps, colors: getTertiaryButtonColors(variant, theme, children), size: size, padding: getPaddingStyles(icon, iconPosition, children, size), minWidth: getMinWidthStyles(children, size), style: { borderRadius: children ? tokens_1.borderRadius.m : tokens_1.borderRadius.circle } }, elemProps),
+        var hasThemeStyles = !!children || isThemeable;
+        return (React.createElement(StyledTertiaryButtonContainer, __assign({ ref: ref, as: Element, allCaps: allCaps, colors: getTertiaryButtonColors(variant, theme, hasThemeStyles), size: size, padding: getPaddingStyles(icon, iconPosition, children, size), minWidth: getMinWidthStyles(children, size), style: { borderRadius: children ? tokens_1.borderRadius.m : tokens_1.borderRadius.circle } }, elemProps),
             icon && iconPosition === 'start' && (React.createElement(BaseButton_1.BaseButton.Icon, { size: size, iconPosition: iconPosition, icon: icon, shouldMirrorIcon: shouldMirrorIcon })),
             children && React.createElement(StyledButtonLabel, null, children),
             icon && iconPosition === 'end' && (React.createElement(BaseButton_1.BaseButton.Icon, { size: size, iconPosition: iconPosition, icon: icon, shouldMirrorIcon: shouldMirrorIcon }))));

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

@@ -9,6 +9,8 @@ export * from './lib/useListResetCursorOnBlur';
 export * from './lib/useListItemRovingFocus';
 export * from './lib/useListItemSelect';
 export * from './lib/useListModel';
+export * from './lib/useGridModel';
 export { ListBox } from './lib/ListBox';
 export { singleSelectionManager, multiSelectionManager, isSelected, } from './lib/useSelectionListModel';
+export { wrappingNavigationManager, navigationManager } from './lib/useCursorListModel';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../collection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAC1D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AACtC,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,UAAU,GACX,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../collection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAC1D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AACtC,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,UAAU,GACX,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAC,yBAAyB,EAAE,iBAAiB,EAAC,MAAM,0BAA0B,CAAC"}

package/dist/commonjs/collection/index.js

@@ -10,7 +10,7 @@ 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);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isSelected = exports.multiSelectionManager = exports.singleSelectionManager = exports.ListBox = exports.defaultGetId = void 0;
+exports.navigationManager = exports.wrappingNavigationManager = exports.isSelected = exports.multiSelectionManager = exports.singleSelectionManager = exports.ListBox = exports.defaultGetId = void 0;
 var useBaseListModel_1 = require("./lib/useBaseListModel");
 Object.defineProperty(exports, "defaultGetId", { enumerable: true, get: function () { return useBaseListModel_1.defaultGetId; } });
 __exportStar(require("./lib/useListItemRegister"), exports);
@@ -23,9 +23,13 @@ __exportStar(require("./lib/useListResetCursorOnBlur"), exports);
 __exportStar(require("./lib/useListItemRovingFocus"), exports);
 __exportStar(require("./lib/useListItemSelect"), exports);
 __exportStar(require("./lib/useListModel"), exports);
+__exportStar(require("./lib/useGridModel"), exports);
 var ListBox_1 = require("./lib/ListBox");
 Object.defineProperty(exports, "ListBox", { enumerable: true, get: function () { return ListBox_1.ListBox; } });
 var useSelectionListModel_1 = require("./lib/useSelectionListModel");
 Object.defineProperty(exports, "singleSelectionManager", { enumerable: true, get: function () { return useSelectionListModel_1.singleSelectionManager; } });
 Object.defineProperty(exports, "multiSelectionManager", { enumerable: true, get: function () { return useSelectionListModel_1.multiSelectionManager; } });
 Object.defineProperty(exports, "isSelected", { enumerable: true, get: function () { return useSelectionListModel_1.isSelected; } });
+var useCursorListModel_1 = require("./lib/useCursorListModel");
+Object.defineProperty(exports, "wrappingNavigationManager", { enumerable: true, get: function () { return useCursorListModel_1.wrappingNavigationManager; } });
+Object.defineProperty(exports, "navigationManager", { enumerable: true, get: function () { return useCursorListModel_1.navigationManager; } });

package/dist/commonjs/collection/lib/useBaseListModel.js

@@ -142,7 +142,7 @@ exports.useBaseListModel = common_1.createModelHook({
                 return items.concat({
                     id: getId(data.item),
                     value: data.item,
-                    index: items.length - 1,
+                    index: items.length,
                     textValue: data.textValue,
                 });
             });