@workday/canvas-kit-docs 13.0.0-alpha.1074-next.0 → 13.0.0-alpha.1080-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -18,11 +18,11 @@ export const packageJSONFile = `{
18
18
  "@emotion/react": "11.11.4",
19
19
  "@types/react": "18.2.60",
20
20
  "@types/react-dom": "18.2.19",
21
- "@workday/canvas-kit-labs-react": "12.5.4",
22
- "@workday/canvas-kit-preview-react": "12.5.4",
23
- "@workday/canvas-kit-react": "12.5.4",
24
- "@workday/canvas-kit-react-fonts": "^12.5.4",
25
- "@workday/canvas-kit-styling": "12.5.4",
21
+ "@workday/canvas-kit-labs-react": "12.5.5",
22
+ "@workday/canvas-kit-preview-react": "12.5.5",
23
+ "@workday/canvas-kit-react": "12.5.5",
24
+ "@workday/canvas-kit-react-fonts": "^12.5.5",
25
+ "@workday/canvas-kit-styling": "12.5.5",
26
26
  "@workday/canvas-system-icons-web": "3.0.22",
27
27
  "@workday/canvas-tokens-web": "2.0.0"
28
28
  },
@@ -18,11 +18,11 @@ export const packageJSONFile = `{
18
18
  "@emotion/react": "11.11.4",
19
19
  "@types/react": "18.2.60",
20
20
  "@types/react-dom": "18.2.19",
21
- "@workday/canvas-kit-labs-react": "12.5.4",
22
- "@workday/canvas-kit-preview-react": "12.5.4",
23
- "@workday/canvas-kit-react": "12.5.4",
24
- "@workday/canvas-kit-react-fonts": "^12.5.4",
25
- "@workday/canvas-kit-styling": "12.5.4",
21
+ "@workday/canvas-kit-labs-react": "12.5.5",
22
+ "@workday/canvas-kit-preview-react": "12.5.5",
23
+ "@workday/canvas-kit-react": "12.5.5",
24
+ "@workday/canvas-kit-react-fonts": "^12.5.5",
25
+ "@workday/canvas-kit-styling": "12.5.5",
26
26
  "@workday/canvas-system-icons-web": "3.0.22",
27
27
  "@workday/canvas-tokens-web": "2.0.0"
28
28
  },
@@ -21,6 +21,8 @@ any questions.
21
21
  - [External Hyperlink](#external-hyperlink)
22
22
  - [Pill](#pill)
23
23
  - [Tabs](#tabs)
24
+ - [Brand Refresh](#brand-refresh)
25
+ - [Logo Updates](#logo-updates)
24
26
  - [Infrastructure](#infrastructure)
25
27
  - [Supporting react-jsx](#supoorting-react-jsx)
26
28
  - [Troubleshooting](#troubleshooting)
@@ -94,7 +96,7 @@ yarn remove @workday/canvas-kit-codemod
94
96
 
95
97
  ### Styling API and CSS Tokens
96
98
 
97
- **PRs:** [#3101](https://github.com/Workday/canvas-kit/pull/3101), [#3088](https://github.com/Workday/canvas-kit/pull/3088), [#3114](https://github.com/Workday/canvas-kit/pull/3114), [#3119](https://github.com/Workday/canvas-kit/pull/3119), [#3120](https://github.com/Workday/canvas-kit/pull/3120), [#3164](https://github.com/Workday/canvas-kit/pull/3164), [#3128](https://github.com/Workday/canvas-kit/pull/3128), [#3123](https://github.com/Workday/canvas-kit/pull/3123), [#3205](https://github.com/Workday/canvas-kit/pull/3205)
99
+ **PRs:** [#3101](https://github.com/Workday/canvas-kit/pull/3101), [#3088](https://github.com/Workday/canvas-kit/pull/3088), [#3114](https://github.com/Workday/canvas-kit/pull/3114), [#3119](https://github.com/Workday/canvas-kit/pull/3119), [#3120](https://github.com/Workday/canvas-kit/pull/3120), [#3164](https://github.com/Workday/canvas-kit/pull/3164), [#3128](https://github.com/Workday/canvas-kit/pull/3128), [#3123](https://github.com/Workday/canvas-kit/pull/3123), [#3205](https://github.com/Workday/canvas-kit/pull/3205), [#3210](https://github.com/Workday/canvas-kit/pull/3210)
98
100
 
99
101
  Several components have been refactored to use our
100
102
  [Canvas Tokens](https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs) and
@@ -108,6 +110,7 @@ The React interface **has not changed**, but CSS variables are now used for dyna
108
110
  The following components are affected:
109
111
 
110
112
  - `ActionBar`
113
+ - `Banner`
111
114
  - `Expandable`
112
115
  - `ExternalHyperlink`
113
116
  - `LoadingSparkles`
@@ -118,7 +121,7 @@ The following components are affected:
118
121
  - `Tabs`
119
122
  - `Tooltip`
120
123
 
121
- ## External Hyperlink
124
+ ### External Hyperlink
122
125
 
123
126
  **PR:** [#3101](https://github.com/Workday/canvas-kit/pull/3101)
124
127
 
@@ -136,7 +139,7 @@ The following components are affected:
136
139
  </ExternalHyperlink>
137
140
  ```
138
141
 
139
- ## Pill
142
+ ### Pill
140
143
 
141
144
  **PRs:** [#3104](https://github.com/Workday/canvas-kit/pull/3104)
142
145
 
@@ -152,7 +155,7 @@ A few changes have been made to `Pill` to ensure proper accessibility and styles
152
155
  - `<Pill.IconButton/>` no longer has a default `aria-label="remove"`. You *must* provide an `aria-label` for `<Pill.IconButton/>` to ensure proper accessibility. Our examples have been updated to reflect this change.
153
156
  - `<Pill.Label/>` is a *required* element when using other sub-components like `<Pill.Icon/>` to ensure that the label truncates correctly.
154
157
 
155
- ## Tabs
158
+ ### Tabs
156
159
 
157
160
  **PR:** [#3119](https://github.com/Workday/canvas-kit/pull/3119)
158
161
 
@@ -160,6 +163,52 @@ A few changes have been made to `Pill` to ensure proper accessibility and styles
160
163
 
161
164
  **Note:** There should be no developer impact and the visual changes are safe to accept.
162
165
 
166
+ ## Brand Refresh
167
+
168
+ ### Logo Updates
169
+
170
+ We've removed the outdated Dub Logos in Main and promoted the new logos that were previously in our Preview package to Main as part of the brand refresh.
171
+
172
+ | Old Logo Name | New Logo Name |
173
+ | --------------- | ----------------- |
174
+ | dubLogoBlue | dubLogoPrimary |
175
+ | dubLogoWhite | dubLogoReversed |
176
+ | wdayLogoBlue | wdayLogoPrimary |
177
+ | wdayLogoWhite | wdayLogoReversed |
178
+
179
+ ```tsx
180
+ // In v12
181
+ // Importing from Main common
182
+ import {dubLogoBlue} from "@workday/canvas-kit-react/common"
183
+
184
+ <div dangerouslySetInnerHTML={__html: dubLogoBlue} />
185
+
186
+ // Importing from Preview common
187
+ import {dubLogoPrimary} from "@workday/canvas-kit-preview-react/common"
188
+
189
+ <div dangerouslySetInnerHTML={__html: dubLogoPrimary} />
190
+
191
+ // In v13
192
+ // New logos have been promoted to Main common AND renamed
193
+ import {dubLogoPrimary} from "@workday/canvas-kit-preview-react/common"
194
+
195
+ <div dangerouslySetInnerHTML={__html: dubLogoPrimary} />
196
+ ```
197
+
198
+ 🤖 The codemod will handle the change of `'dubLogoBlue', 'dubLogoWhite', 'wdayLogoBlue', 'wdayLogoWhite'` to
199
+ `'dubLogoPrimary', 'dubLogoReversed', 'wdayLogoPrimary', 'wdayLogoReversed'` as shown above in the table. It will also handle
200
+ updating your imports.
201
+
202
+ From:
203
+ ```tsx
204
+ import {dubLogoBlue} from "@workday/canvas-kit-react/common"
205
+ ```
206
+ To:
207
+ ```tsx
208
+ import {dubLogoPrimary} from "@workday/canvas-kit-react/common"
209
+ ```
210
+
211
+
163
212
  ## Infrastructure
164
213
 
165
214
  ### Supporting `react-jsx`
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-docs",
3
- "version": "13.0.0-alpha.1074-next.0",
3
+ "version": "13.0.0-alpha.1080-next.0",
4
4
  "description": "Documentation components of Canvas Kit components",
5
5
  "author": "Workday, Inc. (https://www.workday.com)",
6
6
  "license": "Apache-2.0",
@@ -45,10 +45,10 @@
45
45
  "@emotion/styled": "^11.6.0",
46
46
  "@stackblitz/sdk": "^1.11.0",
47
47
  "@storybook/csf": "0.0.1",
48
- "@workday/canvas-kit-labs-react": "^13.0.0-alpha.1074-next.0",
49
- "@workday/canvas-kit-preview-react": "^13.0.0-alpha.1074-next.0",
50
- "@workday/canvas-kit-react": "^13.0.0-alpha.1074-next.0",
51
- "@workday/canvas-kit-styling": "^13.0.0-alpha.1074-next.0",
48
+ "@workday/canvas-kit-labs-react": "^13.0.0-alpha.1080-next.0",
49
+ "@workday/canvas-kit-preview-react": "^13.0.0-alpha.1080-next.0",
50
+ "@workday/canvas-kit-react": "^13.0.0-alpha.1080-next.0",
51
+ "@workday/canvas-kit-styling": "^13.0.0-alpha.1080-next.0",
52
52
  "@workday/canvas-system-icons-web": "^3.0.0",
53
53
  "@workday/canvas-tokens-web": "^2.1.1",
54
54
  "markdown-to-jsx": "^7.2.0",
@@ -61,5 +61,5 @@
61
61
  "mkdirp": "^1.0.3",
62
62
  "typescript": "5.0"
63
63
  },
64
- "gitHead": "19e3e23280228b8b100309077873dfb07c533095"
64
+ "gitHead": "3a91b45efddac2543b8c0d88f2e33f54133778ea"
65
65
  }