@pzh-ui/css 0.0.39 → 0.0.42

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pzh-ui/css",
-    "version": "0.0.39",
+    "version": "0.0.42",
     "description": "Contains default styling for projects whitin Provincie Zuid-Holland.",
     "license": "ISC",
     "publishConfig": {
@@ -19,7 +19,7 @@
         "@tailwindcss/line-clamp": "^0.3.1",
         "react-datepicker": "^4.7.0"
     },
-    "gitHead": "174607cd1c919eb6df5cff984aafc4d6b0d33484",
+    "gitHead": "e361552eea07a46cda1401f56aaafefd63d5084d",
     "devDependencies": {
         "tailwindcss": "^3.0.23"
     }

package/src/tailwind.css

@@ -809,10 +809,18 @@ select{
   margin-left: 1rem;
 }
 
+.mr-4{
+  margin-right: 1rem;
+}
+
 .mt-1{
   margin-top: 0.25rem;
 }
 
+.mt-\[1px\]{
+  margin-top: 1px;
+}
+
 .-mt-8{
   margin-top: -2rem;
 }
@@ -1001,6 +1009,10 @@ select{
   overflow-y: auto;
 }
 
+.overflow-y-visible{
+  overflow-y: visible;
+}
+
 .break-words{
   overflow-wrap: break-word;
 }
@@ -1047,6 +1059,11 @@ select{
   border-color: rgb(0 128 77 / var(--tw-border-opacity));
 }
 
+.border-pzh-green-light{
+  --tw-border-opacity: 1;
+  border-color: rgb(97 179 117 / var(--tw-border-opacity));
+}
+
 .border-pzh-yellow-dark{
   --tw-border-opacity: 1;
   border-color: rgb(198 164 16 / var(--tw-border-opacity));
@@ -1057,6 +1074,11 @@ select{
   border-color: rgb(209 31 61 / var(--tw-border-opacity));
 }
 
+.border-pzh-red-light{
+  --tw-border-opacity: 1;
+  border-color: rgb(235 112 133 / var(--tw-border-opacity));
+}
+
 .border-pzh-cool-gray{
   --tw-border-opacity: 1;
   border-color: rgb(131 131 131 / var(--tw-border-opacity));
@@ -1124,7 +1146,7 @@ select{
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
-.bg-pzh-gray{
+.bg-pzh-gray-200{
   --tw-bg-opacity: 1;
   background-color: rgb(235 235 235 / var(--tw-bg-opacity));
 }
@@ -1353,6 +1375,11 @@ select{
   color: rgb(0 128 77 / var(--tw-text-opacity));
 }
 
+.text-pzh-green-light{
+  --tw-text-opacity: 1;
+  color: rgb(97 179 117 / var(--tw-text-opacity));
+}
+
 .text-pzh-yellow-dark{
   --tw-text-opacity: 1;
   color: rgb(198 164 16 / var(--tw-text-opacity));
@@ -1363,6 +1390,11 @@ select{
   color: rgb(209 31 61 / var(--tw-text-opacity));
 }
 
+.text-pzh-red-light{
+  --tw-text-opacity: 1;
+  color: rgb(235 112 133 / var(--tw-text-opacity));
+}
+
 .text-pzh-cool-gray{
   --tw-text-opacity: 1;
   color: rgb(131 131 131 / var(--tw-text-opacity));
@@ -1407,12 +1439,6 @@ select{
   opacity: 0.5;
 }
 
-.shadow-md{
-  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
-}
-
 .shadow-xl{
   --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
@@ -1918,6 +1944,18 @@ h6,
   opacity: 0.55;
 }
 
+.pzh-drop-shadow {
+  box-shadow: 0px 18px 60px rgba(0, 0, 0, 0.07),
+        0px 4.02054px 13.4018px rgba(0, 0, 0, 0.0417275),
+        0px 1.19702px 3.99006px rgba(0, 0, 0, 0.0282725);
+}
+
+.pzh-select-input {
+  input {
+    box-shadow: none;
+  }
+}
+
 .hover\:translate-y-0:hover{
   --tw-translate-y: 0px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1951,7 +1989,7 @@ h6,
   background-color: rgb(0 77 46 / var(--tw-bg-opacity));
 }
 
-.hover\:bg-pzh-gray-light:hover{
+.hover\:bg-pzh-gray-100:hover{
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
@@ -1960,6 +1998,11 @@ h6,
   --tw-bg-opacity: 0.1;
 }
 
+.hover\:text-pzh-blue-dark:hover{
+  --tw-text-opacity: 1;
+  color: rgb(22 17 59 / var(--tw-text-opacity));
+}
+
 .hover\:text-pzh-blue:hover{
   --tw-text-opacity: 1;
   color: rgb(40 31 107 / var(--tw-text-opacity));
@@ -1980,7 +2023,7 @@ h6,
           text-decoration-line: underline;
 }
 
-.focus\:bg-pzh-gray-light:focus{
+.focus\:bg-pzh-gray-100:focus{
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity));
 }
@@ -2146,4 +2189,4 @@ h6,
     padding-left: 2rem;
     padding-right: 2rem;
   }
-}
+}

package/src/tailwind.src.css

@@ -58,7 +58,7 @@ h6,
  */
 
 .pzh-button {
-    @apply inline-block transition duration-200 ease-in rounded focus:outline-none focus:ring font-bold leading-none disabled:bg-pzh-gray disabled:text-pzh-blue-dark disabled:text-opacity-35 disabled:cursor-not-allowed;
+    @apply inline-block transition duration-200 ease-in rounded focus:outline-none focus:ring font-bold leading-none disabled:bg-pzh-gray-200 disabled:text-pzh-blue-dark disabled:text-opacity-35 disabled:cursor-not-allowed;
 }
 
 .pzh-form-input {
@@ -94,7 +94,7 @@ h6,
 }
 .pzh-form-radio:disabled + span:before,
 .pzh-form-checkbox:disabled + span:before {
-    @apply border-pzh-gray bg-pzh-gray;
+    @apply border-pzh-gray-200 bg-pzh-gray-200;
 }
 
 .pzh-form-checkbox + span:before {
@@ -279,3 +279,15 @@ h6,
 .quill .ql-disabled .ql-editor {
     opacity: 0.55;
 }
+
+.pzh-drop-shadow {
+    box-shadow: 0px 18px 60px rgba(0, 0, 0, 0.07),
+        0px 4.02054px 13.4018px rgba(0, 0, 0, 0.0417275),
+        0px 1.19702px 3.99006px rgba(0, 0, 0, 0.0282725);
+}
+
+.pzh-select-input {
+    input {
+        box-shadow: none;
+    }
+}