@pie-lib/render-ui 8.0.1-next.20261006032932 → 8.0.1-next.20261006035546
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/dist/color.d.ts +2 -2
- package/dist/color.js +38 -38
- package/package.json +1 -1
package/dist/color.d.ts
CHANGED
|
@@ -3,11 +3,11 @@ export declare const defaults: {
|
|
|
3
3
|
DISABLED: string;
|
|
4
4
|
DISABLED_SECONDARY: string;
|
|
5
5
|
DISABLED_TEXT: string;
|
|
6
|
-
CORRECT:
|
|
6
|
+
CORRECT: string;
|
|
7
7
|
CORRECT_SECONDARY: "#e8f5e9";
|
|
8
8
|
CORRECT_TERTIARY: string;
|
|
9
9
|
CORRECT_WITH_ICON: string;
|
|
10
|
-
INCORRECT:
|
|
10
|
+
INCORRECT: string;
|
|
11
11
|
INCORRECT_SECONDARY: "#ffebee";
|
|
12
12
|
INCORRECT_WITH_ICON: string;
|
|
13
13
|
MISSING: "#d32f2f";
|
package/dist/color.js
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
import { __exportAll as e } from "./_virtual/_rolldown/runtime.js";
|
|
2
|
-
import { green as t, indigo as n,
|
|
2
|
+
import { green as t, indigo as n, pink as r, red as i } from "@mui/material/colors";
|
|
3
3
|
//#region src/color.ts
|
|
4
|
-
var
|
|
4
|
+
var ee = /* @__PURE__ */ e({
|
|
5
5
|
background: () => O,
|
|
6
6
|
backgroundDark: () => k,
|
|
7
|
-
black: () =>
|
|
8
|
-
blueGrey100: () =>
|
|
9
|
-
blueGrey300: () =>
|
|
10
|
-
blueGrey600: () =>
|
|
11
|
-
blueGrey900: () =>
|
|
7
|
+
black: () => V,
|
|
8
|
+
blueGrey100: () => ie,
|
|
9
|
+
blueGrey300: () => ae,
|
|
10
|
+
blueGrey600: () => oe,
|
|
11
|
+
blueGrey900: () => se,
|
|
12
12
|
border: () => F,
|
|
13
|
-
borderDark: () =>
|
|
14
|
-
borderGray: () =>
|
|
13
|
+
borderDark: () => re,
|
|
14
|
+
borderGray: () => L,
|
|
15
15
|
borderLight: () => I,
|
|
16
|
-
buttonBorder: () =>
|
|
17
|
-
buttonFocusOutline: () =>
|
|
18
|
-
buttonHoverBg: () =>
|
|
16
|
+
buttonBorder: () => he,
|
|
17
|
+
buttonFocusOutline: () => J,
|
|
18
|
+
buttonHoverBg: () => ge,
|
|
19
19
|
correct: () => u,
|
|
20
20
|
correctSecondary: () => d,
|
|
21
21
|
correctTertiary: () => f,
|
|
22
22
|
correctWithIcon: () => p,
|
|
23
23
|
defaults: () => a,
|
|
24
|
-
disabled: () =>
|
|
25
|
-
disabledSecondary: () =>
|
|
24
|
+
disabled: () => te,
|
|
25
|
+
disabledSecondary: () => ne,
|
|
26
26
|
disabledText: () => l,
|
|
27
27
|
dropdownBackground: () => j,
|
|
28
|
-
editorToolbar: () =>
|
|
28
|
+
editorToolbar: () => me,
|
|
29
29
|
fadedPrimary: () => C,
|
|
30
|
-
focusChecked: () =>
|
|
31
|
-
focusCheckedBorder: () =>
|
|
32
|
-
focusOutline: () =>
|
|
33
|
-
focusUnchecked: () =>
|
|
34
|
-
focusUncheckedBorder: () =>
|
|
30
|
+
focusChecked: () => W,
|
|
31
|
+
focusCheckedBorder: () => G,
|
|
32
|
+
focusOutline: () => Y,
|
|
33
|
+
focusUnchecked: () => K,
|
|
34
|
+
focusUncheckedBorder: () => q,
|
|
35
35
|
incorrect: () => m,
|
|
36
36
|
incorrectSecondary: () => g,
|
|
37
37
|
incorrectWithIcon: () => h,
|
|
38
|
-
keyBoardFocusIndicator: () =>
|
|
39
|
-
keypadButton: () =>
|
|
40
|
-
keypadButtonHover: () =>
|
|
41
|
-
keypadButtonOperator: () =>
|
|
42
|
-
keypadButtonOperatorHover: () =>
|
|
43
|
-
keypadEmptyPlaceholder: () =>
|
|
44
|
-
keypadInk: () =>
|
|
38
|
+
keyBoardFocusIndicator: () => X,
|
|
39
|
+
keypadButton: () => le,
|
|
40
|
+
keypadButtonHover: () => fe,
|
|
41
|
+
keypadButtonOperator: () => ue,
|
|
42
|
+
keypadButtonOperatorHover: () => pe,
|
|
43
|
+
keypadEmptyPlaceholder: () => de,
|
|
44
|
+
keypadInk: () => $,
|
|
45
45
|
missing: () => _,
|
|
46
46
|
missingWithIcon: () => v,
|
|
47
47
|
primary: () => y,
|
|
@@ -54,26 +54,26 @@ var te = /* @__PURE__ */ e({
|
|
|
54
54
|
secondaryLight: () => T,
|
|
55
55
|
secondaryText: () => D,
|
|
56
56
|
surface: () => M,
|
|
57
|
-
tableGrid: () =>
|
|
58
|
-
tableGridLight: () =>
|
|
59
|
-
tableStripe: () =>
|
|
57
|
+
tableGrid: () => R,
|
|
58
|
+
tableGridLight: () => z,
|
|
59
|
+
tableStripe: () => B,
|
|
60
60
|
tertiary: () => N,
|
|
61
61
|
tertiaryLight: () => P,
|
|
62
62
|
text: () => c,
|
|
63
|
-
transparent: () =>
|
|
63
|
+
transparent: () => U,
|
|
64
64
|
v: () => o,
|
|
65
|
-
visualElementsColors: () =>
|
|
66
|
-
white: () =>
|
|
65
|
+
visualElementsColors: () => _e,
|
|
66
|
+
white: () => H
|
|
67
67
|
}), a = {
|
|
68
68
|
TEXT: "black",
|
|
69
69
|
DISABLED: "grey",
|
|
70
70
|
DISABLED_SECONDARY: "#ABABAB",
|
|
71
71
|
DISABLED_TEXT: "#545454",
|
|
72
|
-
CORRECT:
|
|
72
|
+
CORRECT: "#208537",
|
|
73
73
|
CORRECT_SECONDARY: t[50],
|
|
74
74
|
CORRECT_TERTIARY: "#0EA449",
|
|
75
75
|
CORRECT_WITH_ICON: "#087D38",
|
|
76
|
-
INCORRECT:
|
|
76
|
+
INCORRECT: "#a65f00",
|
|
77
77
|
INCORRECT_SECONDARY: i[50],
|
|
78
78
|
INCORRECT_WITH_ICON: "#BF0D00",
|
|
79
79
|
MISSING: i[700],
|
|
@@ -124,10 +124,10 @@ Object.freeze(a);
|
|
|
124
124
|
var o = (e) => (...t) => {
|
|
125
125
|
let n = t.pop();
|
|
126
126
|
return t.reduceRight((t, n) => `var(--${e}-${n}, ${t})`, n);
|
|
127
|
-
}, s = o("pie"), c = () => s("text", a.TEXT),
|
|
127
|
+
}, s = o("pie"), c = () => s("text", a.TEXT), te = () => s("disabled", a.DISABLED), ne = () => s("disabled-secondary", a.DISABLED_SECONDARY), l = () => s("disabled-text", "text", a.DISABLED_TEXT), u = () => s("correct", a.CORRECT), d = () => s("correct-secondary", a.CORRECT_SECONDARY), f = () => s("correct-tertiary", a.CORRECT_TERTIARY), p = () => s("correct-icon", a.CORRECT_WITH_ICON), m = () => s("incorrect", a.INCORRECT), h = () => s("incorrect-icon", a.INCORRECT_WITH_ICON), g = () => s("incorrect-secondary", a.INCORRECT_SECONDARY), _ = () => s("missing", a.MISSING), v = () => s("missing-icon", a.MISSING_WITH_ICON), y = () => s("primary", a.PRIMARY), b = () => s("primary-light", a.PRIMARY_LIGHT), x = () => s("primary-dark", a.PRIMARY_DARK), S = () => s("primary-text", "text", a.TEXT), C = () => s("faded-primary", a.FADED_PRIMARY), w = () => s("secondary", a.SECONDARY), T = () => s("secondary-light", a.SECONDARY_LIGHT), E = () => s("secondary-dark", a.SECONDARY_DARK), D = () => s("secondary-text", "text", a.TEXT), O = () => s("background", a.BACKGROUND), k = () => s("background-dark", a.BACKGROUND_DARK), A = () => s("secondary-background", a.SECONDARY_BACKGROUND), j = () => s("dropdown-background", a.DROPDOWN_BACKGROUND), M = () => s("surface", a.SURFACE), N = () => s("tertiary", a.TERTIARY), P = () => s("tertiary-light", a.TERTIARY_LIGHT), F = () => s("border", a.BORDER), I = () => s("border-light", a.BORDER_LIGHT), re = () => s("border-dark", a.BORDER_DARK), L = () => s("border-gray", a.BORDER_GRAY), R = () => s("table-grid", "text", a.TABLE_GRID), z = () => s("table-grid-light", "border-light", a.TABLE_GRID_LIGHT), B = () => s("table-stripe", "background-dark", a.TABLE_STRIPE), V = () => s("black", a.BLACK), H = () => s("white", a.WHITE), U = () => a.TRANSPARENT, W = () => s("focus-checked", a.FOCUS_CHECKED), G = () => s("focus-checked-border", a.FOCUS_CHECKED_BORDER), K = () => s("focus-unchecked", a.FOCUS_UNCHECKED), q = () => s("focus-unchecked-border", a.FOCUS_UNCHECKED_BORDER), J = () => s("button-focus-outline", a.BUTTON_FOCUS_OUTLINE), Y = () => s("focus-outline", "button-focus-outline", "focus-checked-border", a.FOCUS_CHECKED_BORDER), X = Y, ie = () => s("blue-grey-100", a.BLUE_GREY100), ae = () => s("blue-grey-300", a.BLUE_GREY300), oe = () => s("blue-grey-600", a.BLUE_GREY600), se = () => s("blue-grey-900", a.BLUE_GREY900), ce = (e) => {
|
|
128
128
|
let t = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(e);
|
|
129
129
|
return t ? t.slice(1).map((e) => parseInt(e, 16)) : e.match(/\d+/g).slice(0, 3).map(Number);
|
|
130
|
-
}, Z = (e, t) => `color-mix(in srgb, rgb(${
|
|
130
|
+
}, Z = (e, t) => `color-mix(in srgb, rgb(${ce(e).map((e) => (e - 255 * (1 - t)) / t).join(" ")}) ${t * 100}%, ${s("background", a.WHITE)})`, le = () => s("keypad-button", Z(a.KEYPAD_BUTTON, .5)), ue = () => s("keypad-button-operator", Z(a.KEYPAD_BUTTON_OPERATOR, .5)), de = () => s("keypad-empty-placeholder", a.KEYPAD_EMPTY_PLACEHOLDER), fe = () => s("keypad-button-hover", Z(a.KEYPAD_BUTTON_HOVER, .25)), pe = () => s("keypad-button-operator-hover", Z(a.KEYPAD_BUTTON_OPERATOR_HOVER, .25)), Q = "clamp(0.6, (r + g + b) / 450, 1)", $ = () => `rgb(from ${c()} calc(r * ${Q}) calc(g * ${Q}) calc(b * ${Q}))`, me = () => Z(a.EDITOR_TOOLBAR, .125), he = () => s("button-border", a.BUTTON_BORDER), ge = () => s("button-hover-bg", a.BUTTON_HOVER_BG), _e = {
|
|
131
131
|
AXIS_LINE_COLOR: "#5A53C9",
|
|
132
132
|
ROLLOVER_FILL_BAR_COLOR: "#050F2D",
|
|
133
133
|
GRIDLINES_COLOR: "#8E88EA",
|
|
@@ -135,4 +135,4 @@ var o = (e) => (...t) => {
|
|
|
135
135
|
SHAPES_FILL_COLOR: "#7986cb"
|
|
136
136
|
};
|
|
137
137
|
//#endregion
|
|
138
|
-
export { O as background, k as backgroundDark,
|
|
138
|
+
export { O as background, k as backgroundDark, V as black, ie as blueGrey100, ae as blueGrey300, oe as blueGrey600, se as blueGrey900, F as border, re as borderDark, L as borderGray, I as borderLight, he as buttonBorder, J as buttonFocusOutline, ge as buttonHoverBg, ee as color_exports, u as correct, d as correctSecondary, f as correctTertiary, p as correctWithIcon, a as defaults, te as disabled, ne as disabledSecondary, l as disabledText, j as dropdownBackground, me as editorToolbar, C as fadedPrimary, W as focusChecked, G as focusCheckedBorder, Y as focusOutline, K as focusUnchecked, q as focusUncheckedBorder, m as incorrect, g as incorrectSecondary, h as incorrectWithIcon, X as keyBoardFocusIndicator, le as keypadButton, fe as keypadButtonHover, ue as keypadButtonOperator, pe as keypadButtonOperatorHover, de as keypadEmptyPlaceholder, $ as keypadInk, _ as missing, v as missingWithIcon, y as primary, x as primaryDark, b as primaryLight, S as primaryText, w as secondary, A as secondaryBackground, E as secondaryDark, T as secondaryLight, D as secondaryText, M as surface, R as tableGrid, z as tableGridLight, B as tableStripe, N as tertiary, P as tertiaryLight, c as text, U as transparent, o as v, _e as visualElementsColors, H as white };
|
package/package.json
CHANGED