@pzh-ui/css 0.0.49 → 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.49",
+    "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": "0ffe2bf1063ddb5bda0deba29901b54bdb79d679",
+    "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;
 }
@@ -1065,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;
 }
@@ -1104,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;
 }
@@ -1264,8 +1285,8 @@ select {
   padding-bottom: 9px;
 }
 
-.pt-\[12px\] {
-  padding-top: 12px;
+.pt-\[10px\] {
+  padding-top: 10px;
 }
 
 .pt-0 {
@@ -1442,6 +1463,10 @@ select {
           text-decoration-line: underline;
 }
 
+.decoration-1 {
+  text-decoration-thickness: 1px;
+}
+
 .opacity-0 {
   opacity: 0;
 }
@@ -2040,6 +2065,11 @@ b {
   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));
@@ -2050,11 +2080,6 @@ b {
   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;