@workday/canvas-kit-react 15.1.3 → 15.1.5

package/dist/es6/version/lib/version.js

@@ -1 +1 @@
-export const version = '15.1.3';
+export const version = '15.1.5';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "15.1.3",
+  "version": "15.1.5",
   "description": "The parent module that contains all Workday Canvas Kit React components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -53,10 +53,10 @@
     "@tanstack/react-virtual": "^3.13.9",
     "@workday/canvas-colors-web": "^2.0.0",
     "@workday/canvas-expressive-icons-web": "1.0.2",
-    "@workday/canvas-kit-popup-stack": "^15.1.3",
-    "@workday/canvas-kit-styling": "^15.1.3",
-    "@workday/canvas-system-icons-web": "4.0.4",
-    "@workday/canvas-tokens-web": "4.4.0-beta.0",
+    "@workday/canvas-kit-popup-stack": "^15.1.5",
+    "@workday/canvas-kit-styling": "^15.1.5",
+    "@workday/canvas-system-icons-web": "4.2.0",
+    "@workday/canvas-tokens-web": "4.4.0",
     "@workday/design-assets-types": "^0.3.0",
     "chroma-js": "^2.2.0",
     "csstype": "^3.0.2",
@@ -69,5 +69,5 @@
     "@workday/canvas-accent-icons-web": "^3.0.0",
     "@workday/canvas-applet-icons-web": "^2.0.0"
   },
-  "gitHead": "df6f4c4de00af1267efd9403a4edf766f200fdab"
+  "gitHead": "48fb856670ed68ca18a457fa091cf5d9089d1215"
 }

package/side-panel/lib/SidePanelToggleButton.tsx

@@ -8,7 +8,7 @@ import {
 } from '@workday/canvas-kit-react/common';
 import {Tooltip, TooltipProps} from '@workday/canvas-kit-react/tooltip';
 import {createStencil, handleCsProp} from '@workday/canvas-kit-styling';
-import {extendIcon} from '@workday/canvas-system-icons-web';
+import {sidebarLeftIcon} from '@workday/canvas-system-icons-web';
 import {base, system} from '@workday/canvas-tokens-web';
 
 import {useSidePanelModel} from './useSidePanelModel';
@@ -41,61 +41,34 @@ export const sidePanelToggleButtonStencil = createStencil({
     state: {
       collapsing: {
         margin: 0,
-        transform: `scaleX(1)`,
-        ':dir(rtl)': {
-          transform: `scaleX(-1)`,
-        },
       },
       collapsed: {
         margin: 'auto',
-        transform: `scaleX(1)`,
-        ':dir(rtl)': {
-          transform: `scaleX(-1)`,
-        },
       },
       expanded: {
         margin: 0,
-        transform: `scaleX(-1)`,
-        ':dir(rtl)': {
-          transform: `scaleX(1)`,
-        },
       },
       expanding: {
         margin: 0,
-        transform: `scaleX(-1)`,
-        ':dir(rtl)': {
-          transform: `scaleX(1)`,
-        },
       },
     },
     origin: {
       start: {},
       end: {
-        transform: `scaleX(1)`,
+        transform: `scaleX(-1)`,
         ':dir(rtl)': {
-          transform: `scaleX(-1)`,
+          transform: `scaleX(1)`,
         },
       },
     },
   },
 
   compound: [
-    {
-      modifiers: {state: 'collapsed', origin: 'end'},
-      styles: {
-        transform: `scaleX(-1)`,
-        ':dir(rtl)': {
-          transform: `scaleX(1)`,
-        },
-      },
-    },
     {
       modifiers: {state: 'collapsing', origin: 'end'},
       styles: {
-        transform: `scaleX(-1)`,
         insetInlineStart: base.legacy.size150,
         ':dir(rtl)': {
-          transform: `scaleX(1)`,
           insetInlineEnd: base.legacy.size150,
         },
       },
@@ -103,10 +76,8 @@ export const sidePanelToggleButtonStencil = createStencil({
     {
       modifiers: {state: 'expanded', origin: 'end'},
       styles: {
-        transform: `scaleX(1)`,
         insetInlineStart: base.legacy.size150,
         ':dir(rtl)': {
-          transform: `scaleX(-1)`,
           insetInlineEnd: base.legacy.size150,
         },
       },
@@ -114,10 +85,8 @@ export const sidePanelToggleButtonStencil = createStencil({
     {
       modifiers: {state: 'expanding', origin: 'end'},
       styles: {
-        transform: `scaleX(1)`,
         insetInlineStart: base.legacy.size150,
         ':dir(rtl)': {
-          transform: `scaleX(-1)`,
           insetInlineEnd: base.legacy.size150,
         },
       },
@@ -141,7 +110,7 @@ export const SidePanelToggleButton = createSubcomponent('button')({
   (
     {
       variant = undefined,
-      icon = extendIcon,
+      icon = sidebarLeftIcon,
       tooltipTextExpand = 'Expand View',
       tooltipTextCollapse = 'Collapse View',
       tooltipProps,