@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.
- package/README.md +8 -0
- package/dist/beacons/Beacon.d.ts +11 -6
- package/dist/beacons/Beacon.js +13 -12
- package/dist/charts/ChartLegend.js +16 -8
- package/dist/charts/Sparkline.d.ts +10 -5
- package/dist/charts/Sparkline.js +8 -8
- package/dist/charts/chartPalette.d.ts +1 -1
- package/dist/charts/chartPalette.js +6 -6
- package/dist/chips/Chip.d.ts +9 -13
- package/dist/feedback/ProgressBar.d.ts +10 -5
- package/dist/feedback/ProgressBar.js +4 -4
- package/dist/feedback/ProgressCircle.d.ts +10 -5
- package/dist/feedback/ProgressCircle.js +4 -4
- package/dist/shapes/Circle.d.ts +11 -6
- package/dist/shapes/Circle.js +9 -9
- package/dist/shapes/Square.d.ts +11 -6
- package/dist/shapes/Square.js +9 -9
- package/dist/styles.css +1 -1
- package/dist/theme/tokens/dark.js +23 -0
- package/dist/theme/tokens/light.js +25 -0
- package/dist/theme/tokens/types.d.ts +7 -1
- package/dist/timeline/Timeline.d.ts +6 -1
- package/dist/tokens.css +40 -0
- package/package.json +6 -2
package/dist/shapes/Square.js
CHANGED
|
@@ -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.*`
|
|
15
|
-
* reads `currentColor` (the Icon pattern), so `INHERIT` and `hex` share one
|
|
16
|
-
* switch needs no re-render. `hex` is set as the `--gx-square-hex` custom property
|
|
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).
|
|
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, `
|
|
49
|
+
/** Status: success, `mark.success`. */
|
|
50
50
|
SquareVariant["SUCCESS"] = "SUCCESS";
|
|
51
|
-
/** Status: warning, `
|
|
51
|
+
/** Status: warning, `mark.warning`. */
|
|
52
52
|
SquareVariant["WARNING"] = "WARNING";
|
|
53
|
-
/** Status: 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`: `
|
|
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",
|