@aurodesignsystem-dev/auro-icon 0.0.0-pr211.2 → 0.0.0-pr211.4

package/demo/api.md

@@ -9,7 +9,7 @@ auro-icon provides users a way to use the Auro Icons by simply passing in the ca
 
 | Property         | Attribute        | Type      | Default     | Description                                      |
 |------------------|------------------|-----------|-------------|--------------------------------------------------|
-| [appearance](#appearance)     | `appearance`     | `string`  | "'default'" | Defines whether the icon should be light colored for use on dark backgrounds. |
+| [appearance](#appearance)     | `appearance`     | `string`  | "'default'" | Defines whether the button will be on lighter or darker backgrounds. |
 | [ariaHidden](#ariaHidden)     | `ariaHidden`     | `string`  |             | Set aria-hidden value. Default is `true`. Option is `false`. |
 | [category](#category)       | `category`       | `string`  |             | The category of the icon you are looking for. See https://auro.alaskaair.com/icons/usage. |
 | [customColor](#customColor)    | `customColor`    | `boolean` |             | Allows custom color to be set.                   |
@@ -183,8 +183,8 @@ Mono-color icons support the following attributes to illustrate visual state.
 All compatible with `appearance="inverse"` attribute.
 
 <div class="exampleWrapper--ondark">
-  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/onDark.html) -->
-  <!-- The below content is automatically added from ../apiExamples/onDark.html -->
+  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/inverseAppearance.html) -->
+  <!-- The below content is automatically added from ../apiExamples/inverseAppearance.html -->
   <span style="color: var(--ds-basic-color-texticon-inverse)">
     <auro-icon category="interface" name="pin-trip" appearance="inverse"></auro-icon> default<br />
     <auro-icon category="interface" name="pin-trip" appearance="inverse" variant="disabled"></auro-icon> disabled<br />
@@ -195,8 +195,8 @@ All compatible with `appearance="inverse"` attribute.
 </div>
 <auro-accordion alignRight>
   <span slot="trigger">See code</span>
-<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/onDark.html) -->
-<!-- The below code snippet is automatically added from ../apiExamples/onDark.html -->
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=../apiExamples/inverseAppearance.html) -->
+<!-- The below code snippet is automatically added from ../apiExamples/inverseAppearance.html -->
 
 ```html
 <span style="color: var(--ds-basic-color-texticon-inverse)">

package/demo/auro-icon.min.js

@@ -208,7 +208,7 @@ class BaseIcon extends AuroElement {
       },
 
       /**
-       * Defines whether the icon should be light colored for use on dark backgrounds.
+       * Defines whether the button will be on lighter or darker backgrounds.
        * @property {'default', 'inverse'}
        * @default 'default'
        */

package/package.json

@@ -7,7 +7,7 @@
     "================================================================================"
   ],
   "name": "@aurodesignsystem-dev/auro-icon",
-  "version": "0.0.0-pr211.2",
+  "version": "0.0.0-pr211.4",
   "description": "auro-icon HTML custom element",
   "repository": {
     "type": "git",