@pzh-ui/css 0.0.115 → 0.0.116
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/package.json +2 -2
- package/src/tailwind.css +15 -2
- package/src/tailwind.src.css +8 -4
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pzh-ui/css",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.116",
|
|
4
4
|
"description": "Contains default styling for projects within Provincie Zuid-Holland.",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"publishConfig": {
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"@tailwindcss/typography": "^0.5.16",
|
|
18
18
|
"react-toastify": "^9.1.2"
|
|
19
19
|
},
|
|
20
|
-
"gitHead": "
|
|
20
|
+
"gitHead": "dae732e47c3292b040577b961a77fca19b5497c2",
|
|
21
21
|
"devDependencies": {
|
|
22
22
|
"@tailwindcss/cli": "^4.1.4",
|
|
23
23
|
"tailwindcss": "^4.1.4"
|
package/src/tailwind.css
CHANGED
|
@@ -473,15 +473,16 @@ ol li ol li ol li {
|
|
|
473
473
|
border-style: none;
|
|
474
474
|
background-color: var(--color-pzh-white);
|
|
475
475
|
}
|
|
476
|
-
.pzh-datepicker .react-datepicker__month {
|
|
476
|
+
.pzh-datepicker .react-datepicker__month-container .react-datepicker__month {
|
|
477
477
|
margin-inline: calc(var(--spacing) * 0.5);
|
|
478
|
-
margin-top: calc(var(--spacing) *
|
|
478
|
+
margin-top: calc(var(--spacing) * 2);
|
|
479
479
|
}
|
|
480
480
|
.pzh-datepicker .react-datepicker__day-names {
|
|
481
481
|
background-color: color-mix(in srgb, #16113b 10%, transparent);
|
|
482
482
|
@supports (color: color-mix(in lab, red, red)) {
|
|
483
483
|
background-color: color-mix(in oklab, var(--color-pzh-blue-900) 10%, transparent);
|
|
484
484
|
}
|
|
485
|
+
padding-block: calc(var(--spacing) * 1);
|
|
485
486
|
}
|
|
486
487
|
.pzh-datepicker .react-datepicker__day-name {
|
|
487
488
|
margin-block: calc(var(--spacing) * 0);
|
|
@@ -549,9 +550,21 @@ ol li ol li ol li {
|
|
|
549
550
|
line-height: 14px;
|
|
550
551
|
}
|
|
551
552
|
.pzh-datepicker .react-datepicker__current-month, .pzh-datepicker .react-datepicker__day-name, .pzh-datepicker .react-datepicker__day--today {
|
|
553
|
+
margin-block: calc(var(--spacing) * 0);
|
|
552
554
|
--tw-font-weight: var(--font-weight-bold);
|
|
553
555
|
font-weight: var(--font-weight-bold);
|
|
554
556
|
}
|
|
557
|
+
.pzh-datepicker .react-datepicker__sr-only {
|
|
558
|
+
position: absolute;
|
|
559
|
+
width: 1px;
|
|
560
|
+
height: 1px;
|
|
561
|
+
padding: 0;
|
|
562
|
+
margin: -1px;
|
|
563
|
+
overflow: hidden;
|
|
564
|
+
clip: rect(0, 0, 0, 0);
|
|
565
|
+
white-space: nowrap;
|
|
566
|
+
border-width: 0;
|
|
567
|
+
}
|
|
555
568
|
@property --tw-duration {
|
|
556
569
|
syntax: "*";
|
|
557
570
|
inherits: false;
|
package/src/tailwind.src.css
CHANGED
|
@@ -383,12 +383,12 @@ ol li ol li ol li {
|
|
|
383
383
|
@apply bg-pzh-white border-none;
|
|
384
384
|
}
|
|
385
385
|
|
|
386
|
-
.pzh-datepicker .react-datepicker__month {
|
|
387
|
-
@apply mx-0.5 mt-
|
|
386
|
+
.pzh-datepicker .react-datepicker__month-container .react-datepicker__month {
|
|
387
|
+
@apply mx-0.5 mt-2;
|
|
388
388
|
}
|
|
389
389
|
|
|
390
390
|
.pzh-datepicker .react-datepicker__day-names {
|
|
391
|
-
@apply bg-pzh-blue-900/10;
|
|
391
|
+
@apply bg-pzh-blue-900/10 py-1;
|
|
392
392
|
}
|
|
393
393
|
|
|
394
394
|
.pzh-datepicker .react-datepicker__day-name {
|
|
@@ -447,5 +447,9 @@ ol li ol li ol li {
|
|
|
447
447
|
.pzh-datepicker .react-datepicker__current-month,
|
|
448
448
|
.pzh-datepicker .react-datepicker__day-name,
|
|
449
449
|
.pzh-datepicker .react-datepicker__day--today {
|
|
450
|
-
@apply font-bold;
|
|
450
|
+
@apply my-0 font-bold;
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
.pzh-datepicker .react-datepicker__sr-only {
|
|
454
|
+
@apply sr-only;
|
|
451
455
|
}
|