Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: correct anchor and button stylesheets #3308

Merged
merged 6 commits into from
Jun 15, 2020
Merged

fix: correct anchor and button stylesheets #3308

Show file tree
Hide file tree
Changes from 5 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
9f445e2
API docs
nicholasrice Jun 15, 2020
a8e55e0
update fast-components button styles
nicholasrice Jun 15, 2020
9064830
fix msft package
nicholasrice Jun 15, 2020
fc5b235
Merge branch 'master' into users/nirice/correct-element-styles
nicholasrice Jun 15, 2020
67b8758
API report
nicholasrice Jun 15, 2020
94e09ae
Merge branch 'master' into users/nirice/correct-element-styles
nicholasrice Jun 15, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
225 changes: 225 additions & 0 deletions packages/web-components/fast-components-msft/docs/api-report.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,9 +29,85 @@ import { Tabs } from '@microsoft/fast-foundation';
import { TextArea } from '@microsoft/fast-foundation';
import { TextField } 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
//
// @internal (undocumented)
export const AccentButtonStyles: import("@microsoft/fast-element").ElementStyles;

// @public (undocumented)
export const accentFillActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillLargeActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillLargeFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillLargeHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillLargeRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillLargeSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentFillSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundCutRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundLargeActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundLargeFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundLargeHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundLargeRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const accentForegroundRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public
export const ambientShadow = "0 0 calc((var(--elevation) * 0.225px) + 2px) rgba(0, 0, 0, calc(.11 * (2 - var(--background-luminance, 1))))";

// @public (undocumented)
export type BadgeAppearance = "accent" | "lightweight" | "neutral" | string;

// Warning: (ae-internal-missing-underscore) The name "BaseButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const BaseButtonStyles: import("@microsoft/fast-element").ElementStyles;

// @public (undocumented)
export const directionalShadow = "0 calc(var(--elevation) * 0.4px) calc((var(--elevation) * 0.9px)) rgba(0, 0, 0, calc(.13 * (2 - var(--background-luminance, 1))))";

// @public (undocumented)
export const elevation: string;

// @public (undocumented)
export class FASTAccordion extends Accordion {
}
Expand Down Expand Up @@ -262,6 +338,155 @@ export class FASTTextArea extends TextArea {
export class FASTTextField extends TextField {
}

// @public (undocumented)
export const heightNumber = "(var(--base-height-multiplier) + var(--density)) * var(--design-unit)";

// Warning: (ae-internal-missing-underscore) The name "HypertextStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const HypertextStyles: import("@microsoft/fast-element").ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "LightweightButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const LightweightButtonStyles: import("@microsoft/fast-element").ElementStyles;

// @public (undocumented)
export const neutralDividerRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillCardRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillInputActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillInputFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillInputHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillInputRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillStealthActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillStealthFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillStealthHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillStealthRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillStealthSelectedBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillToggleActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillToggleFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillToggleHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFillToggleRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralFocusInnerAccentBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralForegroundActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralForegroundFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralForegroundHintBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralForegroundHintLargeBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralForegroundHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralForegroundRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralForegroundToggleBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralForegroundToggleLargeBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralLayerCardBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralLayerCardContainerBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralLayerFloatingBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralLayerL1AltBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralLayerL1Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralLayerL2Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralLayerL3Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralLayerL4Behavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralOutlineActiveBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralOutlineFocusBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralOutlineHoverBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// @public (undocumented)
export const neutralOutlineRestBehavior: import("@microsoft/fast-foundation").CSSCustomPropertyBehavior;

// Warning: (ae-internal-missing-underscore) The name "OutlineButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const OutlineButtonStyles: import("@microsoft/fast-element").ElementStyles;

// Warning: (ae-internal-missing-underscore) The name "StealthButtonStyles" should be prefixed with an underscore because the declaration is marked as @internal
//
// @internal (undocumented)
export const StealthButtonStyles: import("@microsoft/fast-element").ElementStyles;


// (No @packageDocumentation comment for this package)

Expand Down
3 changes: 2 additions & 1 deletion packages/web-components/fast-components-msft/src/anchor/fixtures/anchor.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,8 @@ <h4>Hypertext</h4>
<fast-anchor href="#" appearance="hypertext">Anchor</fast-anchor>
<br/>
<fast-anchor appearance="hypertext">Anchor (no href)</fast-anchor>

<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt ut aliquam quas quod ipsam cupiditate, voluptate, corrupti <fast-anchor appearance="hypertext" href="#">doloremque totam</fast-anchor> dicta perspiciatis commodi consequatur reprehenderit laborum aliquid minima. Neque, recusandae. Adipisci.</p>

<h4>Lightweight</h4>
<fast-anchor href="#" appearance="lightweight">Anchor</fast-anchor>

Expand Down
Loading