fix: fix phone input styles (#74)

trinhthinh388 · Feb 15, 2024 · b26d124 · b26d124
1 parent efbda6b
commit b26d124
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 4 deletions.
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -10,7 +10,7 @@
     "clean": "rimraf .turbo && rimraf node_modules && rimraf .next"
   },
   "dependencies": {
-    "@react-awesome/components": "1.0.10",
+    "@react-awesome/components": "1.0.11",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",
     "lucide-react": "^0.315.0",

diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @react-awesome/components
 
+## 1.0.11
+
+### Patch Changes
+
+- Updated dependencies
+  - @react-awesome/phone-input@1.0.7
+
 ## 1.0.10
 
 ### Patch Changes

diff --git a/packages/components/package.json b/packages/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-awesome/components",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -39,7 +39,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@react-awesome/phone-input": "1.0.6",
+    "@react-awesome/phone-input": "1.0.7",
     "@react-awesome/use-click-outside": "0.0.3",
     "@react-awesome/use-preserve-input-caret-position": "0.0.3",
     "@react-awesome/use-selection-range": "0.0.3",

diff --git a/packages/phone-input/CHANGELOG.md b/packages/phone-input/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @react-awesome/phone-input
 
+## 1.0.7
+
+### Patch Changes
+
+- Fix phone input border radius on safari
+
 ## 1.0.6
 
 ### Patch Changes

diff --git a/packages/phone-input/package.json b/packages/phone-input/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-awesome/phone-input",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

diff --git a/packages/phone-input/src/PhoneInput/styles.module.scss b/packages/phone-input/src/PhoneInput/styles.module.scss
@@ -72,6 +72,8 @@
   padding: 0.5rem 0.75rem;
   background-color: var(--rap-phone-input-bg);
   color: var(--rap-phone-input-color);
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
   border-top-right-radius: var(--rap-phone-input-border-radius);
   border-bottom-right-radius: var(--rap-phone-input-border-radius);
   border: 1px solid var(--rap-phone-input-border-color);