@rogieking/figui3 1.6.2 → 1.6.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.
Files changed (3) hide show
  1. package/components.css +5 -9
  2. package/package.json +1 -1
  3. package/tracer.html +30 -15
package/components.css CHANGED
@@ -1784,6 +1784,10 @@ fig-slider {
1784
1784
  --slider-tick-size: calc(var(--slider-height) / 2);
1785
1785
  --handle-transition: none;
1786
1786
  --slider-transition: none;
1787
+ --slider-handle-shadow: inset 0 0 0 calc(6px + 0.5rem * var(--unchanged))
1788
+ var(--figma-color-icon-onbrand),
1789
+ 0 0 0 0.75px rgba(0, 0, 0, 0.075), inset 0 0 0 5px rgba(0, 0, 0, 0.1),
1790
+ var(--figma-elevation-200);
1787
1791
 
1788
1792
  .fig-slider-input-container {
1789
1793
  height: var(--slider-height);
@@ -1809,17 +1813,9 @@ fig-slider {
1809
1813
  height: calc(var(--slider-height) * 2);
1810
1814
  background-color: transparent;
1811
1815
  }
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
- }
1816
+
1818
1817
  &:hover,
1819
1818
  &:focus-within {
1820
- --slider-height: 1rem;
1821
- --slider-thumb-size: 1rem;
1822
- --slider-tick-size: calc(var(--slider-height) / 4);
1823
1819
  .fig-slider-input-container {
1824
1820
  background: var(--figma-color-bg-secondary);
1825
1821
  &::before {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rogieking/figui3",
3
- "version": "1.6.2",
3
+ "version": "1.6.3",
4
4
  "module": "index.ts",
5
5
  "type": "module",
6
6
  "devDependencies": {
package/tracer.html CHANGED
@@ -151,7 +151,8 @@
151
151
  value="1"
152
152
  step="0.01"
153
153
  id="ltres"
154
- name="ltres"></fig-slider>
154
+ name="ltres"
155
+ variant="minimal"></fig-slider>
155
156
  </div>
156
157
 
157
158
  <div class="option">
@@ -162,7 +163,8 @@
162
163
  value="1"
163
164
  step="0.01"
164
165
  id="qtres"
165
- name="qtres"></fig-slider>
166
+ name="qtres"
167
+ variant="minimal"></fig-slider>
166
168
  </div>
167
169
 
168
170
  <div class="option">
@@ -173,7 +175,8 @@
173
175
  value="8"
174
176
  step="1"
175
177
  id="pathomit"
176
- name="pathomit"></fig-slider>
178
+ name="pathomit"
179
+ variant="minimal"></fig-slider>
177
180
  </div>
178
181
 
179
182
  <div class="option checkbox-option">
@@ -195,7 +198,8 @@
195
198
  value="2"
196
199
  step="1"
197
200
  id="colorsampling"
198
- name="colorsampling"></fig-slider>
201
+ name="colorsampling"
202
+ variant="minimal"></fig-slider>
199
203
  </div>
200
204
 
201
205
  <div class="option">
@@ -206,7 +210,8 @@
206
210
  value="16"
207
211
  step="1"
208
212
  id="numberofcolors"
209
- name="numberofcolors"></fig-slider>
213
+ name="numberofcolors"
214
+ variant="minimal"></fig-slider>
210
215
  </div>
211
216
 
212
217
  <div class="option">
@@ -217,7 +222,8 @@
217
222
  value="0"
218
223
  step="0.01"
219
224
  id="mincolorratio"
220
- name="mincolorratio"></fig-slider>
225
+ name="mincolorratio"
226
+ variant="minimal"></fig-slider>
221
227
  </div>
222
228
 
223
229
  <div class="option">
@@ -228,7 +234,8 @@
228
234
  value="3"
229
235
  step="1"
230
236
  id="colorquantcycles"
231
- name="colorquantcycles"></fig-slider>
237
+ name="colorquantcycles"
238
+ variant="minimal"></fig-slider>
232
239
  </div>
233
240
  </div>
234
241
 
@@ -243,7 +250,8 @@
243
250
  value="1"
244
251
  step="0.1"
245
252
  id="strokewidth"
246
- name="strokewidth"></fig-slider>
253
+ name="strokewidth"
254
+ variant="minimal"></fig-slider>
247
255
  </div>
248
256
 
249
257
  <div class="option checkbox-option">
@@ -260,7 +268,8 @@
260
268
  value="1"
261
269
  step="0.1"
262
270
  id="scale"
263
- name="scale"></fig-slider>
271
+ name="scale"
272
+ variant="minimal"></fig-slider>
264
273
  </div>
265
274
 
266
275
  <div class="option">
@@ -271,7 +280,8 @@
271
280
  value="1"
272
281
  step="1"
273
282
  id="roundcoords"
274
- name="roundcoords"></fig-slider>
283
+ name="roundcoords"
284
+ variant="minimal"></fig-slider>
275
285
  </div>
276
286
 
277
287
  <div class="option checkbox-option">
@@ -295,7 +305,8 @@
295
305
  value="0"
296
306
  step="0.1"
297
307
  id="lcpr"
298
- name="lcpr"></fig-slider>
308
+ name="lcpr"
309
+ variant="minimal"></fig-slider>
299
310
  </div>
300
311
 
301
312
  <div class="option">
@@ -306,7 +317,8 @@
306
317
  value="0"
307
318
  step="0.1"
308
319
  id="qcpr"
309
- name="qcpr"></fig-slider>
320
+ name="qcpr"
321
+ variant="minimal"></fig-slider>
310
322
  </div>
311
323
  </div>
312
324
 
@@ -321,7 +333,8 @@
321
333
  value="0"
322
334
  step="0.1"
323
335
  id="blurradius"
324
- name="blurradius"></fig-slider>
336
+ name="blurradius"
337
+ variant="minimal"></fig-slider>
325
338
  </div>
326
339
 
327
340
  <div class="option">
@@ -332,7 +345,8 @@
332
345
  value="20"
333
346
  step="1"
334
347
  id="blurdelta"
335
- name="blurdelta"></fig-slider>
348
+ name="blurdelta"
349
+ variant="minimal"></fig-slider>
336
350
  </div>
337
351
  </div>
338
352
 
@@ -347,7 +361,8 @@
347
361
  value="0"
348
362
  step="1"
349
363
  id="layering"
350
- name="layering"></fig-slider>
364
+ name="layering"
365
+ variant="minimal"></fig-slider>
351
366
  </div>
352
367
  </div>
353
368
  </div>