@workday/canvas-kit-docs 16.0.0-alpha.0477-next.0 → 16.0.0-alpha.0478-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.
|
@@ -33,6 +33,8 @@ Soon to be...
|
|
|
33
33
|
- [Switch](#switch)
|
|
34
34
|
- [Text Area](#text-area)
|
|
35
35
|
- [Text Input](#text-input)
|
|
36
|
+
- [Select](#select)
|
|
37
|
+
- [MultiSelect](#multiselect)
|
|
36
38
|
- [Menu](#menu)
|
|
37
39
|
- [Modal](#modal)
|
|
38
40
|
- [Popup](#popup)
|
|
@@ -377,6 +379,36 @@ If you customize `brand.success.base` in your theme, please verify the following
|
|
|
377
379
|
- Error and caution states no longer display a status background color; only the standard background
|
|
378
380
|
is shown.
|
|
379
381
|
|
|
382
|
+
#### Select
|
|
383
|
+
|
|
384
|
+
**PR:** [#4085](https://github.com/Workday/canvas-kit/pull/4085)
|
|
385
|
+
|
|
386
|
+
##### Visual Updates
|
|
387
|
+
|
|
388
|
+
- The dropdown indicator icon now uses `chevronDownSmallIcon` and `chevronUpSmallIcon` instead of
|
|
389
|
+
`caretDownSmallIcon`. The icon toggles direction when the menu is open.
|
|
390
|
+
- `Select.Input` inherits the `TextInput` shape update (**12px**, previously 8px) and menu styling
|
|
391
|
+
updates from [Menu](#menu).
|
|
392
|
+
- Gap between the input and dropdown menu updated from `4px` to `8px` via `Menu.Popper` offset.
|
|
393
|
+
|
|
394
|
+
No API changes. No migration is required unless you render a custom dropdown indicator or override
|
|
395
|
+
`selectInputStencil` caret styles.
|
|
396
|
+
|
|
397
|
+
#### MultiSelect
|
|
398
|
+
|
|
399
|
+
**PR:** [#4085](https://github.com/Workday/canvas-kit/pull/4085)
|
|
400
|
+
|
|
401
|
+
##### Visual Updates
|
|
402
|
+
|
|
403
|
+
- Shape is now **12px** (`shape.lg`, previously `shape.md` / 8px) via `cornerShapeStencil`.
|
|
404
|
+
- The dropdown indicator icon now uses `chevronDownSmallIcon` and `chevronUpSmallIcon` instead of
|
|
405
|
+
`caretDownSmallIcon`. The icon toggles direction when the menu is open.
|
|
406
|
+
- `MultiSelect` menus inherit the [Menu](#menu) styling updates.
|
|
407
|
+
- Gap between the input and dropdown menu updated from `4px` to `8px` via `Menu.Popper` offset.
|
|
408
|
+
|
|
409
|
+
No API changes. No migration is required unless you render a custom dropdown indicator or override
|
|
410
|
+
`multiSelectInputStencil` styles.
|
|
411
|
+
|
|
380
412
|
### Toast
|
|
381
413
|
|
|
382
414
|
**PR:** [#4053](https://github.com/Workday/canvas-kit/pull/4053)
|
|
@@ -433,6 +465,11 @@ If you customize `brand.success.base` in your theme, please verify the following
|
|
|
433
465
|
- Padding updated from `padding.xxs` (4px) to `padding.xs` (8px).
|
|
434
466
|
- Border radius is now managed via `cornerShapeStencil` (still uses `shape.xxl`).
|
|
435
467
|
|
|
468
|
+
**Menu.Popper**
|
|
469
|
+
|
|
470
|
+
- Offset between the trigger and dropdown menu updated from `4px` to `8px`. This affects `Select`,
|
|
471
|
+
`MultiSelect`, `Combobox`, and other components that use `Menu.Popper`.
|
|
472
|
+
|
|
436
473
|
**Menu.List**
|
|
437
474
|
|
|
438
475
|
- Gap between items updated from `gap.xs` (4px) to `base.legacy.size25` (2px).
|
|
@@ -540,8 +577,8 @@ export const myStencil = createStencil({
|
|
|
540
577
|
});
|
|
541
578
|
```
|
|
542
579
|
|
|
543
|
-
`Card
|
|
544
|
-
corners.
|
|
580
|
+
`Card`, `Menu` (`Menu.Card`, `Menu.List`, `Menu.Item`), and `MultiSelect` extend this stencil for
|
|
581
|
+
their rounded corners.
|
|
545
582
|
|
|
546
583
|
## Deprecations
|
|
547
584
|
|
|
@@ -24,7 +24,7 @@ export default () => {
|
|
|
24
24
|
<FormField.Label>Email</FormField.Label>
|
|
25
25
|
<FormField.Field as={InputGroup}>
|
|
26
26
|
<InputGroup.InnerStart>
|
|
27
|
-
<SystemIcon icon={mailIcon}
|
|
27
|
+
<SystemIcon icon={mailIcon} />
|
|
28
28
|
</InputGroup.InnerStart>
|
|
29
29
|
<InputGroup.Input id={formFieldInputId} autoComplete="email" />
|
|
30
30
|
<InputGroup.InnerEnd>
|
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.0478-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,10 +47,10 @@
|
|
|
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.0478-next.0",
|
|
51
|
+
"@workday/canvas-kit-preview-react": "^16.0.0-alpha.0478-next.0",
|
|
52
|
+
"@workday/canvas-kit-react": "^16.0.0-alpha.0478-next.0",
|
|
53
|
+
"@workday/canvas-kit-styling": "^16.0.0-alpha.0478-next.0",
|
|
54
54
|
"@workday/canvas-system-icons-web": "4.0.4",
|
|
55
55
|
"@workday/canvas-tokens-web": "4.4.0-beta.6",
|
|
56
56
|
"markdown-to-jsx": "^7.2.0",
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
"mkdirp": "^1.0.3",
|
|
64
64
|
"typescript": "5.0"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "d84620c64bada313ccd29fa9672193473f9b5633"
|
|
67
67
|
}
|