@workday/canvas-kit-react 11.0.11 → 11.0.13

package/dist/es6/skeleton/lib/parts/skeletonText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeletonText.d.ts","sourceRoot":"","sources":["../../../../../skeleton/lib/parts/skeletonText.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA6BD,eAAO,MAAM,YAAY,uFAYvB,CAAC"}
+{"version":3,"file":"skeletonText.d.ts","sourceRoot":"","sources":["../../../../../skeleton/lib/parts/skeletonText.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AA+BD,eAAO,MAAM,YAAY,uFAYvB,CAAC"}

package/dist/es6/skeleton/lib/parts/skeletonText.js

@@ -1,11 +1,13 @@
 import * as React from 'react';
 import styled from '@emotion/styled';
-import { createComponent } from '@workday/canvas-kit-react/common';
+import { createComponent, filterOutProps } from '@workday/canvas-kit-react/common';
 import { borderRadius, colors, space } from '@workday/canvas-kit-react/tokens';
 const TextContainer = styled('div')({
     marginBottom: space.m,
 });
-const Line = styled('div')(({ backgroundColor, width }) => {
+const Line = styled('div', {
+    shouldForwardProp: filterOutProps(['backgroundColor', 'width']),
+})(({ backgroundColor, width }) => {
     return {
         backgroundColor,
         width,

package/dist/es6/tabs/lib/TabsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAStD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/F;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUvB,CAAC;AAMF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BnB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;CA+B7B,CAAC"}
+{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../../tabs/lib/TabsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAIL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAStD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/F;;;;;;;;OAQG;IACH,QAAQ,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC3D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUvB,CAAC;AAQF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BnB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;CA+B7B,CAAC"}

package/dist/es6/tabs/lib/TabsList.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { commonColors } from '@workday/canvas-kit-react/tokens';
-import { composeHooks, createSubcomponent, createElemPropsHook, useModalityType, styled, } from '@workday/canvas-kit-react/common';
+import { composeHooks, createSubcomponent, createElemPropsHook, useModalityType, styled, filterOutProps, } from '@workday/canvas-kit-react/common';
 import { Flex } from '@workday/canvas-kit-react/layout';
 import { useOverflowListMeasure, useListRenderItems, useListResetCursorOnBlur, } from '@workday/canvas-kit-react/collection';
 import { useTabsModel } from './useTabsModel';
@@ -11,7 +11,9 @@ export const useTabsList = composeHooks(createElemPropsHook(useTabsModel)(() =>
         overflowX: modality === 'touch' ? 'auto' : undefined,
     };
 }), useOverflowListMeasure, useListResetCursorOnBlur);
-const StyledStack = styled(Flex)(({ maskImage }) => ({
+const StyledStack = styled(Flex, {
+    shouldForwardProp: filterOutProps(['maskImage']),
+})(({ maskImage }) => ({
     maskImage: maskImage,
 }));
 export const TabsList = createSubcomponent('div')({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "11.0.11",
+  "version": "11.0.13",
   "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.11",
-    "@workday/canvas-kit-styling": "^11.0.11",
+    "@workday/canvas-kit-popup-stack": "^11.0.13",
+    "@workday/canvas-kit-styling": "^11.0.13",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^2.0.0",
     "@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": "875670341994ffe8f8348f7bb7bb6bae6d4e019a"
+  "gitHead": "f6d83142c8ccd9edbad52077f6df02a1296e2787"
 }

package/skeleton/lib/parts/skeletonText.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import styled from '@emotion/styled';
 
-import {createComponent, StyledType} from '@workday/canvas-kit-react/common';
+import {createComponent, filterOutProps, StyledType} from '@workday/canvas-kit-react/common';
 import {borderRadius, colors, space} from '@workday/canvas-kit-react/tokens';
 
 const TextContainer = styled('div')<StyledType>({
@@ -21,7 +21,9 @@ export interface SkeletonTextProps {
   backgroundColor?: string;
 }
 
-const Line = styled('div')<
+const Line = styled('div', {
+  shouldForwardProp: filterOutProps(['backgroundColor', 'width']),
+})<
   {
     backgroundColor: string;
     width: number | string;

package/tabs/lib/TabsList.tsx

@@ -9,6 +9,7 @@ import {
   useModalityType,
   styled,
   StyledType,
+  filterOutProps,
 } from '@workday/canvas-kit-react/common';
 import {Flex} from '@workday/canvas-kit-react/layout';
 import {
@@ -45,7 +46,9 @@ export const useTabsList = composeHooks(
   useListResetCursorOnBlur
 );
 
-const StyledStack = styled(Flex)<StyledType & {maskImage?: string}>(({maskImage}) => ({
+const StyledStack = styled(Flex, {
+  shouldForwardProp: filterOutProps(['maskImage']),
+})<StyledType & {maskImage?: string}>(({maskImage}) => ({
   maskImage: maskImage,
 }));
 
@@ -84,7 +87,7 @@ export const useTouchDirection = () => {
 
   React.useEffect(() => {
     let prevXPos = window.pageXOffset;
-    const handleTouchMove = function(e: TouchEvent) {
+    const handleTouchMove = function (e: TouchEvent) {
       const currXPos = e.touches[0].clientX;
       setIsDragging(true);
       if (currXPos > prevXPos) {
@@ -95,7 +98,7 @@ export const useTouchDirection = () => {
       prevXPos = currXPos;
       e.preventDefault();
     };
-    const handleDragEnd = function() {
+    const handleDragEnd = function () {
       setIsDragging(false);
     };
     window.addEventListener('touchmove', handleTouchMove);