@trackunit/ui-design-tokens 0.0.64 → 0.0.66

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.
Files changed (4) hide show
  1. package/index.cjs +7 -1
  2. package/index.js +7 -1
  3. package/package.json +1 -1
  4. package/src/tokens/chartColorsDefault.d.ts +3 -1
package/index.cjs CHANGED
@@ -25,11 +25,16 @@ const DEFAULT_CHART_COLORS = [
25
25
  "#5E5CE6",
26
26
  "#2066FF",
27
27
  "#FF9500",
28
+ "#E2E8F0",
28
29
  ];
29
30
  /**
30
- * Re-orders the default chart colors to make the first ones more visually different.
31
+ * Re-ordered chart colors to ensure that adjacent colors are visually different.
32
+ *
33
+ * @returns {string[]} The reordered chart colors.
31
34
  */
32
35
  const getReorderedChartColors = () => [
36
+ // DO NOT reorder the colors, or add new colors in the middle of the array until you verify that adjacent colors are visually different.
37
+ // If you want to add a new color, you should almost always add it at the end of the array.
33
38
  DEFAULT_CHART_COLORS[0],
34
39
  DEFAULT_CHART_COLORS[4],
35
40
  DEFAULT_CHART_COLORS[7],
@@ -44,6 +49,7 @@ const getReorderedChartColors = () => [
44
49
  DEFAULT_CHART_COLORS[3],
45
50
  DEFAULT_CHART_COLORS[2],
46
51
  DEFAULT_CHART_COLORS[13],
52
+ DEFAULT_CHART_COLORS[22],
47
53
  ];
48
54
 
49
55
  /**
package/index.js CHANGED
@@ -21,11 +21,16 @@ const DEFAULT_CHART_COLORS = [
21
21
  "#5E5CE6",
22
22
  "#2066FF",
23
23
  "#FF9500",
24
+ "#E2E8F0",
24
25
  ];
25
26
  /**
26
- * Re-orders the default chart colors to make the first ones more visually different.
27
+ * Re-ordered chart colors to ensure that adjacent colors are visually different.
28
+ *
29
+ * @returns {string[]} The reordered chart colors.
27
30
  */
28
31
  const getReorderedChartColors = () => [
32
+ // DO NOT reorder the colors, or add new colors in the middle of the array until you verify that adjacent colors are visually different.
33
+ // If you want to add a new color, you should almost always add it at the end of the array.
29
34
  DEFAULT_CHART_COLORS[0],
30
35
  DEFAULT_CHART_COLORS[4],
31
36
  DEFAULT_CHART_COLORS[7],
@@ -40,6 +45,7 @@ const getReorderedChartColors = () => [
40
45
  DEFAULT_CHART_COLORS[3],
41
46
  DEFAULT_CHART_COLORS[2],
42
47
  DEFAULT_CHART_COLORS[13],
48
+ DEFAULT_CHART_COLORS[22],
43
49
  ];
44
50
 
45
51
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/ui-design-tokens",
3
- "version": "0.0.64",
3
+ "version": "0.0.66",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "module": "./index.js",
package/src/tokens/chartColorsDefault.d.ts CHANGED
@@ -1,5 +1,7 @@
1
1
  export declare const DEFAULT_CHART_COLORS: string[];
2
2
  /**
3
- * Re-orders the default chart colors to make the first ones more visually different.
3
+ * Re-ordered chart colors to ensure that adjacent colors are visually different.
4
+ *
5
+ * @returns {string[]} The reordered chart colors.
4
6
  */
5
7
  export declare const getReorderedChartColors: () => string[];