@pzh-ui/css 0.0.48 → 0.0.51

package/README.md

@@ -10,6 +10,7 @@ After installing the dependency, you can start using the styles as follows:
 
 ```jsx
 // tailwind.config.js
+
 module.exports = {
     presets: [require('@pzh-ui/css/config')],
     content: [

package/config/index.js

@@ -218,6 +218,10 @@ module.exports = {
             'pzh-white': {
                 DEFAULT: '#FFFFFF',
             },
+            'pzh-ui': {
+                white: '#FFFFFF',
+                'light-blue': '#E5EFF8',
+            },
         },
         extend: {
             opacity: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pzh-ui/css",
-    "version": "0.0.48",
+    "version": "0.0.51",
     "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": "4bc1c4e901e6329d367573f21845ebc2f624d72b",
+    "gitHead": "b0a8192cae5196e55e8bea1f289cabe5543c8276",
     "devDependencies": {
         "tailwindcss": "^3.0.23"
     }

package/src/tailwind.css

@@ -741,6 +741,10 @@ select {
   left: 0px;
 }
 
+.-bottom-\[6px\] {
+  bottom: -6px;
+}
+
 .-left-\[9999px\] {
   left: -9999px;
 }
@@ -831,6 +835,10 @@ select {
   margin-top: 3px;
 }
 
+.-mb-\[2px\] {
+  margin-bottom: -2px;
+}
+
 .mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -975,6 +983,23 @@ 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));
 }
 
+@-webkit-keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.animate-spin {
+  -webkit-animation: spin 1s linear infinite;
+          animation: spin 1s linear infinite;
+}
+
 .cursor-pointer {
   cursor: pointer;
 }
@@ -1048,6 +1073,14 @@ select {
   border-bottom-width: 1px;
 }
 
+.border-b-2 {
+  border-bottom-width: 2px;
+}
+
+.border-b-\[3px\] {
+  border-bottom-width: 3px;
+}
+
 .border-dashed {
   border-style: dashed;
 }
@@ -1087,6 +1120,11 @@ select {
   border-color: rgb(22 17 59 / var(--tw-border-opacity));
 }
 
+.border-pzh-gray-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(173 172 186 / var(--tw-border-opacity));
+}
+
 .border-opacity-35 {
   --tw-border-opacity: 0.35;
 }
@@ -1247,8 +1285,8 @@ select {
   padding-bottom: 9px;
 }
 
-.pt-\[12px\] {
-  padding-top: 12px;
+.pt-\[10px\] {
+  padding-top: 10px;
 }
 
 .pt-0 {
@@ -1425,6 +1463,10 @@ select {
           text-decoration-line: underline;
 }
 
+.decoration-1 {
+  text-decoration-thickness: 1px;
+}
+
 .opacity-0 {
   opacity: 0;
 }
@@ -1545,7 +1587,9 @@ h3,
 h4,
 h5,
 h6,
-.font-bold {
+.font-bold,
+strong,
+b {
   font-family: 'Karbon Medium', sans-serif;
   font-weight: 700;
 }
@@ -2021,6 +2065,11 @@ h6,
   color: rgb(22 17 59 / var(--tw-text-opacity));
 }
 
+.hover\:text-pzh-green:hover {
+  --tw-text-opacity: 1;
+  color: rgb(0 128 77 / var(--tw-text-opacity));
+}
+
 .hover\:text-pzh-blue:hover {
   --tw-text-opacity: 1;
   color: rgb(40 31 107 / var(--tw-text-opacity));
@@ -2031,11 +2080,6 @@ h6,
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.hover\:text-pzh-green:hover {
-  --tw-text-opacity: 1;
-  color: rgb(0 128 77 / var(--tw-text-opacity));
-}
-
 .hover\:underline:hover {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;

package/src/tailwind.src.css

@@ -38,7 +38,9 @@ h3,
 h4,
 h5,
 h6,
-.font-bold {
+.font-bold,
+strong,
+b {
     font-family: 'Karbon Medium', sans-serif;
     font-weight: 700;
 }