@pzh-ui/css 0.0.71 → 0.0.72

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pzh-ui/css",
-    "version": "0.0.71",
+    "version": "0.0.72",
     "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": "a335068588e469ce0060f006d887215bd9af43a7",
+    "gitHead": "3b4fa9fa4c4a2f44e9ae19afb41a701b7eb9ab2f",
     "devDependencies": {
         "tailwindcss": "^3.3.2"
     }

package/src/tailwind.css

@@ -1443,8 +1443,7 @@ select {
   font-family: 'Karbon Regular', sans-serif;
   font-weight: 400;
   font-size: 0.8rem;
-  box-shadow:
-            0px 18px 60px rgba(0, 0, 0, 0.07),
+  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);
   border-style: none;
@@ -1752,6 +1751,10 @@ select {
   margin-bottom: 0.5rem;
 }
 
+.mb-8 {
+  margin-bottom: 2rem;
+}
+
 .mb-\[1000px\] {
   margin-bottom: 1000px;
 }
@@ -1860,10 +1863,6 @@ select {
   height: 1.5rem;
 }
 
-.h-7 {
-  height: 1.75rem;
-}
-
 .h-8 {
   height: 2rem;
 }
@@ -2014,6 +2013,16 @@ select {
   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));
 }
 
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -2032,6 +2041,12 @@ select {
   cursor: pointer;
 }
 
+.select-none {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+
 .resize-none {
   resize: none;
 }
@@ -2135,6 +2150,11 @@ select {
   border-radius: 0.375rem;
 }
 
+.rounded-t {
+  border-top-left-radius: 0.25rem;
+  border-top-right-radius: 0.25rem;
+}
+
 .rounded-t-md {
   border-top-left-radius: 0.375rem;
   border-top-right-radius: 0.375rem;
@@ -2273,6 +2293,10 @@ select {
   background-color: rgb(213 213 213 / var(--tw-bg-opacity));
 }
 
+.bg-pzh-gray-800\/10 {
+  background-color: rgb(34 34 34 / 0.1);
+}
+
 .bg-pzh-green {
   --tw-bg-opacity: 1;
   background-color: rgb(0 128 77 / var(--tw-bg-opacity));
@@ -2355,16 +2379,6 @@ select {
   padding-bottom: 0px !important;
 }
 
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
-
-.px-1\.5 {
-  padding-left: 0.375rem;
-  padding-right: 0.375rem;
-}
-
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -2472,6 +2486,10 @@ select {
   padding-top: 15px;
 }
 
+.pt-px {
+  padding-top: 1px;
+}
+
 .text-left {
   text-align: left;
 }
@@ -2829,6 +2847,22 @@ b {
   font-family: 'Karbon Medium', sans-serif;
 }
 
+ul li ul li {
+  list-style-type: circle;
+}
+
+ul li ul li ul li {
+  list-style-type: square;
+}
+
+ol li ol li {
+  list-style-type: lower-alpha;
+}
+
+ol li ol li ol li {
+  list-style-type: lower-roman;
+}
+
 .font-normal {
   font-family: 'Karbon Regular', sans-serif;
 }
@@ -3001,6 +3035,10 @@ b {
   opacity: 1;
 }
 
+.group:hover .group-hover\:opacity-40 {
+  opacity: 0.4;
+}
+
 .prose-a\:text-pzh-green :is(:where(a):not(:where([class~="not-prose"] *))) {
   --tw-text-opacity: 1;
   color: rgb(0 128 77 / var(--tw-text-opacity));

package/src/tailwind.src.css

@@ -44,6 +44,22 @@ b {
     font-family: 'Karbon Medium', sans-serif;
 }
 
+ul li ul li {
+    list-style-type: circle;
+}
+
+ul li ul li ul li {
+    list-style-type: square;
+}
+
+ol li ol li {
+    list-style-type: lower-alpha;
+}
+
+ol li ol li ol li {
+    list-style-type: lower-roman;
+}
+
 .font-normal {
     font-family: 'Karbon Regular', sans-serif;
 }
@@ -143,8 +159,7 @@ b {
         font-family: 'Karbon Regular', sans-serif;
         font-weight: 400;
         font-size: 0.8rem;
-        box-shadow:
-            0px 18px 60px rgba(0, 0, 0, 0.07),
+        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);
         @apply text-pzh-blue-dark border-none;