@workday/canvas-kit-docs 16.0.0-alpha.0461-next.0 → 16.0.0-alpha.0463-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.
|
@@ -15,9 +15,11 @@ Soon to be...
|
|
|
15
15
|
- [New Components](#new-components)
|
|
16
16
|
- [KBD](#kbd)
|
|
17
17
|
- [Component Updates](#component-updates)
|
|
18
|
+
- [Action Bar](#action-bar)
|
|
18
19
|
- [Avatar](#avatar)
|
|
19
20
|
- [Buttons](#buttons) - [Delete Button Outline Variant](#delete-button-outline-variant)
|
|
20
21
|
- [Card](#card)
|
|
22
|
+
- [Form Field](#form-field)
|
|
21
23
|
- [Inputs](#inputs)
|
|
22
24
|
- [Accessibility: Checked-State Contrast](#accessibility-checked-state-contrast)
|
|
23
25
|
- [Checkbox](#checkbox)
|
|
@@ -29,6 +31,7 @@ Soon to be...
|
|
|
29
31
|
- [Text Area](#text-area)
|
|
30
32
|
- [Text Input](#text-input)
|
|
31
33
|
- [Menu](#menu)
|
|
34
|
+
- [Segmented Control](#segmented-control)
|
|
32
35
|
- [New Utilities](#new-utilities)
|
|
33
36
|
- [cornerShapeStencil](#cornershapestencil)
|
|
34
37
|
- [Deprecations](#deprecations)
|
|
@@ -131,6 +134,14 @@ functional shortcuts, refer to the storybook documentation and our example stori
|
|
|
131
134
|
|
|
132
135
|
## Component Updates
|
|
133
136
|
|
|
137
|
+
### Action Bar
|
|
138
|
+
|
|
139
|
+
**PR:** [#4048](https://github.com/Workday/canvas-kit/pull/4048)
|
|
140
|
+
|
|
141
|
+
#### Visual Updates
|
|
142
|
+
|
|
143
|
+
- `ActionBar` padding has been updated to `padding.md` (16px).
|
|
144
|
+
|
|
134
145
|
### Avatar
|
|
135
146
|
|
|
136
147
|
**PR:** [#3981](https://github.com/Workday/canvas-kit/pull/3981)
|
|
@@ -404,6 +415,25 @@ Used in `Select`, `Combobox`, and other listbox menus. Selected states apply whe
|
|
|
404
415
|
| Disabled + Focus (`aria-disabled="true"`) | Solid blue fill and white text with disabled opacity (dims focus style) | Light blue background and blue text (`brand.surface.selected` / `brand.fg.selected`) with disabled opacity (dims focus indicator) |
|
|
405
416
|
| Disabled + Selected | Solid blue fill and white text with disabled opacity | Light blue background and blue text (`brand.surface.selected` / `brand.fg.selected`) with disabled opacity |
|
|
406
417
|
|
|
418
|
+
### Segmented Control
|
|
419
|
+
|
|
420
|
+
**PR:** [#4048](https://github.com/Workday/canvas-kit/pull/4048)
|
|
421
|
+
|
|
422
|
+
|
|
423
|
+
#### Visual Updates
|
|
424
|
+
|
|
425
|
+
- Container background changed from `surface.alt.strong` to `surface.alt.default` (a lighter background color).
|
|
426
|
+
- Border radius changed to `shape.full` (full rounded corners) on the container.
|
|
427
|
+
- Grid gap reduced from `gap.sm` (8px) to `gap.xs` (4px).
|
|
428
|
+
- Selected/pressed item now uses boxShadow: system.depth[2] instead of a visible border.
|
|
429
|
+
- Font weight changed from bold to medium (base and small sizes);
|
|
430
|
+
- Medium size now uses semi-bold font weight.
|
|
431
|
+
- Size adjustments: large height shrunk to size.sm (32px) (was size.md (40px));
|
|
432
|
+
- Medium size is now 28px in height (was 32px).
|
|
433
|
+
- Hover and pressed states now use `surface.overlay.hover.default` and `surface.overlay.pressed.default` respectively for the item.
|
|
434
|
+
- Container padding changed to `padding.md` (16px) including for mobile devices.
|
|
435
|
+
- On mobile devices, the container padding remains `padding.md` (16px).
|
|
436
|
+
|
|
407
437
|
## New Utilities
|
|
408
438
|
|
|
409
439
|
### cornerShapeStencil
|
|
@@ -66,8 +66,7 @@ When users interact with a `SegmentedControl` using screen readers:
|
|
|
66
66
|
`aria-label="View options"`)
|
|
67
67
|
- Each button announces its text/label, "toggle button" role, and pressed/unpressed state (e.g.,
|
|
68
68
|
"List view, toggle button, pressed" or "Grid view, toggle button, not pressed")
|
|
69
|
-
-
|
|
70
|
-
state
|
|
69
|
+
- icon-only items must have an accessible name, supplied by visible text, aria-label, or a Tooltip in label mode.
|
|
71
70
|
- When a button is activated, screen readers should announce the new state
|
|
72
71
|
|
|
73
72
|
Refer to [Button](?path=/docs/components-buttons--docs#accessibility) for more information about
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-docs",
|
|
3
|
-
"version": "16.0.0-alpha.
|
|
3
|
+
"version": "16.0.0-alpha.0463-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",
|
|
@@ -47,12 +47,12 @@
|
|
|
47
47
|
"@stackblitz/sdk": "^1.11.0",
|
|
48
48
|
"@storybook/csf": "0.0.1",
|
|
49
49
|
"@workday/canvas-expressive-icons-web": "1.0.2",
|
|
50
|
-
"@workday/canvas-kit-labs-react": "^16.0.0-alpha.
|
|
51
|
-
"@workday/canvas-kit-preview-react": "^16.0.0-alpha.
|
|
52
|
-
"@workday/canvas-kit-react": "^16.0.0-alpha.
|
|
53
|
-
"@workday/canvas-kit-styling": "^16.0.0-alpha.
|
|
50
|
+
"@workday/canvas-kit-labs-react": "^16.0.0-alpha.0463-next.0",
|
|
51
|
+
"@workday/canvas-kit-preview-react": "^16.0.0-alpha.0463-next.0",
|
|
52
|
+
"@workday/canvas-kit-react": "^16.0.0-alpha.0463-next.0",
|
|
53
|
+
"@workday/canvas-kit-styling": "^16.0.0-alpha.0463-next.0",
|
|
54
54
|
"@workday/canvas-system-icons-web": "4.0.4",
|
|
55
|
-
"@workday/canvas-tokens-web": "4.4.0-beta.
|
|
55
|
+
"@workday/canvas-tokens-web": "4.4.0-beta.6",
|
|
56
56
|
"markdown-to-jsx": "^7.2.0",
|
|
57
57
|
"react-syntax-highlighter": "^15.5.0",
|
|
58
58
|
"ts-node": "^10.9.1"
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
"mkdirp": "^1.0.3",
|
|
64
64
|
"typescript": "5.0"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "f21d7cc4d8f56e8a7ffffbb5881aa903f852c025"
|
|
67
67
|
}
|