Results 16 issues of Valentyna

After discussion with the design team and Sarah we have to change focus behavior. ## Previous Behavior - default mode was `arrow` - no `tab` navigation ## New Behavior -...

Type: Feature
Component: Breadcrumb

## Previous Behavior ![divider-bug](https://github.com/microsoft/fluentui/assets/11574680/f33bde1e-d300-4c65-9a8d-ef6d651ed864) If there are custom margins/paddings it, also, breaks overflow logic ![divider-bug-0](https://github.com/microsoft/fluentui/assets/11574680/0e8fdd8f-c36b-4f61-ae98-d97cb5f15f7f) ## New Behavior ![divider-fix-0](https://github.com/microsoft/fluentui/assets/11574680/5a91f65b-f0db-42ab-a1bc-28fcfe2a7e26) ## Related Issue(s) - Fixes #

Status: Fix Proposed

- Added ColorSwatch sub component - Added selection logic ![image](https://github.com/microsoft/fluentui/assets/11574680/2c2a9f8b-f58d-4077-9228-ccbbaec885ae)

Type: Feature
Component: SwatchColorPicker

💡 When you create a PR for any of the checklist items, add a link to this Epic under the PR's **Related Issues** section. ## Preparation - [X] [Open UI...

Component: SwatchColorPicker
Type: Epic
Fluent UI react-components (v9)
Area: Components

Added SPEC.md - For layout I made union type of `row` and `grid` with appropriate props - `columnCount` for `grid` and `responsive` for `row`.

Component: SwatchColorPicker
Type: Spec

In this PR I choose several variants on semantics: 1. `div` with role `grid` 2. table 3. Radio group with radios The main goal is to check a11y and navigation

Status: Do Not Merge 🚫
Component: SwatchColorPicker

Added package for generation of react-native SVG icons. 1st commit contains copy of react-icons code because majority of it can be reused. For better readability in other commits I added...

## New Behavior - Returned back BestPractices because we don't have it yet on Fluent 2 website - Added description to all the stories - Changed order of stories -...

Component: SwatchColorPicker

### Library React Components / v9 (@fluentui/react-components) ### SwatchPicker component - [ ] Color contrast: the text meets required contrast, and all states (e.g. selected, focus, etc) meet 3:1 contrast...

Component: SwatchColorPicker
Fluent UI react-components (v9)

### Library React Components / v9 (@fluentui/react-components) ### Describe the feature that you would like added This is a follow up issue from this discussion: https://github.com/microsoft/fluentui/pull/31608#issuecomment-2158262670 Currently `SkeletonItem` accepts `size`...

Type: Feature
Fluent UI react-components (v9)
Component: Skeleton