feat(ui): improve form widgets ui

Author: suvashvishowkarma

packages/form/src/assets/css/date-input.css

@@ -34,7 +34,7 @@ input[type="date"][aria-invalid="false"] {
 }
 
 input[type="date"]:focus-within {
-  outline: 2px solid var(--dz-primary-color);
+  outline: 1px solid var(--dz-primary-color);
 }
 
 input[type="date"]:disabled {

packages/form/src/assets/css/password.css

@@ -10,7 +10,7 @@
 }
 
 .input-field-password:focus-within {
-  outline: 2px solid var(--dz-primary-color);
+  outline: 1px solid var(--dz-primary-color);
 }
 
 .input-field-password[aria-invalid="true"] {

packages/ui/src/assets/css/form-widgets/date-picker.css

@@ -11,7 +11,7 @@
 }
 
 .field .p-calendar .p-inputtext:focus-within {
-  outline: 2px solid var(--dz-primary-color);
+  outline: 1px solid var(--dz-primary-color);
 }
 
 .field .p-calendar .p-inputtext:disabled {

packages/ui/src/assets/css/form-widgets/input.css

@@ -34,7 +34,7 @@
 }
 
 .input-field:focus-within {
-  outline: 2px solid var(--dz-primary-color);
+  outline: 1px solid var(--dz-primary-color);
 }
 
 .input-field:disabled {

packages/ui/src/assets/css/form-widgets/select.css

@@ -54,7 +54,7 @@
 
 .select > .label-container.focused,
 .select > .label-container:focus {
-  outline: 2px solid var(--dz-primary-color);
+  outline: 1px solid var(--dz-primary-color);
 }
 
 .select > .label-container.disabled {

packages/ui/src/assets/css/form-widgets/textarea.css

@@ -16,7 +16,7 @@
 }
 
 .textarea-field:focus-within {
-  outline: 2px solid var(--dz-primary-color);
+  outline: 1px solid var(--dz-primary-color);
 }
 
 .textarea-field[aria-invalid="true"] {

packages/ui/src/assets/css/tab-theme.css

@@ -12,7 +12,7 @@
   align-items: center;
   background: none;
   border: none;
-  border:  var(--tab-border, 1px solid transparent);
+  border: var(--tab-border, 1px solid transparent);
   cursor: pointer;
   display: flex;
   outline: 0;
@@ -23,7 +23,7 @@
 
 .tabbed-panel > div > button:focus-visible {
   outline-offset: -1px;
-  outline: var(--tab-focus-outline, 1px solid #1c4786);
+  outline: 1px solid var(--dz-primary-color);
 }
 
 .tabbed-panel > div > button span {