rbro-tat-uds 2.1.1 → 2.1.3
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/build/cjs/components/Bar/Bar.cjs +1 -1
- package/build/cjs/components/LabeledTextInLine/LabeledTextInLine.cjs +2 -2
- package/build/cjs/index.cjs +3 -3
- package/build/cjs/utils/colors.cjs +11 -0
- package/build/esm/components/Bar/Bar.js +1 -1
- package/build/esm/components/LabeledTextInLine/LabeledTextInLine.js +2 -2
- package/build/esm/index.js +3 -3
- package/build/esm/utils/colors.js +11 -0
- package/build/types/components/LabeledTextInLine/LabeledTextInLine.d.ts +2 -2
- package/build/types/utils/colors.d.ts +11 -0
- package/package.json +1 -1
|
@@ -39,7 +39,7 @@ const Bar = ({
|
|
|
39
39
|
children: items.length > 0 && items.map((item, index) => {
|
|
40
40
|
const thisColor = utils.colors[item.color] || utils.colors.gray_950;
|
|
41
41
|
const percentage = item.value / max * 100;
|
|
42
|
-
const clampedPercentage = Math.min(Math.max(percentage, 0), 100);
|
|
42
|
+
const clampedPercentage = Math.min(Math.max(percentage, 0.3), 100);
|
|
43
43
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
44
44
|
"div",
|
|
45
45
|
{
|
package/build/cjs/index.cjs
CHANGED
|
@@ -2792,7 +2792,7 @@ const Bar = ({
|
|
|
2792
2792
|
children: items.length > 0 && items.map((item, index) => {
|
|
2793
2793
|
const thisColor = utils.colors[item.color] || utils.colors.gray_950;
|
|
2794
2794
|
const percentage = item.value / max * 100;
|
|
2795
|
-
const clampedPercentage = Math.min(Math.max(percentage, 0), 100);
|
|
2795
|
+
const clampedPercentage = Math.min(Math.max(percentage, 0.3), 100);
|
|
2796
2796
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2797
2797
|
"div",
|
|
2798
2798
|
{
|
|
@@ -18467,8 +18467,8 @@ const LabeledTextInLine = ({
|
|
|
18467
18467
|
iconSize = 18,
|
|
18468
18468
|
leftGap = 8,
|
|
18469
18469
|
rightGap = 8,
|
|
18470
|
-
label = "
|
|
18471
|
-
text = "
|
|
18470
|
+
label = "-",
|
|
18471
|
+
text = "-",
|
|
18472
18472
|
labelFontSize = 16,
|
|
18473
18473
|
labelFontWeight = 400,
|
|
18474
18474
|
labelColor = "gray_950",
|
|
@@ -135,6 +135,17 @@ const colors = {
|
|
|
135
135
|
teal_800: "#006059",
|
|
136
136
|
teal_900: "#0D4E4A",
|
|
137
137
|
teal_950: "#02302F",
|
|
138
|
+
orange_50: "#FFF7ED",
|
|
139
|
+
orange_100: "#FFEDD4",
|
|
140
|
+
orange_200: "#FFD7A7",
|
|
141
|
+
orange_300: "#FFB869",
|
|
142
|
+
orange_400: "#FF9724",
|
|
143
|
+
orange_500: "#EF7723",
|
|
144
|
+
orange_600: "#E35B22",
|
|
145
|
+
orange_700: "#BB4013",
|
|
146
|
+
orange_800: "#A63305",
|
|
147
|
+
orange_900: "#852C0C",
|
|
148
|
+
orange_950: "#441306",
|
|
138
149
|
white: "#fff",
|
|
139
150
|
black: "#232529"
|
|
140
151
|
};
|
|
@@ -35,7 +35,7 @@ const Bar = ({
|
|
|
35
35
|
children: items.length > 0 && items.map((item, index) => {
|
|
36
36
|
const thisColor = colors[item.color] || colors.gray_950;
|
|
37
37
|
const percentage = item.value / max * 100;
|
|
38
|
-
const clampedPercentage = Math.min(Math.max(percentage, 0), 100);
|
|
38
|
+
const clampedPercentage = Math.min(Math.max(percentage, 0.3), 100);
|
|
39
39
|
return /* @__PURE__ */ jsx(
|
|
40
40
|
"div",
|
|
41
41
|
{
|
package/build/esm/index.js
CHANGED
|
@@ -2769,7 +2769,7 @@ const Bar = ({
|
|
|
2769
2769
|
children: items.length > 0 && items.map((item, index) => {
|
|
2770
2770
|
const thisColor = colors[item.color] || colors.gray_950;
|
|
2771
2771
|
const percentage = item.value / max * 100;
|
|
2772
|
-
const clampedPercentage = Math.min(Math.max(percentage, 0), 100);
|
|
2772
|
+
const clampedPercentage = Math.min(Math.max(percentage, 0.3), 100);
|
|
2773
2773
|
return /* @__PURE__ */ jsx(
|
|
2774
2774
|
"div",
|
|
2775
2775
|
{
|
|
@@ -18444,8 +18444,8 @@ const LabeledTextInLine = ({
|
|
|
18444
18444
|
iconSize = 18,
|
|
18445
18445
|
leftGap = 8,
|
|
18446
18446
|
rightGap = 8,
|
|
18447
|
-
label = "
|
|
18448
|
-
text = "
|
|
18447
|
+
label = "-",
|
|
18448
|
+
text = "-",
|
|
18449
18449
|
labelFontSize = 16,
|
|
18450
18450
|
labelFontWeight = 400,
|
|
18451
18451
|
labelColor = "gray_950",
|
|
@@ -133,6 +133,17 @@ const colors = {
|
|
|
133
133
|
teal_800: "#006059",
|
|
134
134
|
teal_900: "#0D4E4A",
|
|
135
135
|
teal_950: "#02302F",
|
|
136
|
+
orange_50: "#FFF7ED",
|
|
137
|
+
orange_100: "#FFEDD4",
|
|
138
|
+
orange_200: "#FFD7A7",
|
|
139
|
+
orange_300: "#FFB869",
|
|
140
|
+
orange_400: "#FF9724",
|
|
141
|
+
orange_500: "#EF7723",
|
|
142
|
+
orange_600: "#E35B22",
|
|
143
|
+
orange_700: "#BB4013",
|
|
144
|
+
orange_800: "#A63305",
|
|
145
|
+
orange_900: "#852C0C",
|
|
146
|
+
orange_950: "#441306",
|
|
136
147
|
white: "#fff",
|
|
137
148
|
black: "#232529"
|
|
138
149
|
};
|
|
@@ -8,8 +8,8 @@ interface LabeledTextInLineProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
8
8
|
iconSize?: 8 | 12 | 16 | 18 | 20 | 24 | 32 | 40;
|
|
9
9
|
leftGap?: 0 | 4 | 8 | 12 | 16;
|
|
10
10
|
rightGap?: 0 | 4 | 8 | 12 | 16;
|
|
11
|
-
label?: string;
|
|
12
|
-
text?: string;
|
|
11
|
+
label?: string | undefined;
|
|
12
|
+
text?: string | undefined;
|
|
13
13
|
labelFontSize?: 12 | 14 | 16 | 18 | 20 | 24;
|
|
14
14
|
labelFontWeight?: 200 | 300 | 400 | 500 | 700 | 800;
|
|
15
15
|
labelColor?: keyof typeof colors;
|
|
@@ -132,6 +132,17 @@ declare const colors: {
|
|
|
132
132
|
teal_800: string;
|
|
133
133
|
teal_900: string;
|
|
134
134
|
teal_950: string;
|
|
135
|
+
orange_50: string;
|
|
136
|
+
orange_100: string;
|
|
137
|
+
orange_200: string;
|
|
138
|
+
orange_300: string;
|
|
139
|
+
orange_400: string;
|
|
140
|
+
orange_500: string;
|
|
141
|
+
orange_600: string;
|
|
142
|
+
orange_700: string;
|
|
143
|
+
orange_800: string;
|
|
144
|
+
orange_900: string;
|
|
145
|
+
orange_950: string;
|
|
135
146
|
white: string;
|
|
136
147
|
black: string;
|
|
137
148
|
};
|