@graphty/compact-mantine 0.9.18 → 0.9.20

package/dist/index.d.cts

@@ -1016,10 +1016,38 @@ export declare interface CompactMantineLabels {
      * @returns The button's accessible name
      */
     resetToDefault: (label: string) => string;
-    /** Accessible name of the swatch button that opens the color picker. */
+    /**
+     * Accessible name of the swatch button that opens the color picker, when
+     * the control has no label. With a label, `pickColor` names it instead.
+     */
     colorSwatch: string;
-    /** Accessible name of the text box holding the color's hex value. */
+    /**
+     * Accessible name of the text box holding the color's hex value, when the
+     * control has no label. With a label, `colorValue` names it instead.
+     */
     colorHexValue: string;
+    /**
+     * Accessible name of the swatch button that opens the color picker, saying
+     * what pressing it does: "Pick Fill color".
+     * @param label - The control's own label, as drawn above it
+     * @returns The button's accessible name
+     */
+    pickColor: (label: string) => string;
+    /**
+     * Accessible name of the text box holding the color's hex value, naming
+     * the property it sets: "Fill color". The box's own value, the hex, is
+     * announced after it.
+     * @param label - The control's own label, as drawn above it
+     * @returns The text box's accessible name
+     */
+    colorValue: (label: string) => string;
+    /**
+     * Accessible name of the number box holding the color's opacity
+     * percentage, when the control has a label: "Fill opacity".
+     * @param label - The control's own label, as drawn above it
+     * @returns The number box's accessible name
+     */
+    colorOpacity: (label: string) => string;
     /** Accessible name of the number box holding the color's opacity percentage. */
     opacity: string;
     /** Title of the color picker pop-out when the caller supplied no label. */
@@ -1046,6 +1074,19 @@ export declare interface CompactMantineLabels {
      * @returns The button's accessible name
      */
     removeColorStop: (position: string) => string;
+    /**
+     * Accessible name of the swatch button that selects one stop so the
+     * picker edits its color.
+     * @param position - The stop's position in the list, counting from one, already formatted for the active locale
+     * @returns The button's accessible name
+     */
+    editColorStop: (position: string) => string;
+    /**
+     * Accessible name of the text box holding one stop's hex color.
+     * @param position - The stop's position in the list, counting from one, already formatted for the active locale
+     * @returns The text box's accessible name
+     */
+    colorStopColor: (position: string) => string;
     /** Heading above the gradient editor's direction slider. */
     direction: string;
     /** Accessible name of the gradient editor's direction slider. */
@@ -1764,9 +1805,10 @@ export declare interface ControlSectionProps extends DisclosureProps {
     /**
      * Whether the section is set up at all.
      *
-     * An empty section is drawn as one 32px row: the name in the secondary text
-     * color, no chevron, and a single "+" in the trailing slot. It shows no
-     * content and no empty-state sentence, and its children are not rendered.
+     * An empty section is drawn as its 40px header alone, with the 1px rule
+     * below it (41px in all): the name in the secondary text color, no chevron,
+     * and a single "+" in the trailing slot. It shows no content and no
+     * empty-state sentence, and its children are not rendered.
      *
      * The dimmed name is never the only thing that says so. The chevron is
      * gone, the "+" is there, and the group holds nothing, so the state still
@@ -6465,7 +6507,7 @@ export declare interface ToggleRowProps {
  * 1. **The verb is deleted from the label.** The checkbox already says
  *    "enable", so `Enable glow` is written `Glow`.
  * 2. **A boolean with nothing underneath it is not this component.** Use
- *    `ToggleRow`, which packs a lone boolean onto a 24px row with a slot at its
+ *    `ToggleRow`, which packs a lone boolean onto a 32px row with a slot at its
  *    end, and use two or more of those inside a `ToggleRowGroup`.
  *
  * The checkbox says out loud that it opens something: it is marked as expanded

package/dist/index.d.ts

@@ -1016,10 +1016,38 @@ export declare interface CompactMantineLabels {
      * @returns The button's accessible name
      */
     resetToDefault: (label: string) => string;
-    /** Accessible name of the swatch button that opens the color picker. */
+    /**
+     * Accessible name of the swatch button that opens the color picker, when
+     * the control has no label. With a label, `pickColor` names it instead.
+     */
     colorSwatch: string;
-    /** Accessible name of the text box holding the color's hex value. */
+    /**
+     * Accessible name of the text box holding the color's hex value, when the
+     * control has no label. With a label, `colorValue` names it instead.
+     */
     colorHexValue: string;
+    /**
+     * Accessible name of the swatch button that opens the color picker, saying
+     * what pressing it does: "Pick Fill color".
+     * @param label - The control's own label, as drawn above it
+     * @returns The button's accessible name
+     */
+    pickColor: (label: string) => string;
+    /**
+     * Accessible name of the text box holding the color's hex value, naming
+     * the property it sets: "Fill color". The box's own value, the hex, is
+     * announced after it.
+     * @param label - The control's own label, as drawn above it
+     * @returns The text box's accessible name
+     */
+    colorValue: (label: string) => string;
+    /**
+     * Accessible name of the number box holding the color's opacity
+     * percentage, when the control has a label: "Fill opacity".
+     * @param label - The control's own label, as drawn above it
+     * @returns The number box's accessible name
+     */
+    colorOpacity: (label: string) => string;
     /** Accessible name of the number box holding the color's opacity percentage. */
     opacity: string;
     /** Title of the color picker pop-out when the caller supplied no label. */
@@ -1046,6 +1074,19 @@ export declare interface CompactMantineLabels {
      * @returns The button's accessible name
      */
     removeColorStop: (position: string) => string;
+    /**
+     * Accessible name of the swatch button that selects one stop so the
+     * picker edits its color.
+     * @param position - The stop's position in the list, counting from one, already formatted for the active locale
+     * @returns The button's accessible name
+     */
+    editColorStop: (position: string) => string;
+    /**
+     * Accessible name of the text box holding one stop's hex color.
+     * @param position - The stop's position in the list, counting from one, already formatted for the active locale
+     * @returns The text box's accessible name
+     */
+    colorStopColor: (position: string) => string;
     /** Heading above the gradient editor's direction slider. */
     direction: string;
     /** Accessible name of the gradient editor's direction slider. */
@@ -1764,9 +1805,10 @@ export declare interface ControlSectionProps extends DisclosureProps {
     /**
      * Whether the section is set up at all.
      *
-     * An empty section is drawn as one 32px row: the name in the secondary text
-     * color, no chevron, and a single "+" in the trailing slot. It shows no
-     * content and no empty-state sentence, and its children are not rendered.
+     * An empty section is drawn as its 40px header alone, with the 1px rule
+     * below it (41px in all): the name in the secondary text color, no chevron,
+     * and a single "+" in the trailing slot. It shows no content and no
+     * empty-state sentence, and its children are not rendered.
      *
      * The dimmed name is never the only thing that says so. The chevron is
      * gone, the "+" is there, and the group holds nothing, so the state still
@@ -6465,7 +6507,7 @@ export declare interface ToggleRowProps {
  * 1. **The verb is deleted from the label.** The checkbox already says
  *    "enable", so `Enable glow` is written `Glow`.
  * 2. **A boolean with nothing underneath it is not this component.** Use
- *    `ToggleRow`, which packs a lone boolean onto a 24px row with a slot at its
+ *    `ToggleRow`, which packs a lone boolean onto a 32px row with a slot at its
  *    end, and use two or more of those inside a `ToggleRowGroup`.
  *
  * The checkbox says out loud that it opens something: it is marked as expanded