From 44e75fd3c630268d7be2b0553c48fe6195dd4da9 Mon Sep 17 00:00:00 2001 From: Chris Holt Date: Fri, 14 May 2021 10:23:48 -0700 Subject: [PATCH 1/5] [web-components] update components to extend foundation element (#18187) * update accordion to use foundation element * update anchor to extend foundation element * update anchored region to extend foundation element * correct style exports * update badge to extend foundation * update breadcrumb to extend foundation element * update button to extend foundation element * update checkbox to extend foundation element * update combobox to extend foundation element * update dialog to extend foundation element * update divider styles * update flipper to extend foundation element * update horizontal scroll to extend foundation element * update listbox to extend foundation element * update listbox option to extend foundation element * update naming for exported registries * update menu and menu item to extend foundation * aupdate number field to extend foundation element * update progress to extend foundation element * update radio, radiogroup and select to extend foundation el * update skeleton to extend foundation element * update slider to extend foundation element * update switch to extend foundation component * correct prefix for export names * update text area to extend foundation element * update text field to extend foundation * update tooltip to extend foundation element * update tree view to extend foundation element * update comments v1 * export all custom element definitions * exportfluent design system and definitions from rollup * add data grid * update fast to fluent in rollup * add beta package to start updating w/ foundation element * update stories files * Change files --- .../web-components/src/default-palette.ts | 376 +++++++++--------- 1 file changed, 188 insertions(+), 188 deletions(-) diff --git a/packages/web-components/src/default-palette.ts b/packages/web-components/src/default-palette.ts index ba340464c54f63..54abd438df7f04 100644 --- a/packages/web-components/src/default-palette.ts +++ b/packages/web-components/src/default-palette.ts @@ -3,194 +3,194 @@ * This file generated by web-components/build/generate-default-palettes.js */ export const neutralPalette: string[] = [ - "#FFFFFF", - "#FCFCFC", - "#FAFAFA", - "#F7F7F7", - "#F5F5F5", - "#F2F2F2", - "#EFEFEF", - "#EDEDED", - "#EAEAEA", - "#E8E8E8", - "#E5E5E5", - "#E2E2E2", - "#E0E0E0", - "#DDDDDD", - "#DBDBDB", - "#D8D8D8", - "#D6D6D6", - "#D3D3D3", - "#D0D0D0", - "#CECECE", - "#CBCBCB", - "#C9C9C9", - "#C6C6C6", - "#C3C3C3", - "#C1C1C1", - "#BEBEBE", - "#BCBCBC", - "#B9B9B9", - "#B6B6B6", - "#B4B4B4", - "#B1B1B1", - "#AFAFAF", - "#ACACAC", - "#A9A9A9", - "#A7A7A7", - "#A4A4A4", - "#A2A2A2", - "#9F9F9F", - "#9D9D9D", - "#9A9A9A", - "#979797", - "#959595", - "#929292", - "#909090", - "#8D8D8D", - "#8A8A8A", - "#888888", - "#858585", - "#838383", - "#808080", - "#7D7D7D", - "#7B7B7B", - "#787878", - "#767676", - "#737373", - "#717171", - "#6E6E6E", - "#6B6B6B", - "#696969", - "#666666", - "#646464", - "#616161", - "#5F5F5F", - "#5C5C5C", - "#5A5A5A", - "#575757", - "#545454", - "#525252", - "#4F4F4F", - "#4D4D4D", - "#4A4A4A", - "#484848", - "#454545", - "#424242", - "#404040", - "#3D3D3D", - "#3B3B3B", - "#383838", - "#363636", - "#333333", - "#313131", - "#2E2E2E", - "#2B2B2B", - "#292929", - "#262626", - "#242424", - "#212121", - "#1E1E1E", - "#1B1B1B", - "#181818", - "#151515", - "#121212", - "#101010", - "#000000" + '#FFFFFF', + '#FCFCFC', + '#FAFAFA', + '#F7F7F7', + '#F5F5F5', + '#F2F2F2', + '#EFEFEF', + '#EDEDED', + '#EAEAEA', + '#E8E8E8', + '#E5E5E5', + '#E2E2E2', + '#E0E0E0', + '#DDDDDD', + '#DBDBDB', + '#D8D8D8', + '#D6D6D6', + '#D3D3D3', + '#D0D0D0', + '#CECECE', + '#CBCBCB', + '#C9C9C9', + '#C6C6C6', + '#C3C3C3', + '#C1C1C1', + '#BEBEBE', + '#BCBCBC', + '#B9B9B9', + '#B6B6B6', + '#B4B4B4', + '#B1B1B1', + '#AFAFAF', + '#ACACAC', + '#A9A9A9', + '#A7A7A7', + '#A4A4A4', + '#A2A2A2', + '#9F9F9F', + '#9D9D9D', + '#9A9A9A', + '#979797', + '#959595', + '#929292', + '#909090', + '#8D8D8D', + '#8A8A8A', + '#888888', + '#858585', + '#838383', + '#808080', + '#7D7D7D', + '#7B7B7B', + '#787878', + '#767676', + '#737373', + '#717171', + '#6E6E6E', + '#6B6B6B', + '#696969', + '#666666', + '#646464', + '#616161', + '#5F5F5F', + '#5C5C5C', + '#5A5A5A', + '#575757', + '#545454', + '#525252', + '#4F4F4F', + '#4D4D4D', + '#4A4A4A', + '#484848', + '#454545', + '#424242', + '#404040', + '#3D3D3D', + '#3B3B3B', + '#383838', + '#363636', + '#333333', + '#313131', + '#2E2E2E', + '#2B2B2B', + '#292929', + '#262626', + '#242424', + '#212121', + '#1E1E1E', + '#1B1B1B', + '#181818', + '#151515', + '#121212', + '#101010', + '#000000', ]; export const accentPalette: string[] = [ - "#FFFFFF", - "#FBFDFE", - "#F6FAFE", - "#F2F8FD", - "#EEF6FC", - "#E9F4FB", - "#E5F1FB", - "#E1EFFA", - "#DCEDF9", - "#D8EAF8", - "#D4E8F8", - "#CFE6F7", - "#CBE4F6", - "#C7E1F6", - "#C2DFF5", - "#BEDDF4", - "#BADAF3", - "#B6D8F3", - "#B1D6F2", - "#ADD4F1", - "#A9D1F0", - "#A4CFF0", - "#A0CDEF", - "#9CCAEE", - "#97C8EE", - "#93C6ED", - "#8FC4EC", - "#8AC1EB", - "#86BFEB", - "#82BDEA", - "#7DBAE9", - "#79B8E8", - "#75B6E8", - "#70B3E7", - "#6CB1E6", - "#68AFE5", - "#63ADE5", - "#5FAAE4", - "#5BA8E3", - "#56A6E3", - "#52A3E2", - "#4EA1E1", - "#499FE0", - "#459DE0", - "#419ADF", - "#3D98DE", - "#3896DD", - "#3493DD", - "#3091DC", - "#2B8FDB", - "#278DDB", - "#238ADA", - "#1E88D9", - "#1A86D8", - "#1683D8", - "#1181D7", - "#0D7FD6", - "#097DD5", - "#047AD5", - "#0078D4", - "#0075CF", - "#0072C9", - "#006FC4", - "#006CBE", - "#0069B9", - "#0066B4", - "#0063AE", - "#0060A9", - "#005CA3", - "#00599E", - "#005699", - "#005393", - "#00508E", - "#004D88", - "#004A83", - "#00477D", - "#004478", - "#004173", - "#003E6D", - "#003B68", - "#003862", - "#00355D", - "#003258", - "#002F52", - "#002B4D", - "#002847", - "#002542", - "#00223C", - "#001F36", - "#001B30", - "#00182B", - "#001525", - "#00121F", - "#000000" + '#FFFFFF', + '#FBFDFE', + '#F6FAFE', + '#F2F8FD', + '#EEF6FC', + '#E9F4FB', + '#E5F1FB', + '#E1EFFA', + '#DCEDF9', + '#D8EAF8', + '#D4E8F8', + '#CFE6F7', + '#CBE4F6', + '#C7E1F6', + '#C2DFF5', + '#BEDDF4', + '#BADAF3', + '#B6D8F3', + '#B1D6F2', + '#ADD4F1', + '#A9D1F0', + '#A4CFF0', + '#A0CDEF', + '#9CCAEE', + '#97C8EE', + '#93C6ED', + '#8FC4EC', + '#8AC1EB', + '#86BFEB', + '#82BDEA', + '#7DBAE9', + '#79B8E8', + '#75B6E8', + '#70B3E7', + '#6CB1E6', + '#68AFE5', + '#63ADE5', + '#5FAAE4', + '#5BA8E3', + '#56A6E3', + '#52A3E2', + '#4EA1E1', + '#499FE0', + '#459DE0', + '#419ADF', + '#3D98DE', + '#3896DD', + '#3493DD', + '#3091DC', + '#2B8FDB', + '#278DDB', + '#238ADA', + '#1E88D9', + '#1A86D8', + '#1683D8', + '#1181D7', + '#0D7FD6', + '#097DD5', + '#047AD5', + '#0078D4', + '#0075CF', + '#0072C9', + '#006FC4', + '#006CBE', + '#0069B9', + '#0066B4', + '#0063AE', + '#0060A9', + '#005CA3', + '#00599E', + '#005699', + '#005393', + '#00508E', + '#004D88', + '#004A83', + '#00477D', + '#004478', + '#004173', + '#003E6D', + '#003B68', + '#003862', + '#00355D', + '#003258', + '#002F52', + '#002B4D', + '#002847', + '#002542', + '#00223C', + '#001F36', + '#001B30', + '#00182B', + '#001525', + '#00121F', + '#000000', ]; From 91f629412605416987624f3422156232e54b5864 Mon Sep 17 00:00:00 2001 From: Brian Heston <47367562+bheston@users.noreply.github.com> Date: Thu, 3 Jun 2021 11:47:43 -0700 Subject: [PATCH 2/5] Updated the neutral fill card color recipe to always be lighter or equal to the container, instead of flipping to go darker over white. --- .../web-components/src/color-vNext/recipes/neutral-fill-card.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/web-components/src/color-vNext/recipes/neutral-fill-card.ts b/packages/web-components/src/color-vNext/recipes/neutral-fill-card.ts index d55f2fb27fab3a..c0acf63d993bdf 100644 --- a/packages/web-components/src/color-vNext/recipes/neutral-fill-card.ts +++ b/packages/web-components/src/color-vNext/recipes/neutral-fill-card.ts @@ -7,5 +7,5 @@ import { Swatch } from '../swatch'; export function neutralFillCard(palette: PaletteRGB, reference: Swatch, delta: number) { const referenceIndex = palette.closestIndexOf(reference); - return palette.get(referenceIndex - (referenceIndex < delta ? delta * -1 : delta)); + return palette.get(referenceIndex - delta); } From a377ea66b5f25785ceb27df2e125e86867b46795 Mon Sep 17 00:00:00 2001 From: Brian Heston <47367562+bheston@users.noreply.github.com> Date: Thu, 3 Jun 2021 11:55:31 -0700 Subject: [PATCH 3/5] Updated old recipe and tests --- packages/web-components/src/color/neutral-fill-card.spec.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/web-components/src/color/neutral-fill-card.spec.ts b/packages/web-components/src/color/neutral-fill-card.spec.ts index d78e10eeca9689..e8d0852684ffbb 100644 --- a/packages/web-components/src/color/neutral-fill-card.spec.ts +++ b/packages/web-components/src/color/neutral-fill-card.spec.ts @@ -10,10 +10,10 @@ import { neutralFillCard as neutralFillCardNew } from "../color-vNext/recipes/ne describe('neutralFillCard', (): void => { it('should operate on design system defaults', (): void => { expect(neutralFillCard({} as DesignSystem)).to.equal( - DesignSystemDefaults.neutralPalette[DesignSystemDefaults.neutralFillCardDelta], + DesignSystemDefaults.neutralPalette[0], ); }); - it('should get darker when the index of the backgroundColor is lower than the offset index', (): void => { + it('should stay white when the index of the backgroundColor is lower than the offset index', (): void => { for (let i: number = 0; i < DesignSystemDefaults.neutralFillCardDelta; i++) { expect( DesignSystemDefaults.neutralPalette.indexOf( @@ -23,7 +23,7 @@ describe('neutralFillCard', (): void => { }), ), ), - ).to.equal(DesignSystemDefaults.neutralFillCardDelta + i); + ).to.equal(0); } }); it('should return the color at three steps lower than the background color', (): void => { From a87148b12baa7e7eb2171ec0433623f5d70d00cb Mon Sep 17 00:00:00 2001 From: Brian Heston <47367562+bheston@users.noreply.github.com> Date: Wed, 9 Jun 2021 11:15:51 -0700 Subject: [PATCH 4/5] Run `yarn build` --- packages/web-components/docs/api-report.md | 73 ++-- .../web-components/src/default-palette.ts | 376 +++++++++--------- 2 files changed, 218 insertions(+), 231 deletions(-) diff --git a/packages/web-components/docs/api-report.md b/packages/web-components/docs/api-report.md index 17caa376ca06ee..68d4408498b05a 100644 --- a/packages/web-components/docs/api-report.md +++ b/packages/web-components/docs/api-report.md @@ -5,20 +5,19 @@ ```ts import { Accordion } from '@microsoft/fast-foundation'; -import { AccordionItem } from '@microsoft/fast-foundation'; +import { AccordionItemOptions } from '@microsoft/fast-foundation'; import { Anchor as Anchor_2 } from '@microsoft/fast-foundation'; import { AnchoredRegion } from '@microsoft/fast-foundation'; import { Badge as Badge_2 } from '@microsoft/fast-foundation'; -import { BaseProgress } from '@microsoft/fast-foundation'; import { Behavior } from '@microsoft/fast-element'; import { Breadcrumb } from '@microsoft/fast-foundation'; -import { BreadcrumbItem } from '@microsoft/fast-foundation'; +import { BreadcrumbItemOptions } from '@microsoft/fast-foundation'; import { Button as Button_2 } from '@microsoft/fast-foundation'; -import { Checkbox } from '@microsoft/fast-foundation'; +import { CheckboxOptions } from '@microsoft/fast-foundation'; import { ColorRGBA64 } from '@microsoft/fast-colors'; import { Combobox as Combobox_2 } from '@microsoft/fast-foundation'; +import { ComboboxOptions } from '@microsoft/fast-foundation'; import { CSSCustomPropertyBehavior } from '@microsoft/fast-foundation'; -import { CSSDirective } from '@microsoft/fast-element'; import { DataGrid } from '@microsoft/fast-foundation'; import { DataGridCell } from '@microsoft/fast-foundation'; import { DataGridRow } from '@microsoft/fast-foundation'; @@ -28,27 +27,31 @@ import { Direction } from '@microsoft/fast-web-utilities'; import { Divider } from '@microsoft/fast-foundation'; import { ElementStyles } from '@microsoft/fast-element'; import { FASTElement } from '@microsoft/fast-element'; -import { Flipper } from '@microsoft/fast-foundation'; +import { FlipperOptions } from '@microsoft/fast-foundation'; import { HorizontalScroll as HorizontalScroll_2 } from '@microsoft/fast-foundation'; import { Listbox } from '@microsoft/fast-foundation'; import { ListboxOption } from '@microsoft/fast-foundation'; import { Menu } from '@microsoft/fast-foundation'; -import { MenuItem } from '@microsoft/fast-foundation'; +import { MenuItemOptions } from '@microsoft/fast-foundation'; import { NumberField as NumberField_2 } from '@microsoft/fast-foundation'; -import { Radio } from '@microsoft/fast-foundation'; +import { NumberFieldOptions } from '@microsoft/fast-foundation'; +import { ProgressOptions } from '@microsoft/fast-foundation'; +import { ProgressRingOptions } from '@microsoft/fast-foundation'; import { RadioGroup } from '@microsoft/fast-foundation'; +import { RadioOptions } from '@microsoft/fast-foundation'; import { Select as Select_2 } from '@microsoft/fast-foundation'; +import { SelectOptions } from '@microsoft/fast-foundation'; import { Skeleton } from '@microsoft/fast-foundation'; -import { Slider } from '@microsoft/fast-foundation'; import { SliderLabel } from '@microsoft/fast-foundation'; -import { Switch } from '@microsoft/fast-foundation'; +import { SliderOptions } from '@microsoft/fast-foundation'; +import { SwitchOptions } from '@microsoft/fast-foundation'; import { Tab } from '@microsoft/fast-foundation'; import { TabPanel } from '@microsoft/fast-foundation'; import { Tabs } from '@microsoft/fast-foundation'; import { TextArea as TextArea_2 } from '@microsoft/fast-foundation'; import { TextField as TextField_2 } from '@microsoft/fast-foundation'; import { Tooltip as Tooltip_2 } from '@microsoft/fast-foundation'; -import { TreeItem } from '@microsoft/fast-foundation'; +import { TreeItemOptions } from '@microsoft/fast-foundation'; import { TreeView } from '@microsoft/fast-foundation'; // Warning: (ae-internal-missing-underscore) The name "AccentButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal @@ -501,7 +504,7 @@ export const fluentAccordion: (overrideDefinition?: import("@microsoft/fast-foun }, typeof Accordion>; // @public -export const fluentAccordionItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry; +export const fluentAccordionItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; // Warning: (ae-incompatible-release-tags) The symbol "fluentAnchor" is marked as @public, but its signature references "Anchor" which is marked as @internal // @@ -558,7 +561,7 @@ export const fluentBreadcrumb: (overrideDefinition?: import("@microsoft/fast-fou }, typeof Breadcrumb>; // @public -export const fluentBreadcrumbItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry; +export const fluentBreadcrumbItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; // Warning: (ae-incompatible-release-tags) The symbol "fluentButton" is marked as @public, but its signature references "Button" which is marked as @internal // @@ -589,12 +592,10 @@ export class FluentCard extends FluentDesignSystemProvider { } // @public -export const fluentCheckbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry; +export const fluentCheckbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; -// Warning: (ae-incompatible-release-tags) The symbol "fluentCombobox" is marked as @public, but its signature references "Combobox" which is marked as @internal -// // @public -export const fluentCombobox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry; +export const fluentCombobox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; // @public export const fluentDataGrid: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{ @@ -811,7 +812,7 @@ export const fluentDivider: (overrideDefinition?: import("@microsoft/fast-founda }, typeof Divider>; // @public -export const fluentFlipper: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry; +export const fluentFlipper: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; // Warning: (ae-incompatible-release-tags) The symbol "fluentHorizontalScroll" is marked as @public, but its signature references "HorizontalScroll" which is marked as @internal // @@ -849,12 +850,10 @@ export const fluentMenu: (overrideDefinition?: import("@microsoft/fast-foundatio }, typeof Menu>; // @public -export const fluentMenuItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry; +export const fluentMenuItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; -// Warning: (ae-incompatible-release-tags) The symbol "fluentNumberField" is marked as @public, but its signature references "NumberField" which is marked as @internal -// // @public -export const fluentNumberField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry; +export const fluentNumberField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; // @public export const fluentOption: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{ @@ -868,21 +867,13 @@ export const fluentOption: (overrideDefinition?: import("@microsoft/fast-foundat }, typeof ListboxOption>; // @public -export const fluentProgress: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry; +export const fluentProgress: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; // @public -export const fluentProgressRing: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{ - baseName: string; - template: (context: any, definition: any) => import("@microsoft/fast-element").ViewTemplate; - styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles; -}> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<{ - baseName: string; - template: (context: any, definition: any) => import("@microsoft/fast-element").ViewTemplate; - styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles; -}, typeof BaseProgress>; +export const fluentProgressRing: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; // @public -export const fluentRadio: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry; +export const fluentRadio: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; // @public export const fluentRadioGroup: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{ @@ -895,10 +886,8 @@ export const fluentRadioGroup: (overrideDefinition?: import("@microsoft/fast-fou styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles; }, typeof RadioGroup>; -// Warning: (ae-incompatible-release-tags) The symbol "fluentSelect" is marked as @public, but its signature references "Select" which is marked as @internal -// // @public -export const fluentSelect: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry; +export const fluentSelect: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; // @public export const fluentSkeleton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{ @@ -912,7 +901,7 @@ export const fluentSkeleton: (overrideDefinition?: import("@microsoft/fast-found }, typeof Skeleton>; // @public -export const fluentSlider: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry; +export const fluentSlider: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; // @public export const fluentSliderLabel: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{ @@ -926,7 +915,7 @@ export const fluentSliderLabel: (overrideDefinition?: import("@microsoft/fast-fo }, typeof SliderLabel>; // @public -export const fluentSwitch: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry; +export const fluentSwitch: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; // @public export const fluentTab: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{ @@ -1013,7 +1002,7 @@ export const fluentTooltip: (overrideDefinition?: import("@microsoft/fast-founda }, typeof Tooltip>; // @public -export const fluentTreeItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry; +export const fluentTreeItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry>; // @public export const fluentTreeView: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{ @@ -1026,10 +1015,8 @@ export const fluentTreeView: (overrideDefinition?: import("@microsoft/fast-found styles: (context: any, definition: any) => import("@microsoft/fast-element").ElementStyles; }, typeof TreeView>; -// Warning: (ae-forgotten-export) The symbol "HeightNumber" needs to be exported by the entry point index.d.ts -// -// @public (undocumented) -export const heightNumber: HeightNumber; +// @public +export const heightNumber: import("@microsoft/fast-element").CSSDirective; // Warning: (ae-internal-missing-underscore) The name "HorizontalScroll" should be prefixed with an underscore because the declaration is marked as @internal // diff --git a/packages/web-components/src/default-palette.ts b/packages/web-components/src/default-palette.ts index 54abd438df7f04..ba340464c54f63 100644 --- a/packages/web-components/src/default-palette.ts +++ b/packages/web-components/src/default-palette.ts @@ -3,194 +3,194 @@ * This file generated by web-components/build/generate-default-palettes.js */ export const neutralPalette: string[] = [ - '#FFFFFF', - '#FCFCFC', - '#FAFAFA', - '#F7F7F7', - '#F5F5F5', - '#F2F2F2', - '#EFEFEF', - '#EDEDED', - '#EAEAEA', - '#E8E8E8', - '#E5E5E5', - '#E2E2E2', - '#E0E0E0', - '#DDDDDD', - '#DBDBDB', - '#D8D8D8', - '#D6D6D6', - '#D3D3D3', - '#D0D0D0', - '#CECECE', - '#CBCBCB', - '#C9C9C9', - '#C6C6C6', - '#C3C3C3', - '#C1C1C1', - '#BEBEBE', - '#BCBCBC', - '#B9B9B9', - '#B6B6B6', - '#B4B4B4', - '#B1B1B1', - '#AFAFAF', - '#ACACAC', - '#A9A9A9', - '#A7A7A7', - '#A4A4A4', - '#A2A2A2', - '#9F9F9F', - '#9D9D9D', - '#9A9A9A', - '#979797', - '#959595', - '#929292', - '#909090', - '#8D8D8D', - '#8A8A8A', - '#888888', - '#858585', - '#838383', - '#808080', - '#7D7D7D', - '#7B7B7B', - '#787878', - '#767676', - '#737373', - '#717171', - '#6E6E6E', - '#6B6B6B', - '#696969', - '#666666', - '#646464', - '#616161', - '#5F5F5F', - '#5C5C5C', - '#5A5A5A', - '#575757', - '#545454', - '#525252', - '#4F4F4F', - '#4D4D4D', - '#4A4A4A', - '#484848', - '#454545', - '#424242', - '#404040', - '#3D3D3D', - '#3B3B3B', - '#383838', - '#363636', - '#333333', - '#313131', - '#2E2E2E', - '#2B2B2B', - '#292929', - '#262626', - '#242424', - '#212121', - '#1E1E1E', - '#1B1B1B', - '#181818', - '#151515', - '#121212', - '#101010', - '#000000', + "#FFFFFF", + "#FCFCFC", + "#FAFAFA", + "#F7F7F7", + "#F5F5F5", + "#F2F2F2", + "#EFEFEF", + "#EDEDED", + "#EAEAEA", + "#E8E8E8", + "#E5E5E5", + "#E2E2E2", + "#E0E0E0", + "#DDDDDD", + "#DBDBDB", + "#D8D8D8", + "#D6D6D6", + "#D3D3D3", + "#D0D0D0", + "#CECECE", + "#CBCBCB", + "#C9C9C9", + "#C6C6C6", + "#C3C3C3", + "#C1C1C1", + "#BEBEBE", + "#BCBCBC", + "#B9B9B9", + "#B6B6B6", + "#B4B4B4", + "#B1B1B1", + "#AFAFAF", + "#ACACAC", + "#A9A9A9", + "#A7A7A7", + "#A4A4A4", + "#A2A2A2", + "#9F9F9F", + "#9D9D9D", + "#9A9A9A", + "#979797", + "#959595", + "#929292", + "#909090", + "#8D8D8D", + "#8A8A8A", + "#888888", + "#858585", + "#838383", + "#808080", + "#7D7D7D", + "#7B7B7B", + "#787878", + "#767676", + "#737373", + "#717171", + "#6E6E6E", + "#6B6B6B", + "#696969", + "#666666", + "#646464", + "#616161", + "#5F5F5F", + "#5C5C5C", + "#5A5A5A", + "#575757", + "#545454", + "#525252", + "#4F4F4F", + "#4D4D4D", + "#4A4A4A", + "#484848", + "#454545", + "#424242", + "#404040", + "#3D3D3D", + "#3B3B3B", + "#383838", + "#363636", + "#333333", + "#313131", + "#2E2E2E", + "#2B2B2B", + "#292929", + "#262626", + "#242424", + "#212121", + "#1E1E1E", + "#1B1B1B", + "#181818", + "#151515", + "#121212", + "#101010", + "#000000" ]; export const accentPalette: string[] = [ - '#FFFFFF', - '#FBFDFE', - '#F6FAFE', - '#F2F8FD', - '#EEF6FC', - '#E9F4FB', - '#E5F1FB', - '#E1EFFA', - '#DCEDF9', - '#D8EAF8', - '#D4E8F8', - '#CFE6F7', - '#CBE4F6', - '#C7E1F6', - '#C2DFF5', - '#BEDDF4', - '#BADAF3', - '#B6D8F3', - '#B1D6F2', - '#ADD4F1', - '#A9D1F0', - '#A4CFF0', - '#A0CDEF', - '#9CCAEE', - '#97C8EE', - '#93C6ED', - '#8FC4EC', - '#8AC1EB', - '#86BFEB', - '#82BDEA', - '#7DBAE9', - '#79B8E8', - '#75B6E8', - '#70B3E7', - '#6CB1E6', - '#68AFE5', - '#63ADE5', - '#5FAAE4', - '#5BA8E3', - '#56A6E3', - '#52A3E2', - '#4EA1E1', - '#499FE0', - '#459DE0', - '#419ADF', - '#3D98DE', - '#3896DD', - '#3493DD', - '#3091DC', - '#2B8FDB', - '#278DDB', - '#238ADA', - '#1E88D9', - '#1A86D8', - '#1683D8', - '#1181D7', - '#0D7FD6', - '#097DD5', - '#047AD5', - '#0078D4', - '#0075CF', - '#0072C9', - '#006FC4', - '#006CBE', - '#0069B9', - '#0066B4', - '#0063AE', - '#0060A9', - '#005CA3', - '#00599E', - '#005699', - '#005393', - '#00508E', - '#004D88', - '#004A83', - '#00477D', - '#004478', - '#004173', - '#003E6D', - '#003B68', - '#003862', - '#00355D', - '#003258', - '#002F52', - '#002B4D', - '#002847', - '#002542', - '#00223C', - '#001F36', - '#001B30', - '#00182B', - '#001525', - '#00121F', - '#000000', + "#FFFFFF", + "#FBFDFE", + "#F6FAFE", + "#F2F8FD", + "#EEF6FC", + "#E9F4FB", + "#E5F1FB", + "#E1EFFA", + "#DCEDF9", + "#D8EAF8", + "#D4E8F8", + "#CFE6F7", + "#CBE4F6", + "#C7E1F6", + "#C2DFF5", + "#BEDDF4", + "#BADAF3", + "#B6D8F3", + "#B1D6F2", + "#ADD4F1", + "#A9D1F0", + "#A4CFF0", + "#A0CDEF", + "#9CCAEE", + "#97C8EE", + "#93C6ED", + "#8FC4EC", + "#8AC1EB", + "#86BFEB", + "#82BDEA", + "#7DBAE9", + "#79B8E8", + "#75B6E8", + "#70B3E7", + "#6CB1E6", + "#68AFE5", + "#63ADE5", + "#5FAAE4", + "#5BA8E3", + "#56A6E3", + "#52A3E2", + "#4EA1E1", + "#499FE0", + "#459DE0", + "#419ADF", + "#3D98DE", + "#3896DD", + "#3493DD", + "#3091DC", + "#2B8FDB", + "#278DDB", + "#238ADA", + "#1E88D9", + "#1A86D8", + "#1683D8", + "#1181D7", + "#0D7FD6", + "#097DD5", + "#047AD5", + "#0078D4", + "#0075CF", + "#0072C9", + "#006FC4", + "#006CBE", + "#0069B9", + "#0066B4", + "#0063AE", + "#0060A9", + "#005CA3", + "#00599E", + "#005699", + "#005393", + "#00508E", + "#004D88", + "#004A83", + "#00477D", + "#004478", + "#004173", + "#003E6D", + "#003B68", + "#003862", + "#00355D", + "#003258", + "#002F52", + "#002B4D", + "#002847", + "#002542", + "#00223C", + "#001F36", + "#001B30", + "#00182B", + "#001525", + "#00121F", + "#000000" ]; From adb6315b5d17f5faccc4613f65494b8e59ef9ae5 Mon Sep 17 00:00:00 2001 From: Brian Heston <47367562+bheston@users.noreply.github.com> Date: Wed, 9 Jun 2021 11:21:58 -0700 Subject: [PATCH 5/5] Change files --- ...eb-components-2355946e-5b33-4f44-8bc5-296ea0523b72.json | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 change/@fluentui-web-components-2355946e-5b33-4f44-8bc5-296ea0523b72.json diff --git a/change/@fluentui-web-components-2355946e-5b33-4f44-8bc5-296ea0523b72.json b/change/@fluentui-web-components-2355946e-5b33-4f44-8bc5-296ea0523b72.json new file mode 100644 index 00000000000000..8bde56cf5f9bff --- /dev/null +++ b/change/@fluentui-web-components-2355946e-5b33-4f44-8bc5-296ea0523b72.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Updated the neutral fill card color recipe to always be lighter or equal to the container, instead of flipping to go darker over white.", + "packageName": "@fluentui/web-components", + "email": "47367562+bheston@users.noreply.github.com", + "dependentChangeType": "patch" +}