feat(version): use custom versioned auro components

AlaskaAirlines · Oct 4, 2024 · e8a46bb · e8a46bb
1 parent abe2451
commit e8a46bb
Show file tree

Hide file tree

Showing 14 changed files with 149 additions and 146 deletions.
diff --git a/demo/api.html b/demo/api.html
@@ -48,7 +48,6 @@
 
     <!-- If additional elements are needed for the demo, add them here. -->
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-combobox@latest/dist/auro-combobox__bundled.js" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/dist/auro-hyperlink__bundled.js" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-popover@latest/dist/auro-popover__bundled.js" type="module"></script>

diff --git a/demo/api.md b/demo/api.md
@@ -8,14 +8,14 @@
 | Attribute | Type      | Description                                      |
 |-----------|-----------|--------------------------------------------------|
 | [md](#md)      | `Boolean` | Sets dialog box to medium style. Adding both md and lg will set the dialog to md for desktop and lg for mobile. |
-| [onDark](#onDark)  | `Boolean` | Sets close icon to white for dark backgrounds    |
 | [sm](#sm)      | `Boolean` | Sets dialog box to small style. Adding both sm and lg will set the dialog to sm for desktop and lg for mobile. |
 
 ## Properties
 
 | Property         | Attribute     | Type          | Default | Description                                      |
 |------------------|---------------|---------------|---------|--------------------------------------------------|
 | [modal](#modal)          | `modal`       | `Boolean`     | false   | Modal dialog restricts the user to take an action (no default close actions) |
+| [onDark](#onDark)         | `onDark`      | `Boolean`     |         | Sets close icon to white for dark backgrounds    |
 | [open](#open)           | `open`        | `Boolean`     |         | Sets state of dialog to open                     |
 | [triggerElement](#triggerElement) |               | `HTMLElement` |         | The element to focus when the dialog is closed. If not set, defaults to the value of document.activeElement when the dialog is opened. |
 | [unformatted](#unformatted)    | `unformatted` | `Boolean`     | false   | Unformatted dialog window, edge-to-edge fill for content |
@@ -733,9 +733,8 @@ The component may be restyled using the following code sample and changing the v
   --ds-auro-dialog-background-color: var(--ds-color-background-primary-100-default, #{$ds-color-background-primary-100-default});
   --ds-auro-dialog-boxshadow-color-one: rgb(0 0 0 / 0.12);
   --ds-auro-dialog-boxshadow-color-two: rgb(0 0 0 / 0.1);
-  --ds-auro-dialog-close-button-color: var(--ds-color-icon-primary-default, #{$ds-color-icon-primary-default});
-  --ds-auro-dialog-overlay-open-background-color: rgb(0 0 0 / 0.2);
   --ds-auro-dialog-overlay-modal-background-color: rgb(0 0 0 / 0.5);
+  --ds-auro-dialog-overlay-open-background-color: rgb(0 0 0 / 0.2);
   --ds-auro-dialog-text-color: var(--ds-color-text-primary-default, #{$ds-color-text-primary-default});
 }
 ```

diff --git a/demo/index.html b/demo/index.html
@@ -51,7 +51,6 @@
 
     <!-- If additional elements are needed for the demo, add them here. -->
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/dist/auro-hyperlink__bundled.js" type="module"></script>
   </body>
 </html>
diff --git a/docs/api.md b/docs/api.md
@@ -5,14 +5,14 @@
 | Attribute | Type      | Description                                      |
 |-----------|-----------|--------------------------------------------------|
 | `md`      | `Boolean` | Sets dialog box to medium style. Adding both md and lg will set the dialog to md for desktop and lg for mobile. |
-| `onDark`  | `Boolean` | Sets close icon to white for dark backgrounds    |
 | `sm`      | `Boolean` | Sets dialog box to small style. Adding both sm and lg will set the dialog to sm for desktop and lg for mobile. |
 
 ## Properties
 
 | Property         | Attribute     | Type          | Default | Description                                      |
 |------------------|---------------|---------------|---------|--------------------------------------------------|
 | `modal`          | `modal`       | `Boolean`     | false   | Modal dialog restricts the user to take an action (no default close actions) |
+| `onDark`         | `onDark`      | `Boolean`     |         | Sets close icon to white for dark backgrounds    |
 | `open`           | `open`        | `Boolean`     |         | Sets state of dialog to open                     |
 | `triggerElement` |               | `HTMLElement` |         | The element to focus when the dialog is closed. If not set, defaults to the value of document.activeElement when the dialog is opened. |
 | `unformatted`    | `unformatted` | `Boolean`     | false   | Unformatted dialog window, edge-to-edge fill for content |

diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -10,4 +10,4 @@ const compat = new FlatCompat({
     recommendedConfig: js.configs.recommended,
     allConfig: js.configs.all
 });
-export default [...compat.extends("@aurodesignsystem/eslint-config")];
+export default [...compat.extends("@aurodesignsystem/eslint-config")];