@rogieking/figui3 3.0.1 → 3.0.3

package/components.css

@@ -3400,16 +3400,10 @@ fig-joystick {
     box-shadow:
       inset 0 0 0 0.125rem var(--handle-color),
       0px 0 0 0.5px rgba(0, 0, 0, 0.1),
-      var(--figma-elevation-200);
+      var(--elevation-100-canvas);
     border-radius: 50%;
     transform: translate(-50%, -50%);
     transition: box-shadow var(--slider-transition);
-    &:hover {
-      box-shadow:
-        inset 0 0 0 0.25rem var(--handle-color),
-        0px 0 0 0.5px rgba(0, 0, 0, 0.1),
-        var(--figma-elevation-200);
-    }
   }
 }
 
@@ -3564,9 +3558,11 @@ fig-layer {
     display: none;
   }
 
-  /* Rotate chevron when open */
-  &[open]:not([open="false"]) > .fig-layer-row > .fig-layer-chevron {
-    rotate: 0deg;
+  &[open]:not([open="false"]) {
+    /* Rotate chevron when open */
+    & > .fig-layer-row > .fig-layer-chevron {
+      rotate: 0deg;
+    }
   }
 
   /* Dimmed when not visible */
@@ -3578,6 +3574,10 @@ fig-layer {
 
   /* Selected state */
   &[selected]:not([selected="false"]) {
+    /* Open with children */
+    /*&:has(fig-layer) {
+      background: var(--figma-color-bg-selected-secondary);
+    }*/
     & > .fig-layer-row {
       background: var(--figma-color-bg-selected);
       & > .fig-layer-icon {
@@ -3700,14 +3700,10 @@ fig-fill-picker {
   box-shadow:
     inset 0 0 0 0.125rem var(--handle-color),
     0px 0 0 0.5px rgba(0, 0, 0, 0.1),
-    var(--figma-elevation-200);
+    var(--elevation-100-canvas);
   transform: translate(-50%, -50%);
   z-index: 1;
   &:hover {
-    box-shadow:
-      inset 0 0 0 0.25rem var(--handle-color),
-      0px 0 0 0.5px rgba(0, 0, 0, 0.1),
-      var(--figma-elevation-200);
     transform: translate(-50%, -50%);
   }
 }

package/dist/.min-css/fig-y6bay2cg.css

@@ -0,0 +1,2 @@
+@import url("base.css");
+@import url("components.css");

package/dist/.min-css/fig.js

@@ -0,0 +1 @@
+var r="./fig-y6bay2cg.css";export{r as default};

package/dist/base.css

@@ -0,0 +1,99 @@
+html {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  color: var(--figma-color-text);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  font-family: var(--font-family);
+  font-size: 16px;
+  font-weight: var(--body-medium-fontWeight);
+  letter-spacing: var(--body-letter-spacing);
+  background-color: var(--figma-color-bg);
+}
+body {
+  font-size: var(--body-medium-fontSize);
+  letter-spacing: var(--body-letter-spacing);
+}
+
+h1,
+h2 {
+  font-weight: var(--body-large-strong-fontWeight);
+  font-size: var(--body-large-fontSize);
+}
+h3 {
+  font-weight: var(--body-medium-strong-fontWeight);
+  font-size: var(--body-medium-fontSize);
+}
+
+hr {
+  height: 1px;
+  border: none;
+  background-color: var(--figma-color-border);
+  margin: var(--spacer-2) 0;
+
+  &[vertical] {
+    height: 100%;
+    width: 1px;
+    margin: 0 var(--spacer-2);
+  }
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+}
+
+::selection {
+  background-color: var(--figma-color-text-selection);
+}
+
+::-moz-selection {
+  background-color: var(--figma-color-text-selection);
+}
+
+/* helper classes/defaults */
+::-webkit-scrollbar {
+  width: var(--spacer-1);
+  /* Width of the vertical scrollbar */
+  height: var(--spacer-1);
+  /* Height of the horizontal scrollbar */
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: var(--figma-color-bg-tertiary);
+  border-radius: calc(var(--spacer-1) / 2);
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: var(--figma-color-bg-secondary);
+}
+
+/* For Firefox */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: var(--figma-color-bg-tertiary)
+    var(--figma-color-bg-secondary);
+}
+
+.subtle {
+  color: var(--figma-color-text-tertiary);
+}
+
+/* Defaults */
+p {
+  margin: var(--spacer-2) 0;
+  line-height: 1rem;
+  color: var(--figma-color-text-secondary);
+}
+
+label {
+  color: var(--figma-color-text-secondary);
+}
+
+h2 {
+  font-weight: var(--body-medium-strong-fontWeight);
+  margin: var(--spacer-2) 0;
+}