@pzh-ui/css 0.0.20 → 0.0.21

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.
Files changed (3) hide show
  1. package/package.json +2 -2
  2. package/src/tailwind.css +11 -11
  3. package/src/tailwind.src.css +15 -15
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pzh-ui/css",
3
- "version": "0.0.20",
3
+ "version": "0.0.21",
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": "debc8d599b0e3c27834eea46e0b22d86f457121b",
22
+ "gitHead": "b7526b6ebbe8284ee16027d3c5163964faa4328b",
23
23
  "devDependencies": {
24
24
  "tailwindcss": "^3.0.23"
25
25
  }
package/src/tailwind.css CHANGED
@@ -1504,7 +1504,7 @@ h6,
1504
1504
  --tw-text-opacity: 0.55;
1505
1505
  }
1506
1506
 
1507
- .pzh-form-radio:checked + label:before, .pzh-form-radio:not(:checked) + label:before{
1507
+ .pzh-form-radio:checked + span:before, .pzh-form-radio:not(:checked) + span:before{
1508
1508
  position: absolute;
1509
1509
  left: 0px;
1510
1510
  top: 0px;
@@ -1519,7 +1519,7 @@ h6,
1519
1519
  content: '';
1520
1520
  }
1521
1521
 
1522
- .pzh-form-radio:checked + label:after, .pzh-form-radio:not(:checked) + label:after{
1522
+ .pzh-form-radio:checked + span:after, .pzh-form-radio:not(:checked) + span:after{
1523
1523
  position: absolute;
1524
1524
  top: 0.25rem;
1525
1525
  left: 0.25rem;
@@ -1536,26 +1536,26 @@ h6,
1536
1536
  content: '';
1537
1537
  }
1538
1538
 
1539
- .pzh-form-radio:not(:checked) + label:after,
1540
- .pzh-form-checkbox:not(:checked) + label:after {
1539
+ .pzh-form-radio:not(:checked) + span:after,
1540
+ .pzh-form-checkbox:not(:checked) + span:after {
1541
1541
  opacity: 0;
1542
1542
  transform: scale(0);
1543
1543
  }
1544
1544
 
1545
- .pzh-form-radio:checked + label:after,
1546
- .pzh-form-checkbox:checked + label:after {
1545
+ .pzh-form-radio:checked + span:after,
1546
+ .pzh-form-checkbox:checked + span:after {
1547
1547
  opacity: 1;
1548
1548
  transform: scale(1);
1549
1549
  }
1550
1550
 
1551
- .pzh-form-radio:disabled + label:before, .pzh-form-checkbox:disabled + label:before{
1551
+ .pzh-form-radio:disabled + span:before, .pzh-form-checkbox:disabled + span:before{
1552
1552
  --tw-border-opacity: 1;
1553
1553
  border-color: rgb(235 235 235 / var(--tw-border-opacity));
1554
1554
  --tw-bg-opacity: 1;
1555
1555
  background-color: rgb(235 235 235 / var(--tw-bg-opacity));
1556
1556
  }
1557
1557
 
1558
- .pzh-form-checkbox + label:before{
1558
+ .pzh-form-checkbox + span:before{
1559
1559
  position: absolute;
1560
1560
  left: 0px;
1561
1561
  top: 0px;
@@ -1575,12 +1575,12 @@ h6,
1575
1575
  content: '';
1576
1576
  }
1577
1577
 
1578
- .pzh-form-checkbox:checked:not(:disabled) + label:before{
1578
+ .pzh-form-checkbox:checked:not(:disabled) + span:before{
1579
1579
  --tw-bg-opacity: 1;
1580
1580
  background-color: rgb(0 128 77 / var(--tw-bg-opacity));
1581
1581
  }
1582
1582
 
1583
- .pzh-form-checkbox:checked + label:after, .pzh-form-checkbox:not(:checked) + label:after{
1583
+ .pzh-form-checkbox:checked + span:after, .pzh-form-checkbox:not(:checked) + span:after{
1584
1584
  position: absolute;
1585
1585
  top: 2px;
1586
1586
  left: 0.25rem;
@@ -1596,7 +1596,7 @@ h6,
1596
1596
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='white' d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/></svg>");
1597
1597
  }
1598
1598
 
1599
- .pzh-form-checkbox:checked:disabled + label:after {
1599
+ .pzh-form-checkbox:checked:disabled + span:after {
1600
1600
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='rgba(22, 17, 59, 0.35)' d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/></svg>");
1601
1601
  }
1602
1602
 
package/src/tailwind.src.css CHANGED
@@ -61,47 +61,47 @@ h6,
61
61
  @apply block w-full pt-[15px] pb-[11px] placeholder-pzh-blue-dark placeholder-opacity-55 text-pzh-blue-dark border border-pzh-blue-dark border-opacity-35 rounded appearance-none leading-none focus:outline-none hover:border-gray-500 focus:border-pzh-blue-light disabled:border-pzh-blue-dark disabled:border-opacity-10 disabled:bg-pzh-gray disabled:text-opacity-55;
62
62
  }
63
63
 
64
- .pzh-form-radio:checked + label:before,
65
- .pzh-form-radio:not(:checked) + label:before {
64
+ .pzh-form-radio:checked + span:before,
65
+ .pzh-form-radio:not(:checked) + span:before {
66
66
  @apply absolute left-0 top-0 w-[24px] h-[24px] border-pzh-blue-dark border border-opacity-35 bg-pzh-form rounded-full;
67
67
  content: '';
68
68
  }
69
- .pzh-form-radio:checked + label:after,
70
- .pzh-form-radio:not(:checked) + label:after {
69
+ .pzh-form-radio:checked + span:after,
70
+ .pzh-form-radio:not(:checked) + span:after {
71
71
  @apply absolute top-1 left-1 w-[14px] h-[14px] rounded-full bg-pzh-green transition duration-200;
72
72
  content: '';
73
73
  }
74
- .pzh-form-radio:not(:checked) + label:after,
75
- .pzh-form-checkbox:not(:checked) + label:after {
74
+ .pzh-form-radio:not(:checked) + span:after,
75
+ .pzh-form-checkbox:not(:checked) + span:after {
76
76
  opacity: 0;
77
77
  transform: scale(0);
78
78
  }
79
- .pzh-form-radio:checked + label:after,
80
- .pzh-form-checkbox:checked + label:after {
79
+ .pzh-form-radio:checked + span:after,
80
+ .pzh-form-checkbox:checked + span:after {
81
81
  opacity: 1;
82
82
  transform: scale(1);
83
83
  }
84
- .pzh-form-radio:disabled + label:before,
85
- .pzh-form-checkbox:disabled + label:before {
84
+ .pzh-form-radio:disabled + span:before,
85
+ .pzh-form-checkbox:disabled + span:before {
86
86
  @apply border-pzh-gray bg-pzh-gray;
87
87
  }
88
88
 
89
- .pzh-form-checkbox + label:before {
89
+ .pzh-form-checkbox + span:before {
90
90
  @apply absolute left-0 top-0 w-[24px] h-[24px] border-pzh-blue-dark border border-opacity-35 bg-pzh-form rounded-[4px] transition duration-200;
91
91
  content: '';
92
92
  }
93
93
 
94
- .pzh-form-checkbox:checked:not(:disabled) + label:before {
94
+ .pzh-form-checkbox:checked:not(:disabled) + span:before {
95
95
  @apply bg-pzh-green;
96
96
  }
97
97
 
98
- .pzh-form-checkbox:checked + label:after,
99
- .pzh-form-checkbox:not(:checked) + label:after {
98
+ .pzh-form-checkbox:checked + span:after,
99
+ .pzh-form-checkbox:not(:checked) + span:after {
100
100
  @apply absolute top-[2px] left-1 w-[14px] h-[14px] text-white transition duration-200;
101
101
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='white' d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/></svg>");
102
102
  }
103
103
 
104
- .pzh-form-checkbox:checked:disabled + label:after {
104
+ .pzh-form-checkbox:checked:disabled + span:after {
105
105
  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='rgba(22, 17, 59, 0.35)' d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/></svg>");
106
106
  }
107
107