@pie-lib/render-ui 8.0.8-next.20261027193325 → 8.0.8-next.20261103123052
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 +1 -0
- package/dist/color.js +48 -47
- package/package.json +3 -3
package/dist/color.d.ts
CHANGED
|
@@ -100,6 +100,7 @@ export declare const focusUnchecked: () => any;
|
|
|
100
100
|
export declare const focusUncheckedBorder: () => any;
|
|
101
101
|
export declare const buttonFocusOutline: () => any;
|
|
102
102
|
export declare const focusOutline: () => any;
|
|
103
|
+
export declare const keyboardFocusOutline: () => any;
|
|
103
104
|
/** @deprecated The keyboard focus ring is {@link focusOutline}. */
|
|
104
105
|
export declare const keyBoardFocusIndicator: () => any;
|
|
105
106
|
export declare const blueGrey100: () => any;
|
package/dist/color.js
CHANGED
|
@@ -2,67 +2,68 @@ import { __exportAll as e } from "./_virtual/_rolldown/runtime.js";
|
|
|
2
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
4
|
var ee = /* @__PURE__ */ e({
|
|
5
|
-
background: () =>
|
|
6
|
-
backgroundDark: () =>
|
|
5
|
+
background: () => D,
|
|
6
|
+
backgroundDark: () => O,
|
|
7
7
|
black: () => V,
|
|
8
|
-
blueGrey100: () =>
|
|
9
|
-
blueGrey300: () =>
|
|
10
|
-
blueGrey600: () =>
|
|
11
|
-
blueGrey900: () =>
|
|
12
|
-
border: () =>
|
|
13
|
-
borderDark: () =>
|
|
8
|
+
blueGrey100: () => ae,
|
|
9
|
+
blueGrey300: () => oe,
|
|
10
|
+
blueGrey600: () => se,
|
|
11
|
+
blueGrey900: () => ce,
|
|
12
|
+
border: () => P,
|
|
13
|
+
borderDark: () => I,
|
|
14
14
|
borderGray: () => L,
|
|
15
|
-
borderLight: () =>
|
|
16
|
-
buttonBorder: () =>
|
|
15
|
+
borderLight: () => F,
|
|
16
|
+
buttonBorder: () => $,
|
|
17
17
|
buttonFocusOutline: () => J,
|
|
18
|
-
buttonHoverBg: () =>
|
|
19
|
-
correct: () =>
|
|
20
|
-
correctSecondary: () =>
|
|
21
|
-
correctTertiary: () =>
|
|
22
|
-
correctWithIcon: () =>
|
|
18
|
+
buttonHoverBg: () => _e,
|
|
19
|
+
correct: () => l,
|
|
20
|
+
correctSecondary: () => u,
|
|
21
|
+
correctTertiary: () => d,
|
|
22
|
+
correctWithIcon: () => f,
|
|
23
23
|
defaults: () => a,
|
|
24
24
|
disabled: () => te,
|
|
25
25
|
disabledSecondary: () => ne,
|
|
26
|
-
disabledText: () =>
|
|
27
|
-
dropdownBackground: () =>
|
|
28
|
-
editorToolbar: () =>
|
|
29
|
-
fadedPrimary: () =>
|
|
26
|
+
disabledText: () => re,
|
|
27
|
+
dropdownBackground: () => A,
|
|
28
|
+
editorToolbar: () => ge,
|
|
29
|
+
fadedPrimary: () => S,
|
|
30
30
|
focusChecked: () => W,
|
|
31
31
|
focusCheckedBorder: () => G,
|
|
32
32
|
focusOutline: () => Y,
|
|
33
33
|
focusUnchecked: () => K,
|
|
34
34
|
focusUncheckedBorder: () => q,
|
|
35
|
-
incorrect: () =>
|
|
36
|
-
incorrectSecondary: () =>
|
|
37
|
-
incorrectWithIcon: () =>
|
|
38
|
-
keyBoardFocusIndicator: () =>
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
35
|
+
incorrect: () => p,
|
|
36
|
+
incorrectSecondary: () => h,
|
|
37
|
+
incorrectWithIcon: () => m,
|
|
38
|
+
keyBoardFocusIndicator: () => ie,
|
|
39
|
+
keyboardFocusOutline: () => X,
|
|
40
|
+
keypadButton: () => ue,
|
|
41
|
+
keypadButtonHover: () => pe,
|
|
42
|
+
keypadButtonOperator: () => de,
|
|
43
|
+
keypadButtonOperatorHover: () => me,
|
|
44
|
+
keypadEmptyPlaceholder: () => fe,
|
|
45
|
+
keypadInk: () => he,
|
|
46
|
+
missing: () => g,
|
|
47
|
+
missingWithIcon: () => _,
|
|
48
|
+
primary: () => v,
|
|
49
|
+
primaryDark: () => b,
|
|
50
|
+
primaryLight: () => y,
|
|
51
|
+
primaryText: () => x,
|
|
52
|
+
secondary: () => C,
|
|
53
|
+
secondaryBackground: () => k,
|
|
54
|
+
secondaryDark: () => T,
|
|
55
|
+
secondaryLight: () => w,
|
|
56
|
+
secondaryText: () => E,
|
|
57
|
+
surface: () => j,
|
|
57
58
|
tableGrid: () => R,
|
|
58
59
|
tableGridLight: () => z,
|
|
59
60
|
tableStripe: () => B,
|
|
60
|
-
tertiary: () =>
|
|
61
|
-
tertiaryLight: () =>
|
|
61
|
+
tertiary: () => M,
|
|
62
|
+
tertiaryLight: () => N,
|
|
62
63
|
text: () => c,
|
|
63
64
|
transparent: () => U,
|
|
64
65
|
v: () => o,
|
|
65
|
-
visualElementsColors: () =>
|
|
66
|
+
visualElementsColors: () => ve,
|
|
66
67
|
white: () => H
|
|
67
68
|
}), a = {
|
|
68
69
|
TEXT: "black",
|
|
@@ -124,10 +125,10 @@ Object.freeze(a);
|
|
|
124
125
|
var o = (e) => (...t) => {
|
|
125
126
|
let n = t.pop();
|
|
126
127
|
return t.reduceRight((t, n) => `var(--${e}-${n}, ${t})`, n);
|
|
127
|
-
}, s = o("pie"), c = () => s("text", a.TEXT), te = () => s("disabled", a.DISABLED), ne = () => s("disabled-secondary", a.DISABLED_SECONDARY),
|
|
128
|
+
}, s = o("pie"), c = () => s("text", a.TEXT), te = () => s("disabled", a.DISABLED), ne = () => s("disabled-secondary", a.DISABLED_SECONDARY), re = () => s("disabled-text", "text", a.DISABLED_TEXT), l = () => s("correct", a.CORRECT), u = () => s("correct-secondary", a.CORRECT_SECONDARY), d = () => s("correct-tertiary", a.CORRECT_TERTIARY), f = () => s("correct-icon", a.CORRECT_WITH_ICON), p = () => s("incorrect", a.INCORRECT), m = () => s("incorrect-icon", a.INCORRECT_WITH_ICON), h = () => s("incorrect-secondary", a.INCORRECT_SECONDARY), g = () => s("missing", a.MISSING), _ = () => s("missing-icon", a.MISSING_WITH_ICON), v = () => s("primary", a.PRIMARY), y = () => s("primary-light", a.PRIMARY_LIGHT), b = () => s("primary-dark", a.PRIMARY_DARK), x = () => s("primary-text", "text", a.TEXT), S = () => s("faded-primary", a.FADED_PRIMARY), C = () => s("secondary", a.SECONDARY), w = () => s("secondary-light", a.SECONDARY_LIGHT), T = () => s("secondary-dark", a.SECONDARY_DARK), E = () => s("secondary-text", "text", a.TEXT), D = () => s("background", a.BACKGROUND), O = () => s("background-dark", a.BACKGROUND_DARK), k = () => s("secondary-background", a.SECONDARY_BACKGROUND), A = () => s("dropdown-background", a.DROPDOWN_BACKGROUND), j = () => s("surface", a.SURFACE), M = () => s("tertiary", a.TERTIARY), N = () => s("tertiary-light", a.TERTIARY_LIGHT), P = () => s("border", a.BORDER), F = () => s("border-light", a.BORDER_LIGHT), I = () => 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 = () => s("focus-keyboard-outline", "focus-outline", "button-focus-outline", "focus-checked-border", a.FOCUS_CHECKED_BORDER), ie = Y, ae = () => s("blue-grey-100", a.BLUE_GREY100), oe = () => s("blue-grey-300", a.BLUE_GREY300), se = () => s("blue-grey-600", a.BLUE_GREY600), ce = () => s("blue-grey-900", a.BLUE_GREY900), le = (e) => {
|
|
128
129
|
let t = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(e);
|
|
129
130
|
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(${
|
|
131
|
+
}, Z = (e, t) => `color-mix(in srgb, rgb(${le(e).map((e) => (e - 255 * (1 - t)) / t).join(" ")}) ${t * 100}%, ${s("background", a.WHITE)})`, ue = () => s("keypad-button", Z(a.KEYPAD_BUTTON, .5)), de = () => s("keypad-button-operator", Z(a.KEYPAD_BUTTON_OPERATOR, .5)), fe = () => s("keypad-empty-placeholder", a.KEYPAD_EMPTY_PLACEHOLDER), pe = () => s("keypad-button-hover", Z(a.KEYPAD_BUTTON_HOVER, .25)), me = () => s("keypad-button-operator-hover", Z(a.KEYPAD_BUTTON_OPERATOR_HOVER, .25)), Q = "clamp(0.6, (r + g + b) / 450, 1)", he = () => `rgb(from ${c()} calc(r * ${Q}) calc(g * ${Q}) calc(b * ${Q}))`, ge = () => Z(a.EDITOR_TOOLBAR, .125), $ = () => s("button-border", a.BUTTON_BORDER), _e = () => s("button-hover-bg", a.BUTTON_HOVER_BG), ve = {
|
|
131
132
|
AXIS_LINE_COLOR: "#5A53C9",
|
|
132
133
|
ROLLOVER_FILL_BAR_COLOR: "#050F2D",
|
|
133
134
|
GRIDLINES_COLOR: "#8E88EA",
|
|
@@ -135,4 +136,4 @@ var o = (e) => (...t) => {
|
|
|
135
136
|
SHAPES_FILL_COLOR: "#7986cb"
|
|
136
137
|
};
|
|
137
138
|
//#endregion
|
|
138
|
-
export {
|
|
139
|
+
export { D as background, O as backgroundDark, V as black, ae as blueGrey100, oe as blueGrey300, se as blueGrey600, ce as blueGrey900, P as border, I as borderDark, L as borderGray, F as borderLight, $ as buttonBorder, J as buttonFocusOutline, _e as buttonHoverBg, ee as color_exports, l as correct, u as correctSecondary, d as correctTertiary, f as correctWithIcon, a as defaults, te as disabled, ne as disabledSecondary, re as disabledText, A as dropdownBackground, ge as editorToolbar, S as fadedPrimary, W as focusChecked, G as focusCheckedBorder, Y as focusOutline, K as focusUnchecked, q as focusUncheckedBorder, p as incorrect, h as incorrectSecondary, m as incorrectWithIcon, ie as keyBoardFocusIndicator, X as keyboardFocusOutline, ue as keypadButton, pe as keypadButtonHover, de as keypadButtonOperator, me as keypadButtonOperatorHover, fe as keypadEmptyPlaceholder, he as keypadInk, g as missing, _ as missingWithIcon, v as primary, b as primaryDark, y as primaryLight, x as primaryText, C as secondary, k as secondaryBackground, T as secondaryDark, w as secondaryLight, E as secondaryText, j as surface, R as tableGrid, z as tableGridLight, B as tableStripe, M as tertiary, N as tertiaryLight, c as text, U as transparent, o as v, ve as visualElementsColors, H as white };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/render-ui",
|
|
3
|
-
"version": "8.0.8-next.
|
|
3
|
+
"version": "8.0.8-next.20261103123052",
|
|
4
4
|
"description": "Some shared ui elements when rendering - but not worthy of their own package yet.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
"@mui/icons-material": "^7.3.4",
|
|
14
14
|
"@mui/material": "^7.3.4",
|
|
15
15
|
"@pie-lib/icons": "5.0.3-next.20261026200905",
|
|
16
|
-
"@pie-element/shared-i18n": "0.1.3-next.
|
|
16
|
+
"@pie-element/shared-i18n": "0.1.3-next.20261103123052",
|
|
17
17
|
"debug": "^4.1.1",
|
|
18
18
|
"prop-types": "^15.7.2",
|
|
19
19
|
"react-transition-group": "^4.4.5",
|
|
20
|
-
"@pie-element/shared-math-rendering-mathjax": "0.1.9-next.
|
|
20
|
+
"@pie-element/shared-math-rendering-mathjax": "0.1.9-next.20261102164954",
|
|
21
21
|
"@pie-element/shared-lodash": "0.1.4-next.20261026212738",
|
|
22
22
|
"@pie-element/shared-utils": "0.1.7-next.20261027193325"
|
|
23
23
|
},
|