@pzh-ui/css 0.0.19 → 0.0.20

package/config/index.js

@@ -208,6 +208,11 @@ module.exports = {
                 light: '#beb1a7',
                 dark: '#584b41',
             },
+            'pzh-badge': {
+                green: '#50A658',
+                red: '#CB3B36',
+                orange: '#F9B53C',
+            },
         },
         extend: {
             opacity: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pzh-ui/css",
-    "version": "0.0.19",
+    "version": "0.0.20",
     "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": "d15c5f52732fbe650c61c2ab9c2bdaa8741cfefb",
+    "gitHead": "debc8d599b0e3c27834eea46e0b22d86f457121b",
     "devDependencies": {
         "tailwindcss": "^3.0.23"
     }

package/src/tailwind.css

@@ -836,6 +836,10 @@ select{
   display: none;
 }
 
+.h-\[28px\]{
+  height: 28px;
+}
+
 .h-6{
   height: 1.5rem;
 }
@@ -964,6 +968,26 @@ select{
   border-style: dashed;
 }
 
+.border-pzh-badge-green{
+  --tw-border-opacity: 1;
+  border-color: rgb(80 166 88 / var(--tw-border-opacity));
+}
+
+.border-pzh-badge-orange{
+  --tw-border-opacity: 1;
+  border-color: rgb(249 181 60 / var(--tw-border-opacity));
+}
+
+.border-pzh-badge-red{
+  --tw-border-opacity: 1;
+  border-color: rgb(203 59 54 / var(--tw-border-opacity));
+}
+
+.border-pzh-cool-gray{
+  --tw-border-opacity: 1;
+  border-color: rgb(131 131 131 / var(--tw-border-opacity));
+}
+
 .border-pzh-blue-dark{
   --tw-border-opacity: 1;
   border-color: rgb(22 17 59 / var(--tw-border-opacity));
@@ -1037,6 +1061,16 @@ select{
   padding: 0.5rem;
 }
 
+.px-1\.5{
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
+
+.px-1{
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
 .px-3{
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -1156,6 +1190,10 @@ select{
   vertical-align: bottom;
 }
 
+.text-\[16px\]{
+  font-size: 16px;
+}
+
 .text-sm{
   font-size: 0.875rem;
 }
@@ -1168,14 +1206,14 @@ select{
   font-size: 1rem;
 }
 
-.text-\[16px\]{
-  font-size: 16px;
-}
-
 .text-\[0\.8rem\]{
   font-size: 0.8rem;
 }
 
+.uppercase{
+  text-transform: uppercase;
+}
+
 .italic{
   font-style: italic;
 }
@@ -1196,6 +1234,26 @@ select{
   line-height: 1;
 }
 
+.text-pzh-badge-green{
+  --tw-text-opacity: 1;
+  color: rgb(80 166 88 / var(--tw-text-opacity));
+}
+
+.text-pzh-badge-orange{
+  --tw-text-opacity: 1;
+  color: rgb(249 181 60 / var(--tw-text-opacity));
+}
+
+.text-pzh-badge-red{
+  --tw-text-opacity: 1;
+  color: rgb(203 59 54 / var(--tw-text-opacity));
+}
+
+.text-pzh-cool-gray{
+  --tw-text-opacity: 1;
+  color: rgb(131 131 131 / var(--tw-text-opacity));
+}
+
 .text-white{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));