@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` and `Menu` (`Menu.Card`, `Menu.List`, `Menu.Item`) extend this stencil for their rounded
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
 
@@ -1,5 +1,3 @@
1
- import React from 'react';
2
-
3
1
  import {MultiSelect, useMultiSelectModel} from '@workday/canvas-kit-preview-react/multi-select';
4
2
  import {FormField} from '@workday/canvas-kit-react/form-field';
5
3
 
@@ -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} size="small" />
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.0477-next.0",
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.0477-next.0",
51
- "@workday/canvas-kit-preview-react": "^16.0.0-alpha.0477-next.0",
52
- "@workday/canvas-kit-react": "^16.0.0-alpha.0477-next.0",
53
- "@workday/canvas-kit-styling": "^16.0.0-alpha.0477-next.0",
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": "bae01a1c78cf7e68292fc4d37368147af79932af"
66
+ "gitHead": "d84620c64bada313ccd29fa9672193473f9b5633"
67
67
  }