@rogieking/figui3 1.3.7 → 1.3.8
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/example.html +15 -0
- package/fig.css +11 -1
- package/fig.js +3 -1
- package/package.json +1 -1
package/example.html
CHANGED
|
@@ -23,6 +23,21 @@
|
|
|
23
23
|
<h2>UI3 Components</h2>
|
|
24
24
|
</fig-header>
|
|
25
25
|
<fig-content>
|
|
26
|
+
<br /><br />
|
|
27
|
+
<fig-input-angle value="45"
|
|
28
|
+
text="true"></fig-input-angle>
|
|
29
|
+
<br /><br />
|
|
30
|
+
<fig-slider min="0.01"
|
|
31
|
+
max="0.25"
|
|
32
|
+
name="u_thickness"
|
|
33
|
+
variant="minimal"
|
|
34
|
+
step="0.01"
|
|
35
|
+
value="1"
|
|
36
|
+
text="true"
|
|
37
|
+
type="range"
|
|
38
|
+
units="%"
|
|
39
|
+
transform="100">
|
|
40
|
+
</fig-slider>
|
|
26
41
|
<fig-input-text type="number"
|
|
27
42
|
min="1"
|
|
28
43
|
style="width: 100px;"
|
package/fig.css
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--figma-color-bg: #ffffff;
|
|
3
3
|
--figma-color-bg-brand: #0d99ff;
|
|
4
|
+
|
|
4
5
|
--figma-color-bg-brand-hover: #007be5;
|
|
5
6
|
--figma-color-bg-brand-pressed: #007be5;
|
|
6
7
|
--figma-color-bg-brand-secondary: #0768cf;
|
|
@@ -160,6 +161,7 @@
|
|
|
160
161
|
--figma-color-text-onwarning-tertiary: #0000004d;
|
|
161
162
|
--figma-color-text-secondary: #00000080;
|
|
162
163
|
--figma-color-text-secondary-hover: #000000e5;
|
|
164
|
+
--figma-color-text-selection: rgba(13, 153, 255, 0.4);
|
|
163
165
|
--figma-color-text-selected: #007be5;
|
|
164
166
|
--figma-color-text-selected-secondary: #007be5;
|
|
165
167
|
--figma-color-text-selected-tertiary: #007be5;
|
|
@@ -478,6 +480,14 @@ html {
|
|
|
478
480
|
box-sizing: border-box;
|
|
479
481
|
}
|
|
480
482
|
|
|
483
|
+
::selection {
|
|
484
|
+
background-color: var(--figma-color-text-selection);
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
::-moz-selection {
|
|
488
|
+
background-color: var(--figma-color-text-selection);
|
|
489
|
+
}
|
|
490
|
+
|
|
481
491
|
body {
|
|
482
492
|
font-size: var(--body-medium-fontSize);
|
|
483
493
|
letter-spacing: var(--body-letter-spacing);
|
|
@@ -2261,7 +2271,7 @@ fig-segmented-control {
|
|
|
2261
2271
|
justify-content: center;
|
|
2262
2272
|
position: relative;
|
|
2263
2273
|
appearance: none;
|
|
2264
|
-
color: var(--figma-color-text-
|
|
2274
|
+
color: var(--figma-color-text-se);
|
|
2265
2275
|
padding: 0 var(--spacer-2);
|
|
2266
2276
|
|
|
2267
2277
|
&[selected]:not([selected="false"]),
|
package/fig.js
CHANGED
|
@@ -2023,8 +2023,9 @@ class FigInputAngle extends HTMLElement {
|
|
|
2023
2023
|
this.handle = null;
|
|
2024
2024
|
this.angleInput = null;
|
|
2025
2025
|
this.plane = null;
|
|
2026
|
+
}
|
|
2026
2027
|
|
|
2027
|
-
|
|
2028
|
+
connectedCallback() {
|
|
2028
2029
|
requestAnimationFrame(() => {
|
|
2029
2030
|
this.precision = this.getAttribute("precision") || 1;
|
|
2030
2031
|
this.precision = parseInt(this.precision);
|
|
@@ -2263,3 +2264,4 @@ class FigInputAngle extends HTMLElement {
|
|
|
2263
2264
|
}
|
|
2264
2265
|
}
|
|
2265
2266
|
}
|
|
2267
|
+
customElements.define("fig-input-angle", FigInputAngle);
|