@rogieking/figui3 1.7.4 → 1.7.6

package/components.css

@@ -803,6 +803,7 @@ fig-button {
   &[size="large"],
   &[size="large"] > button {
     height: var(--spacer-5);
+    padding: 0 var(--spacer-3);
   }
 
   &[size="large"][icon],
@@ -1552,14 +1553,15 @@ details {
 fig-slider {
   --slider-field-height: 1.5rem;
   --slider-height: 1rem;
+  --slider-handle-color: #fff;
   --slider-thumb-size: var(--slider-height);
   --slider-percent: calc(var(--slider-complete) * 100%);
   --start-percent: calc(var(--default, 0) * 100%);
   --slider-tick-size: calc(var(--slider-height) / 4);
   --slider-handle-shadow: inset 0 0 0 calc(4px + 0.5rem * var(--unchanged))
-      var(--figma-color-icon-onbrand),
+      var(--slider-handle-color),
     inset 0 0 0 5px rgba(0, 0, 0, 0.1), var(--figma-elevation-200);
-  --slider-handle-shadow-focus: inset 0 0 0 4px var(--figma-color-icon-onbrand),
+  --slider-handle-shadow-focus: inset 0 0 0 4px var(--slider-handle-color),
     inset 0 0 0 5px rgba(0, 0, 0, 0.1), 0px 0 0 0.75px rgba(0, 0, 0, 0.1),
     0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 3px 8px 0px rgba(0, 0, 0, 0.1),
     0px 0px 0.5px 0px rgba(0, 0, 0, 0.18),
@@ -1840,7 +1842,7 @@ fig-slider {
     --handle-transition: none;
     --slider-transition: none;
     --slider-handle-shadow: inset 0 0 0 calc(6px + 0.5rem * var(--unchanged))
-        var(--figma-color-icon-onbrand),
+        var(--slider-handle-color),
       0 0 0 0.75px rgba(0, 0, 0, 0.075), inset 0 0 0 5px rgba(0, 0, 0, 0.1),
       var(--figma-elevation-200);
 
@@ -2389,6 +2391,7 @@ fig-segmented-control {
 
 fig-input-joystick {
   --size: 1.5rem;
+  --joystick-handle-color: #fff;
   display: inline-flex;
   gap: var(--spacer-2);
   user-select: none;
@@ -2478,7 +2481,7 @@ fig-input-joystick {
     z-index: 1;
     width: 0.5rem;
     height: 0.5rem;
-    background: var(--figma-color-icon-onbrand);
+    background: var(--joystick-handle-color);
     box-shadow: var(--handle-shadow);
     border-radius: 50%;
     transform: translate(-50%, -50%);
@@ -2487,6 +2490,7 @@ fig-input-joystick {
 
 fig-input-angle {
   --size: 1.5rem;
+  --handle-color: #fff;
   display: inline-flex;
   gap: var(--spacer-2);
   user-select: none;
@@ -2518,7 +2522,7 @@ fig-input-angle {
       display: block;
       width: 0.5rem;
       height: 0.5rem;
-      background: var(--figma-color-icon-onbrand);
+      background: var(--handle-color);
       box-shadow: var(--handle-shadow);
       border-radius: 50%;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rogieking/figui3",
-  "version": "1.7.4",
+  "version": "1.7.6",
   "module": "index.ts",
   "type": "module",
   "devDependencies": {