chore: merge web-components-v3 feature branch #31288

* Enable build pipeline for web-components-v3 branch * Add comments

* Delete existing Web Components implementation * Reset storybook * Change file * Add empty test to pass CI * Comment out WCs in stress-test

* ci: setup wc v3 daily releases * chore: UNDO - remove web-components from stress-test deps * ci: add change files check so we dont accidentaly release something beside wc-3 * chore: remove changefiles from master that could trigger unwanted releases * generate changefiles

* bump FAST dependencies * Add theme tokens (from react-theme) * Add theme switcher to storybook * deduplicate packages * fix yarn.lock * Replace @fluentui/react-theme with @fluentui/tokens * change file * address PR comments

* chore: setup typescript 4.7 for web-components package * chore: generate change-file * fixup! chore: setup typescript 4.7 for web-components package * fixup! fixup! chore: setup typescript 4.7 for web-components package

* add text as a new component * update main.js to .cjs format for esm due to require syntax * update style rules to align with FUI react v9, export text options, update stories to leverage object.keys of options * export text, update node resolution to 16 and fix object.keys for size to object.values * prettier style files, may need to revert if it does not play nice with selectors * update display for host to ensure we can layout the element properly margin, etc... * update latest FAST packages * leverage ValuesOf type helper

…26402)

* add badge as a new component * add counter badge as a new component * fix broken import and add export paths * use badge template for counter badge to render count * update badge svg styles and fix import syntax * fixup imports for stories * update partial with default styles * js extension missing from partial imports * update api report

* Adds web component version of ProgressBar * Generates change * Renames progressbar to progress-bar * Changes alphabetical ordering of imports * Enumerates null value; Adds ? to boolean in Story * Adds typedocs to progress-bar class * Fixes class to attribute typo in CSS * Removes duped CSS * Adds export of progress-bar to package.json * Removes null in validation state object * Removes local CSS variables; Removes defaults on thickness and rounded corners * Removes unused CSS * Removes unused options, pause and min, that don't exist in Fluent * Addresses remaining feedback on PR: Renames rect to square; Cleans up Storybook

…6498) * chore: run manually bump to fix failed CI release * generate changefile

* feat: export theme * change file

* ci: fix github pushes auth for release * chore(web-components): run manually bump to fix failed CI release * generate changefile

* chore(web-components): turn of storybook telemetry * ci: setup web-components docsite CI/CD * generate change-file

* Update azure-static-web-apps-deploy.yml * Update and rename azure-static-web-apps-deploy.yml to azure-storage-web-components.yml * Update azure-storage-web-components.yml * Create azure-static-web-apps-deploy.yml

* Adds basic implementation of Spinner component * Adds inverted Story to Spinner * Cleans up some typos * Generates API report * Adds change file * Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs * Address feedback in PR * Minor typo cleanup * Rebuilds

* update fast element and foundation versions and update reference to extend badge options * no options export yet for badge :(

…up/DX (#26843) * chore(web-components): implement ts path aliases setup with valid ts compilation * chore(web-components): refactor test setup and test/sb utils approach * fix(web-components): tweak npmignore to not ship non relevant assets * chore: re-generate api-report * generate change file * fixup! chore(web-components): refactor test setup and test/sb utils approach

…26854) * fix(web-components): dont ship non production assets to npm registry * generate change file

* Manual bump of web components version to match NPM 3.0.0-alpha.4

* docs(web-components): Add docs landing page * change file

* accordion and accordion item init * yarn change * updates docs * updates accordion item styles * code formatting * updates imports * adds v9 appearance sizes * updates attribute name to align with fluent v9 * adds alternative stories for accordion with custom icons * adds docs * updates storybook * updates changelog * removes dead code * removes dynamic icons from sb * removes dead code * adds accordion README * moves accordion readme to accordion directory * updates docs * updates accordion docs * updates docs * updates docs * fixes docs * fixes exports * adds display helper to styles * optimizes styles * updates html helper to use html.partial * optimizes styles * exports directly on class * removes html helper * removes arg tables from stories * sorts exports alphabetically * api report * flattens accordion componnent folders * removes comment * updates styles * optimizes styles * updates attributes * removes renaming of definition import * removes attribute syntax * adds attr * reverts api-report * removes dead code * updates styles * consolidates stories into one * updates docs * adds display helper to accordion styles

* fix(ci): skip changes files check if the changes folder does not exist * test for empty changes folder

* switch init * provides export path * yarn change * removes dead code * adds table docs * updates attribute to use attr syntax * removes on/off text for label only * addresses PR feedback * updates label font-weight * removes dead code * updates styles * adds required styles for switch * Update change/@fluentui-web-components-a74d6518-0d94-4e22-bd9f-70ea63a066ab.json Co-authored-by: Miroslav Stastny <miroslav.stastny@microsoft.com> * removes unuses import * api report * removes dead code * updates styles and story * optimizes styles * reverts api report * removes unchecked checked message styles * updates labelPosition type to include undefined * updates helper import * optimizes css * cleans up styles * optimizes styles * uses design tokens * removes dead import * removes dead code * removes required styling from label * adds switch readme * fixes docs * fixes switch hover styles * formats switch styles * alphabetizes exports --------- Co-authored-by: Miroslav Stastny <miroslav.stastny@microsoft.com>

* fix(ci): update web components swa workflow update workflow add yarn as engine in package.json add engines section in web-components package.json remove engines section from web components package json fix output location remove run condition replace branch add manual trigger * remove workflow_dispatch directive * remove azure storage workflow for web components docsite

* Adds Image web component. * Removes unused portions of the doc file (now spec.md). Renames and simplifies the bordered attribute. Removes multiple image from first story. Adjusts style attribute selctor for bordered. * Removes unused CSS. Changes dimension of image used in first story. * Removes borderRadius attribute and related story code and styles. Adds CSS Guidance to spec to convey details about margin and border-radius values. Cleaned up story code. * Records results of yarn change * Updates package with reference to the component. Makes fit and shape optional. Replaces hard coded border radius value with token. * Update change/@fluentui-web-components-a862230b-9028-4c6a-8a43-3be819a6128e.json Co-authored-by: Miroslav Stastny <mistastn@microsoft.com> --------- Co-authored-by: Chris Holt <chhol@microsoft.com> Co-authored-by: Miroslav Stastny <mistastn@microsoft.com>

* Adds Divider component * Generates change

) * add avatar as a new component * add export path * update helpers path in avatar stories * create public static value for named colors * update styles to support any slotted badge * add size 16 styles and stories * update animations to use tokens * add support for prefers reduced motion on active and inactive transitions * change set to generate for color and initials fns * add large badge styles * remove unnecessary badge cchange handlers * fix brand color in dark mode with static inverted value * update change file * remove unnecessary lifecycle event * add avatar readme for react deltas * update attributes as optional * update api report

* chore: Enable Typescript strict mode * change file * revert unnecessary change * update api-report after rebase

* divides accordion and accordion item readme * updates accordion docs * updates accordion docs * formats docs table * yarn change

* Redo of PR of Slider spec after merge error * Updates API report and beachball file * Generates API report * Redo of PR of Slider spec after merge error * Updates API report and beachball file * Generates API report * Updates API report

* radio spec init * updates radio spec formatting * adds radio group spec * updates radio specs * updates spec * yarn change

* Adds SliderLabel spec and folder * Creates change and api-report * Creates change and api-report * Update change/@fluentui-web-components-085483f0-a46f-4531-b8c4-218a2e78461b.json Co-authored-by: Miroslav Stastny <mistastn@microsoft.com> * Regenerates API Report --------- Co-authored-by: Miroslav Stastny <mistastn@microsoft.com>

* Flatten badge stories in sidebar * undo badge flattening * add divider stories * progress stories * spinner stories * switch stories * text stories * remove text as story

* fix: [text] block breaks the style attribute * chnage files * addresed comments * Update packages/web-components/src/text/text.styles.ts Co-authored-by: Chris Holt <chhol@microsoft.com> * addressed pr comments --------- Co-authored-by: Chris Holt <chhol@microsoft.com>

* add css containment to custom elements * add css containment to existing web components

* Initial commit of styles and markup for slider * Cleans up some styles and adds Stories for states * More Slider styles and stories * Adds stripes to slider for vertical/horizontal. Deletes SliderLabel as we don't need it * Fixes silly math * Cleans up CSS * Cleans up CSS and Stories for Slider * Initial commit of styles and markup for slider * More Slider styles and stories * Adds stripes to slider for vertical/horizontal. Deletes SliderLabel as we don't need it * Fixes silly math * Fixes some styles on checkmarks * Adds check to see if Step was set * Generates API report * Removes some duplicate CSS and cleans up spec * Adds slider to index.ts and package.json * Addresses initial round of feedback to PR * Renames sizeChanged to stepChanged. Duh. * Adds JSDOC comments * update slider step rate code * Adds export to SliderOrientation * Adds new focus style and fixes overflow visual bug * Fixes build errors * Adds export to SliderOrientation * Adds new focus style and fixes overflow visual bug * Fixes build errors * Runs API report --------- Co-authored-by: Chris Holt <chhol@microsoft.com>

…a.27 (#27392)

* add button as a new web component * change files * add package export * add icon attr, fixup disabled styles * update color => fill * add disabled focusable click handling * move to attribute syntax for aria-disabled * remove icon attribute in favor of min-height to accommodate icons * use long form for padding to ensure we catch browser defaults * add basic readme with deltas

* add menu button as a new component * remove unnecessary icon attr in stories

* adding tab list spec * adding files for tab list, tab, and tab-panel * adding files for tab list, tab, and tab-panel * adding tab * working tab list web components. no styling. no re-referencing of attributes * adding styling for tabList * commenting out unused styling * adding tab-list styles * basic api working. styling not correct in all cases. * Adding svgs. they are not rendering for some reason * svgs working * updating styling * removing fill on svg * adding logic to track tab selection and css variables. broken * commit before refactor * addint html data attr * updating how tab data is handled * Animations not working * animations not working * broken animation * location of tab is not correct * refactoring dataActiveTabChanged * removing class field for current active tab * adding method to add and remove classes * tab animates to offset location * animating almost correctly * horizontal animations working * adding vertical positioning logic * tabs animations working vertical and horizontal * Adding tab-list options. adding comments * adjusting styling * removing unused vars * removing comments * Adding change file * updating readme. fixing naming conflict in exports of tab-panel index * fixing default value for tablist size * removing check for activeid in setTabData * removing patch for removing activeIndicator * moving pointer events none to disabled fluent tab * removing boolean converters, adding type consts, renaming TabList to Tabs. * documenting difference between tabs and tab list * updating tabs index.js * fixing circular dependency import * removing references to TabList, renaming to Tabs. Removing Tabs orientation type const and importing it from FAST * Refactoring tab into tabs * updating token names object * updating css for tab token names * updating tab token names in tabs.ts * removing unused vars * adding pseudo element to account for spacing difference of bold and unbolded text on active states * adding placeholder element to render active indicator * updating :focus-visible style * removing unused vars * adding tab-content span and 2px margin for tab-content span * updating color foreground for unselected and selected tabs * removing unused var * removing host-context * removing tab content part * putting back tab content part * removing unecessary dom element * removing unecessary z index * adding tab-content class. removing tab-content part * adding display helper function to tab-panel * shorthanding tab padding in tab styles * removing duplicate selector * fixing display helper implementation * removing divs in storybook.ts * removing divs from stories.ts * adding second display helper * adding display helper in tab.styles * removing stray div in stories.ts * adding display helper in tabs.styles * removing active indicator css * removing important * removing unused vars * renaming getSelectedTab to getTab, since tab is passed into method * updating TabData * updating check for previous tab for first render * replacing document add style with fast controller add style * grabbing scale and offset token names from const * updating stories, removing redundant code and renaming tabids * using const objects to provide default values * Removing animation clear method. apparently not needed * updating comments * removing duplicate display * setting display to inline-flex * removing unnecessary disabled font-weight in tab * removing unnecessary outline * replacing margin-right with margin-inline-end * Reducing number of duplicarte border radius Removing horizontal selector in css since it's default Removing the TabTokenNames and hard coding tokens into css Combining selectors in css and refactoring css overall Setting fill for subtle appearance selectors * adding margin-inline-end * Adding max width on tab content * Revert "Adding max width on tab content" This reverts commit b8dffde. * fixing focus visible border * combining padding * Removing margin auto on right margin --------- Co-authored-by: Chris Holt <chhol@microsoft.com>

* label init * merge web-components-v3 * updates readme * updates styles * adds label styles * removes dead import * divides accordion and accordion item readme * updates label docs * updates label template * updates label template and styles * updates label stories * label updates per review * removes attr decorator on label * label: yarn change * radio: updates attribute story names * label: removes attribute binding on template * label: removes template tag * label: updates per review * label: adds export to root json * adds disabled attr * removes dead code * Update change/@fluentui-web-components-2b95d12e-1c42-47e8-88da-aa67dac5673b.json Co-authored-by: Chris Holt <chhol@microsoft.com> * label: removes dead import, updates storybook args to use consts * label: removes dead imports * label: updates asterisk styling * label:docs: enumerates rendered element API difs between FUIRv9 and FUIWC3 * label: updates docs * label: fixes mispelling in docs * label: updates template, docs * label: updates docs * label: replaces arg values with label options const --------- Co-authored-by: Chris Holt <chhol@microsoft.com>

* label: fixes change log

* adding missing package.json mappings * fixing package.json syntax * Adding change file

* chore(storybook): Set background for stories * remove unnecessary !important

* add compound button as a new web component * change files * update locc css * remove icon ref in stories * remove icon attr in stories and address vertical alignment of buttons * fix disabled primary styles

* add anchor as a new component to support anchor-button scenario * dont forget managing anchor disabled * update naming to anchor button * Update change/@fluentui-web-components-b7e6d7ad-6aac-4ccb-b7ee-97424d76f9a2.json

* add toggle button as a new web component * address ts and lint errors * remove unnecessary css reassignment * remove unnecessary icon attr from stories * add checked stories and fix subtle appearance

* Authors the Select spec * Cleans up some missing info in Spec * Removes references to Slider

* Updates story with better placeholder images. Updates styles to ensure that shadow, shape and border work correctly when fit is center. Sets default border-radius and updates storybook shape description with detail about the default border radius. * Yarn change * Reverts style changes. Adds only essential style adjustments to meet spec. Updates attribute descriptions in the story. * Removes pixel value in description for design token: borderRadiusMedium.

* menu init * updates docs * menu init * menu item init * registers menu-item * adds some menu styles * adds default menu item icons * adds menu stories * updates default menu icons * styles menu and menu item * updates readme * swaps part for class css * removes dead code * adds menu and menu item to package.json * removes dead code * updates menu styles * yarn change * adds menu header * updates jsdocs * removes dead file * removes dead code * removes split button styling * adds display helper * api report * flattens menu and menu item directories * removes element specification from slotted selector * formatting * optimizes styles * optmizes styles * updates disabled css selector to bool * removes dead code * consolidates menu docs into one story * updates menu storybook content * optimizes styling * revert api-report * updates disabled pseudo selector * fixes disabled state * fixes css syntax error * updates storybook content * updates storybook copy for consistency * revert api report * updates yarn change message * maps component to MenuList rather than Menu * fixes focus state * updates styles * divides accordion and accordion item readme * removes dead imports * fixes submenu positioning * adds styles for icon alignment * reverts Menu component name * cleans up storybook * dynamically set the menu item icon attribute when icons is true for menu (#26998) * dynamically set the menu item icon attribute when icons is true for menu * move icons check to set items to ensure we update on item change and init * set items should be protected * updates Menu styles * updates icon alignment styles and docs * updates menu docs * adds checkmarks attribute and styles menu items * adds conditional styling for when icons are present * updates Menu and MenuItem docs * updates deltas in docs * updates docs * optimizes styles * optimizes css * optimizes css * optimizes css * reverts json export * working (#27293) * optimizes styles * adds docs to menu.ts * updates menu logic for readability * menu: fixes style syntax error * menu: consolidates styles * menu: updates styling * menu: updates styling * yarn change * menulist, menuitem: changes component name to MenuList * menulist, menuitem, updates readme * menu, menuitem: fixes circular dep * menu, menuitem: alphabetize index.js --------- Co-authored-by: Chris Holt <chhol@microsoft.com> Co-authored-by: Jeff Smith <37851214+eljefe223@users.noreply.github.com>

* radio init * styles radio * reverts branch * input spec init * cleans up spec * formatting * updates component name to text input * updates component name in spec * radio init * styles radio * adds radio and radio group to index rollup * merge * cherry-pick * fixes arguments passed to slottedRadioButtonsChanged * yarn changew * updates radio group logic * cherry-pick * updates styles * cherry-pick * merge * adds radio group attributes * removes console logs * updates styles * updates RadioGroup readme * fixes jsdoc * updats radio and radio group stories * formats radio group story markup * removes redundant attribute on RadioGroup story * removes dead code * updates radio styles * updates radio group styles * removes redundant attribute on radio group * merge * styles radio and radio group * removes dead code * updates css value to token * exports RadioGroupOrientation namespaced type * updates styles per design review * updates focus styles * reverts file * reverts file * mege * adds back story args * re exports RadioGroupOrientation from FAST * removes redundant stack attribute * testing local tokens for disabled styling * radio: updates styles per review * radio: updates design tokens & styles * radio: adds storybook content * radio init * styles radio * radio: merge * merge * cherry-pick * fixes arguments passed to slottedRadioButtonsChanged * yarn changew * updates radio group logic * cherry-pick * updates styles * cherry-pick * merge * adds radio group attributes * removes console logs * updates styles * updates RadioGroup readme * fixes jsdoc * updats radio and radio group stories * formats radio group story markup * removes redundant attribute on RadioGroup story * removes dead code * updates radio styles * updates radio group styles * removes redundant attribute on radio group * merge * styles radio and radio group * removes dead code * updates css value to token * exports RadioGroupOrientation namespaced type * updates styles per design review * updates focus styles * reverts file * reverts file * mege * adds back story args * re exports RadioGroupOrientation from FAST * removes redundant stack attribute * testing local tokens for disabled styling * radio: updates styles per review * radio: updates design tokens & styles * radio: adds storybook content * radio: initiates css variables in css * leverage css grid for spacing and remove js application for padding * radio: adds export to root json * radio: changes per review * radio: removes pointer events from disabled radio item * radio: updates styling * radio: styles formatting * radio: updates styles * Update change/@fluentui-web-components-94ca1c7a-1462-4aa5-9458-41a54f17527e.json Co-authored-by: Miroslav Stastny <mistastn@microsoft.com> * removes redundant style * radio: addresses pr feedback * radio: updates disabled styles * Update packages/web-components/src/radio/radio.stories.ts Co-authored-by: Chris Holt <chhol@microsoft.com> * radio: swaps args table value for const * radio: removes duplicate style * radio: optimizes styles * radio: swaps js for css disabled styling solution * radiogroup, radio: updates based on feedback * radiogroup, radio: updates storybook content and README * radiogroup, radio: updates docs * radiogroup, radio: removes label-position from docs * radiogroup, radio: updates docs * Update packages/web-components/src/radio/README.md Co-authored-by: Miroslav Stastny <mistastn@microsoft.com> * radiogroup, radio: addresses feedback * radiogroup, radio: updates docs * radiogroup, radio: addresses feedback * radiogroup, radio: updates styles * radiogroup, radio: removes whitespace * radiogroup, radio: updates styles per review * radiogroup, radio: formats files * radiogroup, radio: format document * radiogroup, radio: fixes import --------- Co-authored-by: Chris Holt <chhol@microsoft.com> Co-authored-by: Miroslav Stastny <mistastn@microsoft.com>

* Correct export naming in Switch component * Formats capitalization * Adds change file

* Exports MenuItemRole so that the Fluent web component Angular and React wrappers can utilize the roles. * Runs yarn change * Update change/@fluentui-web-components-fe7f57a9-65bb-4816-9f01-0aded96e8ce9.json Co-authored-by: Chris Holt <chhol@microsoft.com> --------- Co-authored-by: Chris Holt <chhol@microsoft.com>

* radio init * styles radio * reverts branch * input spec init * cleans up spec * formatting * updates component name to text input * updates component name in spec * text input init * adds text input options * styles text input * updates text input styles * adds input size attribute and styles * updates text input storybook * text input: adds properties to class * text-input: re-exports TextFieldType as TextInputType * text input: fixes export names * text input: updates underline styles * text-input: exports text-input from package.json * removes dead code * text-input: removes default attr values * text-input: updates icon sizes * text-input: updates block vs inline implimentation * text-input: updates docs * text-input: adds styling support for icons and text passed through start/end slots * text-input: updates border styles * input: updates storybook content * updates README * text-input: adds filled non shadow variants * text-input: modifies storybook examples * text-input: removes dead import * addresses PR feedback * text input: updates styles * text input: yarn change * text input: updates README and styles * text input: shorthands css property * textinput: fixes ts errors * textinput: updates attribute name * textinput: uses fluent-label in stories * textinput: updates control size type name * textinput: updates storybook * textinput: updates type * textinput: updates story styles * Update change/@fluentui-web-components-ec003fd2-a453-4e83-b620-9ec9f3ddffa0.json Co-authored-by: Miroslav Stastny <mistastn@microsoft.com> * text-input: addresses feedback * text-input: alphabetize exports, removes setting default attr value --------- Co-authored-by: Miroslav Stastny <mistastn@microsoft.com>

* export fluent design system * change files

…e with Visual Regression Pipelines (#28222)

… web-components-v3 (#28527)

* radio init * styles radio * reverts branch * input spec init * cleans up spec * formatting * updates component name to text input * updates component name in spec * checkbox init * updats checkbox styles * checkbox: adds attributes to Checkbox * checkbox: updates checked-indicator svg and storybook templates * checkbox: updates styles * checkbox: adds exports * checkbox: organizes css * checkbox: updates styles * checkbox: adds README * checkbox: formats README * deletes dead file * checkbox: cleans up * checkbox: updates storybook content * checkbox: removes file * checkbox: yarn change * checkbox: updates README * checkbox: updates styles * checkbox: fixes styling bug * checkbox: optimze css * checkbox: updates storybook * checkbox: adds required story * checkbox: updates stories * Update change/@fluentui-web-components-eba99a5e-947a-4735-815b-86d613000d31.json Co-authored-by: Miroslav Stastny <mistastn@microsoft.com> * checkbox: updates README, adds focus styles * checkbox: api-report * reverts api report * checkbox: updates styles --------- Co-authored-by: Miroslav Stastny <mistastn@microsoft.com>

* normalize Storybook styles between web-components and react-components * clean up * restore attribute table controls * untangle styles between root, v9, and web components * add change file * update css file comments * add comment to v9 storybook manager-head.html

* dummy commit to trigger ci * change file

* chore(fluent-accordion): Add screenshot tests * remove step * add basic support for scoped theming * rewrite the theme decorator to WC * change file * update the vr story to match component story

* Fixes contrast on web component badge * Adds change

…28717) * radio init * styles radio * reverts branch * input spec init * cleans up spec * formatting * updates component name to text input * updates component name in spec * high contrast mode color fixes * removes file * yarn change * high contrast visual fixes * high contrast a11y fixes: optimizes high contrast styles using forcedColorsStylesheetBehavior * hc a11y: addresses feedback * hc a11y: removes dead code * hc a11y: fixes radio colors * hc a11y: fixes switch, togglebutton styles * hc a11y: combines css selectors * hc a11y: updates button styles * hc a11y: updates toggle button styles * hc a11y: fixes button styles --------- Co-authored-by: Chris Holt <chhol@microsoft.com>

…28142) * setup playwright testing * fix deps and update readme * add playwright to ensure browsers and deps are installed * test npx command playwright * add pretest hook to test * add dev specific testing command so we can run ci pretest * point to the right directory chris...

…ibutes on fluent-divider (#28837) * fix(web-components): update fast depenencies and fix unallowed attributes on fluent-divider * lock alpha/beta package versions * lock versions of fast pckgs * reference applyMixin locally to avoid package drilling

* Adds tests for Switch component * Renames test string * adds new expect to aria-disabled test in Switch

* chore: Enable unit tests * chore: Add playwright lint * change file * exclude eslint-plugin-playwright from satisfied

* Adds tests for progress bar web component * Adds other stest for progressbar * Cleans up attribute tests to shorten file --------- Co-authored-by: Miroslav Stastny <miroslav.stastny@microsoft.com>

* Adds tests for Slider component * Removes 'only' from test * Fixes slider story back to what it was * Attr -> Prop * Removes .only * fix lint errors --------- Co-authored-by: Miroslav Stastny <miroslav.stastny@microsoft.com>

* radio init * styles radio * reverts branch * input spec init * cleans up spec * formatting * updates component name to text input * updates component name in spec * reverts dead file * accordion/accordion item unit tests: adds tests * accordion unit test updates * accordion, accordion item unit tests: updates tests * accordion tests: reverts files * accordion tests: tests keyboard interactions * accordion test: removes redundant click event --------- Co-authored-by: Miroslav Stastny <miroslav.stastny@microsoft.com>

* checkbox linting: removes dead import

* chore(divider): Add screenshot tests * divider with icon in RTL

…xtensions for package exports (#28912) * update core component paths to use foundation export paths and add extensions to web component export paths * change files * update rollup to use esbuild and support package exports * update to use esm package exports * dedupe deps * fix order of alias resolutions * update paths for start end and patterns * fix extension order for web component vr tests * update module resolution for web component vr tests * resolve tsx to js as well

* chore(text-input): Add screenshot tests * node16 module resolution

* chore(label): Add screenshot tests * add dark and RTL label stories * update parse import * node16 module resolution

* chore(checkbox): Add screenshot tests * node16 module resolution

* chore(menu-list): Add screenshot tests * node16 module resolution

* radio init * styles radio * reverts branch * input spec init * cleans up spec * formatting * updates component name to text input * updates component name in spec * reverts dead file * adds text unit tests * formats file * fix lint warnings --------- Co-authored-by: Miroslav Stastny <miroslav.stastny@microsoft.com>

#28952)

* Adds Divider playwright test. * Updates test. * Removes unused import. * Updates Divider tests, fixing failed test.

* radio init * styles radio * reverts branch * input spec init * cleans up spec * formatting * updates component name to text input * updates component name in spec * reverts dead file * label unit tests

* radio init * styles radio * reverts branch * input spec init * cleans up spec * formatting * updates component name to text input * updates component name in spec * reverts dead file * adds menulist unit tests * menu-list tests: updates test names, fixes role attribute in radio test

* adds badge unit tests * badge tests: removes duplicate test, adds color attribute expect state for 'warning'

* adds text input unit tests * fixes fixtureURL * text input: updates valid tel value test * text input tests: updates size attr tests

* tabs tests: adds tabs, tab, and tab panel tests * tabs tests: consolidates no id tests to describe block * tabs unit tests: removes linting errors * fixes linting errors --------- Co-authored-by: Miroslav Stastny <miroslav.stastny@microsoft.com>

* Adds playwright tests for Image component. * Breaks tests into discrete chunks allowing for evaluation of each attribute. * Removes unused import from Checkbox story. Passes linting. --------- Co-authored-by: Miroslav Stastny <miroslav.stastny@microsoft.com>

* Completes Anchor Button tests. * Updates tests to prevent flaky results. Fixes boolean tests. Passes linter.

* radio init * styles radio * reverts branch * input spec init * cleans up spec * formatting * updates component name to text input * updates component name in spec * reverts dead file * avatar unit tests: adds tests * avatar tests: updates tests * avatar unit tests: updates tests * fix lint errors * fixes linting errors --------- Co-authored-by: Miroslav Stastny <miroslav.stastny@microsoft.com>

* feat: Bump version to beta * change file * fix vr test deps

Running typescript typechecking threw an error that it cannot find the type for the import defined in the package exports. This change updates package.json to point to the right location, dts folder, instead of esm folder. Co-authored-by: Chris Holt <chhol@microsoft.com>

* Adds tests for counterBadge * Removes tests for slotted icon content * Adds tests to verify if showZero and dot are able to be set programmatically * Fixes linting errors * Changes beforeAll to beforeEach to fix flaky tests * Removes .only * Tries to unflake * Adds fixes for flaky tests * Updates tests without shadowContent query

* radio init * styles radio * reverts branch * input spec init * cleans up spec * formatting * updates component name to text input * updates component name in spec * accordion sb fixes: updates content * removes dead file

* radio init * styles radio * reverts branch * input spec init * cleans up spec * formatting * updates component name to text input * updates component name in spec * menu: menu init * menu: updates README * menu: updates template, styles * menu: updates menu and stories * menu: removes dead code * menu: removes folder and file * yarn change * menu: removes tab index on template slot * menu changes based on feedback * menu: updates stories * menu, emits event on expanded change * menu: updatews attr/property name to align with fluent ( expand --> open ) * menu: cleans up code * reverts dead file * menu: removes block styling * enhances cleanup of autoUpdate, conditionally remove mouseover event listener * Add defaultPrevented check to handleTriggerKeydown function * menu: adds open/close features * menu: fixes spelling error in readme * menu: adds part selector to positioningRegion * menu: adds z-index css variable, updates docs accordingly * menu: adds attr changed callback for closeOnScroll to manage event listeners * menu: adds exports

… support RTL (#29505) * use margin for switch checked transition to support RTL * change files

* Adds menu component definition to list of sideEffects. * Generates change file. --------- Co-authored-by: Hale Rankin <hale.rankin@microsoft.com>

* dialog init * dialog: updates stories, styles, and docs * dialog: updates styles * dialog: removes dead code, cleans up * dialog: updates styles * updates docs * deletes dead code * dialog: addresses PR feedback * reverts dead file * dialog: updates styles per feedback * drawer: updates template, styles * dialog: removes attr changed callback * dialog: updates slot names for react parity, updates docs * yarn change * dialog: addresses feedback * dialog: updates README * dialog: fixes responsive styles * dialog: removes dead styles * dialog: updates readme docs * dialog: reworks dialog to use navtive html dialog element * dialog: fixes jsdoc * dialog: updates slot names for closer parity with fv9, updates stories and docs * dialog: updates README * dialog: updates template class names * dialog: updates backdrop to use fluent token * dialog: adds two column layout story * dialog: adds additional stories * dialog: adds exports to index and package json * dialog: fixes style token imports * dialog: cleans up open state * dialog: updates template slot names * dialog: updates property name * dialog: removes change-focus * dialog: syncs open attr * dialog: sync open attribute * dialog: updates storybook docs * dialog: updates readme docs

…ge (#29924) * updating disclaimer * updating storybook disclaimer * tweaking disclaimer

…form solution (#30002)

…30090)

Co-authored-by: Sean Monahan <seanmonahan@microsoft.com> Co-authored-by: Christopher Holt <=>

Co-authored-by: Christopher Holt <=>

…1009) Co-authored-by: Christopher Holt <=>

…ignment (#31179) Co-authored-by: Christopher Holt <=>

Co-authored-by: Christopher Holt <=>

…or components (#31069) Co-authored-by: Christopher Holt <=>

…1296)

…31336)

…#31348)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

chore: merge web-components-v3 feature branch #31288

chore: merge web-components-v3 feature branch #31288

Commits on May 10, 2024

Commits on May 13, 2024