@papyrus-ui/styles 0.1.3 → 0.1.4

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/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @papyrus-ui/styles
2
2
 
3
+ ## 0.1.4
4
+
5
+ ### Patch Changes
6
+
7
+ - 14da4f3: Improved checkbox and radio
8
+ - 14da4f3: Changed reakpoint names
9
+
3
10
  ## 0.1.3
4
11
 
5
12
  ### Patch Changes
package/css/styles.css CHANGED
@@ -5781,9 +5781,12 @@ textarea {
5781
5781
  height: 1rem;
5782
5782
  border: 1px solid var(--_11v98u31u);
5783
5783
  line-height: 100%;
5784
- vertical-align: baseline;
5784
+ vertical-align: -0.125em;
5785
5785
  background-color: var(--_11v98u31w);
5786
5786
  background-origin: border-box;
5787
+ background-repeat: no-repeat;
5788
+ background-position: center;
5789
+ transition: var(--_11v98u33n);
5787
5790
  -webkit-print-color-adjust: exact;
5788
5791
  print-color-adjust: exact;
5789
5792
  -webkit-user-select: none;
@@ -5796,6 +5799,8 @@ textarea {
5796
5799
  }
5797
5800
  [type=radio] {
5798
5801
  border-radius: var(--_11v98u37);
5802
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'><circle cx='8' cy='8' r='8' fill='white'/%3E%3C/svg%3E");
5803
+ background-size: 0;
5799
5804
  }
5800
5805
  [type=checkbox]:hover:not(:disabled), [type=radio]:hover:not(:disabled) {
5801
5806
  background-color: var(--_11v98u31v);
@@ -5803,15 +5808,12 @@ textarea {
5803
5808
  [type=checkbox]:checked, [type=radio]:checked {
5804
5809
  border-color: transparent;
5805
5810
  background-color: var(--_11v98u3e);
5806
- background-position: center;
5807
- background-repeat: no-repeat;
5808
5811
  }
5809
5812
  [type=checkbox]:checked {
5810
5813
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3E%3C/svg%3E");
5811
5814
  background-size: 62.5%;
5812
5815
  }
5813
5816
  [type=radio]:checked {
5814
- background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='16px' height='16px'><circle cx='8' cy='8' r='8' fill='white'/%3E%3C/svg%3E");
5815
5817
  background-size: 37.5%;
5816
5818
  }
5817
5819
  [type=checkbox]:checked:hover:not(:disabled), [type=radio]:checked:hover:not(:disabled) {