@spectrum-css/colorslider
Advanced tools
Comparing version 3.0.13 to 3.0.14
416
CHANGELOG.md
@@ -6,14 +6,21 @@ # Change Log | ||
<a name="3.0.13"></a> | ||
## 3.0.13 | ||
🗓 2023-05-23 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.12...@spectrum-css/colorslider@3.0.13) | ||
<a name="3.0.14"></a> | ||
##3.0.14 | ||
🗓 | ||
2023-06-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.13...@spectrum-css/colorslider@3.0.14) | ||
**Note:** Version bump only for package @spectrum-css/colorslider | ||
<a name="3.0.13"></a> | ||
## 3.0.13 | ||
🗓 2023-05-23 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.12...@spectrum-css/colorslider@3.0.13) | ||
**Note:** Version bump only for package @spectrum-css/colorslider | ||
<a name="3.0.12"></a> | ||
## 3.0.12 | ||
🗓 2023-05-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.11...@spectrum-css/colorslider@3.0.12) | ||
@@ -23,8 +30,6 @@ | ||
<a name="3.0.11"></a> | ||
## 3.0.11 | ||
<a name="3.0.11"></a> | ||
## 3.0.11 | ||
🗓 2023-05-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.10...@spectrum-css/colorslider@3.0.11) | ||
@@ -34,8 +39,6 @@ | ||
<a name="3.0.10"></a> | ||
## 3.0.10 | ||
<a name="3.0.10"></a> | ||
## 3.0.10 | ||
🗓 2023-05-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.9...@spectrum-css/colorslider@3.0.10) | ||
@@ -45,8 +48,6 @@ | ||
<a name="3.0.9"></a> | ||
## 3.0.9 | ||
<a name="3.0.9"></a> | ||
## 3.0.9 | ||
🗓 2023-05-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.8...@spectrum-css/colorslider@3.0.9) | ||
@@ -56,8 +57,6 @@ | ||
<a name="3.0.8"></a> | ||
## 3.0.8 | ||
<a name="3.0.8"></a> | ||
## 3.0.8 | ||
🗓 2023-05-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.7...@spectrum-css/colorslider@3.0.8) | ||
@@ -67,8 +66,6 @@ | ||
<a name="3.0.7"></a> | ||
## 3.0.7 | ||
<a name="3.0.7"></a> | ||
## 3.0.7 | ||
🗓 2023-05-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.6...@spectrum-css/colorslider@3.0.7) | ||
@@ -78,8 +75,6 @@ | ||
<a name="3.0.6"></a> | ||
## 3.0.6 | ||
<a name="3.0.6"></a> | ||
## 3.0.6 | ||
🗓 2023-05-08 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.5...@spectrum-css/colorslider@3.0.6) | ||
@@ -89,8 +84,6 @@ | ||
<a name="3.0.5"></a> | ||
## 3.0.5 | ||
<a name="3.0.5"></a> | ||
## 3.0.5 | ||
🗓 2023-05-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.4...@spectrum-css/colorslider@3.0.5) | ||
@@ -100,8 +93,6 @@ | ||
<a name="3.0.4"></a> | ||
## 3.0.4 | ||
<a name="3.0.4"></a> | ||
## 3.0.4 | ||
🗓 2023-05-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.3...@spectrum-css/colorslider@3.0.4) | ||
@@ -111,8 +102,6 @@ | ||
<a name="3.0.3"></a> | ||
## 3.0.3 | ||
<a name="3.0.3"></a> | ||
## 3.0.3 | ||
🗓 2023-04-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.2...@spectrum-css/colorslider@3.0.3) | ||
@@ -122,8 +111,6 @@ | ||
<a name="3.0.2"></a> | ||
## 3.0.2 | ||
<a name="3.0.2"></a> | ||
## 3.0.2 | ||
🗓 2023-04-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.0...@spectrum-css/colorslider@3.0.2) | ||
@@ -133,8 +120,6 @@ | ||
<a name="3.0.1"></a> | ||
## 3.0.1 | ||
<a name="3.0.1"></a> | ||
## 3.0.1 | ||
🗓 2023-04-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@3.0.0...@spectrum-css/colorslider@3.0.1) | ||
@@ -144,23 +129,18 @@ | ||
<a name="3.0.0"></a> | ||
# 3.0.0 | ||
<a name="3.0.0"></a> | ||
# 3.0.0 | ||
🗓 2023-04-19 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.24...@spectrum-css/colorslider@3.0.0) | ||
* feat(colorloupe, colorhandle)!: migrate to core tokens (#1753) ([c72f147](https://github.com/adobe/spectrum-css/commit/c72f147)), closes [#1753](https://github.com/adobe/spectrum-css/issues/1753) | ||
- feat(colorloupe, colorhandle)!: migrate to core tokens (#1753) ([c72f147](https://github.com/adobe/spectrum-css/commit/c72f147)), closes [#1753](https://github.com/adobe/spectrum-css/issues/1753) | ||
### 🛑 BREAKING CHANGES | ||
* migrates both the ColorLoupe and ColorHandle components to `@adobe/spectrum-tokens` | ||
- migrates both the ColorLoupe and ColorHandle components to `@adobe/spectrum-tokens` | ||
<a name="2.0.24"></a> | ||
## 2.0.24 | ||
<a name="2.0.24"></a> | ||
## 2.0.24 | ||
🗓 2023-04-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.22...@spectrum-css/colorslider@2.0.24) | ||
@@ -170,8 +150,6 @@ | ||
<a name="2.0.23"></a> | ||
## 2.0.23 | ||
<a name="2.0.23"></a> | ||
## 2.0.23 | ||
🗓 2023-04-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.22...@spectrum-css/colorslider@2.0.23) | ||
@@ -181,8 +159,6 @@ | ||
<a name="2.0.22"></a> | ||
## 2.0.22 | ||
<a name="2.0.22"></a> | ||
## 2.0.22 | ||
🗓 2023-04-03 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.21...@spectrum-css/colorslider@2.0.22) | ||
@@ -192,8 +168,6 @@ | ||
<a name="2.0.21"></a> | ||
## 2.0.21 | ||
<a name="2.0.21"></a> | ||
## 2.0.21 | ||
🗓 2023-03-31 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.20...@spectrum-css/colorslider@2.0.21) | ||
@@ -203,8 +177,6 @@ | ||
<a name="2.0.20"></a> | ||
## 2.0.20 | ||
<a name="2.0.20"></a> | ||
## 2.0.20 | ||
🗓 2023-03-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.19...@spectrum-css/colorslider@2.0.20) | ||
@@ -214,8 +186,6 @@ | ||
<a name="2.0.19"></a> | ||
## 2.0.19 | ||
<a name="2.0.19"></a> | ||
## 2.0.19 | ||
🗓 2023-03-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.18...@spectrum-css/colorslider@2.0.19) | ||
@@ -225,8 +195,6 @@ | ||
<a name="2.0.18"></a> | ||
## 2.0.18 | ||
<a name="2.0.18"></a> | ||
## 2.0.18 | ||
🗓 2023-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.17...@spectrum-css/colorslider@2.0.18) | ||
@@ -236,8 +204,6 @@ | ||
<a name="2.0.17"></a> | ||
## 2.0.17 | ||
<a name="2.0.17"></a> | ||
## 2.0.17 | ||
🗓 2023-02-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.16...@spectrum-css/colorslider@2.0.17) | ||
@@ -247,8 +213,6 @@ | ||
<a name="2.0.16"></a> | ||
## 2.0.16 | ||
<a name="2.0.16"></a> | ||
## 2.0.16 | ||
🗓 2023-02-21 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.15...@spectrum-css/colorslider@2.0.16) | ||
@@ -258,8 +222,6 @@ | ||
<a name="2.0.15"></a> | ||
## 2.0.15 | ||
<a name="2.0.15"></a> | ||
## 2.0.15 | ||
🗓 2023-02-06 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.14...@spectrum-css/colorslider@2.0.15) | ||
@@ -269,8 +231,6 @@ | ||
<a name="2.0.14"></a> | ||
## 2.0.14 | ||
<a name="2.0.14"></a> | ||
## 2.0.14 | ||
🗓 2023-02-01 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.13...@spectrum-css/colorslider@2.0.14) | ||
@@ -280,8 +240,6 @@ | ||
<a name="2.0.13"></a> | ||
## 2.0.13 | ||
<a name="2.0.13"></a> | ||
## 2.0.13 | ||
🗓 2023-01-27 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.12...@spectrum-css/colorslider@2.0.13) | ||
@@ -291,8 +249,6 @@ | ||
<a name="2.0.12"></a> | ||
## 2.0.12 | ||
<a name="2.0.12"></a> | ||
## 2.0.12 | ||
🗓 2023-01-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.11...@spectrum-css/colorslider@2.0.12) | ||
@@ -302,8 +258,6 @@ | ||
<a name="2.0.11"></a> | ||
## 2.0.11 | ||
<a name="2.0.11"></a> | ||
## 2.0.11 | ||
🗓 2023-01-18 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.9...@spectrum-css/colorslider@2.0.11) | ||
@@ -313,8 +267,6 @@ | ||
<a name="2.0.10"></a> | ||
## 2.0.10 | ||
<a name="2.0.10"></a> | ||
## 2.0.10 | ||
🗓 2023-01-13 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.9...@spectrum-css/colorslider@2.0.10) | ||
@@ -324,8 +276,6 @@ | ||
<a name="2.0.9"></a> | ||
## 2.0.9 | ||
<a name="2.0.9"></a> | ||
## 2.0.9 | ||
🗓 2022-11-11 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.8...@spectrum-css/colorslider@2.0.9) | ||
@@ -335,8 +285,6 @@ | ||
<a name="2.0.8"></a> | ||
## 2.0.8 | ||
<a name="2.0.8"></a> | ||
## 2.0.8 | ||
🗓 2022-06-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.7...@spectrum-css/colorslider@2.0.8) | ||
@@ -346,8 +294,6 @@ | ||
<a name="2.0.7"></a> | ||
## 2.0.7 | ||
<a name="2.0.7"></a> | ||
## 2.0.7 | ||
🗓 2022-06-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.6...@spectrum-css/colorslider@2.0.7) | ||
@@ -357,8 +303,6 @@ | ||
<a name="2.0.6"></a> | ||
## 2.0.6 | ||
<a name="2.0.6"></a> | ||
## 2.0.6 | ||
🗓 2022-04-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.5...@spectrum-css/colorslider@2.0.6) | ||
@@ -368,8 +312,6 @@ | ||
<a name="2.0.5"></a> | ||
## 2.0.5 | ||
<a name="2.0.5"></a> | ||
## 2.0.5 | ||
🗓 2022-04-08 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.4...@spectrum-css/colorslider@2.0.5) | ||
@@ -379,8 +321,6 @@ | ||
<a name="2.0.4"></a> | ||
## 2.0.4 | ||
<a name="2.0.4"></a> | ||
## 2.0.4 | ||
🗓 2022-03-22 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.3...@spectrum-css/colorslider@2.0.4) | ||
@@ -390,8 +330,6 @@ | ||
<a name="2.0.3"></a> | ||
## 2.0.3 | ||
<a name="2.0.3"></a> | ||
## 2.0.3 | ||
🗓 2022-03-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.2...@spectrum-css/colorslider@2.0.3) | ||
@@ -401,8 +339,6 @@ | ||
<a name="2.0.2"></a> | ||
## 2.0.2 | ||
<a name="2.0.2"></a> | ||
## 2.0.2 | ||
🗓 2022-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.1...@spectrum-css/colorslider@2.0.2) | ||
@@ -412,8 +348,6 @@ | ||
<a name="2.0.1"></a> | ||
## 2.0.1 | ||
<a name="2.0.1"></a> | ||
## 2.0.1 | ||
🗓 2022-03-07 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@2.0.0...@spectrum-css/colorslider@2.0.1) | ||
@@ -423,8 +357,6 @@ | ||
<a name="2.0.0"></a> | ||
# 2.0.0 | ||
<a name="2.0.0"></a> | ||
# 2.0.0 | ||
🗓 2022-02-23 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.13...@spectrum-css/colorslider@2.0.0) | ||
@@ -434,23 +366,19 @@ | ||
* remove the need to add define hacks ([8c76829](https://github.com/adobe/spectrum-css/commit/8c76829)) | ||
* use --spectrum-picked-color for everything ([62e6469](https://github.com/adobe/spectrum-css/commit/62e6469)) | ||
- remove the need to add define hacks ([8c76829](https://github.com/adobe/spectrum-css/commit/8c76829)) | ||
- use --spectrum-picked-color for everything ([62e6469](https://github.com/adobe/spectrum-css/commit/62e6469)) | ||
### 🐛 Bug fixes | ||
* give the Spectrum loupe a stroke ([486b079](https://github.com/adobe/spectrum-css/commit/486b079)) | ||
* make ColorHandle and ColorSlider use the right checkerboard colors ([f7abb74](https://github.com/adobe/spectrum-css/commit/f7abb74)) | ||
* use the correct checkerboard background for Slider and Handle ([cfb2151](https://github.com/adobe/spectrum-css/commit/cfb2151)) | ||
- give the Spectrum loupe a stroke ([486b079](https://github.com/adobe/spectrum-css/commit/486b079)) | ||
- make ColorHandle and ColorSlider use the right checkerboard colors ([f7abb74](https://github.com/adobe/spectrum-css/commit/f7abb74)) | ||
- use the correct checkerboard background for Slider and Handle ([cfb2151](https://github.com/adobe/spectrum-css/commit/cfb2151)) | ||
### 🛑 BREAKING CHANGES | ||
* You must define --spectrum-picked-color instead of setting background-color | ||
- You must define --spectrum-picked-color instead of setting background-color | ||
<a name="1.0.13"></a> | ||
## 1.0.13 | ||
<a name="1.0.13"></a> | ||
## 1.0.13 | ||
🗓 2022-02-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.12...@spectrum-css/colorslider@1.0.13) | ||
@@ -460,8 +388,6 @@ | ||
<a name="1.0.12"></a> | ||
## 1.0.12 | ||
<a name="1.0.12"></a> | ||
## 1.0.12 | ||
🗓 2022-01-26 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.11...@spectrum-css/colorslider@1.0.12) | ||
@@ -471,8 +397,6 @@ | ||
<a name="1.0.11"></a> | ||
## 1.0.11 | ||
<a name="1.0.11"></a> | ||
## 1.0.11 | ||
🗓 2022-01-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.9...@spectrum-css/colorslider@1.0.11) | ||
@@ -482,10 +406,8 @@ | ||
* update peer dependencies ([97810cf](https://github.com/adobe/spectrum-css/commit/97810cf)) | ||
- update peer dependencies ([97810cf](https://github.com/adobe/spectrum-css/commit/97810cf)) | ||
<a name="1.0.10"></a> | ||
## 1.0.10 | ||
<a name="1.0.10"></a> | ||
## 1.0.10 | ||
🗓 2022-01-05 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.10-beta.0...@spectrum-css/colorslider@1.0.10) | ||
@@ -495,8 +417,6 @@ | ||
<a name="1.0.10-beta.0"></a> | ||
## 1.0.10-beta.0 | ||
<a name="1.0.10-beta.0"></a> | ||
## 1.0.10-beta.0 | ||
🗓 2021-12-14 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.9...@spectrum-css/colorslider@1.0.10-beta.0) | ||
@@ -506,8 +426,6 @@ | ||
<a name="1.0.9"></a> | ||
## 1.0.9 | ||
<a name="1.0.9"></a> | ||
## 1.0.9 | ||
🗓 2021-12-06 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.8...@spectrum-css/colorslider@1.0.9) | ||
@@ -517,8 +435,6 @@ | ||
<a name="1.0.8"></a> | ||
## 1.0.8 | ||
<a name="1.0.8"></a> | ||
## 1.0.8 | ||
🗓 2021-11-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.7...@spectrum-css/colorslider@1.0.8) | ||
@@ -528,8 +444,6 @@ | ||
<a name="1.0.7"></a> | ||
## 1.0.7 | ||
<a name="1.0.7"></a> | ||
## 1.0.7 | ||
🗓 2021-11-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.6...@spectrum-css/colorslider@1.0.7) | ||
@@ -539,8 +453,6 @@ | ||
<a name="1.0.6"></a> | ||
## 1.0.6 | ||
<a name="1.0.6"></a> | ||
## 1.0.6 | ||
🗓 2021-11-09 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.5...@spectrum-css/colorslider@1.0.6) | ||
@@ -550,8 +462,6 @@ | ||
<a name="1.0.5"></a> | ||
## 1.0.5 | ||
<a name="1.0.5"></a> | ||
## 1.0.5 | ||
🗓 2021-11-08 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.3-alpha.3...@spectrum-css/colorslider@1.0.5) | ||
@@ -561,11 +471,9 @@ | ||
* updating version number on vars ([f535b49](https://github.com/adobe/spectrum-css/commit/f535b49)) | ||
* use opacity: 0 and appearance: none of form elements ([14c7fcf](https://github.com/adobe/spectrum-css/commit/14c7fcf)) | ||
- updating version number on vars ([f535b49](https://github.com/adobe/spectrum-css/commit/f535b49)) | ||
- use opacity: 0 and appearance: none of form elements ([14c7fcf](https://github.com/adobe/spectrum-css/commit/14c7fcf)) | ||
<a name="1.0.4"></a> | ||
## 1.0.4 | ||
<a name="1.0.4"></a> | ||
## 1.0.4 | ||
🗓 2021-10-25 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.3-alpha.3...@spectrum-css/colorslider@1.0.4) | ||
@@ -575,11 +483,9 @@ | ||
* updating version number on vars ([f535b49](https://github.com/adobe/spectrum-css/commit/f535b49)) | ||
* use opacity: 0 and appearance: none of form elements ([14c7fcf](https://github.com/adobe/spectrum-css/commit/14c7fcf)) | ||
- updating version number on vars ([f535b49](https://github.com/adobe/spectrum-css/commit/f535b49)) | ||
- use opacity: 0 and appearance: none of form elements ([14c7fcf](https://github.com/adobe/spectrum-css/commit/14c7fcf)) | ||
<a name="1.0.3"></a> | ||
## 1.0.3 | ||
<a name="1.0.3"></a> | ||
## 1.0.3 | ||
🗓 2021-09-29 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.3-alpha.3...@spectrum-css/colorslider@1.0.3) | ||
@@ -589,10 +495,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="1.0.3-alpha.3"></a> | ||
## 1.0.3-alpha.3 | ||
<a name="1.0.3-alpha.3"></a> | ||
## 1.0.3-alpha.3 | ||
🗓 2021-08-16 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.3-alpha.2...@spectrum-css/colorslider@1.0.3-alpha.3) | ||
@@ -602,8 +506,6 @@ | ||
<a name="1.0.3-alpha.2"></a> | ||
## 1.0.3-alpha.2 | ||
<a name="1.0.3-alpha.2"></a> | ||
## 1.0.3-alpha.2 | ||
🗓 2021-06-17 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.3-alpha.1...@spectrum-css/colorslider@1.0.3-alpha.2) | ||
@@ -613,8 +515,6 @@ | ||
<a name="1.0.3-alpha.1"></a> | ||
## 1.0.3-alpha.1 | ||
<a name="1.0.3-alpha.1"></a> | ||
## 1.0.3-alpha.1 | ||
🗓 2021-05-12 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.3-alpha.0...@spectrum-css/colorslider@1.0.3-alpha.1) | ||
@@ -624,8 +524,6 @@ | ||
<a name="1.0.3-alpha.0"></a> | ||
## 1.0.3-alpha.0 | ||
<a name="1.0.3-alpha.0"></a> | ||
## 1.0.3-alpha.0 | ||
🗓 2021-04-27 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.2...@spectrum-css/colorslider@1.0.3-alpha.0) | ||
@@ -635,8 +533,6 @@ | ||
<a name="1.0.2"></a> | ||
## 1.0.2 | ||
<a name="1.0.2"></a> | ||
## 1.0.2 | ||
🗓 2021-04-15 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.1...@spectrum-css/colorslider@1.0.2) | ||
@@ -646,8 +542,6 @@ | ||
<a name="1.0.1"></a> | ||
## 1.0.1 | ||
<a name="1.0.1"></a> | ||
## 1.0.1 | ||
🗓 2021-03-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.0...@spectrum-css/colorslider@1.0.1) | ||
@@ -657,8 +551,6 @@ | ||
<a name="1.0.0"></a> | ||
# 1.0.0 | ||
<a name="1.0.0"></a> | ||
# 1.0.0 | ||
🗓 2021-02-02 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.0-beta.5...@spectrum-css/colorslider@1.0.0) | ||
@@ -668,8 +560,6 @@ | ||
<a name="1.0.0-beta.5"></a> | ||
# 1.0.0-beta.5 | ||
<a name="1.0.0-beta.5"></a> | ||
# 1.0.0-beta.5 | ||
🗓 2020-12-04 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.0-beta.4...@spectrum-css/colorslider@1.0.0-beta.5) | ||
@@ -679,10 +569,8 @@ | ||
* support high contrast mode in color components ([d4c05cb](https://github.com/adobe/spectrum-css/commit/d4c05cb)) | ||
- support high contrast mode in color components ([d4c05cb](https://github.com/adobe/spectrum-css/commit/d4c05cb)) | ||
<a name="1.0.0-beta.4"></a> | ||
# 1.0.0-beta.4 | ||
<a name="1.0.0-beta.4"></a> | ||
# 1.0.0-beta.4 | ||
🗓 2020-10-20 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.0-beta.3...@spectrum-css/colorslider@1.0.0-beta.4) | ||
@@ -692,8 +580,6 @@ | ||
<a name="1.0.0-beta.3"></a> | ||
# 1.0.0-beta.3 | ||
<a name="1.0.0-beta.3"></a> | ||
# 1.0.0-beta.3 | ||
🗓 2020-09-23 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.0-beta.2...@spectrum-css/colorslider@1.0.0-beta.3) | ||
@@ -703,10 +589,8 @@ | ||
* wip fix more components ([b74dbb8](https://github.com/adobe/spectrum-css/commit/b74dbb8)) | ||
- wip fix more components ([b74dbb8](https://github.com/adobe/spectrum-css/commit/b74dbb8)) | ||
<a name="1.0.0-beta.2"></a> | ||
# 1.0.0-beta.2 | ||
<a name="1.0.0-beta.2"></a> | ||
# 1.0.0-beta.2 | ||
🗓 2020-06-19 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/colorslider@1.0.0-beta.1...@spectrum-css/colorslider@1.0.0-beta.2) | ||
@@ -716,8 +600,6 @@ | ||
<a name="1.0.0-beta.1"></a> | ||
# 1.0.0-beta.1 | ||
<a name="1.0.0-beta.1"></a> | ||
# 1.0.0-beta.1 | ||
🗓 2020-05-14 | ||
@@ -727,2 +609,2 @@ | ||
* Color Handle/Slider/Area/Wheel ([#673](https://github.com/adobe/spectrum-css/issues/673)) ([bcd2bf1](https://github.com/adobe/spectrum-css/commit/bcd2bf1)) | ||
- Color Handle/Slider/Area/Wheel ([#673](https://github.com/adobe/spectrum-css/issues/673)) ([bcd2bf1](https://github.com/adobe/spectrum-css/commit/bcd2bf1)) |
@@ -1,1 +0,1 @@ | ||
module.exports = require('@spectrum-css/component-builder'); | ||
module.exports = require("@spectrum-css/component-builder"); |
{ | ||
"name": "@spectrum-css/colorslider", | ||
"version": "3.0.13", | ||
"version": "3.0.14", | ||
"description": "The Spectrum CSS Color Slider component", | ||
@@ -25,5 +25,5 @@ "license": "Apache-2.0", | ||
"devDependencies": { | ||
"@spectrum-css/colorhandle": "^5.0.5", | ||
"@spectrum-css/component-builder": "^4.0.9", | ||
"@spectrum-css/vars": "^9.0.6", | ||
"@spectrum-css/colorhandle": "^5.0.6", | ||
"@spectrum-css/component-builder": "^4.0.10", | ||
"@spectrum-css/vars": "^9.0.7", | ||
"gulp": "^4.0.0" | ||
@@ -34,3 +34,3 @@ }, | ||
}, | ||
"gitHead": "0003df26f6f1083625366bb7258ffc972792ce54" | ||
"gitHead": "95ab46589a793fa311efb16a47e07e721d2d8574" | ||
} |
# @spectrum-css/colorslider | ||
> The Spectrum CSS Color Slider component | ||
@@ -3,0 +4,0 @@ |
@@ -5,40 +5,43 @@ // Import the component markup template | ||
export default { | ||
title: "Color slider", | ||
description: "The Color slider component lets users visually change an individual channel of a color.", | ||
component: "ColorSlider", | ||
argTypes: { | ||
vertical: { table: { disable: true } }, | ||
isDisabled: { | ||
name: "Disabled", | ||
type: { name: "boolean" }, | ||
table: { | ||
type: { summary: "boolean" }, | ||
category: "State", | ||
}, | ||
control: "boolean" | ||
}, | ||
isFocused: { | ||
name: "Focused", | ||
type: { name: "boolean" }, | ||
table: { | ||
type: { summary: "boolean" }, | ||
category: "State", | ||
}, | ||
control: "boolean", | ||
if: { arg: 'isDisabled', truthy: false } | ||
}, | ||
}, | ||
args: { | ||
rootClass: "spectrum-ColorSlider", | ||
isDisabled: false, | ||
isFocused: false, | ||
}, | ||
parameters: { | ||
actions: { | ||
handles: [] | ||
}, | ||
status: { | ||
type: process.env.MIGRATED_PACKAGES.includes('colorslider') ? 'migrated' : undefined | ||
} | ||
} | ||
title: "Color slider", | ||
description: | ||
"The Color slider component lets users visually change an individual channel of a color.", | ||
component: "ColorSlider", | ||
argTypes: { | ||
vertical: { table: { disable: true } }, | ||
isDisabled: { | ||
name: "Disabled", | ||
type: { name: "boolean" }, | ||
table: { | ||
type: { summary: "boolean" }, | ||
category: "State", | ||
}, | ||
control: "boolean", | ||
}, | ||
isFocused: { | ||
name: "Focused", | ||
type: { name: "boolean" }, | ||
table: { | ||
type: { summary: "boolean" }, | ||
category: "State", | ||
}, | ||
control: "boolean", | ||
if: { arg: "isDisabled", truthy: false }, | ||
}, | ||
}, | ||
args: { | ||
rootClass: "spectrum-ColorSlider", | ||
isDisabled: false, | ||
isFocused: false, | ||
}, | ||
parameters: { | ||
actions: { | ||
handles: [], | ||
}, | ||
status: { | ||
type: process.env.MIGRATED_PACKAGES.includes("colorslider") | ||
? "migrated" | ||
: undefined, | ||
}, | ||
}, | ||
}; | ||
@@ -51,3 +54,3 @@ | ||
Vertical.args = { | ||
vertical: true | ||
} | ||
vertical: true, | ||
}; |
@@ -1,41 +0,54 @@ | ||
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 { Template as ColorHandle } from "@spectrum-css/colorhandle/stories/template.js"; | ||
import '../index.css'; | ||
import '../skin.css'; | ||
import "../index.css"; | ||
import "../skin.css"; | ||
export const Template = ({ | ||
rootClass = "spectrum-ColorSlider", | ||
customClasses = [], | ||
isDisabled = false, | ||
isFocused = false, | ||
vertical, | ||
colorHandleStyle = { | ||
'--spectrum-picked-color': 'rgba(255, 0, 0)', | ||
}, | ||
...globals | ||
rootClass = "spectrum-ColorSlider", | ||
customClasses = [], | ||
isDisabled = false, | ||
isFocused = false, | ||
vertical, | ||
colorHandleStyle = { | ||
"--spectrum-picked-color": "rgba(255, 0, 0)", | ||
}, | ||
...globals | ||
}) => { | ||
return html` | ||
<div class=${classMap({ | ||
[rootClass]: true, | ||
[`${rootClass}--vertical`]: vertical, | ||
'is-disabled': isDisabled, | ||
'is-focused': isFocused, | ||
...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}), | ||
})}> | ||
<div class="${rootClass}-checkerboard" role="presentation"> | ||
<div class="${rootClass}-gradient" role="presentation" style="background: linear-gradient(to ${vertical ? 'bottom' :'right'}, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%);"></div> | ||
</div> | ||
${ColorHandle({ | ||
...globals, | ||
isDisabled, | ||
customClasses: [`${rootClass}-handle`], | ||
colorHandleStyle | ||
}) | ||
} | ||
<input type="range" class="${rootClass}-slider" min="0" max="100" step="1"> | ||
</div> | ||
`; | ||
} | ||
return html` | ||
<div | ||
class=${classMap({ | ||
[rootClass]: true, | ||
[`${rootClass}--vertical`]: vertical, | ||
"is-disabled": isDisabled, | ||
"is-focused": isFocused, | ||
...customClasses.reduce((a, c) => ({ ...a, [c]: true }), {}), | ||
})} | ||
> | ||
<div class="${rootClass}-checkerboard" role="presentation"> | ||
<div | ||
class="${rootClass}-gradient" | ||
role="presentation" | ||
style="background: linear-gradient(to ${vertical | ||
? "bottom" | ||
: "right"}, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%);" | ||
></div> | ||
</div> | ||
${ColorHandle({ | ||
...globals, | ||
isDisabled, | ||
customClasses: [`${rootClass}-handle`], | ||
colorHandleStyle, | ||
})} | ||
<input | ||
type="range" | ||
class="${rootClass}-slider" | ||
min="0" | ||
max="100" | ||
step="1" | ||
/> | ||
</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
340
8
54024