@rogieking/figui3 1.6.0 → 1.6.2
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 +7 -1
- package/fig.js +8 -1
- package/package.json +1 -1
package/components.css
CHANGED
|
@@ -1780,7 +1780,7 @@ fig-slider {
|
|
|
1780
1780
|
|
|
1781
1781
|
&[variant="minimal"] {
|
|
1782
1782
|
--slider-height: 0.25rem;
|
|
1783
|
-
--slider-thumb-size: 0.
|
|
1783
|
+
--slider-thumb-size: 0.75rem;
|
|
1784
1784
|
--slider-tick-size: calc(var(--slider-height) / 2);
|
|
1785
1785
|
--handle-transition: none;
|
|
1786
1786
|
--slider-transition: none;
|
|
@@ -1809,6 +1809,12 @@ fig-slider {
|
|
|
1809
1809
|
height: calc(var(--slider-height) * 2);
|
|
1810
1810
|
background-color: transparent;
|
|
1811
1811
|
}
|
|
1812
|
+
&:not(:hover):not(:focus-within) {
|
|
1813
|
+
--slider-handle-shadow: inset 0 0 0 calc(6px + 0.5rem * var(--unchanged))
|
|
1814
|
+
var(--figma-color-icon-onbrand),
|
|
1815
|
+
0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 0 5px rgba(0, 0, 0, 0.1),
|
|
1816
|
+
var(--figma-elevation-200);
|
|
1817
|
+
}
|
|
1812
1818
|
&:hover,
|
|
1813
1819
|
&:focus-within {
|
|
1814
1820
|
--slider-height: 1rem;
|
package/fig.js
CHANGED
|
@@ -1940,7 +1940,7 @@ class FigImage extends HTMLElement {
|
|
|
1940
1940
|
});
|
|
1941
1941
|
//emit event for loaded
|
|
1942
1942
|
this.dispatchEvent(
|
|
1943
|
-
new CustomEvent("
|
|
1943
|
+
new CustomEvent("loaded", {
|
|
1944
1944
|
bubbles: true,
|
|
1945
1945
|
cancelable: true,
|
|
1946
1946
|
detail: {
|
|
@@ -1949,6 +1949,13 @@ class FigImage extends HTMLElement {
|
|
|
1949
1949
|
},
|
|
1950
1950
|
})
|
|
1951
1951
|
);
|
|
1952
|
+
//emit for change too
|
|
1953
|
+
this.dispatchEvent(
|
|
1954
|
+
new CustomEvent("change", {
|
|
1955
|
+
bubbles: true,
|
|
1956
|
+
cancelable: true,
|
|
1957
|
+
})
|
|
1958
|
+
);
|
|
1952
1959
|
this.src = this.blob;
|
|
1953
1960
|
this.setAttribute("src", this.src);
|
|
1954
1961
|
this.chit.setAttribute("src", this.src);
|