Merge branch 'mc-action-tokens' of https://github.com/mannycarrera4/c…

…anvas-kit into mc-action-tokens
Workday · Jan 8, 2025 · 1e0e6b1 · 1e0e6b1
2 parents 69077f0 + 68e3d75
commit 1e0e6b1
Show file tree

Hide file tree

Showing 20 changed files with 92 additions and 25 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,49 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [v12.2.2](https://github.com/Workday/canvas-kit/releases/tag/v12.2.2) (2025-01-07)
+
+### Components
+
+- fix: Add overflowWrap on MenuItem ([#3094](https://github.com/Workday/canvas-kit/pull/3094)) ([@mannycarrera4](https://github.com/mannycarrera4), manuel.carrera)
+
+
+## [v12.2.1](https://github.com/Workday/canvas-kit/releases/tag/v12.2.1) (2025-01-07)
+
+### Components
+
+- fix: Added CKR Dub and Logo References to preview package ([#3093](https://github.com/Workday/canvas-kit/pull/3093)) ([@josh-bagwell](https://github.com/josh-bagwell))
+
+
+## [v11.2.1](https://github.com/Workday/canvas-kit/releases/tag/v11.2.1) (2025-01-07)
+
+### Components
+
+- fix: Added CKR Dub and Logo References to preview package ([#3093](https://github.com/Workday/canvas-kit/pull/3093)) ([@josh-bagwell](https://github.com/josh-bagwell))
+## [v12.2.0](https://github.com/Workday/canvas-kit/releases/tag/v12.2.0) (2025-01-07)
+
+### Components
+
+- feat: Update CKR Dub and Logo References ([#3089](https://github.com/Workday/canvas-kit/pull/3089)) ([@josh-bagwell](https://github.com/josh-bagwell))
+  Workday has new logos with updated colors. We've added these to the `preview` package for a smooth transition for consumers. 
+
+  If you would like to consume these, here is the import:
+  ```tsx
+  import {dubLogoPrimary, dubLogoReversed} from '@workday/canvas-kit-preview-react/common'
+  ```
+
+
+## [v11.2.0](https://github.com/Workday/canvas-kit/releases/tag/v11.2.0) (2025-01-07)
+
+### Components
+
+- feat: Update CKR Dub and Logo References ([#3089](https://github.com/Workday/canvas-kit/pull/3089)) ([@josh-bagwell](https://github.com/josh-bagwell))
+  Workday has new logos with updated colors. We've added these to the `preview` package for a smooth transition for consumers. 
+
+  If you would like to consume these, here is the import:
+  ```tsx
+  import {dubLogoPrimary, dubLogoReversed} from '@workday/canvas-kit-preview-react/common'
+  ```
 ## [v12.1.16](https://github.com/Workday/canvas-kit/releases/tag/v12.1.16) (2024-12-20)
 
 ### Components

diff --git a/lerna.json b/lerna.json
@@ -2,7 +2,7 @@
   "packages": [
     "modules/**"
   ],
-  "version": "12.1.16",
+  "version": "12.2.2",
   "npmClient": "yarn",
   "useWorkspaces": true,
   "command": {

diff --git a/modules/codemod/package.json b/modules/codemod/package.json
@@ -2,7 +2,7 @@
   "name": "@workday/canvas-kit-codemod",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
-  "version": "12.1.16",
+  "version": "12.2.2",
   "description": "A collection of codemods for use on Workday Canvas Kit packages.",
   "main": "dist/es6/index.js",
   "sideEffects": false,

diff --git a/modules/css/package.json b/modules/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-css",
-  "version": "12.1.16",
+  "version": "12.2.2",
   "description": "The parent module that contains all Workday Canvas Kit CSS components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",

diff --git a/modules/docs/package.json b/modules/docs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "12.1.16",
+  "version": "12.2.2",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -44,10 +44,10 @@
   "dependencies": {
     "@emotion/styled": "^11.6.0",
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-labs-react": "^12.1.16",
-    "@workday/canvas-kit-preview-react": "^12.1.16",
-    "@workday/canvas-kit-react": "^12.1.16",
-    "@workday/canvas-kit-styling": "^12.1.16",
+    "@workday/canvas-kit-labs-react": "^12.2.2",
+    "@workday/canvas-kit-preview-react": "^12.2.2",
+    "@workday/canvas-kit-react": "^12.2.2",
+    "@workday/canvas-kit-styling": "^12.2.2",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^2.1.0",
     "markdown-to-jsx": "^7.2.0",

diff --git a/modules/labs-css/package.json b/modules/labs-css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-labs-css",
-  "version": "12.1.16",
+  "version": "12.2.2",
   "description": "The parent module that contains all Workday Canvas Kit Labs CSS components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",

diff --git a/modules/labs-react/package.json b/modules/labs-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-labs-react",
-  "version": "12.1.16",
+  "version": "12.2.2",
   "description": "Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functionality. The Labs modules allow us to do that as needed.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -46,8 +46,8 @@
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-react": "^12.1.16",
-    "@workday/canvas-kit-styling": "^12.1.16",
+    "@workday/canvas-kit-react": "^12.2.2",
+    "@workday/canvas-kit-styling": "^12.2.2",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^2.1.0",
     "@workday/design-assets-types": "^0.2.8",

diff --git a/modules/popup-stack/package.json b/modules/popup-stack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-popup-stack",
-  "version": "12.1.16",
+  "version": "12.2.2",
   "description": "Stack for managing popup UIs to coordinate global concerns like escape key handling and rendering order",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",

diff --git a/modules/preview-css/package.json b/modules/preview-css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-css",
-  "version": "12.1.16",
+  "version": "12.2.2",
   "description": "The parent module that contains all Workday Canvas Kit Preview CSS components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",

diff --git a/modules/preview-react/common/index.ts b/modules/preview-react/common/index.ts
@@ -0,0 +1 @@
+export * from './lib/parts';
diff --git a/modules/preview-react/common/lib/parts/_brand-assets.ts b/modules/preview-react/common/lib/parts/_brand-assets.ts
@@ -0,0 +1,19 @@
+const CDN_URI = 'https://static.workday.com/brand-logos/';
+
+export const dubLogoPrimary = `<img src="${CDN_URI}wd-dub-primary.svg" alt="">`;
+
+export const dubLogoReversed = `<img src="${CDN_URI}wd-dub-reversed.svg" alt="">`;
+
+export const dubLogoMonoBlue = `<img src="${CDN_URI}wd-dub-mono-blue.svg" alt="">`;
+
+export const dubLogoMonoWhite = `<img src="${CDN_URI}wd-dub-mono-white.svg" alt="">`;
+
+export const wdayLogoPrimary = `<img src="${CDN_URI}wd-logo-primary.svg" alt="">`;
+
+export const wdayLogoReversed = `<img src="${CDN_URI}wd-logo-reversed.svg" alt="">`;
+
+export const wdayLogoMonoBlue = `<img src="${CDN_URI}wd-logo-mono-blue.svg" alt="">`;
+
+export const wdayLogoMonoWhite = `<img src="${CDN_URI}wd-logo-mono-white.svg" alt="">`;
+
+export const miniWdayLogoBlue = `<img src="${CDN_URI}ck-mini-wday-logo-blue.svg" alt="">`;
diff --git a/modules/preview-react/common/lib/parts/index.ts b/modules/preview-react/common/lib/parts/index.ts
@@ -0,0 +1 @@
+export * from './_brand-assets';
diff --git a/modules/preview-react/index.ts b/modules/preview-react/index.ts
@@ -1,4 +1,5 @@
 export * from './color-picker';
+export * from './common';
 export * from './divider';
 export * from './loading-sparkles';
 export * from './menu';

diff --git a/modules/preview-react/package.json b/modules/preview-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-preview-react",
-  "version": "12.1.16",
+  "version": "12.2.2",
   "description": "Canvas Kit Preview is made up of components that have the full design and a11y review, are part of the DS ecosystem and are approved for use in product. The API's could be subject to change, but not without strong communication and migration strategies.",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -46,8 +46,8 @@
   "dependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-react": "^12.1.16",
-    "@workday/canvas-kit-styling": "^12.1.16",
+    "@workday/canvas-kit-react": "^12.2.2",
+    "@workday/canvas-kit-styling": "^12.2.2",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^2.1.0",
     "@workday/design-assets-types": "^0.2.8"

diff --git a/modules/react-fonts/package.json b/modules/react-fonts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react-fonts",
-  "version": "12.1.16",
+  "version": "12.2.2",
   "description": "Fonts for canvas-kit-react",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",

diff --git a/modules/react/menu/lib/MenuItem.tsx b/modules/react/menu/lib/MenuItem.tsx
@@ -68,6 +68,7 @@ export const menuItemStencil = createStencil({
     transition: 'background-color 80ms, color 80ms',
     backgroundColor: 'inherit',
     minHeight: system.space.x10,
+    overflowWrap: 'anywhere',
     // We want the icon colors to be the same as the text color
     [systemIconStencil.vars.color]: 'currentcolor',
 

diff --git a/modules/react/menu/stories/testingVisual.stories.tsx b/modules/react/menu/stories/testingVisual.stories.tsx
@@ -33,6 +33,7 @@ const AllStatesMenuItem = () => (
         <Menu.Item className="focus hover">Focused & Hovered Item</Menu.Item>
         <Menu.Item aria-disabled={true}>Disabled Item</Menu.Item>
         <Menu.Item>Wrapped Text Item Wrapped Text Item Wrapped Text Item</Menu.Item>
+        <Menu.Item>Superlonglinethatshouldbreakonitsownwithouthavingtodoanythingspecial</Menu.Item>
         <Menu.Divider />
         <Menu.Item>Menu item between dividers</Menu.Item>
         <Menu.Divider />

diff --git a/modules/react/package.json b/modules/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-react",
-  "version": "12.1.16",
+  "version": "12.2.2",
   "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": "^12.1.16",
-    "@workday/canvas-kit-styling": "^12.1.16",
+    "@workday/canvas-kit-popup-stack": "^12.2.2",
+    "@workday/canvas-kit-styling": "^12.2.2",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^2.1.0",
     "@workday/design-assets-types": "^0.2.8",

diff --git a/modules/styling-transform/package.json b/modules/styling-transform/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-styling-transform",
-  "version": "12.1.16",
+  "version": "12.2.2",
   "description": "The custom CSS in JS solution that takes JS styles and turns them into static CSS",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -34,7 +34,7 @@
   ],
   "dependencies": {
     "@emotion/serialize": "^1.0.2",
-    "@workday/canvas-kit-styling": "^12.1.16",
+    "@workday/canvas-kit-styling": "^12.2.2",
     "@workday/canvas-tokens-web": "^2.1.0",
     "stylis": "4.0.13",
     "ts-node": "^10.9.1",

diff --git a/modules/styling/package.json b/modules/styling/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-styling",
-  "version": "12.1.16",
+  "version": "12.2.2",
   "description": "The custom CSS in JS solution that takes JS styles and turns them into static CSS",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -53,7 +53,7 @@
     "@emotion/react": "^11.7.1",
     "@emotion/serialize": "^1.0.2",
     "@emotion/styled": "^11.6.0",
-    "@workday/canvas-kit-react": "^12.1.16",
+    "@workday/canvas-kit-react": "^12.2.2",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "@workday/canvas-tokens-web": "^2.1.0",
     "typescript": "5.0"