@rogieking/figui3 6.4.1 → 6.4.3

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/components.css CHANGED
@@ -4847,8 +4847,8 @@ fig-handle {
4847
4847
  }
4848
4848
 
4849
4849
  &[type="canvas"]{
4850
- --width: 0.5rem;
4851
- --height: 0.5rem;
4850
+ --width: 0.75rem;
4851
+ --height: 0.75rem;
4852
4852
  --fig-handle-inner-bg: transparent;
4853
4853
  --fig-handle-outline-color: transparent;
4854
4854
  --fig-handle-shadow: none;
@@ -4857,8 +4857,8 @@ fig-handle {
4857
4857
  --fig-handle-inner-outline-offset: -1px;
4858
4858
  &:hover,
4859
4859
  &[selected]:not([selected="false"]){
4860
- --width: 0.75rem;
4861
- --height: 0.75rem;
4860
+ --width: 1rem;
4861
+ --height: 1rem;
4862
4862
  --fig-handle-outline-color: transparent;
4863
4863
  --fig-handle-inner-outline: 2px solid var(--figma-color-border-selected);
4864
4864
  --fig-handle-inner-outline-offset: -2px;
@@ -4874,7 +4874,7 @@ fig-handle {
4874
4874
  &[tip="add"],
4875
4875
  &[tip="remove"] {
4876
4876
  --fig-handle-inner-bg: linear-gradient(var(--fill), var(--fill)), var(--fig-handle-checkerboard);
4877
- --fig-handle-padding: 0.125rem;
4877
+ --fig-handle-padding: 1px;
4878
4878
  --fig-handle-inner-outline: none;
4879
4879
  position: relative;
4880
4880
  overflow: visible;
@@ -4887,6 +4887,19 @@ fig-handle {
4887
4887
  z-index: 10;
4888
4888
  }
4889
4889
  }
4890
+ &[type="color"]{
4891
+ --width: 0.75rem;
4892
+ --height: 0.75rem;
4893
+ &:hover,
4894
+ &[selected]:not([selected="false"]){
4895
+ --width: 1rem;
4896
+ --height: 1rem;
4897
+ --fig-handle-outline-color: transparent;
4898
+ }
4899
+ &[selected]:not([selected="false"]){
4900
+ --fig-handle-padding: 2px;
4901
+ }
4902
+ }
4890
4903
 
4891
4904
  &[disabled]:not([disabled="false"]),
4892
4905
  &[aria-disabled="true"] {