@rogieking/figui3 11.6.8 → 11.6.10

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/fig-editor.css CHANGED
@@ -609,6 +609,42 @@ fig-select {
609
609
  }
610
610
  }
611
611
 
612
+ &[variant="primary"] {
613
+ color: var(--figma-color-text-onbrand);
614
+ background-color: var(--figma-color-bg-brand);
615
+ box-shadow: none;
616
+ font-weight: 500;
617
+
618
+ &::after {
619
+ background-color: var(--figma-color-icon-onbrand);
620
+ }
621
+
622
+ &:hover:not([disabled]):not([disabled="false"]):not(
623
+ [open]:not([open="false"])
624
+ ) {
625
+ background-color: var(--figma-color-bg-brand-hover);
626
+ }
627
+
628
+ &:active:not([disabled]):not([disabled="false"]),
629
+ &[open]:not([open="false"]) {
630
+ color: var(--figma-color-text-onbrand-secondary);
631
+ background-color: var(--figma-color-bg-brand-pressed);
632
+
633
+ &::after {
634
+ background-color: var(--figma-color-icon-onbrand);
635
+ }
636
+ }
637
+
638
+ &[disabled]:not([disabled="false"]) {
639
+ color: var(--figma-color-text-ondisabled);
640
+ background-color: var(--figma-color-bg-disabled);
641
+
642
+ &::after {
643
+ background-color: var(--figma-color-icon-ondisabled);
644
+ }
645
+ }
646
+ }
647
+
612
648
  &::after {
613
649
  content: "";
614
650
  position: absolute;
package/fig-editor.js CHANGED
@@ -557,7 +557,7 @@ figEditorDefineElement("fig-select-options", FigSelectOptions);
557
557
 
558
558
  /**
559
559
  * A dropdown-styled select.
560
- * @attr {string} variant - Visual style: `ghost` or input-like `input`.
560
+ * @attr {string} variant - Visual style: `primary`, `ghost`, or input-like `input`.
561
561
  * @attr {string} size - Control size. Use `large` for a 32px-tall control.
562
562
  * @attr {boolean} icon - Shows a square chevron-only trigger.
563
563
  * @attr {string} menu-anchor - CSS selector for an alternate menu anchor.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rogieking/figui3",
3
- "version": "11.6.8",
3
+ "version": "11.6.10",
4
4
  "description": "A lightweight web components library for building Figma plugin and widget UIs with native look and feel",
5
5
  "author": "Rogie King",
6
6
  "license": "SEE LICENSE IN LICENSE",