@aurodesignsystem-dev/auro-alert 0.0.0-pr110.1 → 0.0.0-pr111.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/api.md +3 -1
- package/demo/auro-alert.min.js +4 -1
- package/dist/index.d.ts +11 -11
- package/package.json +4 -4
package/demo/api.md
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/api.md) -->
|
|
2
2
|
<!-- The below content is automatically added from ./../docs/api.md -->
|
|
3
3
|
|
|
4
|
-
# auro-alert
|
|
4
|
+
# auro-alert
|
|
5
|
+
|
|
6
|
+
The `auro-alert` element is used to provide contextual feedback messages for typical user actions.
|
|
5
7
|
|
|
6
8
|
### Properties & Attributes
|
|
7
9
|
|
package/demo/auro-alert.min.js
CHANGED
|
@@ -244,11 +244,14 @@ var styleCss = i$3`.util_displayInline{display:inline}.util_displayInlineBlock{d
|
|
|
244
244
|
var tokensCss = i$3`:host{--ds-auro-alert-border-color: var(--ds-basic-color-status-default, #afb9c6);--ds-auro-alert-container-color: var(--ds-basic-color-surface-default, #ffffff);--ds-auro-alert-icon-color: transparent;--ds-auro-alert-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}
|
|
245
245
|
`;
|
|
246
246
|
|
|
247
|
-
// Copyright (c)
|
|
247
|
+
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
248
248
|
// See LICENSE in the project root for license information.
|
|
249
249
|
|
|
250
250
|
|
|
251
251
|
/**
|
|
252
|
+
* The `auro-alert` element is used to provide contextual feedback messages for typical user actions.
|
|
253
|
+
* @customElement auro-alert
|
|
254
|
+
*
|
|
252
255
|
* @slot - Provide text for the alert. If using multiple lines, separate each line with `<p>` tags.
|
|
253
256
|
* @csspart alert - Use for customizing the style of the alert container
|
|
254
257
|
* @csspart alert-content - Use for customizing the style of the alert content
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
import type {
|
|
2
|
+
import type { AuroAlert } from "src/auro-alert.js";
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* This type can be used to create scoped tags for your components.
|
|
@@ -80,21 +80,21 @@ type BaseEvents = {
|
|
|
80
80
|
|
|
81
81
|
|
|
82
82
|
|
|
83
|
-
export type
|
|
83
|
+
export type AuroAlertProps = {
|
|
84
84
|
/** If present, the component will be hidden both visually and from screen readers */
|
|
85
|
-
"hidden"?:
|
|
85
|
+
"hidden"?: AuroAlert['hidden'];
|
|
86
86
|
/** If present, the component will be hidden from screen readers, but seen visually */
|
|
87
|
-
"hiddenAudible"?:
|
|
87
|
+
"hiddenAudible"?: AuroAlert['hiddenAudible'];
|
|
88
88
|
/** If present, the component will be hidden visually, but still read by screen readers */
|
|
89
|
-
"hiddenVisually"?:
|
|
89
|
+
"hiddenVisually"?: AuroAlert['hiddenVisually'];
|
|
90
90
|
/** */
|
|
91
|
-
"iconTag"?:
|
|
91
|
+
"iconTag"?: AuroAlert['iconTag'];
|
|
92
92
|
/** Removes icon from alert UI when `type` attribute is set */
|
|
93
|
-
"noIcon"?:
|
|
93
|
+
"noIcon"?: AuroAlert['noIcon'];
|
|
94
94
|
/** */
|
|
95
|
-
"role"?:
|
|
95
|
+
"role"?: AuroAlert['role'];
|
|
96
96
|
/** Component will render visually based on which type value is set */
|
|
97
|
-
"type"?:
|
|
97
|
+
"type"?: AuroAlert['type'];
|
|
98
98
|
|
|
99
99
|
|
|
100
100
|
}
|
|
@@ -103,7 +103,7 @@ export type AuroAlertWCAProps = {
|
|
|
103
103
|
|
|
104
104
|
|
|
105
105
|
/**
|
|
106
|
-
*
|
|
106
|
+
* The `auro-alert` element is used to provide contextual feedback messages for typical user actions.
|
|
107
107
|
*
|
|
108
108
|
* ## Attributes & Properties
|
|
109
109
|
*
|
|
@@ -136,7 +136,7 @@ export type AuroAlertWCAProps = {
|
|
|
136
136
|
* - `alert`: Use for customizing the style of the alert container
|
|
137
137
|
* - `alert-content`: Use for customizing the style of the alert content
|
|
138
138
|
*/
|
|
139
|
-
"auro-alert": Partial<
|
|
139
|
+
"auro-alert": Partial<AuroAlertProps & BaseProps<AuroAlert> & BaseEvents>;
|
|
140
140
|
}
|
|
141
141
|
|
|
142
142
|
export type CustomCssProperties = {
|
package/package.json
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
"================================================================================"
|
|
9
9
|
],
|
|
10
10
|
"name": "@aurodesignsystem-dev/auro-alert",
|
|
11
|
-
"version": "0.0.0-
|
|
11
|
+
"version": "0.0.0-pr111.0",
|
|
12
12
|
"description": "auro-alert HTML custom element",
|
|
13
13
|
"repository": {
|
|
14
14
|
"type": "git",
|
|
@@ -22,14 +22,14 @@
|
|
|
22
22
|
"node": ">=20"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"lit": "^3.3.
|
|
25
|
+
"lit": "^3.3.2"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@aurodesignsystem/auro-cli": "^3.
|
|
28
|
+
"@aurodesignsystem/auro-cli": "^3.5.1",
|
|
29
29
|
"@aurodesignsystem/auro-config": "^1.3.1",
|
|
30
30
|
"@aurodesignsystem/auro-icon": "^9.1.1",
|
|
31
31
|
"@aurodesignsystem/auro-library": "^5.5.4",
|
|
32
|
-
"@aurodesignsystem/design-tokens": "^8.
|
|
32
|
+
"@aurodesignsystem/design-tokens": "^8.12.1",
|
|
33
33
|
"@aurodesignsystem/webcorestylesheets": "^10.1.4",
|
|
34
34
|
"husky": "^9.1.7"
|
|
35
35
|
},
|