New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@spectrum-css/inlinealert

Package Overview
Dependencies
Maintainers
4
Versions
159
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@spectrum-css/inlinealert - npm Package Compare versions

Comparing version

to
7.0.25

611

CHANGELOG.md

@@ -6,14 +6,21 @@ # Change Log

<a name="7.0.24"></a>
## 7.0.24
🗓 2023-05-23 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.23...@spectrum-css/inlinealert@7.0.24)
<a name="7.0.25"></a>
##7.0.25
🗓
2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.24...@spectrum-css/inlinealert@7.0.25)
**Note:** Version bump only for package @spectrum-css/inlinealert
<a name="7.0.24"></a>
## 7.0.24
🗓 2023-05-23 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.23...@spectrum-css/inlinealert@7.0.24)
**Note:** Version bump only for package @spectrum-css/inlinealert
<a name="7.0.23"></a>
## 7.0.23
🗓 2023-05-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.22...@spectrum-css/inlinealert@7.0.23)

@@ -23,8 +30,6 @@

<a name="7.0.22"></a>
## 7.0.22
<a name="7.0.22"></a>
## 7.0.22
🗓 2023-05-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.21...@spectrum-css/inlinealert@7.0.22)

@@ -34,8 +39,6 @@

<a name="7.0.21"></a>
## 7.0.21
<a name="7.0.21"></a>
## 7.0.21
🗓 2023-05-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.20...@spectrum-css/inlinealert@7.0.21)

@@ -45,8 +48,6 @@

<a name="7.0.20"></a>
## 7.0.20
<a name="7.0.20"></a>
## 7.0.20
🗓 2023-05-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.19...@spectrum-css/inlinealert@7.0.20)

@@ -56,8 +57,6 @@

<a name="7.0.19"></a>
## 7.0.19
<a name="7.0.19"></a>
## 7.0.19
🗓 2023-05-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.18...@spectrum-css/inlinealert@7.0.19)

@@ -67,8 +66,6 @@

<a name="7.0.18"></a>
## 7.0.18
<a name="7.0.18"></a>
## 7.0.18
🗓 2023-05-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.17...@spectrum-css/inlinealert@7.0.18)

@@ -78,8 +75,6 @@

<a name="7.0.17"></a>
## 7.0.17
<a name="7.0.17"></a>
## 7.0.17
🗓 2023-05-08 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.16...@spectrum-css/inlinealert@7.0.17)

@@ -89,8 +84,6 @@

<a name="7.0.16"></a>
## 7.0.16
<a name="7.0.16"></a>
## 7.0.16
🗓 2023-05-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.15...@spectrum-css/inlinealert@7.0.16)

@@ -100,8 +93,6 @@

<a name="7.0.15"></a>
## 7.0.15
<a name="7.0.15"></a>
## 7.0.15
🗓 2023-05-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.14...@spectrum-css/inlinealert@7.0.15)

@@ -111,8 +102,6 @@

<a name="7.0.14"></a>
## 7.0.14
<a name="7.0.14"></a>
## 7.0.14
🗓 2023-04-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.13...@spectrum-css/inlinealert@7.0.14)

@@ -122,8 +111,6 @@

<a name="7.0.13"></a>
## 7.0.13
<a name="7.0.13"></a>
## 7.0.13
🗓 2023-04-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.11...@spectrum-css/inlinealert@7.0.13)

@@ -133,8 +120,6 @@

<a name="7.0.12"></a>
## 7.0.12
<a name="7.0.12"></a>
## 7.0.12
🗓 2023-04-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.11...@spectrum-css/inlinealert@7.0.12)

@@ -144,8 +129,6 @@

<a name="7.0.11"></a>
## 7.0.11
<a name="7.0.11"></a>
## 7.0.11
🗓 2023-04-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.10...@spectrum-css/inlinealert@7.0.11)

@@ -155,8 +138,6 @@

<a name="7.0.10"></a>
## 7.0.10
<a name="7.0.10"></a>
## 7.0.10
🗓 2023-04-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.9...@spectrum-css/inlinealert@7.0.10)

@@ -166,8 +147,6 @@

<a name="7.0.9"></a>
## 7.0.9
<a name="7.0.9"></a>
## 7.0.9
🗓 2023-04-20 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.8...@spectrum-css/inlinealert@7.0.9)

@@ -177,8 +156,6 @@

<a name="7.0.8"></a>
## 7.0.8
<a name="7.0.8"></a>
## 7.0.8
🗓 2023-04-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.7...@spectrum-css/inlinealert@7.0.8)

@@ -188,8 +165,6 @@

<a name="7.0.7"></a>
## 7.0.7
<a name="7.0.7"></a>
## 7.0.7
🗓 2023-04-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.5...@spectrum-css/inlinealert@7.0.7)

@@ -199,8 +174,6 @@

<a name="7.0.6"></a>
## 7.0.6
<a name="7.0.6"></a>
## 7.0.6
🗓 2023-04-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.5...@spectrum-css/inlinealert@7.0.6)

@@ -210,8 +183,6 @@

<a name="7.0.5"></a>
## 7.0.5
<a name="7.0.5"></a>
## 7.0.5
🗓 2023-04-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.4...@spectrum-css/inlinealert@7.0.5)

@@ -221,8 +192,6 @@

<a name="7.0.4"></a>
## 7.0.4
<a name="7.0.4"></a>
## 7.0.4
🗓 2023-04-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.3...@spectrum-css/inlinealert@7.0.4)

@@ -232,8 +201,6 @@

<a name="7.0.3"></a>
## 7.0.3
<a name="7.0.3"></a>
## 7.0.3
🗓 2023-04-06 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.1...@spectrum-css/inlinealert@7.0.3)

@@ -243,8 +210,6 @@

<a name="7.0.2"></a>
## 7.0.2
<a name="7.0.2"></a>
## 7.0.2
🗓 2023-04-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.1...@spectrum-css/inlinealert@7.0.2)

@@ -254,8 +219,6 @@

<a name="7.0.1"></a>
## 7.0.1
<a name="7.0.1"></a>
## 7.0.1
🗓 2023-04-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@7.0.0...@spectrum-css/inlinealert@7.0.1)

@@ -265,23 +228,18 @@

<a name="7.0.0"></a>
# 7.0.0
<a name="7.0.0"></a>
# 7.0.0
🗓 2023-03-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@6.0.11...@spectrum-css/inlinealert@7.0.0)
* feat(inlinealert)!: updates tokens (#1695) ([e2960f4](https://github.com/adobe/spectrum-css/commit/e2960f4)), closes [#1695](https://github.com/adobe/spectrum-css/issues/1695)
- feat(inlinealert)!: updates tokens (#1695) ([e2960f4](https://github.com/adobe/spectrum-css/commit/e2960f4)), closes [#1695](https://github.com/adobe/spectrum-css/issues/1695)
### 🛑 BREAKING CHANGES
* migrates In-Line Alert to the new tokens system.
- migrates In-Line Alert to the new tokens system.
<a name="6.0.11"></a>
## 6.0.11
<a name="6.0.11"></a>
## 6.0.11
🗓 2023-03-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@6.0.10...@spectrum-css/inlinealert@6.0.11)

@@ -291,8 +249,6 @@

<a name="6.0.10"></a>
## 6.0.10
<a name="6.0.10"></a>
## 6.0.10
🗓 2023-03-27 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@6.0.9...@spectrum-css/inlinealert@6.0.10)

@@ -302,8 +258,6 @@

<a name="6.0.9"></a>
## 6.0.9
<a name="6.0.9"></a>
## 6.0.9
🗓 2023-03-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@6.0.8...@spectrum-css/inlinealert@6.0.9)

@@ -313,8 +267,6 @@

<a name="6.0.8"></a>
## 6.0.8
<a name="6.0.8"></a>
## 6.0.8
🗓 2023-03-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@6.0.7...@spectrum-css/inlinealert@6.0.8)

@@ -324,8 +276,6 @@

<a name="6.0.7"></a>
## 6.0.7
<a name="6.0.7"></a>
## 6.0.7
🗓 2023-03-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@6.0.6...@spectrum-css/inlinealert@6.0.7)

@@ -335,8 +285,6 @@

<a name="6.0.6"></a>
## 6.0.6
<a name="6.0.6"></a>
## 6.0.6
🗓 2023-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@6.0.5...@spectrum-css/inlinealert@6.0.6)

@@ -346,8 +294,6 @@

<a name="6.0.5"></a>
## 6.0.5
<a name="6.0.5"></a>
## 6.0.5
🗓 2023-03-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@6.0.4...@spectrum-css/inlinealert@6.0.5)

@@ -357,8 +303,6 @@

<a name="6.0.4"></a>
## 6.0.4
<a name="6.0.4"></a>
## 6.0.4
🗓 2023-02-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@6.0.3...@spectrum-css/inlinealert@6.0.4)

@@ -368,8 +312,6 @@

<a name="6.0.3"></a>
## 6.0.3
<a name="6.0.3"></a>
## 6.0.3
🗓 2023-02-24 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@6.0.2...@spectrum-css/inlinealert@6.0.3)

@@ -379,8 +321,6 @@

<a name="6.0.2"></a>
## 6.0.2
<a name="6.0.2"></a>
## 6.0.2
🗓 2023-02-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@6.0.1...@spectrum-css/inlinealert@6.0.2)

@@ -390,10 +330,8 @@

* **inlinealert:** correct spectrum theme capitalization ([#1615](https://github.com/adobe/spectrum-css/issues/1615)) ([8659820](https://github.com/adobe/spectrum-css/commit/8659820))
- **inlinealert:** correct spectrum theme capitalization ([#1615](https://github.com/adobe/spectrum-css/issues/1615)) ([8659820](https://github.com/adobe/spectrum-css/commit/8659820))
<a name="6.0.1"></a>
## 6.0.1
<a name="6.0.1"></a>
## 6.0.1
🗓 2023-02-06 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@6.0.0...@spectrum-css/inlinealert@6.0.1)

@@ -403,23 +341,18 @@

<a name="6.0.0"></a>
# 6.0.0
<a name="6.0.0"></a>
# 6.0.0
🗓 2023-02-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.16...@spectrum-css/inlinealert@6.0.0)
* chore(tokens)!: use latest dependency & fix build error (#1591) ([f2532e7](https://github.com/adobe/spectrum-css/commit/f2532e7)), closes [#1591](https://github.com/adobe/spectrum-css/issues/1591)
- chore(tokens)!: use latest dependency & fix build error (#1591) ([f2532e7](https://github.com/adobe/spectrum-css/commit/f2532e7)), closes [#1591](https://github.com/adobe/spectrum-css/issues/1591)
### 🛑 BREAKING CHANGES
* uses latest `@adobe/spectrum-tokens` dependency which includes token renames
- uses latest `@adobe/spectrum-tokens` dependency which includes token renames
<a name="5.0.16"></a>
## 5.0.16
<a name="5.0.16"></a>
## 5.0.16
🗓 2023-02-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.15...@spectrum-css/inlinealert@5.0.16)

@@ -429,8 +362,6 @@

<a name="5.0.15"></a>
## 5.0.15
<a name="5.0.15"></a>
## 5.0.15
🗓 2023-01-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.14...@spectrum-css/inlinealert@5.0.15)

@@ -440,10 +371,8 @@

* **inlinealert:** typo for --mod-inlinealert-spacing-header-content-button variable ([#1598](https://github.com/adobe/spectrum-css/issues/1598)) ([b1bd411](https://github.com/adobe/spectrum-css/commit/b1bd411))
- **inlinealert:** typo for --mod-inlinealert-spacing-header-content-button variable ([#1598](https://github.com/adobe/spectrum-css/issues/1598)) ([b1bd411](https://github.com/adobe/spectrum-css/commit/b1bd411))
<a name="5.0.14"></a>
## 5.0.14
<a name="5.0.14"></a>
## 5.0.14
🗓 2023-01-27 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.13...@spectrum-css/inlinealert@5.0.14)

@@ -453,8 +382,6 @@

<a name="5.0.13"></a>
## 5.0.13
<a name="5.0.13"></a>
## 5.0.13
🗓 2023-01-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.12...@spectrum-css/inlinealert@5.0.13)

@@ -464,8 +391,6 @@

<a name="5.0.12"></a>
## 5.0.12
<a name="5.0.12"></a>
## 5.0.12
🗓 2023-01-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.10...@spectrum-css/inlinealert@5.0.12)

@@ -475,8 +400,6 @@

<a name="5.0.11"></a>
## 5.0.11
<a name="5.0.11"></a>
## 5.0.11
🗓 2023-01-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.10...@spectrum-css/inlinealert@5.0.11)

@@ -486,8 +409,6 @@

<a name="5.0.10"></a>
## 5.0.10
<a name="5.0.10"></a>
## 5.0.10
🗓 2023-01-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.9...@spectrum-css/inlinealert@5.0.10)

@@ -497,8 +418,6 @@

<a name="5.0.9"></a>
## 5.0.9
<a name="5.0.9"></a>
## 5.0.9
🗓 2022-12-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.8...@spectrum-css/inlinealert@5.0.9)

@@ -508,8 +427,6 @@

<a name="5.0.8"></a>
## 5.0.8
<a name="5.0.8"></a>
## 5.0.8
🗓 2022-12-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.7...@spectrum-css/inlinealert@5.0.8)

@@ -519,8 +436,6 @@

<a name="5.0.7"></a>
## 5.0.7
<a name="5.0.7"></a>
## 5.0.7
🗓 2022-12-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.5...@spectrum-css/inlinealert@5.0.7)

@@ -530,8 +445,6 @@

<a name="5.0.6"></a>
## 5.0.6
<a name="5.0.6"></a>
## 5.0.6
🗓 2022-12-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.5...@spectrum-css/inlinealert@5.0.6)

@@ -541,8 +454,6 @@

<a name="5.0.5"></a>
## 5.0.5
<a name="5.0.5"></a>
## 5.0.5
🗓 2022-12-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.4...@spectrum-css/inlinealert@5.0.5)

@@ -552,8 +463,6 @@

<a name="5.0.4"></a>
## 5.0.4
<a name="5.0.4"></a>
## 5.0.4
🗓 2022-11-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.3...@spectrum-css/inlinealert@5.0.4)

@@ -563,8 +472,6 @@

<a name="5.0.3"></a>
## 5.0.3
<a name="5.0.3"></a>
## 5.0.3
🗓 2022-11-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.2...@spectrum-css/inlinealert@5.0.3)

@@ -574,8 +481,6 @@

<a name="5.0.2"></a>
## 5.0.2
<a name="5.0.2"></a>
## 5.0.2
🗓 2022-11-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.1...@spectrum-css/inlinealert@5.0.2)

@@ -585,8 +490,6 @@

<a name="5.0.1"></a>
## 5.0.1
<a name="5.0.1"></a>
## 5.0.1
🗓 2022-10-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@5.0.0...@spectrum-css/inlinealert@5.0.1)

@@ -596,25 +499,20 @@

<a name="5.0.0"></a>
# 5.0.0
<a name="5.0.0"></a>
# 5.0.0
🗓 2022-10-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.13...@spectrum-css/inlinealert@5.0.0)
* refactor(inlinealert)!: migrate to core tokens (#1519) ([a4d72ad](https://github.com/adobe/spectrum-css/commit/a4d72ad)), closes [#1519](https://github.com/adobe/spectrum-css/issues/1519)
- refactor(inlinealert)!: migrate to core tokens (#1519) ([a4d72ad](https://github.com/adobe/spectrum-css/commit/a4d72ad)), closes [#1519](https://github.com/adobe/spectrum-css/issues/1519)
### 🛑 BREAKING CHANGES
* migrates InlineAlert to core tokens
- migrates InlineAlert to core tokens
Co-authored-by: Patrick Fulton <pfulton@adobe.com>
<a name="4.0.13"></a>
## 4.0.13
<a name="4.0.13"></a>
## 4.0.13
🗓 2022-06-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.12...@spectrum-css/inlinealert@4.0.13)

@@ -624,8 +522,6 @@

<a name="4.0.12"></a>
## 4.0.12
<a name="4.0.12"></a>
## 4.0.12
🗓 2022-06-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.11...@spectrum-css/inlinealert@4.0.12)

@@ -635,8 +531,6 @@

<a name="4.0.11"></a>
## 4.0.11
<a name="4.0.11"></a>
## 4.0.11
🗓 2022-05-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.10...@spectrum-css/inlinealert@4.0.11)

@@ -646,8 +540,6 @@

<a name="4.0.10"></a>
## 4.0.10
<a name="4.0.10"></a>
## 4.0.10
🗓 2022-04-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.9...@spectrum-css/inlinealert@4.0.10)

@@ -657,8 +549,6 @@

<a name="4.0.9"></a>
## 4.0.9
<a name="4.0.9"></a>
## 4.0.9
🗓 2022-04-08 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.8...@spectrum-css/inlinealert@4.0.9)

@@ -668,8 +558,6 @@

<a name="4.0.8"></a>
## 4.0.8
<a name="4.0.8"></a>
## 4.0.8
🗓 2022-03-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.7...@spectrum-css/inlinealert@4.0.8)

@@ -679,8 +567,6 @@

<a name="4.0.7"></a>
## 4.0.7
<a name="4.0.7"></a>
## 4.0.7
🗓 2022-03-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.6...@spectrum-css/inlinealert@4.0.7)

@@ -690,8 +576,6 @@

<a name="4.0.6"></a>
## 4.0.6
<a name="4.0.6"></a>
## 4.0.6
🗓 2022-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.5...@spectrum-css/inlinealert@4.0.6)

@@ -701,8 +585,6 @@

<a name="4.0.5"></a>
## 4.0.5
<a name="4.0.5"></a>
## 4.0.5
🗓 2022-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.4...@spectrum-css/inlinealert@4.0.5)

@@ -712,8 +594,6 @@

<a name="4.0.4"></a>
## 4.0.4
<a name="4.0.4"></a>
## 4.0.4
🗓 2022-02-23 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.3...@spectrum-css/inlinealert@4.0.4)

@@ -723,8 +603,6 @@

<a name="4.0.3"></a>
## 4.0.3
<a name="4.0.3"></a>
## 4.0.3
🗓 2022-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.2...@spectrum-css/inlinealert@4.0.3)

@@ -734,8 +612,6 @@

<a name="4.0.2"></a>
## 4.0.2
<a name="4.0.2"></a>
## 4.0.2
🗓 2022-02-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.1...@spectrum-css/inlinealert@4.0.2)

@@ -745,8 +621,6 @@

<a name="4.0.1"></a>
## 4.0.1
<a name="4.0.1"></a>
## 4.0.1
🗓 2022-01-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@4.0.0...@spectrum-css/inlinealert@4.0.1)

@@ -756,8 +630,6 @@

<a name="4.0.0"></a>
# 4.0.0
<a name="4.0.0"></a>
# 4.0.0
🗓 2022-01-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@2.0.6...@spectrum-css/inlinealert@4.0.0)

@@ -767,20 +639,16 @@

* update peer dependencies ([97810cf](https://github.com/adobe/spectrum-css/commit/97810cf))
- update peer dependencies ([97810cf](https://github.com/adobe/spectrum-css/commit/97810cf))
### 📚 Documentation
* use new Button markup ([886b2cb](https://github.com/adobe/spectrum-css/commit/886b2cb))
- use new Button markup ([886b2cb](https://github.com/adobe/spectrum-css/commit/886b2cb))
### 🛑 BREAKING CHANGES
* Button markup has changed
- Button markup has changed
<a name="3.0.0"></a>
# 3.0.0
<a name="3.0.0"></a>
# 3.0.0
🗓 2022-01-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@3.0.0-beta.0...@spectrum-css/inlinealert@3.0.0)

@@ -790,8 +658,6 @@

<a name="3.0.0-beta.0"></a>
# 3.0.0-beta.0
<a name="3.0.0-beta.0"></a>
# 3.0.0-beta.0
🗓 2021-12-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@2.0.6...@spectrum-css/inlinealert@3.0.0-beta.0)

@@ -801,15 +667,12 @@

* use new Button markup ([629bf05](https://github.com/adobe/spectrum-css/commit/629bf05))
- use new Button markup ([629bf05](https://github.com/adobe/spectrum-css/commit/629bf05))
### 🛑 BREAKING CHANGES
* Button markup has changed
- Button markup has changed
<a name="2.0.6"></a>
## 2.0.6
<a name="2.0.6"></a>
## 2.0.6
🗓 2021-12-06 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@2.0.5...@spectrum-css/inlinealert@2.0.6)

@@ -819,8 +682,6 @@

<a name="2.0.5"></a>
## 2.0.5
<a name="2.0.5"></a>
## 2.0.5
🗓 2021-11-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@2.0.4...@spectrum-css/inlinealert@2.0.5)

@@ -830,8 +691,6 @@

<a name="2.0.4"></a>
## 2.0.4
<a name="2.0.4"></a>
## 2.0.4
🗓 2021-11-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@2.0.3...@spectrum-css/inlinealert@2.0.4)

@@ -841,8 +700,6 @@

<a name="2.0.3"></a>
## 2.0.3
<a name="2.0.3"></a>
## 2.0.3
🗓 2021-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@2.0.2...@spectrum-css/inlinealert@2.0.3)

@@ -852,8 +709,6 @@

<a name="2.0.2"></a>
## 2.0.2
<a name="2.0.2"></a>
## 2.0.2
🗓 2021-11-08 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@2.0.0-alpha.2...@spectrum-css/inlinealert@2.0.2)

@@ -863,10 +718,8 @@

* updating version number on vars ([f535b49](https://github.com/adobe/spectrum-css/commit/f535b49))
- updating version number on vars ([f535b49](https://github.com/adobe/spectrum-css/commit/f535b49))
<a name="2.0.1"></a>
## 2.0.1
<a name="2.0.1"></a>
## 2.0.1
🗓 2021-10-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@2.0.0-alpha.2...@spectrum-css/inlinealert@2.0.1)

@@ -876,10 +729,8 @@

* updating version number on vars ([f535b49](https://github.com/adobe/spectrum-css/commit/f535b49))
- updating version number on vars ([f535b49](https://github.com/adobe/spectrum-css/commit/f535b49))
<a name="2.0.0"></a>
# 2.0.0
<a name="2.0.0"></a>
# 2.0.0
🗓 2021-09-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@2.0.0-alpha.2...@spectrum-css/inlinealert@2.0.0)

@@ -889,10 +740,8 @@

* updating version number on vars ([f535b49](https://github.com/adobe/spectrum-css/commit/f535b49))
- updating version number on vars ([f535b49](https://github.com/adobe/spectrum-css/commit/f535b49))
<a name="2.0.0-alpha.2"></a>
# 2.0.0-alpha.2
<a name="2.0.0-alpha.2"></a>
# 2.0.0-alpha.2
🗓 2021-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@2.0.0-alpha.1...@spectrum-css/inlinealert@2.0.0-alpha.2)

@@ -902,8 +751,6 @@

<a name="2.0.0-alpha.1"></a>
# 2.0.0-alpha.1
<a name="2.0.0-alpha.1"></a>
# 2.0.0-alpha.1
🗓 2021-06-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@2.0.0-alpha.0...@spectrum-css/inlinealert@2.0.0-alpha.1)

@@ -913,8 +760,6 @@

<a name="2.0.0-alpha.0"></a>
# 2.0.0-alpha.0
<a name="2.0.0-alpha.0"></a>
# 2.0.0-alpha.0
🗓 2021-05-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@1.1.1-alpha.0...@spectrum-css/inlinealert@2.0.0-alpha.0)

@@ -924,16 +769,13 @@

* rename `warning` inlinealert to `negative` ([27a50fc](https://github.com/adobe/spectrum-css/commit/27a50fc))
- rename `warning` inlinealert to `negative` ([27a50fc](https://github.com/adobe/spectrum-css/commit/27a50fc))
### 🛑 BREAKING CHANGES
* `.spectrum-InLineAlert--warning` renamed to
`.spectrum-InLineAlert--negative`
- `.spectrum-InLineAlert--warning` renamed to
`.spectrum-InLineAlert--negative`
<a name="1.1.1-alpha.0"></a>
## 1.1.1-alpha.0
<a name="1.1.1-alpha.0"></a>
## 1.1.1-alpha.0
🗓 2021-04-27 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/inlinealert@1.1.0...@spectrum-css/inlinealert@1.1.1-alpha.0)

@@ -943,10 +785,8 @@

* adding neutral to inlinealert tokens ([409be21](https://github.com/adobe/spectrum-css/commit/409be21))
- adding neutral to inlinealert tokens ([409be21](https://github.com/adobe/spectrum-css/commit/409be21))
<a name="1.1.0"></a>
# 1.1.0
<a name="1.1.0"></a>
# 1.1.0
🗓 2021-04-15

@@ -956,10 +796,8 @@

* added inlinealert ([bf26b56](https://github.com/adobe/spectrum-css/commit/bf26b56))
- added inlinealert ([bf26b56](https://github.com/adobe/spectrum-css/commit/bf26b56))
<a name="3.0.0-beta.3"></a>
# 3.0.0-beta.3
<a name="3.0.0-beta.3"></a>
# 3.0.0-beta.3
🗓 2020-06-19 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alert@3.0.0-beta.2...@spectrum-css/alert@3.0.0-beta.3)

@@ -969,8 +807,6 @@

<a name="3.0.0-beta.2"></a>
# 3.0.0-beta.2
<a name="3.0.0-beta.2"></a>
# 3.0.0-beta.2
🗓 2020-05-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alert@3.0.0-beta.1...@spectrum-css/alert@3.0.0-beta.2)

@@ -980,8 +816,6 @@

<a name="3.0.0-beta.1"></a>
# 3.0.0-beta.1
<a name="3.0.0-beta.1"></a>
# 3.0.0-beta.1
🗓 2020-03-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alert@3.0.0-beta.0...@spectrum-css/alert@3.0.0-beta.1)

@@ -991,8 +825,6 @@

<a name="3.0.0-beta.0"></a>
# 3.0.0-beta.0
<a name="3.0.0-beta.0"></a>
# 3.0.0-beta.0
🗓 2020-03-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alert@2.0.5...@spectrum-css/alert@3.0.0-beta.0)

@@ -1002,11 +834,9 @@

* make Alert support RTL ([39f318b](https://github.com/adobe/spectrum-css/commit/39f318b))
* make Alert support RTL ([8a661e9](https://github.com/adobe/spectrum-css/commit/8a661e9))
- make Alert support RTL ([39f318b](https://github.com/adobe/spectrum-css/commit/39f318b))
- make Alert support RTL ([8a661e9](https://github.com/adobe/spectrum-css/commit/8a661e9))
<a name="2.0.5"></a>
## 2.0.5
<a name="2.0.5"></a>
## 2.0.5
🗓 2020-03-06 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alert@2.0.4...@spectrum-css/alert@2.0.5)

@@ -1016,8 +846,6 @@

<a name="2.0.4"></a>
## 2.0.4
<a name="2.0.4"></a>
## 2.0.4
🗓 2020-02-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alert@2.0.3...@spectrum-css/alert@2.0.4)

@@ -1027,8 +855,6 @@

<a name="2.0.3"></a>
## 2.0.3
<a name="2.0.3"></a>
## 2.0.3
🗓 2019-12-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alert@2.0.2...@spectrum-css/alert@2.0.3)

@@ -1038,8 +864,6 @@

<a name="2.0.2"></a>
## 2.0.2
<a name="2.0.2"></a>
## 2.0.2
🗓 2019-11-08 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alert@2.0.1...@spectrum-css/alert@2.0.2)

@@ -1049,8 +873,6 @@

<a name="2.0.1"></a>
## 2.0.1
<a name="2.0.1"></a>
## 2.0.1
🗓 2019-11-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/alert@2.0.0...@spectrum-css/alert@2.0.1)

@@ -1060,8 +882,6 @@

<a name="2.0.0"></a>
# 2.0.0
<a name="2.0.0"></a>
# 2.0.0
🗓 2019-10-08

@@ -1071,7 +891,6 @@

* move to individually versioned packages with Lerna ([#265](https://github.com/adobe/spectrum-css/issues/265)) ([cb7fd4b](https://github.com/adobe/spectrum-css/commit/cb7fd4b)), closes [#231](https://github.com/adobe/spectrum-css/issues/231) [#214](https://github.com/adobe/spectrum-css/issues/214) [#229](https://github.com/adobe/spectrum-css/issues/229) [#240](https://github.com/adobe/spectrum-css/issues/240) [#239](https://github.com/adobe/spectrum-css/issues/239) [#161](https://github.com/adobe/spectrum-css/issues/161) [#242](https://github.com/adobe/spectrum-css/issues/242) [#246](https://github.com/adobe/spectrum-css/issues/246) [#219](https://github.com/adobe/spectrum-css/issues/219) [#235](https://github.com/adobe/spectrum-css/issues/235) [#189](https://github.com/adobe/spectrum-css/issues/189) [#248](https://github.com/adobe/spectrum-css/issues/248) [#232](https://github.com/adobe/spectrum-css/issues/232) [#248](https://github.com/adobe/spectrum-css/issues/248) [#218](https://github.com/adobe/spectrum-css/issues/218) [#237](https://github.com/adobe/spectrum-css/issues/237) [#255](https://github.com/adobe/spectrum-css/issues/255) [#256](https://github.com/adobe/spectrum-css/issues/256) [#258](https://github.com/adobe/spectrum-css/issues/258) [#257](https://github.com/adobe/spectrum-css/issues/257) [#259](https://github.com/adobe/spectrum-css/issues/259)
- move to individually versioned packages with Lerna ([#265](https://github.com/adobe/spectrum-css/issues/265)) ([cb7fd4b](https://github.com/adobe/spectrum-css/commit/cb7fd4b)), closes [#231](https://github.com/adobe/spectrum-css/issues/231) [#214](https://github.com/adobe/spectrum-css/issues/214) [#229](https://github.com/adobe/spectrum-css/issues/229) [#240](https://github.com/adobe/spectrum-css/issues/240) [#239](https://github.com/adobe/spectrum-css/issues/239) [#161](https://github.com/adobe/spectrum-css/issues/161) [#242](https://github.com/adobe/spectrum-css/issues/242) [#246](https://github.com/adobe/spectrum-css/issues/246) [#219](https://github.com/adobe/spectrum-css/issues/219) [#235](https://github.com/adobe/spectrum-css/issues/235) [#189](https://github.com/adobe/spectrum-css/issues/189) [#248](https://github.com/adobe/spectrum-css/issues/248) [#232](https://github.com/adobe/spectrum-css/issues/232) [#248](https://github.com/adobe/spectrum-css/issues/248) [#218](https://github.com/adobe/spectrum-css/issues/218) [#237](https://github.com/adobe/spectrum-css/issues/237) [#255](https://github.com/adobe/spectrum-css/issues/255) [#256](https://github.com/adobe/spectrum-css/issues/256) [#258](https://github.com/adobe/spectrum-css/issues/258) [#257](https://github.com/adobe/spectrum-css/issues/257) [#259](https://github.com/adobe/spectrum-css/issues/259)
### 🐛 Bug fixes
* correct Alert icon color, fixes [#272](https://github.com/adobe/spectrum-css/issues/272) ([f17848a](https://github.com/adobe/spectrum-css/commit/f17848a))
- correct Alert icon color, fixes [#272](https://github.com/adobe/spectrum-css/issues/272) ([f17848a](https://github.com/adobe/spectrum-css/commit/f17848a))

@@ -1,1 +0,1 @@

module.exports = require('@spectrum-css/component-builder-simple');
module.exports = require("@spectrum-css/component-builder-simple");

@@ -1,28 +0,28 @@

| Modifiable Custom Properties |
| --- |
| `--mod-inlinealert-background-color` |
| `--mod-inlinealert-border-and-icon-color` |
| `--mod-inlinealert-border-and-icon-color-info` |
| Modifiable Custom Properties |
| -------------------------------------------------- |
| `--mod-inlinealert-background-color` |
| `--mod-inlinealert-border-and-icon-color` |
| `--mod-inlinealert-border-and-icon-color-info` |
| `--mod-inlinealert-border-and-icon-color-negative` |
| `--mod-inlinealert-border-and-icon-color-notice` |
| `--mod-inlinealert-border-and-icon-color-notice` |
| `--mod-inlinealert-border-and-icon-color-positive` |
| `--mod-inlinealert-border-radius` |
| `--mod-inlinealert-border-width` |
| `--mod-inlinealert-content-color` |
| `--mod-inlinealert-content-font-family` |
| `--mod-inlinealert-content-font-size` |
| `--mod-inlinealert-content-font-style` |
| `--mod-inlinealert-content-font-weight` |
| `--mod-inlinealert-content-line-height` |
| `--mod-inlinealert-header-color` |
| `--mod-inlinealert-header-min-block-size` |
| `--mod-inlinealert-heading-font-family` |
| `--mod-inlinealert-heading-font-size` |
| `--mod-inlinealert-heading-font-style` |
| `--mod-inlinealert-heading-font-weight` |
| `--mod-inlinealert-heading-line-height` |
| `--mod-inlinealert-icon-size` |
| `--mod-inlinealert-min-inline-size` |
| `--mod-inlinealert-spacing-edge-to-text` |
| `--mod-inlinealert-spacing-header-content-button` |
| `--mod-inlinealert-spacing-header-to-icon` |
| `--mod-inlinealert-border-radius` |
| `--mod-inlinealert-border-width` |
| `--mod-inlinealert-content-color` |
| `--mod-inlinealert-content-font-family` |
| `--mod-inlinealert-content-font-size` |
| `--mod-inlinealert-content-font-style` |
| `--mod-inlinealert-content-font-weight` |
| `--mod-inlinealert-content-line-height` |
| `--mod-inlinealert-header-color` |
| `--mod-inlinealert-header-min-block-size` |
| `--mod-inlinealert-heading-font-family` |
| `--mod-inlinealert-heading-font-size` |
| `--mod-inlinealert-heading-font-style` |
| `--mod-inlinealert-heading-font-weight` |
| `--mod-inlinealert-heading-line-height` |
| `--mod-inlinealert-icon-size` |
| `--mod-inlinealert-min-inline-size` |
| `--mod-inlinealert-spacing-edge-to-text` |
| `--mod-inlinealert-spacing-header-content-button` |
| `--mod-inlinealert-spacing-header-to-icon` |
{
"name": "@spectrum-css/inlinealert",
"version": "7.0.24",
"version": "7.0.25",
"description": "The Spectrum CSS in-line alert component",

@@ -25,6 +25,6 @@ "license": "Apache-2.0",

"devDependencies": {
"@spectrum-css/button": "^10.1.1",
"@spectrum-css/component-builder-simple": "^2.0.13",
"@spectrum-css/icon": "^3.0.44",
"@spectrum-css/tokens": "^10.1.1",
"@spectrum-css/button": "^10.1.2",
"@spectrum-css/component-builder-simple": "^2.0.14",
"@spectrum-css/icon": "^3.0.45",
"@spectrum-css/tokens": "^10.1.2",
"gulp": "^4.0.0"

@@ -35,3 +35,3 @@ },

},
"gitHead": "0003df26f6f1083625366bb7258ffc972792ce54"
"gitHead": "95ab46589a793fa311efb16a47e07e721d2d8574"
}
# @spectrum-css/inlinealert
> The Spectrum CSS in-line alert component

@@ -3,0 +4,0 @@

@@ -5,61 +5,64 @@ // Import the component markup template

export default {
title: "In-line Alert",
description: "In-line alerts display a non-modal message associated with objects in a view. These are often used in form validation, providing a place to aggregate feedback related to multiple fields.",
component: "InLineAlert",
argTypes: {
headerText: {
name: "Header Text",
type: { name: "string", required: true },
table: {
type: { summary: "string" },
disable: false,
category: "Content",
},
control: { type: "text" },
},
text: {
name: "Text",
type: { name: "string", required: true },
table: {
type: { summary: "string" },
disable: false,
category: "Component",
},
control: { type: "text" },
},
variant: {
name: "Variants",
type: { name: "string" },
table: {
type: { summary: "string" },
category: "Component",
},
options: ["neutral", "info", "positive", "notice", "negative"],
control: "select"
},
isClosable: {
name: "Closable",
type: { name: "boolean" },
table: {
type: { summary: "boolean" },
category: "Advanced",
},
control: "boolean",
},
},
args: {
rootClass: "spectrum-InLineAlert",
headerText: "in-line alert header",
text: "This is an alert.",
variant: "neutral",
isClosable: false,
},
parameters: {
actions: {
handles: []
},
status: {
type: process.env.MIGRATED_PACKAGES.includes('inlinealert') ? 'migrated' : undefined
}
}
title: "In-line Alert",
description:
"In-line alerts display a non-modal message associated with objects in a view. These are often used in form validation, providing a place to aggregate feedback related to multiple fields.",
component: "InLineAlert",
argTypes: {
headerText: {
name: "Header Text",
type: { name: "string", required: true },
table: {
type: { summary: "string" },
disable: false,
category: "Content",
},
control: { type: "text" },
},
text: {
name: "Text",
type: { name: "string", required: true },
table: {
type: { summary: "string" },
disable: false,
category: "Component",
},
control: { type: "text" },
},
variant: {
name: "Variants",
type: { name: "string" },
table: {
type: { summary: "string" },
category: "Component",
},
options: ["neutral", "info", "positive", "notice", "negative"],
control: "select",
},
isClosable: {
name: "Closable",
type: { name: "boolean" },
table: {
type: { summary: "boolean" },
category: "Advanced",
},
control: "boolean",
},
},
args: {
rootClass: "spectrum-InLineAlert",
headerText: "in-line alert header",
text: "This is an alert.",
variant: "neutral",
isClosable: false,
},
parameters: {
actions: {
handles: [],
},
status: {
type: process.env.MIGRATED_PACKAGES.includes("inlinealert")
? "migrated"
: undefined,
},
},
};

@@ -66,0 +69,0 @@

@@ -1,7 +0,7 @@

import { html } from 'lit-html';
import { classMap } from 'lit-html/directives/class-map.js';
import { html } from "lit-html";
import { classMap } from "lit-html/directives/class-map.js";
// import { ifDefined } from 'lit-html/directives/if-definedjs';
import { Template as Icon } from "@spectrum-css/icon/stories/template.js"
import { Template as Button } from "@spectrum-css/button/stories/template.js"
import { Template as Icon } from "@spectrum-css/icon/stories/template.js";
import { Template as Button } from "@spectrum-css/button/stories/template.js";

@@ -11,73 +11,78 @@ import "../index.css";

export const Template = ({
rootClass = "spectrum-InLineAlert",
customClasses = [],
headerText,
text,
variant="neutral",
isClosable = false,
...globals
rootClass = "spectrum-InLineAlert",
customClasses = [],
headerText,
text,
variant = "neutral",
isClosable = false,
...globals
}) => {
const { express } = globals;
const { express } = globals;
try {
if (!express) import(/* webpackPrefetch: true */ "../themes/spectrum.css");
else import(/* webpackPrefetch: true */ "../themes/express.css");
} catch (e) {
console.warn(e);
}
try {
if (!express) import(/* webpackPrefetch: true */ "../themes/spectrum.css");
else import(/* webpackPrefetch: true */ "../themes/express.css");
} catch (e) {
console.warn(e);
}
let iconName;
switch (variant) {
case 'info':
iconName = 'Info'
break;
case 'positive':
iconName = 'CheckmarkCircle';
break;
case 'notice':
case 'negative':
case 'closable':
iconName = 'Alert';
break;
default:
iconName = undefined;
}
let iconName;
switch (variant) {
case "info":
iconName = "Info";
break;
case "positive":
iconName = "CheckmarkCircle";
break;
case "notice":
case "negative":
case "closable":
iconName = "Alert";
break;
default:
iconName = undefined;
}
const iconMarkup = typeof iconName !== 'undefined' ?
html`
${Icon({
...globals,
iconName,
customClasses: [`${rootClass}-icon`],
})}
` : '';
const iconMarkup =
typeof iconName !== "undefined"
? html`
${Icon({
...globals,
iconName,
customClasses: [`${rootClass}-icon`],
})}
`
: "";
const closableMarkup = isClosable ?
html`
<div class="spectrum-InLineAlert-footer">
${Button({
...globals,
treatment: 'outline',
variant: 'primary',
iconName: false,
hideLabel: false,
label: 'Ok',
})}
</div>
` : '';
const closableMarkup = isClosable
? html`
<div class="spectrum-InLineAlert-footer">
${Button({
...globals,
treatment: "outline",
variant: "primary",
iconName: false,
hideLabel: false,
label: "Ok",
})}
</div>
`
: "";
return html`
<div class=${classMap({
[rootClass]: true,
[`${rootClass}--${variant}`]: typeof variant !== "undefined",
...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
})}>
<div class="${rootClass}-header">
${variant.charAt(0).toUpperCase() + variant.slice(1)} ${headerText}
${iconMarkup}
</div>
<div class="${rootClass}-content">${text}</div>
${closableMarkup}
</div>
`;
}
return html`
<div
class=${classMap({
[rootClass]: true,
[`${rootClass}--${variant}`]: typeof variant !== "undefined",
...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
})}
>
<div class="${rootClass}-header">
${variant.charAt(0).toUpperCase() + variant.slice(1)} ${headerText}
${iconMarkup}
</div>
<div class="${rootClass}-content">${text}</div>
${closableMarkup}
</div>
`;
};

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet