Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
3 changes: 1 addition & 2 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
{
"cSpell.words": [
"csspart",
"ondark"
"csspart"
]
}
4 changes: 4 additions & 0 deletions apiExamples/disabledInverseAppearance.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
<auro-button disabled appearance="inverse">Primary</auro-button>
<auro-button variant="secondary" disabled appearance="inverse">Secondary</auro-button>
<auro-button variant="tertiary" disabled appearance="inverse">Tertiary</auro-button>
<auro-button variant="ghost" disabled appearance="inverse">Ghost</auro-button>
4 changes: 0 additions & 4 deletions apiExamples/disabledOnDark.html

This file was deleted.

21 changes: 21 additions & 0 deletions apiExamples/inverseAppearance.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@

<auro-button appearance="inverse">Primary</auro-button>
<auro-button variant="secondary" appearance="inverse">Secondary</auro-button>
<auro-button variant="tertiary" appearance="inverse">Tertiary</auro-button>
<auro-button variant="ghost" appearance="inverse">Ghost</auro-button>

<br /><br/>

<auro-button appearance="inverse" shape="circle" size="xl"><auro-icon customColor category="interface" name="heart-filled"></auro-icon></auro-button>
<auro-button appearance="inverse" shape="circle" size="lg" variant="secondary"><auro-icon customColor category="interface" name="heart-filled"></auro-icon></auro-button>
<auro-button appearance="inverse" shape="circle" size="md" variant="tertiary"><auro-icon customColor category="interface" name="heart-filled"></auro-icon></auro-button>
<auro-button appearance="inverse" shape="circle" size="sm" variant="ghost"><auro-icon customColor category="interface" name="heart-filled"></auro-icon></auro-button>
<auro-button appearance="inverse" shape="circle" size="xs" variant="flat"><auro-icon customColor category="interface" name="heart-filled"></auro-icon></auro-button>

<br /><br/>

<auro-button appearance="inverse" shape="square" size="xl"><auro-icon customColor category="interface" name="heart-filled"></auro-icon></auro-button>
<auro-button appearance="inverse" shape="square" size="lg" variant="secondary"><auro-icon customColor category="interface" name="heart-filled"></auro-icon></auro-button>
<auro-button appearance="inverse" shape="square" size="md" variant="tertiary"><auro-icon customColor category="interface" name="heart-filled"></auro-icon></auro-button>
<auro-button appearance="inverse" shape="square" size="sm" variant="ghost"><auro-icon customColor category="interface" name="heart-filled"></auro-icon></auro-button>
<auro-button appearance="inverse" shape="square" size="xs" variant="flat"><auro-icon customColor category="interface" name="heart-filled"></auro-icon></auro-button>
4 changes: 4 additions & 0 deletions apiExamples/loadingInverseAppearance.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
<auro-button appearance="inverse" loading>Primary</auro-button>
<auro-button variant="secondary" appearance="inverse" loading>Secondary</auro-button>
<auro-button variant="tertiary" appearance="inverse" loading>Tertiary</auro-button>
<auro-button variant="ghost" appearance="inverse" loading>Ghost</auro-button>
4 changes: 0 additions & 4 deletions apiExamples/loadingOnDark.html

This file was deleted.

21 changes: 0 additions & 21 deletions apiExamples/onDark.html

This file was deleted.

4 changes: 2 additions & 2 deletions apiExamples/shape.html
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<auro-button shape="rounded">Rounded Button</auro-button>
<auro-button shape="pill">Pill Button</auro-button>
<auro-button shape="circle">
<auro-icon customcolor category="interface" name="account-filled" ondark="true"></auro-icon>
<auro-icon customcolor category="interface" name="account-filled" appearance="inverse"></auro-icon>
</auro-button>
<auro-button shape="square">
<auro-icon customcolor category="interface" name="account-filled" ondark="true"></auro-icon>
<auro-icon customcolor category="interface" name="account-filled" appearance="inverse"></auro-icon>
</auro-button>
3 changes: 3 additions & 0 deletions apiExamples/staticInverseAppearance.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
<auro-button static appearance="inverse">Static Primary Button</auro-button>
<auro-button static variant="secondary" appearance="inverse">Static Secondary Button</auro-button>
<auro-button static variant="tertiary" appearance="inverse">Static Tertiary Button</auro-button>
3 changes: 0 additions & 3 deletions apiExamples/staticOnDark.html

This file was deleted.

Loading
Loading