@pzh-ui/css 0.0.78 → 0.0.80

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pzh-ui/css",
-    "version": "0.0.78",
+    "version": "0.0.80",
     "description": "Contains default styling for projects whitin Provincie Zuid-Holland.",
     "license": "ISC",
     "publishConfig": {
@@ -21,7 +21,7 @@
         "react-datepicker": "^4.7.0",
         "react-toastify": "^9.1.2"
     },
-    "gitHead": "75da0c989fb3153635ac85fcc8b46d7a27c6a9cb",
+    "gitHead": "64ee56309f3bc321198942a4b795806a25227839",
     "devDependencies": {
         "tailwindcss": "^3.3.2"
     }

package/src/tailwind.css

@@ -1250,7 +1250,7 @@ select {
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(22 17 59 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity));
 }
 
 .pzh-button:disabled {
@@ -1335,8 +1335,8 @@ select {
   content: "";
 }
 
-.pzh-form-radio:not(:checked):hover + span:before,
-  .pzh-form-checkbox:not(:checked):hover + span:before {
+.pzh-form-radio:not(:checked):not(:disabled):hover + span:before,
+  .pzh-form-checkbox:not(:checked):not(:disabled):hover + span:before {
   --tw-border-opacity: 1;
   border-color: rgb(0 128 77 / var(--tw-border-opacity));
   --tw-bg-opacity: 1;
@@ -1380,7 +1380,7 @@ select {
   transform: scale(1);
 }
 
-.pzh-form-radio:disabled + span:before,
+.pzh-form-radio:not(:checked):disabled + span:before,
   .pzh-form-checkbox:disabled + span:before {
   --tw-border-opacity: 1;
   border-color: rgb(131 131 131 / var(--tw-border-opacity));
@@ -2890,9 +2890,9 @@ select {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.ring-pzh-blue {
+.ring-pzh-focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(40 31 107 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity));
 }
 
 .ring-offset-2 {
@@ -3068,10 +3068,10 @@ ol li ol li ol li {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.before\:ring-pzh-blue::before {
+.before\:ring-pzh-focus::before {
   content: var(--tw-content);
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(40 31 107 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity));
 }
 
 .after\:absolute::after {
@@ -3254,9 +3254,9 @@ ol li ol li ol li {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
 }
 
-.focus\:ring-pzh-blue-dark:focus {
+.focus\:ring-pzh-focus:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(22 17 59 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(35 96 197 / var(--tw-ring-opacity));
 }
 
 .focus\:ring-offset-2:focus {

package/src/tailwind.src.css

@@ -80,7 +80,7 @@ ol li ol li ol li {
     */
 
   .pzh-button {
-    @apply focus:ring-pzh-blue-dark disabled:bg-pzh-gray-200 disabled:text-pzh-blue-dark disabled:text-opacity-35 inline-block rounded leading-none ring-offset-2 transition duration-200 ease-in focus:outline-none focus:ring disabled:cursor-not-allowed;
+    @apply focus:ring-pzh-focus disabled:bg-pzh-gray-200 disabled:text-pzh-blue-dark disabled:text-opacity-35 inline-block rounded leading-none ring-offset-2 transition duration-200 ease-in focus:outline-none focus:ring disabled:cursor-not-allowed;
   }
 
   .pzh-form-input {
@@ -99,8 +99,8 @@ ol li ol li ol li {
     @apply border-pzh-gray-600 absolute left-0 top-0.5 h-5 w-5 rounded-full border;
     content: "";
   }
-  .pzh-form-radio:not(:checked):hover + span:before,
-  .pzh-form-checkbox:not(:checked):hover + span:before {
+  .pzh-form-radio:not(:checked):not(:disabled):hover + span:before,
+  .pzh-form-checkbox:not(:checked):not(:disabled):hover + span:before {
     @apply border-pzh-green-500 bg-pzh-green-10;
   }
   .pzh-form-radio:checked + span:after,
@@ -121,7 +121,7 @@ ol li ol li ol li {
     opacity: 1;
     transform: scale(1);
   }
-  .pzh-form-radio:disabled + span:before,
+  .pzh-form-radio:not(:checked):disabled + span:before,
   .pzh-form-checkbox:disabled + span:before {
     @apply border-pzh-gray-500 bg-pzh-gray-200;
   }