@workday/canvas-kit-react 11.0.0-alpha.781-next.0 → 11.0.0-alpha.786-next.0

package/dist/commonjs/layout/lib/utils/mergeStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mergeStyles.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/mergeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAe,MAAM,6BAA6B,CAAC;AAYzE,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AA0B9C;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,EAAE;AACtC;;;GAGG;AACH,QAAQ,EAAE,CAAC;AACX;;;GAGG;AACH,OAAO,CAAC,EAAE,cAAc,GACvB,IAAI,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,gBAAgB,CAAC,CA4BxC"}
+{"version":3,"file":"mergeStyles.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/mergeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAe,MAAM,6BAA6B,CAAC;AAczE,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AA2B9C;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,EAAE;AACtC;;;GAGG;AACH,QAAQ,EAAE,CAAC;AACX;;;GAGG;AACH,OAAO,CAAC,EAAE,cAAc,GACvB,IAAI,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,gBAAgB,CAAC,CA4BxC"}

package/dist/commonjs/layout/lib/utils/mergeStyles.js

@@ -3,10 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.mergeStyles = void 0;
 const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
 const Box_1 = require("../Box");
+const flex_1 = require("../utils/flex");
 const background_1 = require("./background");
 const border_1 = require("./border");
 const color_1 = require("./color");
 const depth_1 = require("./depth");
+const flex_2 = require("./flex");
 const flexItem_1 = require("./flexItem");
 const gridItem_1 = require("./gridItem");
 const layout_1 = require("./layout");
@@ -20,6 +22,7 @@ const stylePropHash = [
     ...border_1.borderStyleFnConfigs,
     ...color_1.colorStyleFnConfigs,
     ...depth_1.depthStyleFnConfigs,
+    ...flex_2.flexStyleFnConfigs,
     ...flexItem_1.flexItemStyleFnConfigs,
     ...gridItem_1.gridItemStyleFnConfigs,
     ...layout_1.layoutStyleFnConfigs,
@@ -70,7 +73,7 @@ localCs) {
     // We have style props. We need to create style and merge with our `csToProps` to get the correct
     // merging order for styles
     if (shouldRuntimeMergeStyles) {
-        styles = Box_1.boxStyleFn(styleProps);
+        styles = { ...Box_1.boxStyleFn(styleProps), ...flex_1.flex(styleProps) };
     }
     return canvas_kit_styling_1.handleCsProp(elemProps, [localCs, styles]);
 }

package/dist/es6/layout/lib/utils/mergeStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mergeStyles.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/mergeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAe,MAAM,6BAA6B,CAAC;AAYzE,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AA0B9C;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,EAAE;AACtC;;;GAGG;AACH,QAAQ,EAAE,CAAC;AACX;;;GAGG;AACH,OAAO,CAAC,EAAE,cAAc,GACvB,IAAI,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,gBAAgB,CAAC,CA4BxC"}
+{"version":3,"file":"mergeStyles.d.ts","sourceRoot":"","sources":["../../../../../layout/lib/utils/mergeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAe,MAAM,6BAA6B,CAAC;AAczE,OAAO,EAAC,gBAAgB,EAAC,MAAM,cAAc,CAAC;AA2B9C;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,EAAE;AACtC;;;GAGG;AACH,QAAQ,EAAE,CAAC;AACX;;;GAGG;AACH,OAAO,CAAC,EAAE,cAAc,GACvB,IAAI,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,gBAAgB,CAAC,CA4BxC"}

package/dist/es6/layout/lib/utils/mergeStyles.js

@@ -1,9 +1,11 @@
 import { handleCsProp } from '@workday/canvas-kit-styling';
 import { boxStyleFn } from '../Box';
+import { flex } from '../utils/flex';
 import { backgroundStyleFnConfigs } from './background';
 import { borderStyleFnConfigs } from './border';
 import { colorStyleFnConfigs } from './color';
 import { depthStyleFnConfigs } from './depth';
+import { flexStyleFnConfigs } from './flex';
 import { flexItemStyleFnConfigs } from './flexItem';
 import { gridItemStyleFnConfigs } from './gridItem';
 import { layoutStyleFnConfigs } from './layout';
@@ -17,6 +19,7 @@ const stylePropHash = [
     ...borderStyleFnConfigs,
     ...colorStyleFnConfigs,
     ...depthStyleFnConfigs,
+    ...flexStyleFnConfigs,
     ...flexItemStyleFnConfigs,
     ...gridItemStyleFnConfigs,
     ...layoutStyleFnConfigs,
@@ -67,7 +70,7 @@ localCs) {
     // We have style props. We need to create style and merge with our `csToProps` to get the correct
     // merging order for styles
     if (shouldRuntimeMergeStyles) {
-        styles = boxStyleFn(styleProps);
+        styles = { ...boxStyleFn(styleProps), ...flex(styleProps) };
     }
     return handleCsProp(elemProps, [localCs, styles]);
 }

package/layout/lib/utils/mergeStyles.ts

@@ -1,9 +1,11 @@
 import {CSToPropsInput, handleCsProp} from '@workday/canvas-kit-styling';
 import {boxStyleFn} from '../Box';
+import {flex} from '../utils/flex';
 import {backgroundStyleFnConfigs} from './background';
 import {borderStyleFnConfigs} from './border';
 import {colorStyleFnConfigs} from './color';
 import {depthStyleFnConfigs} from './depth';
+import {flexStyleFnConfigs} from './flex';
 import {flexItemStyleFnConfigs} from './flexItem';
 import {gridItemStyleFnConfigs} from './gridItem';
 import {layoutStyleFnConfigs} from './layout';
@@ -19,6 +21,7 @@ const stylePropHash = [
   ...borderStyleFnConfigs,
   ...colorStyleFnConfigs,
   ...depthStyleFnConfigs,
+  ...flexStyleFnConfigs,
   ...flexItemStyleFnConfigs,
   ...gridItemStyleFnConfigs,
   ...layoutStyleFnConfigs,
@@ -75,7 +78,7 @@ export function mergeStyles<T extends {}>(
   // We have style props. We need to create style and merge with our `csToProps` to get the correct
   // merging order for styles
   if (shouldRuntimeMergeStyles) {
-    styles = boxStyleFn(styleProps);
+    styles = {...boxStyleFn(styleProps), ...flex(styleProps)};
   }
 
   return handleCsProp(elemProps, [localCs, styles]) as Omit<T, 'cs' | keyof CommonStyleProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "11.0.0-alpha.781-next.0",
+  "version": "11.0.0-alpha.786-next.0",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -49,8 +49,8 @@
     "@emotion/styled": "^11.6.0",
     "@popperjs/core": "^2.5.4",
     "@workday/canvas-colors-web": "^2.0.0",
-    "@workday/canvas-kit-popup-stack": "^11.0.0-alpha.781-next.0",
-    "@workday/canvas-kit-styling": "^11.0.0-alpha.781-next.0",
+    "@workday/canvas-kit-popup-stack": "^11.0.0-alpha.786-next.0",
+    "@workday/canvas-kit-styling": "^11.0.0-alpha.786-next.0",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^1.3.1",
     "@workday/design-assets-types": "^0.2.8",
@@ -67,5 +67,5 @@
     "@workday/canvas-accent-icons-web": "^3.0.0",
     "@workday/canvas-applet-icons-web": "^2.0.0"
   },
-  "gitHead": "d6f6fb3561eb04c34f1a6b43531f4c717140618d"
+  "gitHead": "a458eab71b613b651ae52d73d23a22a03fe9674b"
 }