@workday/canvas-kit-react 7.0.0-alpha.95-next.21 → 7.0.0-alpha.96-next.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/commonjs/icon/lib/Svg.d.ts.map +1 -1
  2. package/dist/commonjs/icon/lib/Svg.js +1 -1
  3. package/dist/commonjs/layout/lib/Stack.d.ts.map +1 -1
  4. package/dist/commonjs/layout/lib/Stack.js +1 -1
  5. package/dist/es6/icon/lib/Svg.d.ts.map +1 -1
  6. package/dist/es6/icon/lib/Svg.js +1 -1
  7. package/dist/es6/layout/lib/Stack.d.ts.map +1 -1
  8. package/dist/es6/layout/lib/Stack.js +1 -1
  9. package/icon/lib/Svg.tsx +12 -3
  10. package/layout/lib/Stack.tsx +3 -1
  11. package/package.json +5 -5
package/dist/commonjs/icon/lib/Svg.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Svg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAGzE,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,MAAM,WAAW,QAAS,SAAQ,QAAQ;IACxC,GAAG,EAAE,UAAU,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAaD,eAAO,MAAM,GAAG,2DAYd,CAAC;AAEH,eAAe,GAAG,CAAC"}
1
+ {"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Svg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAGzE,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,MAAM,WAAW,QAAS,SAAQ,QAAQ;IACxC,GAAG,EAAE,UAAU,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAeD,eAAO,MAAM,GAAG,2DAmBd,CAAC;AAEH,eAAe,GAAG,CAAC"}
package/dist/commonjs/icon/lib/Svg.js CHANGED
@@ -64,7 +64,7 @@ exports.Svg = common_1.createComponent('span')({
64
64
  console.error(e);
65
65
  return null;
66
66
  }
67
- return React.createElement(StyledIconSpan, __assign({ dangerouslySetInnerHTML: { __html: src.svg } }, elemProps, { ref: ref }));
67
+ return (React.createElement(StyledIconSpan, __assign({ as: Element, dangerouslySetInnerHTML: { __html: src.svg } }, elemProps, { ref: ref })));
68
68
  },
69
69
  });
70
70
  exports.default = exports.Svg;
package/dist/commonjs/layout/lib/Stack.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Stack.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAQ,eAAe,EAAC,MAAM,eAAe,CAAC;AAErD,oBAAY,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;AA2BrD,eAAO,MAAM,KAAK;;CAehB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CACvC;AAED,eAAO,MAAM,MAAM;;CAYjB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;CAC7C;AAED,eAAO,MAAM,MAAM;;CAYjB,CAAC"}
1
+ {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Stack.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAQ,eAAe,EAAC,MAAM,eAAe,CAAC;AAErD,oBAAY,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;AA2BrD,eAAO,MAAM,KAAK;;CAiBhB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CACvC;AAED,eAAO,MAAM,MAAM;;CAYjB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;CAC7C;AAED,eAAO,MAAM,MAAM;;CAYjB,CAAC"}
package/dist/commonjs/layout/lib/Stack.js CHANGED
@@ -70,7 +70,7 @@ exports.Stack = common_1.createComponent('div')({
70
70
  var children = _a.children, _b = _a.shouldWrapChildren, shouldWrapChildren = _b === void 0 ? false : _b, elemProps = __rest(_a, ["children", "shouldWrapChildren"]);
71
71
  var validChildren = getValidChildren_1.getValidChildren(children);
72
72
  return (React.createElement(StyledStack, __assign({ as: Element, ref: ref, flexDirection: "row" }, elemProps), shouldWrapChildren
73
- ? validChildren.map(function (child) { return React.createElement(StackItem, null, child); })
73
+ ? validChildren.map(function (child, index) { return (React.createElement(StackItem, { key: child.props.id || index }, child)); })
74
74
  : validChildren));
75
75
  },
76
76
  subComponents: {
package/dist/es6/icon/lib/Svg.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Svg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAGzE,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,MAAM,WAAW,QAAS,SAAQ,QAAQ;IACxC,GAAG,EAAE,UAAU,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAaD,eAAO,MAAM,GAAG,2DAYd,CAAC;AAEH,eAAe,GAAG,CAAC"}
1
+ {"version":3,"file":"Svg.d.ts","sourceRoot":"","sources":["../../../../icon/lib/Svg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAGzE,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAE/D,MAAM,WAAW,QAAS,SAAQ,QAAQ;IACxC,GAAG,EAAE,UAAU,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,eAAe,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAeD,eAAO,MAAM,GAAG,2DAmBd,CAAC;AAEH,eAAe,GAAG,CAAC"}
package/dist/es6/icon/lib/Svg.js CHANGED
@@ -42,7 +42,7 @@ export var Svg = createComponent('span')({
42
42
  console.error(e);
43
43
  return null;
44
44
  }
45
- return React.createElement(StyledIconSpan, __assign({ dangerouslySetInnerHTML: { __html: src.svg } }, elemProps, { ref: ref }));
45
+ return (React.createElement(StyledIconSpan, __assign({ as: Element, dangerouslySetInnerHTML: { __html: src.svg } }, elemProps, { ref: ref })));
46
46
  },
47
47
  });
48
48
  export default Svg;
package/dist/es6/layout/lib/Stack.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Stack.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAQ,eAAe,EAAC,MAAM,eAAe,CAAC;AAErD,oBAAY,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;AA2BrD,eAAO,MAAM,KAAK;;CAehB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CACvC;AAED,eAAO,MAAM,MAAM;;CAYjB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;CAC7C;AAED,eAAO,MAAM,MAAM;;CAYjB,CAAC"}
1
+ {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../layout/lib/Stack.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,SAAS,EAAC,MAAM,QAAQ,CAAC;AAEvC,OAAO,EAAQ,eAAe,EAAC,MAAM,eAAe,CAAC;AAErD,oBAAY,UAAU,GAAG,SAAS,GAAG,eAAe,CAAC;AA2BrD,eAAO,MAAM,KAAK;;CAiBhB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,KAAK,GAAG,aAAa,CAAC;CACvC;AAED,eAAO,MAAM,MAAM;;CAYjB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,QAAQ,GAAG,gBAAgB,CAAC;CAC7C;AAED,eAAO,MAAM,MAAM;;CAYjB,CAAC"}
package/dist/es6/layout/lib/Stack.js CHANGED
@@ -45,7 +45,7 @@ export var Stack = createComponent('div')({
45
45
  var children = _a.children, _b = _a.shouldWrapChildren, shouldWrapChildren = _b === void 0 ? false : _b, elemProps = __rest(_a, ["children", "shouldWrapChildren"]);
46
46
  var validChildren = getValidChildren(children);
47
47
  return (React.createElement(StyledStack, __assign({ as: Element, ref: ref, flexDirection: "row" }, elemProps), shouldWrapChildren
48
- ? validChildren.map(function (child) { return React.createElement(StackItem, null, child); })
48
+ ? validChildren.map(function (child, index) { return (React.createElement(StackItem, { key: child.props.id || index }, child)); })
49
49
  : validChildren));
50
50
  },
51
51
  subComponents: {
package/icon/lib/Svg.tsx CHANGED
@@ -2,7 +2,7 @@ import {CSSObject} from '@emotion/styled';
2
2
  import * as React from 'react';
3
3
  import {CanvasIcon, CanvasIconTypes} from '@workday/design-assets-types';
4
4
  import {validateIconType} from './utils';
5
- import {createComponent, styled} from '@workday/canvas-kit-react/common';
5
+ import {createComponent, styled, StyledType} from '@workday/canvas-kit-react/common';
6
6
  import {Box, BoxProps} from '@workday/canvas-kit-react/layout';
7
7
 
8
8
  export interface SvgProps extends BoxProps {
@@ -16,7 +16,9 @@ export interface SvgProps extends BoxProps {
16
16
  shouldMirror?: boolean;
17
17
  }
18
18
 
19
- const StyledIconSpan = styled(Box.as('span'))<Pick<SvgProps, 'shouldMirror' | 'styles'>>(
19
+ const StyledIconSpan = styled(Box.as('span'))<
20
+ StyledType & Pick<SvgProps, 'shouldMirror' | 'styles'>
21
+ >(
20
22
  {
21
23
  display: 'inline-block',
22
24
  '> svg': {display: 'block'},
@@ -37,7 +39,14 @@ export const Svg = createComponent('span')({
37
39
  return null;
38
40
  }
39
41
 
40
- return <StyledIconSpan dangerouslySetInnerHTML={{__html: src.svg}} {...elemProps} ref={ref} />;
42
+ return (
43
+ <StyledIconSpan
44
+ as={Element}
45
+ dangerouslySetInnerHTML={{__html: src.svg}}
46
+ {...elemProps}
47
+ ref={ref}
48
+ />
49
+ );
41
50
  },
42
51
  });
43
52
 
package/layout/lib/Stack.tsx CHANGED
@@ -40,7 +40,9 @@ export const Stack = createComponent('div')({
40
40
  return (
41
41
  <StyledStack as={Element} ref={ref} flexDirection="row" {...elemProps}>
42
42
  {shouldWrapChildren
43
- ? validChildren.map(child => <StackItem>{child}</StackItem>)
43
+ ? validChildren.map((child, index) => (
44
+ <StackItem key={child.props.id || index}>{child}</StackItem>
45
+ ))
44
46
  : validChildren}
45
47
  </StyledStack>
46
48
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "7.0.0-alpha.95-next.21+da657912",
3
+ "version": "7.0.0-alpha.96-next.22+29ac2599",
4
4
  "description": "The parent module that contains all Workday Canvas Kit React components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -48,9 +48,9 @@
48
48
  "@emotion/styled": "^11.6.0",
49
49
  "@popperjs/core": "^2.5.4",
50
50
  "@workday/canvas-colors-web": "^2.0.0",
51
- "@workday/canvas-kit-labs-react": "^7.0.0-alpha.95-next.21+da657912",
52
- "@workday/canvas-kit-popup-stack": "^7.0.0-alpha.95-next.21+da657912",
53
- "@workday/canvas-kit-preview-react": "^7.0.0-alpha.95-next.21+da657912",
51
+ "@workday/canvas-kit-labs-react": "^7.0.0-alpha.96-next.22+29ac2599",
52
+ "@workday/canvas-kit-popup-stack": "^7.0.0-alpha.96-next.22+29ac2599",
53
+ "@workday/canvas-kit-preview-react": "^7.0.0-alpha.96-next.22+29ac2599",
54
54
  "@workday/canvas-system-icons-web": "^3.0.0",
55
55
  "@workday/design-assets-types": "^0.2.4",
56
56
  "chroma-js": "^2.1.0",
@@ -69,5 +69,5 @@
69
69
  "@workday/canvas-accent-icons-web": "^3.0.0",
70
70
  "@workday/canvas-applet-icons-web": "^2.0.0"
71
71
  },
72
- "gitHead": "da657912adb9b86971737b33838e6f8f22d3264a"
72
+ "gitHead": "29ac25992f1ca92c4cc885813c271120511038b5"
73
73
  }