@workday/canvas-kit-docs 7.2.0-next.2 → 7.2.2
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.
|
@@ -2258,10 +2258,6 @@ module.exports = {specifications: [
|
|
|
2258
2258
|
"type": "it",
|
|
2259
2259
|
"name": "should set aria-atomic to true"
|
|
2260
2260
|
},
|
|
2261
|
-
{
|
|
2262
|
-
"type": "it",
|
|
2263
|
-
"name": "should set aria-relevant to true"
|
|
2264
|
-
},
|
|
2265
2261
|
{
|
|
2266
2262
|
"type": "it",
|
|
2267
2263
|
"name": "should describe the current page range and the total page count"
|
package/dist/es6/lib/specs.js
CHANGED
|
@@ -2258,10 +2258,6 @@ module.exports = {specifications: [
|
|
|
2258
2258
|
"type": "it",
|
|
2259
2259
|
"name": "should set aria-atomic to true"
|
|
2260
2260
|
},
|
|
2261
|
-
{
|
|
2262
|
-
"type": "it",
|
|
2263
|
-
"name": "should set aria-relevant to true"
|
|
2264
|
-
},
|
|
2265
2261
|
{
|
|
2266
2262
|
"type": "it",
|
|
2267
2263
|
"name": "should describe the current page range and the total page count"
|
|
@@ -431,7 +431,9 @@ The APIs for these promoted components remain unchanged.
|
|
|
431
431
|
|
|
432
432
|
### Action Bar
|
|
433
433
|
|
|
434
|
-
|
|
434
|
+
#### Model
|
|
435
|
+
|
|
436
|
+
The `ActionBar` API changed to model API to support more generic behaviors to allow for other
|
|
435
437
|
components to support responsive layouts using the same models and behaviors. It also allows to
|
|
436
438
|
implement a responsive layout based on a container width
|
|
437
439
|
([#1585](https://github.com/Workday/canvas-kit/pull/1585)).
|
|
@@ -449,7 +451,9 @@ const model = useActionBarModel({
|
|
|
449
451
|
<ActionBar model={model} />;
|
|
450
452
|
```
|
|
451
453
|
|
|
452
|
-
|
|
454
|
+
#### Responsive Container Support
|
|
455
|
+
|
|
456
|
+
The `ActionBar` component can now handle responsive containers, but the support is not automatic. You
|
|
453
457
|
must use the dynamic API and provide an overflow menu subcomponent. The dynamic API doesn't know the
|
|
454
458
|
shape of your object, so render props must be used to instruct React how to render each item.
|
|
455
459
|
|
|
@@ -497,6 +501,11 @@ const model = useActionBarModel({items});
|
|
|
497
501
|
</ActionBar>;
|
|
498
502
|
```
|
|
499
503
|
|
|
504
|
+
#### Fixed Position Prop
|
|
505
|
+
|
|
506
|
+
`ActionBar`'s boolean `fixed` prop has been removed. It has been replaced by a new `position` style
|
|
507
|
+
prop in the `ActionBar.List` component and is set to `fixed` by default.
|
|
508
|
+
|
|
500
509
|
🤖 The codemod will remove uses of the `fixed` prop from `ActionBar` and restructure component by
|
|
501
510
|
creating `ActionBar.List` subcomponent and replacing all `ActionBar` children to it.
|
|
502
511
|
|
|
@@ -84,8 +84,8 @@ the user may not often be looking to do. Tertiary Buttons have lower prominence
|
|
|
84
84
|
not visible until it is interacted with. Use Tertiary Buttons for supplemental actions such as “View
|
|
85
85
|
More”, “Read More” or “Select a File”. Tertiary Buttons are frequently used on Cards.
|
|
86
86
|
|
|
87
|
-
Tertiary Buttons have three sizes: `extraSmall`, `small`, and `
|
|
88
|
-
every size and can be positioned at the `start` or `end` with the `iconPosition` prop.
|
|
87
|
+
Tertiary Buttons have three sizes: `extraSmall`, `small`, `medium` and `large`. Icons are supported
|
|
88
|
+
for every size and can be positioned at the `start` or `end` with the `iconPosition` prop.
|
|
89
89
|
|
|
90
90
|
<ExampleCodeBlock code={Tertiary} />
|
|
91
91
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "7.2.
|
|
3
|
+
"version": "7.2.2",
|
|
4
4
|
"description": "Documentation components of Canvas Kit components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
],
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@storybook/csf": "0.0.1",
|
|
45
|
-
"@workday/canvas-kit-react": "^7.2.
|
|
45
|
+
"@workday/canvas-kit-react": "^7.2.2"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"fs-extra": "^10.0.0",
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"mkdirp": "^1.0.3",
|
|
51
51
|
"typescript": "4.1"
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "aa0a6bd1f7e8c7c5a8e9a8c331c71eb460e4b34f"
|
|
54
54
|
}
|