@pzh-ui/css 0.0.34 → 0.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/config/index.js CHANGED
@@ -197,6 +197,7 @@ module.exports = {
197
197
  },
198
198
  'pzh-gray': {
199
199
  DEFAULT: '#EBEBEB',
200
+ light: '#F5F5F5',
200
201
  },
201
202
  'pzh-cool-gray': {
202
203
  DEFAULT: '#838383',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pzh-ui/css",
3
- "version": "0.0.34",
3
+ "version": "0.0.35",
4
4
  "description": "Contains default styling for projects whitin Provincie Zuid-Holland.",
5
5
  "license": "ISC",
6
6
  "publishConfig": {
@@ -19,7 +19,7 @@
19
19
  "@tailwindcss/line-clamp": "^0.3.1",
20
20
  "react-datepicker": "^4.7.0"
21
21
  },
22
- "gitHead": "9306f80e6b95736d6ff4655fd840481548d4b865",
22
+ "gitHead": "9776a99c5f9dd48d56c9fed1ce7fa52290ac39ac",
23
23
  "devDependencies": {
24
24
  "tailwindcss": "^3.0.23"
25
25
  }
package/src/tailwind.css CHANGED
@@ -785,14 +785,14 @@ select{
785
785
  margin-right: 0.5rem;
786
786
  }
787
787
 
788
- .ml-2{
789
- margin-left: 0.5rem;
790
- }
791
-
792
788
  .-mt-\[2px\]{
793
789
  margin-top: -2px;
794
790
  }
795
791
 
792
+ .ml-2{
793
+ margin-left: 0.5rem;
794
+ }
795
+
796
796
  .-mt-0\.5{
797
797
  margin-top: -0.125rem;
798
798
  }
@@ -849,6 +849,10 @@ select{
849
849
  display: flex;
850
850
  }
851
851
 
852
+ .table{
853
+ display: table;
854
+ }
855
+
852
856
  .contents{
853
857
  display: contents;
854
858
  }
@@ -885,6 +889,10 @@ select{
885
889
  height: 1rem;
886
890
  }
887
891
 
892
+ .h-8{
893
+ height: 2rem;
894
+ }
895
+
888
896
  .min-h-screen{
889
897
  min-height: 100vh;
890
898
  }
@@ -988,6 +996,10 @@ select{
988
996
  border-radius: 0.375rem;
989
997
  }
990
998
 
999
+ .rounded-full{
1000
+ border-radius: 9999px;
1001
+ }
1002
+
991
1003
  .rounded-\[4px\]{
992
1004
  border-radius: 4px;
993
1005
  }
@@ -1001,6 +1013,10 @@ select{
1001
1013
  border-width: 1px;
1002
1014
  }
1003
1015
 
1016
+ .border-b{
1017
+ border-bottom-width: 1px;
1018
+ }
1019
+
1004
1020
  .border-dashed{
1005
1021
  border-style: dashed;
1006
1022
  }
@@ -1289,6 +1305,11 @@ select{
1289
1305
  line-height: 1;
1290
1306
  }
1291
1307
 
1308
+ .text-pzh-blue-dark{
1309
+ --tw-text-opacity: 1;
1310
+ color: rgb(22 17 59 / var(--tw-text-opacity));
1311
+ }
1312
+
1292
1313
  .text-pzh-badge-green{
1293
1314
  --tw-text-opacity: 1;
1294
1315
  color: rgb(80 166 88 / var(--tw-text-opacity));
@@ -1324,11 +1345,6 @@ select{
1324
1345
  color: rgb(209 31 61 / var(--tw-text-opacity));
1325
1346
  }
1326
1347
 
1327
- .text-pzh-blue-dark{
1328
- --tw-text-opacity: 1;
1329
- color: rgb(22 17 59 / var(--tw-text-opacity));
1330
- }
1331
-
1332
1348
  .text-pzh-green{
1333
1349
  --tw-text-opacity: 1;
1334
1350
  color: rgb(0 128 77 / var(--tw-text-opacity));
@@ -1907,6 +1923,11 @@ h6,
1907
1923
  background-color: rgb(0 77 46 / var(--tw-bg-opacity));
1908
1924
  }
1909
1925
 
1926
+ .hover\:bg-pzh-gray-light:hover{
1927
+ --tw-bg-opacity: 1;
1928
+ background-color: rgb(245 245 245 / var(--tw-bg-opacity));
1929
+ }
1930
+
1910
1931
  .hover\:bg-opacity-10:hover{
1911
1932
  --tw-bg-opacity: 0.1;
1912
1933
  }
@@ -2062,6 +2083,14 @@ h6,
2062
2083
  margin-left: 1rem;
2063
2084
  }
2064
2085
 
2086
+ .md\:flex{
2087
+ display: flex;
2088
+ }
2089
+
2090
+ .md\:hidden{
2091
+ display: none;
2092
+ }
2093
+
2065
2094
  .md\:p-4{
2066
2095
  padding: 1rem;
2067
2096
  }