Skip to content

Commit

Permalink
perf: improve rollup config
Browse files Browse the repository at this point in the history
  • Loading branch information
jordanjones243 committed Nov 5, 2024
1 parent 937e698 commit ba07de6
Show file tree
Hide file tree
Showing 4 changed files with 684 additions and 78 deletions.
46 changes: 23 additions & 23 deletions demo/api.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,29 +7,29 @@

| Attribute | Type | Description |
|-----------|----------|----------------------------------|
| [id](#id) | `String` | Set the unique ID of an element. |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [id](#id) | `String` | Set the unique ID of an element. |

## Properties

| Property | Attribute | Type | Default | Description |
|------------------|------------------|-----------|---------|--------------------------------------------------|
| [arialabel](#arialabel) | `arialabel` | `String` | | Populates the `aria-label` attribute that is used to define a string that labels the current element. Use it in cases where a text label is not visible on the screen. If there is visible text labeling the element, use `aria-labelledby` instead. |
| [arialabelledby](#arialabelledby) | `arialabelledby` | `String` | | Populates the `aria-labelledby` attribute that establishes relationships between objects and their label(s), and its value should be one or more element IDs, which refer to elements that have the text needed for labeling. List multiple element IDs in a space delimited fashion. |
| [autofocus](#autofocus) | `autofocus` | `Boolean` | false | This Boolean attribute lets you specify that the button should have input focus when the page loads, unless overridden by the user |
| [disabled](#disabled) | `disabled` | `Boolean` | false | If set to true button will become disabled and not allow for interactions |
| [fluid](#fluid) | `fluid` | `Boolean` | false | Alters the shape of the button to be full width of its parent container |
| [iconOnly](#iconOnly) | `iconOnly` | `Boolean` | false | If set to true, the button will contain an icon with no additional content |
| [loading](#loading) | `loading` | `Boolean` | false | If set to true button text will be replaced with `auro-loader` and become disabled |
| [onDark](#onDark) | `onDark` | `Boolean` | false | Set value for on-dark version of auro-button |
| [ready](#ready) | `ready` | `Boolean` | false | When false the component API should not be called. |
| [rounded](#rounded) | `rounded` | `Boolean` | false | If set to true, the button will have a rounded shape |
| [secondary](#secondary) | `secondary` | `Boolean` | false | DEPRECATED |
| [slim](#slim) | `slim` | `Boolean` | false | Set value for slim version of auro-button |
| [tertiary](#tertiary) | `tertiary` | `Boolean` | false | DEPRECATED |
| [title](#title) | `title` | `String` | | Sets title attribute. The information is most often shown as a tooltip text when the mouse moves over the element. |
| [type](#type) | `type` | `String` | | The type of the button. Possible values are: `submit`, `reset`, `button` |
| [value](#value) | `value` | `String` | | Defines the value associated with the button which is submitted with the form data. |
| [variant](#variant) | `variant` | `String` | | Sets button variant option. Possible values are: `secondary`, `tertiary` |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [arialabel](#arialabel) | `arialabel` | `String` | | Populates the `aria-label` attribute that is used to define a string that labels the current element. Use it in cases where a text label is not visible on the screen. If there is visible text labeling the element, use `aria-labelledby` instead. |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [arialabelledby](#arialabelledby) | `arialabelledby` | `String` | | Populates the `aria-labelledby` attribute that establishes relationships between objects and their label(s), and its value should be one or more element IDs, which refer to elements that have the text needed for labeling. List multiple element IDs in a space delimited fashion. |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [autofocus](#autofocus) | `autofocus` | `Boolean` | false | This Boolean attribute lets you specify that the button should have input focus when the page loads, unless overridden by the user |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [disabled](#disabled) | `disabled` | `Boolean` | false | If set to true button will become disabled and not allow for interactions |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [fluid](#fluid) | `fluid` | `Boolean` | false | Alters the shape of the button to be full width of its parent container |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [iconOnly](#iconOnly) | `iconOnly` | `Boolean` | false | If set to true, the button will contain an icon with no additional content |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [loading](#loading) | `loading` | `Boolean` | false | If set to true button text will be replaced with `auro-loader` and become disabled |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [onDark](#onDark) | `onDark` | `Boolean` | false | Set value for on-dark version of auro-button |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [ready](#ready) | `ready` | `Boolean` | false | When false the component API should not be called. |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [rounded](#rounded) | `rounded` | `Boolean` | false | If set to true, the button will have a rounded shape |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [secondary](#secondary) | `secondary` | `Boolean` | false | DEPRECATED |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [slim](#slim) | `slim` | `Boolean` | false | Set value for slim version of auro-button |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [tertiary](#tertiary) | `tertiary` | `Boolean` | false | DEPRECATED |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [title](#title) | `title` | `String` | | Sets title attribute. The information is most often shown as a tooltip text when the mouse moves over the element. |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [type](#type) | `type` | `String` | | The type of the button. Possible values are: `submit`, `reset`, `button` |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [value](#value) | `value` | `String` | | Defines the value associated with the button which is submitted with the form data. |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [variant](#variant) | `variant` | `String` | | Sets button variant option. Possible values are: `secondary`, `tertiary` |

## Events

Expand All @@ -42,16 +42,16 @@
| Name | Description |
|--------|-------------------------------------------|
| | Default slot for the text of the button. |
| [icon](#icon) | Slot to provide auro-icon for the button. |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [icon](#icon) | Slot to provide auro-icon for the button. |

## CSS Shadow Parts

| Part | Description |
|----------|----------------------------|
| [button](#button) | Apply CSS to HTML5 button. |
| [icon](#icon) | Apply CSS to icon slot. |
| [loader](#loader) | Apply CSS to auro-loader. |
| [text](#text) | Apply CSS to text slot. |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [button](#button) | Apply CSS to HTML5 button. |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [icon](#icon) | Apply CSS to icon slot. |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [loader](#loader) | Apply CSS to auro-loader. |
#### <a name=""></a>``<a href="#" style="float: right; font-size: 1rem; font-weight: 100;">back to top</a>| [text](#text) | Apply CSS to text slot. |
<!-- AURO-GENERATED-CONTENT:END -->

# API Examples
Expand Down
Loading

0 comments on commit ba07de6

Please sign in to comment.