@workday/canvas-kit-react 7.0.0-alpha.90-next.17 → 7.0.0-alpha.94-next.20

package/button/lib/SecondaryButton.tsx

@@ -32,9 +32,9 @@ export interface SecondaryButtonProps extends Themeable, GrowthBehavior {
    */
   icon?: CanvasSystemIcon;
   /**
-   * Button icon positions can either be `left` or `right`.
-   * If no value is provided, it defaults to `left`.
-   * @default 'left'
+   * Button icon positions can either be `start` or `end`.
+   * If no value is provided, it defaults to `start`.
+   * @default 'start'
    */
   iconPosition?: IconPositions;
   /**

package/button/lib/TertiaryButton.tsx

@@ -27,9 +27,9 @@ export interface TertiaryButtonProps extends Themeable {
    */
   size?: ButtonSizes;
   /**
-   * Button icon positions can either be `left` or `right`.
-   * If no value is provided, it defaults to `left`.
-   * @default 'left'
+   * Button icon positions can either be `start` or `end`.
+   * If no value is provided, it defaults to `start`.
+   * @default 'start'
    */
   iconPosition?: IconPositions;
   /**

package/collection/index.ts

@@ -1,4 +1,4 @@
-export {defaultGetId} from './lib/useBaseListModel';
+export {defaultGetId, Item} from './lib/useBaseListModel';
 export * from './lib/useListItemRegister';
 export * from './lib/useOverflowListMeasure';
 export * from './lib/useOverflowListItemMeasure';

package/collection/lib/useListItemRegister.tsx

@@ -12,7 +12,7 @@ import {VirtualItem} from './react-virtual';
 import {useListModel} from './useListModel';
 
 /**
- * Registers an item with a list. It will return elemProps with a `name` which can be used by other
+ * Registers an item with a list. It will return elemProps with a `data-id` which can be used by other
  * hooks to identify the item in the list.
  */
 export const useListItemRegister = createElemPropsHook(useListModel)(

package/collection/lib/useListRenderItem.tsx

@@ -20,7 +20,7 @@ export function useListRenderItems<T>(
               // element even though we remove it later...
               virtual,
               key: item.id,
-              item: item,
+              item,
             });
           })
         : model.state.items.map(item =>

package/dist/commonjs/button/lib/SecondaryButton.d.ts

@@ -21,9 +21,9 @@ export interface SecondaryButtonProps extends Themeable, GrowthBehavior {
      */
     icon?: CanvasSystemIcon;
     /**
-     * Button icon positions can either be `left` or `right`.
-     * If no value is provided, it defaults to `left`.
-     * @default 'left'
+     * Button icon positions can either be `start` or `end`.
+     * If no value is provided, it defaults to `start`.
+     * @default 'start'
      */
     iconPosition?: IconPositions;
     /**

package/dist/commonjs/button/lib/TertiaryButton.d.ts

@@ -16,9 +16,9 @@ export interface TertiaryButtonProps extends Themeable {
      */
     size?: ButtonSizes;
     /**
-     * Button icon positions can either be `left` or `right`.
-     * If no value is provided, it defaults to `left`.
-     * @default 'left'
+     * Button icon positions can either be `start` or `end`.
+     * If no value is provided, it defaults to `start`.
+     * @default 'start'
      */
     iconPosition?: IconPositions;
     /**

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

@@ -1,4 +1,4 @@
-export { defaultGetId } from './lib/useBaseListModel';
+export { defaultGetId, Item } from './lib/useBaseListModel';
 export * from './lib/useListItemRegister';
 export * from './lib/useOverflowListMeasure';
 export * from './lib/useOverflowListItemMeasure';

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,EAAC,MAAM,wBAAwB,CAAC;AACpD,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,OAAO,EAAC,OAAO,EAAC,MAAM,eAAe,CAAC;AACtC,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,UAAU,GACX,MAAM,6BAA6B,CAAC"}

package/dist/commonjs/collection/lib/useListItemRegister.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { Item } from './useBaseListModel';
 import { VirtualItem } from './react-virtual';
 /**
- * Registers an item with a list. It will return elemProps with a `name` which can be used by other
+ * Registers an item with a list. It will return elemProps with a `data-id` which can be used by other
  * hooks to identify the item in the list.
  */
 export declare const useListItemRegister: <P extends {}, R>(model: {

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

@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
 var common_1 = require("@workday/canvas-kit-react/common");
 var useListModel_1 = require("./useListModel");
 /**
- * Registers an item with a list. It will return elemProps with a `name` which can be used by other
+ * Registers an item with a list. It will return elemProps with a `data-id` which can be used by other
  * hooks to identify the item in the list.
  */
 exports.useListItemRegister = common_1.createElemPropsHook(useListModel_1.useListModel)(function (_a, ref, elemProps) {

package/dist/commonjs/layout/lib/Flex.d.ts

@@ -1,4 +1,4 @@
-import { BoxProps } from '@workday/canvas-kit-react/layout';
+import { BoxProps } from './Box';
 import { FlexStyleProps } from './utils/flex';
 export declare type FlexProps = BoxProps & FlexStyleProps;
 /**

package/dist/commonjs/layout/lib/Flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Flex.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,OAAO,EAAO,cAAc,EAAC,MAAM,cAAc,CAAC;AAElD,oBAAY,SAAS,GAAG,QAAQ,GAAG,cAAc,CAAC;AASlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,IAAI,gnBASf,CAAC"}
+{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Flex.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAO,cAAc,EAAC,MAAM,cAAc,CAAC;AAElD,oBAAY,SAAS,GAAG,QAAQ,GAAG,cAAc,CAAC;AASlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,IAAI,gnBASf,CAAC"}

package/dist/commonjs/layout/lib/Flex.js

@@ -48,9 +48,9 @@ exports.Flex = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-react/layout");
+var Box_1 = require("./Box");
 var flex_1 = require("./utils/flex");
-var StyledFlex = styled_1.default(layout_1.Box)({
+var StyledFlex = styled_1.default(Box_1.Box)({
     display: 'flex',
 }, flex_1.flex);
 /**

package/dist/commonjs/layout/lib/Stack.js

@@ -48,7 +48,7 @@ exports.VStack = exports.HStack = exports.Stack = void 0;
 var React = __importStar(require("react"));
 var styled_1 = __importDefault(require("@emotion/styled"));
 var common_1 = require("@workday/canvas-kit-react/common");
-var layout_1 = require("@workday/canvas-kit-react/layout");
+var Box_1 = require("./Box");
 var Flex_1 = require("./Flex");
 var getValidChildren_1 = require("./utils/getValidChildren");
 var stack_1 = require("./utils/stack");
@@ -56,7 +56,7 @@ var StackItem = common_1.createComponent('div')({
     displayName: 'Stack.Item',
     Component: function (_a, ref, Element) {
         var children = _a.children, elemProps = __rest(_a, ["children"]);
-        return (React.createElement(layout_1.Box, __assign({ as: Element, ref: ref, display: "inline-block", flex: "0 0 auto", minWidth: 0 }, elemProps), children));
+        return (React.createElement(Box_1.Box, __assign({ as: Element, ref: ref, display: "inline-block", flex: "0 0 auto", minWidth: 0 }, elemProps), children));
     },
 });
 // prevent `spacing` prop from being passed through to the HTML element