@pzh-ui/css 0.0.114 → 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 +18 -2
- package/src/tailwind.src.css +11 -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
|
@@ -165,6 +165,9 @@
|
|
|
165
165
|
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
|
|
166
166
|
padding-block: 0;
|
|
167
167
|
}
|
|
168
|
+
::-webkit-calendar-picker-indicator {
|
|
169
|
+
line-height: 1;
|
|
170
|
+
}
|
|
168
171
|
:-moz-ui-invalid {
|
|
169
172
|
box-shadow: none;
|
|
170
173
|
}
|
|
@@ -470,15 +473,16 @@ ol li ol li ol li {
|
|
|
470
473
|
border-style: none;
|
|
471
474
|
background-color: var(--color-pzh-white);
|
|
472
475
|
}
|
|
473
|
-
.pzh-datepicker .react-datepicker__month {
|
|
476
|
+
.pzh-datepicker .react-datepicker__month-container .react-datepicker__month {
|
|
474
477
|
margin-inline: calc(var(--spacing) * 0.5);
|
|
475
|
-
margin-top: calc(var(--spacing) *
|
|
478
|
+
margin-top: calc(var(--spacing) * 2);
|
|
476
479
|
}
|
|
477
480
|
.pzh-datepicker .react-datepicker__day-names {
|
|
478
481
|
background-color: color-mix(in srgb, #16113b 10%, transparent);
|
|
479
482
|
@supports (color: color-mix(in lab, red, red)) {
|
|
480
483
|
background-color: color-mix(in oklab, var(--color-pzh-blue-900) 10%, transparent);
|
|
481
484
|
}
|
|
485
|
+
padding-block: calc(var(--spacing) * 1);
|
|
482
486
|
}
|
|
483
487
|
.pzh-datepicker .react-datepicker__day-name {
|
|
484
488
|
margin-block: calc(var(--spacing) * 0);
|
|
@@ -546,9 +550,21 @@ ol li ol li ol li {
|
|
|
546
550
|
line-height: 14px;
|
|
547
551
|
}
|
|
548
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);
|
|
549
554
|
--tw-font-weight: var(--font-weight-bold);
|
|
550
555
|
font-weight: var(--font-weight-bold);
|
|
551
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
|
+
}
|
|
552
568
|
@property --tw-duration {
|
|
553
569
|
syntax: "*";
|
|
554
570
|
inherits: false;
|
package/src/tailwind.src.css
CHANGED
|
@@ -138,6 +138,9 @@
|
|
|
138
138
|
height: 0;
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
|
+
|
|
142
|
+
/* Prose styles */
|
|
143
|
+
--tw-prose-bold: inherit;
|
|
141
144
|
}
|
|
142
145
|
|
|
143
146
|
@font-face {
|
|
@@ -380,12 +383,12 @@ ol li ol li ol li {
|
|
|
380
383
|
@apply bg-pzh-white border-none;
|
|
381
384
|
}
|
|
382
385
|
|
|
383
|
-
.pzh-datepicker .react-datepicker__month {
|
|
384
|
-
@apply mx-0.5 mt-
|
|
386
|
+
.pzh-datepicker .react-datepicker__month-container .react-datepicker__month {
|
|
387
|
+
@apply mx-0.5 mt-2;
|
|
385
388
|
}
|
|
386
389
|
|
|
387
390
|
.pzh-datepicker .react-datepicker__day-names {
|
|
388
|
-
@apply bg-pzh-blue-900/10;
|
|
391
|
+
@apply bg-pzh-blue-900/10 py-1;
|
|
389
392
|
}
|
|
390
393
|
|
|
391
394
|
.pzh-datepicker .react-datepicker__day-name {
|
|
@@ -444,5 +447,9 @@ ol li ol li ol li {
|
|
|
444
447
|
.pzh-datepicker .react-datepicker__current-month,
|
|
445
448
|
.pzh-datepicker .react-datepicker__day-name,
|
|
446
449
|
.pzh-datepicker .react-datepicker__day--today {
|
|
447
|
-
@apply font-bold;
|
|
450
|
+
@apply my-0 font-bold;
|
|
451
|
+
}
|
|
452
|
+
|
|
453
|
+
.pzh-datepicker .react-datepicker__sr-only {
|
|
454
|
+
@apply sr-only;
|
|
448
455
|
}
|