@pzh-ui/css 0.0.17 → 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,13 +1,13 @@
 {
     "name": "@pzh-ui/css",
-    "version": "0.0.17",
+    "version": "0.0.20",
     "description": "Contains default styling for projects whitin Provincie Zuid-Holland.",
     "license": "ISC",
     "publishConfig": {
         "access": "public"
     },
     "scripts": {
-        "prerelease": "npm run-script build-tailwind",
+        "prepare": "npm run-script build-tailwind",
         "build-tailwind": "npx tailwindcss -c ./config/custom.js -i src/tailwind.src.css -o src/tailwind.css",
         "watch-tailwind": "npx tailwindcss -c ./config/custom.js -i src/tailwind.src.css -o src/tailwind.css --watch",
         "build": "npm run-script build-tailwind"
@@ -19,7 +19,7 @@
         "@tailwindcss/line-clamp": "^0.3.1",
         "react-datepicker": "^4.7.0"
     },
-    "gitHead": "8dc2a9aa4ea3a425ac7d0b2f384570032f6af27b",
+    "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));
@@ -1312,7 +1370,7 @@ select{
 @font-face {
   font-family: 'Karbon Regular';
 
-  src: url('../assets/Karbon-Regular.woff2') format('woff2');
+  src: url('./../fonts/Karbon-Regular.woff2') format('woff2');
 
   font-weight: normal;
 
@@ -1322,7 +1380,7 @@ select{
 @font-face {
   font-family: 'Karbon Medium';
 
-  src: url('../assets/Karbon-Medium.woff2') format('woff2');
+  src: url('./../fonts/Karbon-Medium.woff2') format('woff2');
 
   font-weight: bold;
 

package/src/tailwind.src.css

@@ -6,14 +6,14 @@
 
 @font-face {
     font-family: 'Karbon Regular';
-    src: url('../assets/Karbon-Regular.woff2') format('woff2');
+    src: url('./../fonts/Karbon-Regular.woff2') format('woff2');
     font-weight: normal;
     font-display: swap;
 }
 
 @font-face {
     font-family: 'Karbon Medium';
-    src: url('../assets/Karbon-Medium.woff2') format('woff2');
+    src: url('./../fonts/Karbon-Medium.woff2') format('woff2');
     font-weight: bold;
     font-display: swap;
 }