@galaxy-io/dls 2.5.1 → 2.6.1

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.
@@ -11,10 +11,10 @@ import { cx } from "@linaria/core";
11
11
  * circle keys a line or point series, a square keys a filled area or bar.
12
12
  *
13
13
  * Color is CSS, not JS: `SQUARE_VARIANT_TO_CSS_MAP` (or `SQUARE_COLOR_TO_CSS_MAP` for a categorical
14
- * `color`) sets `color` from `color.text.*` and the fill
15
- * reads `currentColor` (the Icon pattern), so `INHERIT` and `hex` share one path and a theme
16
- * switch needs no re-render. `hex` is set as the `--gx-square-hex` custom property in
17
- * `style` and read by a block switched on only when the prop is set.
14
+ * `color`) sets `color` from `color.text.*` (the neutral steps) or `color.mark.*` (statuses and
15
+ * families), and the fill reads `currentColor` (the Icon pattern), so `INHERIT` and `hex` share one
16
+ * path and a theme switch needs no re-render. `hex` is set as the `--gx-square-hex` custom property
17
+ * in `style` and read by a block switched on only when the prop is set.
18
18
  *
19
19
  * `size` names the rung of the text the mark sits beside. Every side leaves an even gap to its
20
20
  * paired line height, so a mark centered beside its `Text` lands on whole pixels with crisp edges.
@@ -34,7 +34,7 @@ var SquareSize = /* @__PURE__ */ function(SquareSize) {
34
34
  SquareSize["X_LARGE"] = "X_LARGE";
35
35
  return SquareSize;
36
36
  }({});
37
- /** Fill color role (Constitution V-A color set). Resolves to `color.text.*`. */
37
+ /** Fill color role (Constitution V-A color set). Neutral steps resolve to `color.text.*`, statuses to `color.mark.*`. */
38
38
  var SquareVariant = /* @__PURE__ */ function(SquareVariant) {
39
39
  /** `text.primary`. */
40
40
  SquareVariant["PRIMARY"] = "PRIMARY";
@@ -46,11 +46,11 @@ var SquareVariant = /* @__PURE__ */ function(SquareVariant) {
46
46
  SquareVariant["DISABLED"] = "DISABLED";
47
47
  /** The parent's color (`currentColor`). */
48
48
  SquareVariant["INHERIT"] = "INHERIT";
49
- /** Status: success, `text.success`. */
49
+ /** Status: success, `mark.success`. */
50
50
  SquareVariant["SUCCESS"] = "SUCCESS";
51
- /** Status: warning, `text.warning`. */
51
+ /** Status: warning, `mark.warning`. */
52
52
  SquareVariant["WARNING"] = "WARNING";
53
- /** Status: error, `text.error`. */
53
+ /** Status: error, `mark.error`. */
54
54
  SquareVariant["ERROR"] = "ERROR";
55
55
  return SquareVariant;
56
56
  }({});
@@ -83,7 +83,7 @@ var SQUARE_VARIANT_TO_CSS_MAP = {
83
83
  ["WARNING"]: "gx-Square-WARNING-w1jcu9g9",
84
84
  ["ERROR"]: "gx-Square-ERROR-e1a9qgv5"
85
85
  };
86
- /** Categorical `color`: `text.<family>`, the way a status variant renders. */
86
+ /** Categorical `color`: `mark.<family>`, the way a status variant renders. */
87
87
  var SQUARE_COLOR_TO_CSS_MAP = {
88
88
  success: "gx-Square-success-s44keg",
89
89
  warning: "gx-Square-warning-w1czb11g",