@pzh-ui/css 0.0.65 → 0.0.66

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pzh-ui/css",
-    "version": "0.0.65",
+    "version": "0.0.66",
     "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": "7e48d171c197f059c7a07e43be9ce1d539a364a2",
+    "gitHead": "9896c23c44cc94a0df25d1d95ca67b0e0fb25616",
     "devDependencies": {
         "tailwindcss": "^3.3.2"
     }

package/src/tailwind.css

@@ -1507,8 +1507,8 @@ select {
   border-radius: 9999px;
 }
 
-.pzh-datepicker .react-datepicker__day--today,
-    .pzh-datepicker .react-datepicker__day--today:hover,
+.pzh-datepicker .react-datepicker__day--today:not(.react-datepicker__day--selected),
+    .pzh-datepicker .react-datepicker__day--today:hover:not(.react-datepicker__day--selected),
     .pzh-datepicker .react-datepicker__day--keyboard-selected {
   background-color: rgb(22 17 59 / var(--tw-bg-opacity));
   --tw-bg-opacity: 0.1;
@@ -1669,6 +1669,14 @@ select {
   margin-bottom: 0.5rem;
 }
 
+.-mb-0 {
+  margin-bottom: -0px;
+}
+
+.-mb-0\.5 {
+  margin-bottom: -0.125rem;
+}
+
 .-mb-px {
   margin-bottom: -1px;
 }
@@ -1809,6 +1817,10 @@ select {
   height: 2rem;
 }
 
+.h-\[24px\] {
+  height: 24px;
+}
+
 .h-\[28px\] {
   height: 28px;
 }
@@ -1961,6 +1973,10 @@ select {
   animation: spin 1s linear infinite;
 }
 
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+
 .cursor-pointer {
   cursor: pointer;
 }
@@ -2035,6 +2051,10 @@ select {
   border-radius: 0.25rem;
 }
 
+.rounded-\[40px\] {
+  border-radius: 40px;
+}
+
 .rounded-\[4px\] {
   border-radius: 4px;
 }
@@ -2313,10 +2333,6 @@ select {
   padding-bottom: 1.5rem;
 }
 
-.pb-0 {
-  padding-bottom: 0px;
-}
-
 .pb-1 {
   padding-bottom: 0.25rem;
 }
@@ -2483,6 +2499,10 @@ select {
   color: rgb(22 17 59 / var(--tw-text-opacity));
 }
 
+.text-pzh-blue-dark\/35 {
+  color: rgb(22 17 59 / 0.35);
+}
+
 .text-pzh-blue-dark\/50 {
   color: rgb(22 17 59 / 0.5);
 }
@@ -2794,6 +2814,11 @@ b {
   background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
 
+.hover\:bg-pzh-green:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
+}
+
 .hover\:bg-pzh-green-dark:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(0 77 46 / var(--tw-bg-opacity));
@@ -2823,6 +2848,11 @@ b {
   color: rgb(0 128 77 / var(--tw-text-opacity));
 }
 
+.hover\:text-pzh-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));

package/src/tailwind.src.css

@@ -188,8 +188,8 @@ b {
         @apply rounded-full hover:rounded-full;
     }
 
-    .pzh-datepicker .react-datepicker__day--today,
-    .pzh-datepicker .react-datepicker__day--today:hover,
+    .pzh-datepicker .react-datepicker__day--today:not(.react-datepicker__day--selected),
+    .pzh-datepicker .react-datepicker__day--today:hover:not(.react-datepicker__day--selected),
     .pzh-datepicker .react-datepicker__day--keyboard-selected {
         @apply bg-pzh-blue-dark bg-opacity-10 text-pzh-blue-dark;
     }