@workday/canvas-kit-mcp 14.1.4 → 14.1.6

package/dist/lib/upgrade-guides/14.0-UPGRADE-GUIDE.md

@@ -35,6 +35,7 @@ visual reference of what's changed.**
   - [Expandable](#expandable)
   - [Hyperlink and External Hyperlink](#hyperlink-and-external-hyperlink)
   - [Loading Dots](#loading-dots)
+  - [Modals and Dialogs](#modals-and-dialogs)
   - [Pill (Preview)](#pill-preview)
   - [Search Form (Labs)](#search-form-labs-)
   - [Status Indicator (Preview)](#status-indicator-preview-)
@@ -646,6 +647,40 @@ instead.
 </Pill>
 ```
 
+### Modals and Dialogs
+
+Previously, the `usePopupStack` hook created a CSS class name that was passed to our Popups. We
+attached those theme styles to that class name. This allowed the theme to be available in our
+Popups. But it also created a cascade barrier that blocked the global theme from being applied to
+our Popup components. Because we now use global CSS variables, we no longer need this class name to
+provide the global theme to Popups. But we have to remove this generated class name to allow the
+global theme to be applied to Popups.
+
+> **Important:** Passing a `theme` to the `CanvasProvider` **will not** theme components in Modals
+> and Dialogs. You can either pass a `className` or define CSS variables at the root.
+
+**Before in v13**
+
+```tsx
+// When passing a theme to the Canvas Provider, the `usePopupStack` would grab the theme and generate a class to forward the theme to Modals and Dialogs. This would create a cascade barrier for any CSS variables deinfed at the root.
+<CanvasProvider theme={{canvas: {palette: {primary: {main: 'blue'}}}}}>
+  <Modal>//... rest of modal code</Modal>
+</CanvasProvider>
+```
+
+**After in v14**
+
+```tsx
+// If you wish to still theme you application and Modals, you can either define the CSS variables at the root level of your application or define a className and pass it to the CanvasProvider.
+:root {
+ --cnvs-brand-primary-base: blue;
+}
+
+<CanvasProvider>
+  <Modal>//... rest of modal code</Modal>
+</CanvasProvider>
+```
+
 ### Search Form (Labs) 🚨
 
 **PR:** [#3303](https://github.com/Workday/canvas-kit/pull/3303)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-mcp",
-  "version": "14.1.4",
+  "version": "14.1.6",
   "description": "MCP package for Canvas Kit",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -53,5 +53,5 @@
     "tsx": "^4.7.0",
     "typescript": "5.0"
   },
-  "gitHead": "855de2d98a25417e8068eab7a4b65efb6a6b8c6f"
+  "gitHead": "74a7a93b6735770faecf184e4d74a4d0b1f04d86"
 }