emoji-picker-react 3.6.1 → 3.6.2

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.
Files changed (6) hide show
  1. package/README.md +31 -0
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/package.json +1 -1
  5. package/dist/main.css +0 -206
  6. package/dist/main.css.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "emoji-picker-react",
3
- "version": "3.6.1",
3
+ "version": "3.6.2",
4
4
  "description": "Emoji picker component for react applications",
5
5
  "main": "dist/index.js",
6
6
  "typings": "emoji-picker-react.d.ts",
package/dist/main.css DELETED
@@ -1,206 +0,0 @@
1
- .emoji-picker-react ul.skin-tones-list {
2
- padding: 0;
3
- margin: 0;
4
- list-style-type: none;
5
- position: absolute;
6
- top: 13px;
7
- right: 40px;
8
- }
9
-
10
- .emoji-picker-react ul.skin-tones-list li {
11
- background-color: currentColor;
12
- position: absolute;
13
- padding: 0;
14
- border-radius: 5px;
15
- overflow: hidden;
16
- transition: transform .3s ease;
17
- box-shadow: 0 0 3px currentColor;
18
- }
19
-
20
- .emoji-picker-react ul.skin-tones-list label {
21
- height: 10px;
22
- width: 10px;
23
- padding: 0;
24
- display: block;
25
- cursor: pointer;
26
- }
27
-
28
- .emoji-picker-react ul.skin-tones-list input {
29
- height: 0;
30
- width: 0;
31
- opacity: 0;
32
- visibility: hidden;
33
- display: none;
34
- }
35
-
36
- .emoji-picker-react ul.skin-tones-list li.tneutral { color: #ffe082; }
37
- .emoji-picker-react ul.skin-tones-list li.t1f3fb { color: #ffe0b2; }
38
- .emoji-picker-react ul.skin-tones-list li.t1f3fc { color: #ffccbc; }
39
- .emoji-picker-react ul.skin-tones-list li.t1f3fe { color: #795548; }
40
- .emoji-picker-react ul.skin-tones-list li.t1f3ff { color: #5d4037; }
41
- .emoji-picker-react ul.skin-tones-list li.t1f3fd { color: #ca7e55; }
42
-
43
- .emoji-picker-react .emoji-categories button {
44
- height: 40px;
45
- width: 20px;
46
- padding: 5px 0;
47
- background-repeat: no-repeat;
48
- background-size: 20px;
49
- background-position: 50% 50%;
50
- cursor: pointer;
51
- opacity: .5;
52
- transition: opacity .1s;
53
- }
54
-
55
-
56
- .emoji-picker-react .emoji-categories {
57
- padding: 0 15px;
58
- display: flex;
59
- justify-content: space-between;
60
- box-sizing: border-box;
61
- }
62
-
63
- .emoji-picker-react .emoji-categories.inactive button,
64
- .emoji-picker-react .emoji-categories.inactive button.active,
65
- .emoji-picker-react .emoji-categories.inactive button:hover {
66
- opacity: .4;
67
- cursor: default;
68
- }
69
-
70
- .emoji-picker-react .emoji-categories button.active {
71
- opacity: 1;
72
- }
73
-
74
- .emoji-picker-react .emoji-categories button:hover {
75
- opacity: .7;
76
- }
77
-
78
- .emoji-picker-react .emoji {
79
- position: relative;
80
- }
81
-
82
- .emoji-picker-react .emoji.has-skin-variation:before {
83
- content: '';
84
- display: block;
85
- height: 5px;
86
- width: 5px;
87
- background: #070B17;
88
- position: absolute;
89
- top: 0;
90
- right: 0;
91
- border-radius: 0 5px 0 0;
92
- }
93
-
94
- .emoji-picker-react .emoji button {
95
- color: inherit;
96
- height: 35px;
97
- width: 35px;
98
- border-radius: 5px;
99
- background-size: 20px 20px;
100
- background-position: 50% 50%;
101
- background-repeat: no-repeat;
102
- transition: .1s background;
103
- }
104
-
105
- .emoji-picker-react .emoji button:hover {
106
- background-color: currentColor;
107
- }
108
-
109
- .emoji-picker-react .emoji-group {
110
- clear: both;
111
- padding: 0 15px;
112
- list-style: none;
113
- margin: 0;
114
- display: flex;
115
- flex-flow: row wrap;
116
- justify-content: space-between;
117
- }
118
-
119
- .emoji-picker-react .emoji-group:before {
120
- content: attr(data-name);
121
- color: #aaa;
122
- font-size: 14px;
123
- position: sticky;
124
- background: rgba(255,255,255,0.95);
125
- width: 100%;
126
- z-index: 1;
127
- top: 0;
128
- text-transform: uppercase;
129
- line-height: 45px;
130
- font-weight: 700;
131
- }
132
-
133
- .emoji-picker-react .emoji-group:after {
134
- content: '';
135
- flex: 1000;
136
- order: 99999;
137
- flex-basis: 25px;
138
- }
139
-
140
- .emoji-picker-react .emoji-scroll-wrapper {
141
- overflow-y: scroll;
142
- position: relative;
143
- height: 100%;
144
- box-sizing: border-box;
145
- }
146
-
147
- .emoji-picker-react input.emoji-search {
148
- width: calc(100% - 30px);
149
- margin-left: 15px;
150
- outline: none;
151
- box-shadow: none;
152
- padding: 10px;
153
- box-sizing: border-box;
154
- border: 1px solid #efefef;
155
- border-radius: 3px;
156
- transition: border .1s;
157
- }
158
-
159
- .emoji-picker-react input.emoji-search:focus {
160
- border: 1px solid #D6D6D6;
161
- }
162
-
163
- aside.emoji-picker-react {
164
- background: #fff;
165
- display: flex;
166
- flex-direction: column;
167
- height: 320px;
168
- width: 280px;
169
- font-family: font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", Times, Symbola, Aegyptus, Code2000, Code2001, Code2002, Musica, serif, LastResort;
170
- border: 1px solid #efefef;
171
- border-radius: 5px;
172
- box-sizing: border-box;
173
- box-shadow: 0 5px 10px #efefef;
174
- overflow: hidden;
175
- position: relative;
176
- }
177
-
178
- aside.emoji-picker-react .content-wrapper-epr {
179
- overflow: hidden;
180
- position: relative;
181
- }
182
-
183
- aside.emoji-picker-react .content-wrapper-epr:before {
184
- content: attr(data-name);
185
- color: #aaa;
186
- font-size: 11px;
187
- display: block;
188
- position: absolute;
189
- right: 15px;
190
- z-index: 10;
191
- line-height: 45px;
192
- max-height: 45px;
193
- overflow: hidden;
194
- max-width: 100px;
195
- text-overflow: ellipsis;
196
- text-align: right;
197
- }
198
-
199
- aside.emoji-picker-react button {
200
- border: none;
201
- cursor: pointer;
202
- outline: none;
203
- }
204
-
205
-
206
- /*# sourceMappingURL=main.css.map*/
package/dist/main.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["webpack://EmojiPicker/./src/components/SkinTones/style.css","webpack://EmojiPicker/./src/components/VariationsMenu/style.css","webpack://EmojiPicker/./src/components/CategoriesNav/style.css","webpack://EmojiPicker/./src/components/Emoji/style.css","webpack://EmojiPicker/./src/components/EmojiList/style.css","webpack://EmojiPicker/./src/components/Search/style.css","webpack://EmojiPicker/./src/style.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,oDAAoD,gBAAgB;AACpE,mDAAmD,gBAAgB;AACnE,mDAAmD,gBAAgB;AACnE,mDAAmD,gBAAgB;AACnE,mDAAmD,gBAAgB;AACnE,mDAAmD,gBAAgB;;ACxCnE;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AChCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACjCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AC7BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACpCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACdA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"main.css","sourcesContent":[".emoji-picker-react ul.skin-tones-list {\n padding: 0;\n margin: 0;\n list-style-type: none;\n position: absolute;\n top: 13px;\n right: 40px;\n}\n\n.emoji-picker-react ul.skin-tones-list li {\n background-color: currentColor;\n position: absolute;\n padding: 0;\n border-radius: 5px;\n overflow: hidden;\n transition: transform .3s ease;\n box-shadow: 0 0 3px currentColor;\n}\n\n.emoji-picker-react ul.skin-tones-list label {\n height: 10px;\n width: 10px;\n padding: 0;\n display: block;\n cursor: pointer;\n}\n\n.emoji-picker-react ul.skin-tones-list input {\n height: 0;\n width: 0;\n opacity: 0;\n visibility: hidden;\n display: none;\n}\n\n.emoji-picker-react ul.skin-tones-list li.tneutral { color: #ffe082; }\n.emoji-picker-react ul.skin-tones-list li.t1f3fb { color: #ffe0b2; }\n.emoji-picker-react ul.skin-tones-list li.t1f3fc { color: #ffccbc; }\n.emoji-picker-react ul.skin-tones-list li.t1f3fe { color: #795548; }\n.emoji-picker-react ul.skin-tones-list li.t1f3ff { color: #5d4037; }\n.emoji-picker-react ul.skin-tones-list li.t1f3fd { color: #ca7e55; }\n",".emoji-picker-react .variations-wrapper {\n position: relative;\n}\n\n.emoji-picker-react .variations-list {\n background: #F4F4F4;\n border-bottom: 1px solid #efefef;\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 10;\n margin: 0;\n padding: 0;\n display: flex;\n justify-content: space-evenly;\n list-style-type: none;\n}\n\n.emoji-picker-react .variations-list button {\n height: 35px;\n width: 35px;\n background-size: 20px 20px;\n background-position: 50% 50%;\n background-repeat: no-repeat;\n background-color: transparent;\n border-radius: 5px;\n transition: background .1s;\n}\n\n.emoji-picker-react .variations-list button:hover {\n background-color: #DBDBDB;\n}\n",".emoji-picker-react .emoji-categories button {\n height: 40px;\n width: 20px;\n padding: 5px 0;\n background-repeat: no-repeat;\n background-size: 20px;\n background-position: 50% 50%;\n cursor: pointer;\n opacity: .5;\n transition: opacity .1s;\n}\n\n\n.emoji-picker-react .emoji-categories {\n padding: 0 15px;\n display: flex;\n justify-content: space-between;\n box-sizing: border-box;\n}\n\n.emoji-picker-react .emoji-categories.inactive button,\n.emoji-picker-react .emoji-categories.inactive button.active,\n.emoji-picker-react .emoji-categories.inactive button:hover {\n opacity: .4;\n cursor: default;\n}\n\n.emoji-picker-react .emoji-categories button.active {\n opacity: 1;\n}\n\n.emoji-picker-react .emoji-categories button:hover {\n opacity: .7;\n}\n",".emoji-picker-react .emoji {\n position: relative;\n}\n\n.emoji-picker-react .emoji.has-skin-variation:before {\n content: '';\n display: block;\n height: 5px;\n width: 5px;\n background: #070B17;\n position: absolute;\n top: 0;\n right: 0;\n border-radius: 0 5px 0 0;\n}\n\n.emoji-picker-react .emoji button {\n color: inherit;\n height: 35px;\n width: 35px;\n border-radius: 5px;\n background-size: 20px 20px;\n background-position: 50% 50%;\n background-repeat: no-repeat;\n transition: .1s background;\n}\n\n.emoji-picker-react .emoji button:hover {\n background-color: currentColor;\n}\n",".emoji-picker-react .emoji-group {\n clear: both;\n padding: 0 15px;\n list-style: none;\n margin: 0;\n display: flex;\n flex-flow: row wrap;\n justify-content: space-between;\n}\n\n.emoji-picker-react .emoji-group:before {\n content: attr(data-name);\n color: #aaa;\n font-size: 14px;\n position: sticky;\n background: rgba(255,255,255,0.95);\n width: 100%;\n z-index: 1;\n top: 0;\n text-transform: uppercase;\n line-height: 45px;\n font-weight: 700;\n}\n\n.emoji-picker-react .emoji-group:after {\n content: '';\n flex: 1000;\n order: 99999;\n flex-basis: 25px;\n}\n\n.emoji-picker-react .emoji-scroll-wrapper {\n overflow-y: scroll;\n position: relative;\n height: 100%;\n box-sizing: border-box;\n}\n",".emoji-picker-react input.emoji-search {\n width: calc(100% - 30px);\n margin-left: 15px;\n outline: none;\n box-shadow: none;\n padding: 10px;\n box-sizing: border-box;\n border: 1px solid #efefef;\n border-radius: 3px;\n transition: border .1s;\n}\n\n.emoji-picker-react input.emoji-search:focus {\n border: 1px solid #D6D6D6;\n}\n","aside.emoji-picker-react {\n background: #fff;\n display: flex;\n flex-direction: column;\n height: 320px;\n width: 280px;\n font-family: sans-serif;\n border: 1px solid #efefef;\n border-radius: 5px;\n box-sizing: border-box;\n box-shadow: 0 5px 10px #efefef;\n overflow: hidden;\n position: relative;\n}\n\naside.emoji-picker-react .content-wrapper-epr {\n overflow: hidden;\n position: relative;\n}\n\naside.emoji-picker-react .content-wrapper-epr:before {\n content: attr(data-name);\n color: #aaa;\n font-size: 11px;\n display: block;\n position: absolute;\n right: 15px;\n z-index: 10;\n line-height: 45px;\n max-height: 45px;\n overflow: hidden;\n max-width: 100px;\n text-overflow: ellipsis;\n text-align: right;\n}\n\naside.emoji-picker-react button {\n border: none;\n cursor: pointer;\n outline: none;\n}\n"],"sourceRoot":""}