@graphty/compact-mantine 0.9.31 → 0.9.33

package/dist/index.d.cts

@@ -1636,7 +1636,7 @@ export declare interface CompoundSegment {
 }
 
 /**
- * A dark menu opened at the pointer by a right-click (design/figma-spec.md 8.2):
+ * A menu opened at the pointer by a right-click (design/figma-spec.md 8.2):
  * its top-left corner 3px right of and 5px above the pointer, flipping and
  * shifting to stay on screen, with the first enabled row highlighted so Enter
  * acts on it at once. It also opens from the keyboard (Shift+F10, the
@@ -2894,10 +2894,9 @@ export declare type GestureStartHandler = (event: default_2.PointerEvent) => voi
 /**
  * Works out whether an activation came from a pointer or from the keyboard.
  *
- * A keyboard activation is recognized three ways: the event is a keyboard event;
- * or it is a pointer event with no pointer type; or it is a mouse event with a
- * click count of zero, which is how a browser reports the click it synthesizes
- * from Enter or Space on a button.
+ * A keyboard activation is either a keyboard event, or a click with a click
+ * count of zero and no pointer type, which is how a browser reports the click it
+ * synthesizes from Enter or Space on a button.
  * @param event - The event that activated the control
  * @returns The activation source, ready to hand to an {@link ActivationHandlerWithMeta}
  */
@@ -3043,7 +3042,7 @@ export declare interface GradientEditorProps {
 /**
  * Figma's floating help button: a 32 x 32 circle on `--cm-bg` with the 200 elevation and no hover
  * change. Its tooltip shows and hides at once outside a Tooltip.Group; its focus ring (1px at -2px) fades in over 200ms.
- * It opens a dark menu of the caller's items, 4px above and end-aligned.
+ * It opens a menu of the caller's items, 4px above and end-aligned.
  * @param props - Component props
  * @param props.label - Accessible name and tooltip
  * @param props.children - The menu's items
@@ -3864,11 +3863,11 @@ export declare const PANEL_INK: {
     readonly ACCENT_GRAPHIC: "var(--cm-graphic-brand)";
     /** the white label on the danger, success and inverse fills, which no accent changes */
     readonly ON_SOLID: "var(--cm-text-onsolid)";
-    /** warning (#ffcd29 / #f3c11b) */
+    /** a warning fill, dot or glyph (#ffcd29 / #f3c11b); text uses WARNING_TEXT */
     readonly WARNING: "var(--cm-bg-warning)";
-    /** success (#14ae5c / #198f51) */
+    /** a success fill or dot (#14ae5c / #198f51); text and glyphs use SUCCESS_TEXT */
     readonly SUCCESS: "var(--cm-bg-success)";
-    /** danger (#f24822 / #e03e1a) */
+    /** a danger fill, dot or glyph (#f24822 / #e03e1a); text uses DANGER_TEXT */
     readonly DANGER: "var(--cm-bg-danger)";
     /** a row, tab or tool under the pointer (#f5f5f5 / #383838) */
     readonly HOVER: "var(--cm-bg-hover)";
@@ -3882,6 +3881,12 @@ export declare const PANEL_INK: {
     readonly SELECTED_HOVER: "var(--cm-bg-selected-hover)";
     /** the children of a selected item (#f2f9ff / #32394d) */
     readonly SELECTED_SECONDARY: "var(--cm-bg-selected-secondary)";
+    /** danger text: an error message, a destructive verb (#dc3412 / #fca397; #c4381c light in the AA mode). DANGER is a fill */
+    readonly DANGER_TEXT: "var(--cm-text-danger)";
+    /** warning text (#a65900 / #f7d15f). WARNING is a fill */
+    readonly WARNING_TEXT: "var(--cm-text-warning)";
+    /** success text and glyphs: a passed check's tick (#008043 / #79d297). SUCCESS is a fill */
+    readonly SUCCESS_TEXT: "var(--cm-text-success)";
     /** links and brand text (#007be5 / #7cc4f8) */
     readonly BRAND_TEXT: "var(--cm-text-brand)";
     /** tertiary glyphs (#0000004d / #ffffff66) */
@@ -3892,11 +3897,11 @@ export declare const PANEL_INK: {
     readonly TRANSLUCENT: "var(--cm-border-translucent)";
     /** a stronger translucent edge: checkbox, switch track (#00000033 / #ffffff33) */
     readonly TRANSLUCENT_STRONG: "var(--cm-border-translucent-strong)";
-    /** the dark menu surface, the same in both schemes (#1e1e1e) */
+    /** the menu surface: inside a menu it follows the page (#fff / #1e1e1e), elsewhere #1e1e1e */
     readonly MENU: "var(--cm-bg-menu)";
-    /** text on the menu (#fff) */
+    /** text on the menu: inside a menu #000000e5 / #fff, elsewhere #fff */
     readonly ON_MENU: "var(--cm-text-menu)";
-    /** secondary text on the menu: shortcuts (#ffffffb2) */
+    /** secondary text on the menu, shortcuts: inside a menu #0000008c / #ffffffb2, elsewhere #ffffffb2 */
     readonly ON_MENU_SECONDARY: "var(--cm-text-menu-secondary)";
     /** component (purple) text (#8638e5 / #d1a8ff) */
     readonly COMPONENT: "var(--cm-text-component)";
@@ -6541,7 +6546,7 @@ export declare interface ToolButtonProps extends Omit<UnstyledButtonProps, "chil
 
 /**
  * A tool and its flyout (Figma's tool group): the face is the LAST tool picked from the flyout,
- * and a 16 x 32 chevron 1px after it opens a dark menu 4px above, start-aligned to the chevron,
+ * and a 16 x 32 chevron 1px after it opens a menu 4px above, start-aligned to the chevron,
  * whose rows are radios with a check on the current face. Picking a row selects the tool, makes
  * it the face and closes the menu.
  * @param props - Component props

package/dist/index.d.ts

@@ -1636,7 +1636,7 @@ export declare interface CompoundSegment {
 }
 
 /**
- * A dark menu opened at the pointer by a right-click (design/figma-spec.md 8.2):
+ * A menu opened at the pointer by a right-click (design/figma-spec.md 8.2):
  * its top-left corner 3px right of and 5px above the pointer, flipping and
  * shifting to stay on screen, with the first enabled row highlighted so Enter
  * acts on it at once. It also opens from the keyboard (Shift+F10, the
@@ -2894,10 +2894,9 @@ export declare type GestureStartHandler = (event: default_2.PointerEvent) => voi
 /**
  * Works out whether an activation came from a pointer or from the keyboard.
  *
- * A keyboard activation is recognized three ways: the event is a keyboard event;
- * or it is a pointer event with no pointer type; or it is a mouse event with a
- * click count of zero, which is how a browser reports the click it synthesizes
- * from Enter or Space on a button.
+ * A keyboard activation is either a keyboard event, or a click with a click
+ * count of zero and no pointer type, which is how a browser reports the click it
+ * synthesizes from Enter or Space on a button.
  * @param event - The event that activated the control
  * @returns The activation source, ready to hand to an {@link ActivationHandlerWithMeta}
  */
@@ -3043,7 +3042,7 @@ export declare interface GradientEditorProps {
 /**
  * Figma's floating help button: a 32 x 32 circle on `--cm-bg` with the 200 elevation and no hover
  * change. Its tooltip shows and hides at once outside a Tooltip.Group; its focus ring (1px at -2px) fades in over 200ms.
- * It opens a dark menu of the caller's items, 4px above and end-aligned.
+ * It opens a menu of the caller's items, 4px above and end-aligned.
  * @param props - Component props
  * @param props.label - Accessible name and tooltip
  * @param props.children - The menu's items
@@ -3864,11 +3863,11 @@ export declare const PANEL_INK: {
     readonly ACCENT_GRAPHIC: "var(--cm-graphic-brand)";
     /** the white label on the danger, success and inverse fills, which no accent changes */
     readonly ON_SOLID: "var(--cm-text-onsolid)";
-    /** warning (#ffcd29 / #f3c11b) */
+    /** a warning fill, dot or glyph (#ffcd29 / #f3c11b); text uses WARNING_TEXT */
     readonly WARNING: "var(--cm-bg-warning)";
-    /** success (#14ae5c / #198f51) */
+    /** a success fill or dot (#14ae5c / #198f51); text and glyphs use SUCCESS_TEXT */
     readonly SUCCESS: "var(--cm-bg-success)";
-    /** danger (#f24822 / #e03e1a) */
+    /** a danger fill, dot or glyph (#f24822 / #e03e1a); text uses DANGER_TEXT */
     readonly DANGER: "var(--cm-bg-danger)";
     /** a row, tab or tool under the pointer (#f5f5f5 / #383838) */
     readonly HOVER: "var(--cm-bg-hover)";
@@ -3882,6 +3881,12 @@ export declare const PANEL_INK: {
     readonly SELECTED_HOVER: "var(--cm-bg-selected-hover)";
     /** the children of a selected item (#f2f9ff / #32394d) */
     readonly SELECTED_SECONDARY: "var(--cm-bg-selected-secondary)";
+    /** danger text: an error message, a destructive verb (#dc3412 / #fca397; #c4381c light in the AA mode). DANGER is a fill */
+    readonly DANGER_TEXT: "var(--cm-text-danger)";
+    /** warning text (#a65900 / #f7d15f). WARNING is a fill */
+    readonly WARNING_TEXT: "var(--cm-text-warning)";
+    /** success text and glyphs: a passed check's tick (#008043 / #79d297). SUCCESS is a fill */
+    readonly SUCCESS_TEXT: "var(--cm-text-success)";
     /** links and brand text (#007be5 / #7cc4f8) */
     readonly BRAND_TEXT: "var(--cm-text-brand)";
     /** tertiary glyphs (#0000004d / #ffffff66) */
@@ -3892,11 +3897,11 @@ export declare const PANEL_INK: {
     readonly TRANSLUCENT: "var(--cm-border-translucent)";
     /** a stronger translucent edge: checkbox, switch track (#00000033 / #ffffff33) */
     readonly TRANSLUCENT_STRONG: "var(--cm-border-translucent-strong)";
-    /** the dark menu surface, the same in both schemes (#1e1e1e) */
+    /** the menu surface: inside a menu it follows the page (#fff / #1e1e1e), elsewhere #1e1e1e */
     readonly MENU: "var(--cm-bg-menu)";
-    /** text on the menu (#fff) */
+    /** text on the menu: inside a menu #000000e5 / #fff, elsewhere #fff */
     readonly ON_MENU: "var(--cm-text-menu)";
-    /** secondary text on the menu: shortcuts (#ffffffb2) */
+    /** secondary text on the menu, shortcuts: inside a menu #0000008c / #ffffffb2, elsewhere #ffffffb2 */
     readonly ON_MENU_SECONDARY: "var(--cm-text-menu-secondary)";
     /** component (purple) text (#8638e5 / #d1a8ff) */
     readonly COMPONENT: "var(--cm-text-component)";
@@ -6541,7 +6546,7 @@ export declare interface ToolButtonProps extends Omit<UnstyledButtonProps, "chil
 
 /**
  * A tool and its flyout (Figma's tool group): the face is the LAST tool picked from the flyout,
- * and a 16 x 32 chevron 1px after it opens a dark menu 4px above, start-aligned to the chevron,
+ * and a 16 x 32 chevron 1px after it opens a menu 4px above, start-aligned to the chevron,
  * whose rows are radios with a check on the current face. Picking a row selects the tool, makes
  * it the face and closes the menu.
  * @param props - Component props