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

@spectrum-css/colorslider

Package Overview
Dependencies
Maintainers
4
Versions
142
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@spectrum-css/colorslider - npm Package Compare versions

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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc