react-simple-phone-input 3.0.9-beta → 3.1.1-beta

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 (5) hide show
  1. package/dist/cjs/types/components/PhoneInput/PhoneInput.d.ts +0 -1
  2. package/dist/esm/types/components/PhoneInput/PhoneInput.d.ts +0 -1
  3. package/package.json +3 -1
  4. package/dist/cjs/index.css +0 -156
  5. package/dist/esm/index.css +0 -156
package/dist/cjs/types/components/PhoneInput/PhoneInput.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from "react";
2
- import "./PhoneInput.css";
3
2
  interface Props {
4
3
  placeholder: string;
5
4
  country: string;
package/dist/esm/types/components/PhoneInput/PhoneInput.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from "react";
2
- import "./PhoneInput.css";
3
2
  interface Props {
4
3
  placeholder: string;
5
4
  country: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-simple-phone-input",
3
- "version": "3.0.9-beta",
3
+ "version": "3.1.1-beta",
4
4
  "description": "A simple react phone input component with calling code dropdown🤷",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -40,6 +40,8 @@
40
40
  "@rollup/plugin-typescript": "^10.0.1",
41
41
  "@types/react": "^18.0.26",
42
42
  "autoprefixer": "^10.4.13",
43
+ "postcss": "^8.4.20",
44
+ "postcss-es-modules": "^2.0.2",
43
45
  "react": "^18.2.0",
44
46
  "react-dom": "^18.2.0",
45
47
  "rollup": "^3.7.5",
package/dist/cjs/index.css DELETED
@@ -1,156 +0,0 @@
1
- .PhoneInput_simple-phone-input-sri198-container__-1uIN {
2
- position: relative;
3
- }
4
-
5
- .PhoneInput_simple-phone-input-sri198-container__-1uIN:focus,
6
- .PhoneInput_simple-phone-input-sri198-container__-1uIN:focus-visible,
7
- .PhoneInput_simple-phone-input-sri198-container__-1uIN:focus-within {
8
- outline: none;
9
- }
10
-
11
- .PhoneInput_simple-phone-input-sri198-main__ZMo2U {
12
- display: flex;
13
- border: 1px solid rgba(0, 0, 0, 0.315);
14
- -webkit-user-select: none;
15
- -moz-user-select: none;
16
- user-select: none;
17
- border-radius: 3px;
18
- }
19
-
20
- .PhoneInput_simple-phone-input-sri198-dropdown-container__UY-Wg {
21
- cursor: pointer;
22
- display: flex;
23
- align-items: center;
24
- background: rgba(0, 0, 0, 0.144);
25
- }
26
-
27
- .PhoneInput_simple-phone-input-sri198-dropdown-container__UY-Wg img {
28
- margin-right: 6px;
29
- }
30
-
31
- .PhoneInput_simple-phone-input-sri198-dropdown__-zUyG {
32
- background: white;
33
- list-style: none;
34
- padding: 0;
35
- margin: 0;
36
- position: absolute;
37
- top: 100%;
38
- left: 0;
39
- right: 0;
40
- height: 250px;
41
- overflow-y: auto;
42
- box-shadow: 0 0 20px rgb(180, 180, 180);
43
- display: none;
44
- }
45
-
46
- .PhoneInput_simple-phone-input-sri198-dropdown__-zUyG.PhoneInput_active__1usUn {
47
- display: block;
48
- }
49
-
50
- .PhoneInput_simple-phone-input-sri198-dropdown__-zUyG li {
51
- margin: 3px 0;
52
- padding: 3px 8px;
53
- display: flex;
54
- }
55
-
56
- .PhoneInput_simple-phone-input-sri198-dropdown__-zUyG li.PhoneInput_active__1usUn {
57
- background: rgba(0, 0, 0, 0.116);
58
- }
59
-
60
- .PhoneInput_simple-phone-input-sri198-dropdown__-zUyG li:hover {
61
- background: rgba(0, 0, 0, 0.116);
62
- }
63
-
64
- .PhoneInput_simple-phone-input-sri198-dropdown__-zUyG li img {
65
- margin-right: 6px;
66
- }
67
-
68
- .PhoneInput_simple-phone-input-sri198-dropdown-container-button__u1qYW {
69
- display: flex;
70
- flex: 1;
71
- width: 92px;
72
- padding: 5px 2px 5px 7px;
73
- }
74
-
75
- .PhoneInput_simple-phone-input-sri198-dropdown-container-button__u1qYW.PhoneInput_dial__cy4Vs {
76
- width: unset;
77
- padding: 8px 3px 8px 8px;
78
- }
79
-
80
- .PhoneInput_simple-phone-input-sri198-dropdown-text__tgEqa {
81
- font-size: 15px;
82
- flex: 1;
83
- margin-top: 3px;
84
- }
85
-
86
- .PhoneInput_simple-phone-input-sri198-dropdown-country-code__nj66H {
87
- opacity: 0.6;
88
- margin-top: 3px;
89
- }
90
-
91
- .PhoneInput_simple-phone-input-sri198-dropdown-icon__e-zac {
92
- display: flex;
93
- align-items: center;
94
- justify-content: center;
95
- }
96
-
97
- .PhoneInput_simple-phone-input-sri198-dropdown-icon__e-zac svg {
98
- transition: 0.3s ease;
99
- }
100
-
101
- .PhoneInput_simple-phone-input-sri198-dropdown-icon__e-zac.PhoneInput_active__1usUn svg {
102
- transform: rotate(-180deg)
103
- }
104
-
105
- .PhoneInput_simple-phone-input-sri198-selected-code__oZlZb {
106
- flex: 1;
107
- font-size: 14px;
108
- margin-top: 3px;
109
- }
110
-
111
- .PhoneInput_simple-phone-input-sri198-input__DxexW {
112
- width: 100%;
113
- border: none;
114
- padding: 0 10px;
115
- }
116
-
117
- .PhoneInput_simple-phone-input-sri198-input__DxexW:focus {
118
- outline: none;
119
- }
120
-
121
- .PhoneInput_simple-phone-input-sri198-search-container__fUzRY {
122
- padding: 5px;
123
- position: relative;
124
- }
125
-
126
- .PhoneInput_simple-phone-input-sri198-search-container__fUzRY input {
127
- border: 1px solid rgba(0, 0, 0, 0.116);
128
- padding: 8px 10px;
129
- width: 100%;
130
- font-size: 15px;
131
- border-radius: 2px;
132
- }
133
-
134
- .PhoneInput_simple-phone-input-sri198-search-icon__ABFep {
135
- position: absolute;
136
- right: 10px;
137
- top: 50%;
138
- transform: translateY(-50%);
139
- display: flex;
140
- pointer-events: none;
141
- }
142
-
143
- .PhoneInput_simple-phone-input-sri198-search-icon__ABFep svg {
144
- font-size: 20px;
145
- }
146
-
147
- .PhoneInput_simple-phone-input-sri198-not-found__y43JR {
148
- text-align: center;
149
- margin-top: 10px;
150
- font-size: 15px;
151
- color: #f73131;
152
- }
153
-
154
- .PhoneInput_simple-phone-input-sri198-search-container__fUzRY input:focus {
155
- outline: none;
156
- }
package/dist/esm/index.css DELETED
@@ -1,156 +0,0 @@
1
- .PhoneInput_simple-phone-input-sri198-container__-1uIN {
2
- position: relative;
3
- }
4
-
5
- .PhoneInput_simple-phone-input-sri198-container__-1uIN:focus,
6
- .PhoneInput_simple-phone-input-sri198-container__-1uIN:focus-visible,
7
- .PhoneInput_simple-phone-input-sri198-container__-1uIN:focus-within {
8
- outline: none;
9
- }
10
-
11
- .PhoneInput_simple-phone-input-sri198-main__ZMo2U {
12
- display: flex;
13
- border: 1px solid rgba(0, 0, 0, 0.315);
14
- -webkit-user-select: none;
15
- -moz-user-select: none;
16
- user-select: none;
17
- border-radius: 3px;
18
- }
19
-
20
- .PhoneInput_simple-phone-input-sri198-dropdown-container__UY-Wg {
21
- cursor: pointer;
22
- display: flex;
23
- align-items: center;
24
- background: rgba(0, 0, 0, 0.144);
25
- }
26
-
27
- .PhoneInput_simple-phone-input-sri198-dropdown-container__UY-Wg img {
28
- margin-right: 6px;
29
- }
30
-
31
- .PhoneInput_simple-phone-input-sri198-dropdown__-zUyG {
32
- background: white;
33
- list-style: none;
34
- padding: 0;
35
- margin: 0;
36
- position: absolute;
37
- top: 100%;
38
- left: 0;
39
- right: 0;
40
- height: 250px;
41
- overflow-y: auto;
42
- box-shadow: 0 0 20px rgb(180, 180, 180);
43
- display: none;
44
- }
45
-
46
- .PhoneInput_simple-phone-input-sri198-dropdown__-zUyG.PhoneInput_active__1usUn {
47
- display: block;
48
- }
49
-
50
- .PhoneInput_simple-phone-input-sri198-dropdown__-zUyG li {
51
- margin: 3px 0;
52
- padding: 3px 8px;
53
- display: flex;
54
- }
55
-
56
- .PhoneInput_simple-phone-input-sri198-dropdown__-zUyG li.PhoneInput_active__1usUn {
57
- background: rgba(0, 0, 0, 0.116);
58
- }
59
-
60
- .PhoneInput_simple-phone-input-sri198-dropdown__-zUyG li:hover {
61
- background: rgba(0, 0, 0, 0.116);
62
- }
63
-
64
- .PhoneInput_simple-phone-input-sri198-dropdown__-zUyG li img {
65
- margin-right: 6px;
66
- }
67
-
68
- .PhoneInput_simple-phone-input-sri198-dropdown-container-button__u1qYW {
69
- display: flex;
70
- flex: 1;
71
- width: 92px;
72
- padding: 5px 2px 5px 7px;
73
- }
74
-
75
- .PhoneInput_simple-phone-input-sri198-dropdown-container-button__u1qYW.PhoneInput_dial__cy4Vs {
76
- width: unset;
77
- padding: 8px 3px 8px 8px;
78
- }
79
-
80
- .PhoneInput_simple-phone-input-sri198-dropdown-text__tgEqa {
81
- font-size: 15px;
82
- flex: 1;
83
- margin-top: 3px;
84
- }
85
-
86
- .PhoneInput_simple-phone-input-sri198-dropdown-country-code__nj66H {
87
- opacity: 0.6;
88
- margin-top: 3px;
89
- }
90
-
91
- .PhoneInput_simple-phone-input-sri198-dropdown-icon__e-zac {
92
- display: flex;
93
- align-items: center;
94
- justify-content: center;
95
- }
96
-
97
- .PhoneInput_simple-phone-input-sri198-dropdown-icon__e-zac svg {
98
- transition: 0.3s ease;
99
- }
100
-
101
- .PhoneInput_simple-phone-input-sri198-dropdown-icon__e-zac.PhoneInput_active__1usUn svg {
102
- transform: rotate(-180deg)
103
- }
104
-
105
- .PhoneInput_simple-phone-input-sri198-selected-code__oZlZb {
106
- flex: 1;
107
- font-size: 14px;
108
- margin-top: 3px;
109
- }
110
-
111
- .PhoneInput_simple-phone-input-sri198-input__DxexW {
112
- width: 100%;
113
- border: none;
114
- padding: 0 10px;
115
- }
116
-
117
- .PhoneInput_simple-phone-input-sri198-input__DxexW:focus {
118
- outline: none;
119
- }
120
-
121
- .PhoneInput_simple-phone-input-sri198-search-container__fUzRY {
122
- padding: 5px;
123
- position: relative;
124
- }
125
-
126
- .PhoneInput_simple-phone-input-sri198-search-container__fUzRY input {
127
- border: 1px solid rgba(0, 0, 0, 0.116);
128
- padding: 8px 10px;
129
- width: 100%;
130
- font-size: 15px;
131
- border-radius: 2px;
132
- }
133
-
134
- .PhoneInput_simple-phone-input-sri198-search-icon__ABFep {
135
- position: absolute;
136
- right: 10px;
137
- top: 50%;
138
- transform: translateY(-50%);
139
- display: flex;
140
- pointer-events: none;
141
- }
142
-
143
- .PhoneInput_simple-phone-input-sri198-search-icon__ABFep svg {
144
- font-size: 20px;
145
- }
146
-
147
- .PhoneInput_simple-phone-input-sri198-not-found__y43JR {
148
- text-align: center;
149
- margin-top: 10px;
150
- font-size: 15px;
151
- color: #f73131;
152
- }
153
-
154
- .PhoneInput_simple-phone-input-sri198-search-container__fUzRY input:focus {
155
- outline: none;
156
- }