@rypen-dev/shared-components 5.2.5 → 5.2.6

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@rypen-dev/shared-components",
 	"description": "Shared styles and Vuejs ui components for Rypen projects.",
-	"version": "5.2.5",
+	"version": "5.2.6",
 	"main": "./dist/index.js",
 	"scripts": {
 		"build": "webpack --config ./webpack.config.js",

package/scss/partials/_forms.scss

@@ -515,7 +515,7 @@ label {
 .input-group {
     > .input-group-label:last-child,
     > .input-group-field:last-child {
-        border-radius: 0 $input-radius $input-radius 0;
+        border-radius: 0 $global-form-input-radius $global-form-input-radius 0;
     }
 
     &.tiny {
@@ -960,7 +960,7 @@ label {
             background-color: $middle-gray;
             padding-left: 8px;
             padding-right: 8px;
-            border-radius: 5px;
+            border-radius: $global-form-input-radius;
 
             &.tiny {
                 padding-left: 5px;
@@ -2115,7 +2115,7 @@ input:checked ~ .switch-paddle {
         position: relative;
 
         &.suggestions > input[type='text'] {
-            border-radius: $global-radius $global-radius 0 0;
+            border-radius: $global-form-input-radius $global-form-input-radius 0 0;
         }
 
         &.loading .mini-loader {
@@ -2158,7 +2158,7 @@ input:checked ~ .switch-paddle {
         background-color: $input-background-color;
         border: solid 1px $input-border-focus-color;
         border-top: 0;
-        border-radius: 0 0 $global-radius $global-radius;
+        border-radius: 0 0 $global-form-input-radius $global-form-input-radius;
         padding: 0 10px 0.625rem;
         margin-top: -1px;
         z-index: 10;