@thednp/color-picker 2.0.0-alpha6 → 2.0.0-alpha7
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/README.md +4 -4
- package/dist/css/color-picker.css +7 -4
- package/dist/css/color-picker.min.css +2 -2
- package/dist/css/color-picker.rtl.css +7 -4
- package/dist/css/color-picker.rtl.min.css +2 -2
- package/dist/js/color-picker.cjs +1 -1
- package/dist/js/color-picker.cjs.map +1 -1
- package/dist/js/color-picker.d.ts +0 -0
- package/dist/js/color-picker.js +1 -1
- package/dist/js/color-picker.js.map +1 -1
- package/dist/js/color-picker.mjs +1 -1
- package/dist/js/color-picker.mjs.map +1 -1
- package/package.json +17 -17
- package/src/scss/color-picker.scss +9 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@thednp/color-picker",
|
|
3
|
-
"version": "2.0.0-
|
|
3
|
+
"version": "2.0.0-alpha7",
|
|
4
4
|
"author": "thednp",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "🎨 Modern Color Picker Component",
|
|
@@ -80,35 +80,35 @@
|
|
|
80
80
|
],
|
|
81
81
|
"dependencies": {
|
|
82
82
|
"@thednp/color": "^1.0.8",
|
|
83
|
-
"@thednp/event-listener": "^2.0.
|
|
84
|
-
"@thednp/shorty": "^2.0.0-
|
|
83
|
+
"@thednp/event-listener": "^2.0.2",
|
|
84
|
+
"@thednp/shorty": "^2.0.0-alpha16"
|
|
85
85
|
},
|
|
86
86
|
"devDependencies": {
|
|
87
87
|
"@bahmutov/cypress-esbuild-preprocessor": "^2.2.0",
|
|
88
|
-
"@cypress/code-coverage": "^3.
|
|
88
|
+
"@cypress/code-coverage": "^3.11.0",
|
|
89
89
|
"@types/istanbul-lib-instrument": "^1.7.4",
|
|
90
|
-
"@typescript-eslint/eslint-plugin": "^
|
|
91
|
-
"@typescript-eslint/parser": "^
|
|
92
|
-
"cypress": "^12.
|
|
90
|
+
"@typescript-eslint/eslint-plugin": "^6.3.0",
|
|
91
|
+
"@typescript-eslint/parser": "^6.3.0",
|
|
92
|
+
"cypress": "^12.17.3",
|
|
93
93
|
"dts-bundle-generator": "^8.0.1",
|
|
94
|
-
"eslint": "^8.
|
|
95
|
-
"eslint-plugin-jsdoc": "^46.4.
|
|
94
|
+
"eslint": "^8.47.0",
|
|
95
|
+
"eslint-plugin-jsdoc": "^46.4.6",
|
|
96
96
|
"eslint-plugin-prefer-arrow": "^1.2.3",
|
|
97
|
-
"eslint-plugin-prettier": "^
|
|
97
|
+
"eslint-plugin-prettier": "^5.0.0",
|
|
98
98
|
"istanbul-lib-coverage": "^3.2.0",
|
|
99
|
-
"istanbul-lib-instrument": "^
|
|
99
|
+
"istanbul-lib-instrument": "^6.0.0",
|
|
100
100
|
"ncp": "^2.0.0",
|
|
101
101
|
"npm-run-all": "^4.1.5",
|
|
102
102
|
"nyc": "^15.1.0",
|
|
103
|
-
"prettier": "^
|
|
103
|
+
"prettier": "^3.0.1",
|
|
104
104
|
"rimraf": "^5.0.1",
|
|
105
|
-
"sass": "^1.
|
|
106
|
-
"stylelint": "^15.
|
|
107
|
-
"stylelint-config-standard": "^
|
|
105
|
+
"sass": "^1.65.1",
|
|
106
|
+
"stylelint": "^15.10.2",
|
|
107
|
+
"stylelint-config-standard": "^34.0.0",
|
|
108
108
|
"stylelint-config-standard-scss": "^10.0.0",
|
|
109
109
|
"stylelint-order": "^6.0.3",
|
|
110
|
-
"stylelint-scss": "^5.0
|
|
110
|
+
"stylelint-scss": "^5.1.0",
|
|
111
111
|
"typescript": "^5.1.6",
|
|
112
|
-
"vite": "^4.
|
|
112
|
+
"vite": "^4.4.9"
|
|
113
113
|
}
|
|
114
114
|
}
|
|
@@ -5,6 +5,10 @@
|
|
|
5
5
|
position: relative;
|
|
6
6
|
display: flex;
|
|
7
7
|
|
|
8
|
+
*, *::before, *::after {
|
|
9
|
+
box-sizing: border-box;
|
|
10
|
+
}
|
|
11
|
+
|
|
8
12
|
@each $name in "white", "black" {
|
|
9
13
|
@each $lvl in $transparency-levels {
|
|
10
14
|
@if type-of($name) == "string" and type-of($lvl) == "number" {
|
|
@@ -98,7 +102,8 @@
|
|
|
98
102
|
/* btn-appearance */
|
|
99
103
|
.btn-appearance {
|
|
100
104
|
width: 100%;
|
|
101
|
-
|
|
105
|
+
|
|
106
|
+
// height: 1.5rem;
|
|
102
107
|
padding: .6rem 1rem;
|
|
103
108
|
font-size: 1rem;
|
|
104
109
|
line-height: 1.5;
|
|
@@ -151,10 +156,10 @@
|
|
|
151
156
|
/* picker-toggle */
|
|
152
157
|
.picker-toggle {
|
|
153
158
|
position: absolute;
|
|
154
|
-
|
|
155
|
-
left: 0;
|
|
159
|
+
inset: 0;
|
|
156
160
|
width: 100%;
|
|
157
161
|
height: 100%;
|
|
162
|
+
cursor: pointer;
|
|
158
163
|
background: transparent;
|
|
159
164
|
border: 0;
|
|
160
165
|
}
|
|
@@ -461,6 +466,7 @@
|
|
|
461
466
|
position: absolute;
|
|
462
467
|
top: 0;
|
|
463
468
|
left: 0;
|
|
469
|
+
width: 100%;
|
|
464
470
|
height: 7px;
|
|
465
471
|
|
|
466
472
|
/* important for mobile devices */
|