@multiplatform.one/theme 7.90.5 → 8.0.0
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/cjs/index.gnome.cjs +432 -0
- package/dist/cjs/index.gnome.native.js +435 -0
- package/dist/cjs/index.gnome.native.js.map +1 -0
- package/dist/cjs/{theme/useColorScale.native.js → nativeTwins.cjs} +11 -10
- package/dist/cjs/{theme/useColorScale.cjs → nativeTwins.native.js} +14 -24
- package/dist/cjs/nativeTwins.native.js.map +1 -0
- package/dist/cjs/theme/Surface.cjs +2 -10
- package/dist/cjs/theme/Surface.native.js +3 -12
- package/dist/cjs/theme/Surface.native.js.map +1 -1
- package/dist/cjs/theme/devtools/ColorLineVisualizer.cjs +91 -89
- package/dist/cjs/theme/devtools/ColorLineVisualizer.native.js +79 -88
- package/dist/cjs/theme/devtools/ColorLineVisualizer.native.js.map +1 -1
- package/dist/cjs/theme/devtools/ThemeDevtoolsPanel.cjs +1 -1
- package/dist/cjs/theme/devtools/ThemeDevtoolsPanel.native.js +1 -1
- package/dist/cjs/theme/devtools/index.cjs +25 -0
- package/dist/cjs/theme/devtools/index.native.js +28 -0
- package/dist/cjs/theme/devtools/index.native.js.map +1 -0
- package/dist/cjs/theme/devtools/knobIcons.cjs +147 -149
- package/dist/cjs/theme/devtools/knobIcons.native.js +135 -149
- package/dist/cjs/theme/devtools/knobIcons.native.js.map +1 -1
- package/dist/cjs/theme/nativePresetSwitch.cjs +45 -0
- package/dist/cjs/theme/nativePresetSwitch.native.js +50 -0
- package/dist/cjs/theme/nativePresetSwitch.native.js.map +1 -0
- package/dist/cjs/theme/nativeSchemePreference.cjs +72 -0
- package/dist/cjs/theme/nativeSchemePreference.native.js +80 -0
- package/dist/cjs/theme/nativeSchemePreference.native.js.map +1 -0
- package/dist/cjs/theme/nativeTheme.cjs +107 -0
- package/dist/cjs/theme/nativeTheme.native.js +115 -0
- package/dist/cjs/theme/nativeTheme.native.js.map +1 -0
- package/dist/cjs/theme/nativeTransitionProps.cjs +69 -0
- package/dist/cjs/theme/nativeTransitionProps.native.js +81 -0
- package/dist/cjs/theme/nativeTransitionProps.native.js.map +1 -0
- package/dist/cjs/theme/recipeInputs.native.js.map +1 -1
- package/dist/cjs/theme/resolveKnobs.cjs +0 -5
- package/dist/cjs/theme/resolveKnobs.native.js +0 -5
- package/dist/cjs/theme/resolveKnobs.native.js.map +1 -1
- package/dist/cjs/theme/sizeRecipes.cjs +3 -13
- package/dist/cjs/theme/sizeRecipes.native.js +3 -13
- package/dist/cjs/theme/sizeRecipes.native.js.map +1 -1
- package/dist/cjs/theme/theme.native.js +2 -94
- package/dist/cjs/theme/theme.native.js.map +1 -1
- package/dist/cjs/theme/transitionProps.native.js +2 -60
- package/dist/cjs/theme/transitionProps.native.js.map +1 -1
- package/dist/cjs/theme/usePresetSwitch.native.js +2 -29
- package/dist/cjs/theme/usePresetSwitch.native.js.map +1 -1
- package/dist/cjs/theme/useSchemePreference.native.js +2 -59
- package/dist/cjs/theme/useSchemePreference.native.js.map +1 -1
- package/dist/esm/index.gnome.mjs +48 -0
- package/dist/esm/index.gnome.mjs.map +1 -0
- package/dist/esm/index.gnome.native.js +48 -0
- package/dist/esm/index.gnome.native.js.map +1 -0
- package/dist/esm/nativeTwins.mjs +6 -0
- package/dist/esm/nativeTwins.mjs.map +1 -0
- package/dist/esm/nativeTwins.native.js +6 -0
- package/dist/esm/nativeTwins.native.js.map +1 -0
- package/dist/esm/theme/Surface.mjs +2 -9
- package/dist/esm/theme/Surface.mjs.map +1 -1
- package/dist/esm/theme/Surface.native.js +3 -11
- package/dist/esm/theme/Surface.native.js.map +1 -1
- package/dist/esm/theme/devtools/ColorLineVisualizer.mjs +80 -89
- package/dist/esm/theme/devtools/ColorLineVisualizer.mjs.map +1 -1
- package/dist/esm/theme/devtools/ColorLineVisualizer.native.js +79 -88
- package/dist/esm/theme/devtools/ColorLineVisualizer.native.js.map +1 -1
- package/dist/esm/theme/devtools/ThemeDevtoolsPanel.mjs +1 -1
- package/dist/esm/theme/devtools/ThemeDevtoolsPanel.mjs.map +1 -1
- package/dist/esm/theme/devtools/ThemeDevtoolsPanel.native.js +1 -1
- package/dist/esm/theme/devtools/ThemeDevtoolsPanel.native.js.map +1 -1
- package/dist/esm/theme/devtools/index.mjs +7 -0
- package/dist/esm/theme/devtools/index.mjs.map +1 -0
- package/dist/esm/theme/devtools/index.native.js +7 -0
- package/dist/esm/theme/devtools/index.native.js.map +1 -0
- package/dist/esm/theme/devtools/knobIcons.mjs +136 -149
- package/dist/esm/theme/devtools/knobIcons.mjs.map +1 -1
- package/dist/esm/theme/devtools/knobIcons.native.js +135 -149
- package/dist/esm/theme/devtools/knobIcons.native.js.map +1 -1
- package/dist/esm/theme/nativePresetSwitch.mjs +20 -0
- package/dist/esm/theme/nativePresetSwitch.mjs.map +1 -0
- package/dist/esm/theme/nativePresetSwitch.native.js +22 -0
- package/dist/esm/theme/nativePresetSwitch.native.js.map +1 -0
- package/dist/esm/theme/nativeSchemePreference.mjs +47 -0
- package/dist/esm/theme/nativeSchemePreference.mjs.map +1 -0
- package/dist/esm/theme/nativeSchemePreference.native.js +52 -0
- package/dist/esm/theme/nativeSchemePreference.native.js.map +1 -0
- package/dist/esm/theme/nativeTheme.mjs +82 -0
- package/dist/esm/theme/nativeTheme.mjs.map +1 -0
- package/dist/esm/theme/nativeTheme.native.js +87 -0
- package/dist/esm/theme/nativeTheme.native.js.map +1 -0
- package/dist/esm/theme/nativeTransitionProps.mjs +44 -0
- package/dist/esm/theme/nativeTransitionProps.mjs.map +1 -0
- package/dist/esm/theme/nativeTransitionProps.native.js +53 -0
- package/dist/esm/theme/nativeTransitionProps.native.js.map +1 -0
- package/dist/esm/theme/recipeInputs.mjs.map +1 -1
- package/dist/esm/theme/recipeInputs.native.js.map +1 -1
- package/dist/esm/theme/resolveKnobs.mjs +0 -5
- package/dist/esm/theme/resolveKnobs.mjs.map +1 -1
- package/dist/esm/theme/resolveKnobs.native.js +0 -5
- package/dist/esm/theme/resolveKnobs.native.js.map +1 -1
- package/dist/esm/theme/sizeRecipes.mjs +4 -9
- package/dist/esm/theme/sizeRecipes.mjs.map +1 -1
- package/dist/esm/theme/sizeRecipes.native.js +4 -9
- package/dist/esm/theme/sizeRecipes.native.js.map +1 -1
- package/dist/esm/theme/theme.native.js +1 -86
- package/dist/esm/theme/theme.native.js.map +1 -1
- package/dist/esm/theme/transitionProps.native.js +1 -52
- package/dist/esm/theme/transitionProps.native.js.map +1 -1
- package/dist/esm/theme/usePresetSwitch.native.js +1 -21
- package/dist/esm/theme/usePresetSwitch.native.js.map +1 -1
- package/dist/esm/theme/useSchemePreference.native.js +1 -51
- package/dist/esm/theme/useSchemePreference.native.js.map +1 -1
- package/package.json +54 -6
- package/src/index.gnome.ts +544 -0
- package/src/nativeTwins.ts +11 -0
- package/src/theme/Surface.spec.tsx +0 -34
- package/src/theme/Surface.tsx +1 -20
- package/src/theme/devtools/ColorLineVisualizer.tsx +1 -0
- package/src/theme/devtools/ThemeDevtoolsPanel.tsx +1 -1
- package/src/theme/devtools/index.ts +14 -0
- package/src/theme/devtools/knobIcons.tsx +1 -0
- package/src/theme/mpo19Proof.spec.ts +0 -5
- package/src/theme/nativePresetSwitch.ts +32 -0
- package/src/theme/nativeSchemePreference.ts +58 -0
- package/src/theme/nativeTheme.tsx +113 -0
- package/src/theme/nativeTransitionProps.ts +74 -0
- package/src/theme/recipeInputs.ts +0 -5
- package/src/theme/recipes.ts +1 -7
- package/src/theme/resolveKnobs.spec.ts +4 -7
- package/src/theme/resolveKnobs.ts +0 -5
- package/src/theme/shared.tsx +4 -4
- package/src/theme/sizeLadder.spec.ts +4 -5
- package/src/theme/sizeRecipes.spec.ts +11 -16
- package/src/theme/sizeRecipes.ts +12 -19
- package/src/theme/theme.native.tsx +1 -113
- package/src/theme/theme.provider.spec.ts +1 -1
- package/src/theme/transitionProps.native.ts +1 -74
- package/src/theme/usePresetSwitch.native.ts +1 -32
- package/src/theme/useResolvedKnobs.hydration.spec.tsx +1 -1
- package/src/theme/useResolvedKnobsBehavior.spec.tsx +3 -3
- package/src/theme/useSchemePreference.native.ts +1 -58
- package/types/index.gnome.d.ts +84 -0
- package/types/index.gnome.d.ts.map +1 -0
- package/types/nativeTwins.d.ts +11 -0
- package/types/nativeTwins.d.ts.map +1 -0
- package/types/theme/Surface.d.ts +2 -13
- package/types/theme/Surface.d.ts.map +1 -1
- package/types/theme/devtools/ColorLineVisualizer.d.ts +3 -1
- package/types/theme/devtools/ColorLineVisualizer.d.ts.map +1 -1
- package/types/theme/devtools/index.d.ts +14 -0
- package/types/theme/devtools/index.d.ts.map +1 -0
- package/types/theme/devtools/knobIcons.d.ts +1 -0
- package/types/theme/devtools/knobIcons.d.ts.map +1 -1
- package/types/theme/nativePresetSwitch.d.ts +10 -0
- package/types/theme/nativePresetSwitch.d.ts.map +1 -0
- package/types/theme/nativeSchemePreference.d.ts +8 -0
- package/types/theme/nativeSchemePreference.d.ts.map +1 -0
- package/types/theme/nativeTheme.d.ts +19 -0
- package/types/theme/nativeTheme.d.ts.map +1 -0
- package/types/theme/nativeTransitionProps.d.ts +15 -0
- package/types/theme/nativeTransitionProps.d.ts.map +1 -0
- package/types/theme/recipeInputs.d.ts +0 -4
- package/types/theme/recipeInputs.d.ts.map +1 -1
- package/types/theme/recipes.d.ts +2 -9
- package/types/theme/recipes.d.ts.map +1 -1
- package/types/theme/resolveKnobs.d.ts.map +1 -1
- package/types/theme/shared.d.ts +4 -4
- package/types/theme/shared.d.ts.map +1 -1
- package/types/theme/sizeRecipes.d.ts +8 -13
- package/types/theme/sizeRecipes.d.ts.map +1 -1
- package/types/theme/theme.native.d.ts +1 -18
- package/types/theme/theme.native.d.ts.map +1 -1
- package/types/theme/transitionProps.native.d.ts +1 -14
- package/types/theme/transitionProps.native.d.ts.map +1 -1
- package/types/theme/usePresetSwitch.native.d.ts +1 -9
- package/types/theme/usePresetSwitch.native.d.ts.map +1 -1
- package/types/theme/useSchemePreference.native.d.ts +1 -7
- package/types/theme/useSchemePreference.native.d.ts.map +1 -1
- package/dist/cjs/theme/useColorScale.native.js.map +0 -1
- package/dist/esm/theme/useColorScale.mjs +0 -22
- package/dist/esm/theme/useColorScale.mjs.map +0 -1
- package/dist/esm/theme/useColorScale.native.js +0 -5
- package/dist/esm/theme/useColorScale.native.js.map +0 -1
- package/src/theme/useColorScale.native.ts +0 -7
- package/src/theme/useColorScale.ts +0 -29
- package/types/theme/useColorScale.d.ts +0 -7
- package/types/theme/useColorScale.d.ts.map +0 -1
- package/types/theme/useColorScale.native.d.ts +0 -6
- package/types/theme/useColorScale.native.d.ts.map +0 -1
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
1
|
import React from "react";
|
|
3
2
|
function fillIcon(value, color) {
|
|
4
3
|
if (value === "filled") {
|
|
5
|
-
return /* @__PURE__ */
|
|
4
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
6
5
|
style: {
|
|
7
6
|
width: 14,
|
|
8
7
|
height: 14,
|
|
@@ -11,7 +10,7 @@ function fillIcon(value, color) {
|
|
|
11
10
|
}
|
|
12
11
|
});
|
|
13
12
|
}
|
|
14
|
-
return /* @__PURE__ */
|
|
13
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
15
14
|
style: {
|
|
16
15
|
width: 14,
|
|
17
16
|
height: 14,
|
|
@@ -29,7 +28,7 @@ function borderRadiusIcon(value, color) {
|
|
|
29
28
|
large: 7,
|
|
30
29
|
full: 10
|
|
31
30
|
}[value]) !== null && _value !== void 0 ? _value : 0;
|
|
32
|
-
return /* @__PURE__ */
|
|
31
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
33
32
|
style: {
|
|
34
33
|
width: 14,
|
|
35
34
|
height: 14,
|
|
@@ -40,34 +39,31 @@ function borderRadiusIcon(value, color) {
|
|
|
40
39
|
}
|
|
41
40
|
function cornerSmoothingIcon(value, color) {
|
|
42
41
|
var smooth = value === "smooth";
|
|
43
|
-
return /* @__PURE__ */
|
|
42
|
+
return /* @__PURE__ */React.createElement("svg", {
|
|
44
43
|
width: "14",
|
|
45
44
|
height: "14",
|
|
46
45
|
viewBox: "0 0 14 14",
|
|
47
46
|
fill: "none",
|
|
48
47
|
role: "img",
|
|
49
|
-
"aria-label": value
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
strokeWidth: "1.5"
|
|
64
|
-
})]
|
|
65
|
-
});
|
|
48
|
+
"aria-label": value
|
|
49
|
+
}, /* @__PURE__ */React.createElement("title", null, value), smooth ? /* @__PURE__ */React.createElement("path", {
|
|
50
|
+
d: "M7 1 C2.8 1 1 2.8 1 7 C1 11.2 2.8 13 7 13 C11.2 13 13 11.2 13 7 C13 2.8 11.2 1 7 1 Z",
|
|
51
|
+
stroke: color,
|
|
52
|
+
strokeWidth: "1.5"
|
|
53
|
+
}) : /* @__PURE__ */React.createElement("rect", {
|
|
54
|
+
x: "1",
|
|
55
|
+
y: "1",
|
|
56
|
+
width: "12",
|
|
57
|
+
height: "12",
|
|
58
|
+
rx: "4",
|
|
59
|
+
stroke: color,
|
|
60
|
+
strokeWidth: "1.5"
|
|
61
|
+
}));
|
|
66
62
|
}
|
|
67
63
|
function borderWidthIcon(value, color) {
|
|
68
64
|
var _value;
|
|
69
65
|
if (value === "none") {
|
|
70
|
-
return /* @__PURE__ */
|
|
66
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
71
67
|
style: {
|
|
72
68
|
width: 14,
|
|
73
69
|
height: 14,
|
|
@@ -82,7 +78,7 @@ function borderWidthIcon(value, color) {
|
|
|
82
78
|
medium: 1.5,
|
|
83
79
|
large: 2
|
|
84
80
|
}[value]) !== null && _value !== void 0 ? _value : 1;
|
|
85
|
-
return /* @__PURE__ */
|
|
81
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
86
82
|
style: {
|
|
87
83
|
width: 14,
|
|
88
84
|
height: 14,
|
|
@@ -109,7 +105,7 @@ function elevationIcon(value, color, _isDark) {
|
|
|
109
105
|
var squareSize = 10;
|
|
110
106
|
var total = squareSize + offset * 2 + 1;
|
|
111
107
|
if (offset === 0) {
|
|
112
|
-
return /* @__PURE__ */
|
|
108
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
113
109
|
style: {
|
|
114
110
|
width: squareSize,
|
|
115
111
|
height: squareSize,
|
|
@@ -118,39 +114,38 @@ function elevationIcon(value, color, _isDark) {
|
|
|
118
114
|
}
|
|
119
115
|
});
|
|
120
116
|
}
|
|
121
|
-
return /* @__PURE__ */
|
|
117
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
122
118
|
style: {
|
|
123
119
|
position: "relative",
|
|
124
120
|
width: total,
|
|
125
121
|
height: total
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
});
|
|
122
|
+
}
|
|
123
|
+
}, /* @__PURE__ */React.createElement("div", {
|
|
124
|
+
style: {
|
|
125
|
+
position: "absolute",
|
|
126
|
+
bottom: 0,
|
|
127
|
+
right: 0,
|
|
128
|
+
width: shadowSize,
|
|
129
|
+
height: shadowSize,
|
|
130
|
+
background: shadowColor,
|
|
131
|
+
borderRadius: 1
|
|
132
|
+
}
|
|
133
|
+
}), /* @__PURE__ */React.createElement("div", {
|
|
134
|
+
style: {
|
|
135
|
+
position: "absolute",
|
|
136
|
+
top: 0,
|
|
137
|
+
left: 0,
|
|
138
|
+
width: squareSize,
|
|
139
|
+
height: squareSize,
|
|
140
|
+
border: `1px solid ${color}`,
|
|
141
|
+
borderRadius: 1
|
|
142
|
+
}
|
|
143
|
+
}));
|
|
149
144
|
}
|
|
150
145
|
function textAccentIcon(value, color) {
|
|
151
146
|
var weight = value === "low" ? 300 : value === "medium" ? 500 : 700;
|
|
152
147
|
var opacity = value === "low" ? 0.35 : value === "medium" ? 0.7 : 1;
|
|
153
|
-
return /* @__PURE__ */
|
|
148
|
+
return /* @__PURE__ */React.createElement("span", {
|
|
154
149
|
style: {
|
|
155
150
|
fontSize: 12,
|
|
156
151
|
fontWeight: weight,
|
|
@@ -158,9 +153,8 @@ function textAccentIcon(value, color) {
|
|
|
158
153
|
opacity,
|
|
159
154
|
fontFamily: "system-ui, sans-serif",
|
|
160
155
|
lineHeight: 1
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
});
|
|
156
|
+
}
|
|
157
|
+
}, "Aa");
|
|
164
158
|
}
|
|
165
159
|
var fontCategoryStyles = {
|
|
166
160
|
"sans-serif": {
|
|
@@ -217,7 +211,7 @@ function headingFontIcon(value, color) {
|
|
|
217
211
|
family: "inherit",
|
|
218
212
|
label: "Aa"
|
|
219
213
|
};
|
|
220
|
-
return /* @__PURE__ */
|
|
214
|
+
return /* @__PURE__ */React.createElement("span", {
|
|
221
215
|
style: {
|
|
222
216
|
fontSize: 13,
|
|
223
217
|
fontWeight: 700,
|
|
@@ -226,9 +220,8 @@ function headingFontIcon(value, color) {
|
|
|
226
220
|
fontStyle: s.style,
|
|
227
221
|
lineHeight: 1,
|
|
228
222
|
letterSpacing: s.letterSpacing
|
|
229
|
-
}
|
|
230
|
-
|
|
231
|
-
});
|
|
223
|
+
}
|
|
224
|
+
}, s.label);
|
|
232
225
|
}
|
|
233
226
|
function bodyFontIcon(value, color) {
|
|
234
227
|
var _fontCategoryStyles_value;
|
|
@@ -236,7 +229,7 @@ function bodyFontIcon(value, color) {
|
|
|
236
229
|
family: "inherit",
|
|
237
230
|
label: "Aa"
|
|
238
231
|
};
|
|
239
|
-
return /* @__PURE__ */
|
|
232
|
+
return /* @__PURE__ */React.createElement("span", {
|
|
240
233
|
style: {
|
|
241
234
|
fontSize: 13,
|
|
242
235
|
fontWeight: 400,
|
|
@@ -245,9 +238,8 @@ function bodyFontIcon(value, color) {
|
|
|
245
238
|
fontStyle: s.style,
|
|
246
239
|
lineHeight: 1,
|
|
247
240
|
letterSpacing: s.letterSpacing
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
});
|
|
241
|
+
}
|
|
242
|
+
}, s.label);
|
|
251
243
|
}
|
|
252
244
|
function fontWeightIcon(value, color) {
|
|
253
245
|
var _value;
|
|
@@ -256,16 +248,15 @@ function fontWeightIcon(value, color) {
|
|
|
256
248
|
regular: 400,
|
|
257
249
|
bold: 700
|
|
258
250
|
}[value]) !== null && _value !== void 0 ? _value : 400;
|
|
259
|
-
return /* @__PURE__ */
|
|
251
|
+
return /* @__PURE__ */React.createElement("span", {
|
|
260
252
|
style: {
|
|
261
253
|
fontSize: 12,
|
|
262
254
|
fontWeight: weight,
|
|
263
255
|
color,
|
|
264
256
|
fontFamily: "system-ui, sans-serif",
|
|
265
257
|
lineHeight: 1
|
|
266
|
-
}
|
|
267
|
-
|
|
268
|
-
});
|
|
258
|
+
}
|
|
259
|
+
}, "W");
|
|
269
260
|
}
|
|
270
261
|
function modeIcon(value, color) {
|
|
271
262
|
var base = {
|
|
@@ -274,7 +265,7 @@ function modeIcon(value, color) {
|
|
|
274
265
|
borderRadius: "50%"
|
|
275
266
|
};
|
|
276
267
|
if (value === "system") {
|
|
277
|
-
return /* @__PURE__ */
|
|
268
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
278
269
|
style: {
|
|
279
270
|
...base,
|
|
280
271
|
border: `1.5px solid ${color}`,
|
|
@@ -283,14 +274,14 @@ function modeIcon(value, color) {
|
|
|
283
274
|
});
|
|
284
275
|
}
|
|
285
276
|
if (value === "light") {
|
|
286
|
-
return /* @__PURE__ */
|
|
277
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
287
278
|
style: {
|
|
288
279
|
...base,
|
|
289
280
|
border: `1.5px solid ${color}`
|
|
290
281
|
}
|
|
291
282
|
});
|
|
292
283
|
}
|
|
293
|
-
return /* @__PURE__ */
|
|
284
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
294
285
|
style: {
|
|
295
286
|
...base,
|
|
296
287
|
background: color
|
|
@@ -299,7 +290,7 @@ function modeIcon(value, color) {
|
|
|
299
290
|
}
|
|
300
291
|
function glyph(label, color) {
|
|
301
292
|
var size = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 9;
|
|
302
|
-
return /* @__PURE__ */
|
|
293
|
+
return /* @__PURE__ */React.createElement("span", {
|
|
303
294
|
style: {
|
|
304
295
|
fontSize: size,
|
|
305
296
|
fontWeight: 600,
|
|
@@ -307,9 +298,8 @@ function glyph(label, color) {
|
|
|
307
298
|
fontFamily: "system-ui, sans-serif",
|
|
308
299
|
lineHeight: 1,
|
|
309
300
|
letterSpacing: "-0.02em"
|
|
310
|
-
}
|
|
311
|
-
|
|
312
|
-
});
|
|
301
|
+
}
|
|
302
|
+
}, label);
|
|
313
303
|
}
|
|
314
304
|
function fieldLabelPlacementIcon(value, color) {
|
|
315
305
|
if (value === "side") return glyph("\u229F", color, 12);
|
|
@@ -323,40 +313,39 @@ function requiredMarkingIcon(value, color) {
|
|
|
323
313
|
}
|
|
324
314
|
function tableZebraIcon(value, color) {
|
|
325
315
|
var on = value === "on";
|
|
326
|
-
return /* @__PURE__ */
|
|
316
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
327
317
|
style: {
|
|
328
318
|
display: "flex",
|
|
329
319
|
flexDirection: "column",
|
|
330
320
|
gap: 1,
|
|
331
321
|
width: 14
|
|
332
|
-
}
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
});
|
|
322
|
+
}
|
|
323
|
+
}, /* @__PURE__ */React.createElement("div", {
|
|
324
|
+
style: {
|
|
325
|
+
height: 3,
|
|
326
|
+
background: color,
|
|
327
|
+
borderRadius: 1,
|
|
328
|
+
opacity: on ? 1 : 0.35
|
|
329
|
+
}
|
|
330
|
+
}), /* @__PURE__ */React.createElement("div", {
|
|
331
|
+
style: {
|
|
332
|
+
height: 3,
|
|
333
|
+
background: color,
|
|
334
|
+
borderRadius: 1,
|
|
335
|
+
opacity: on ? 0.35 : 0.35
|
|
336
|
+
}
|
|
337
|
+
}), /* @__PURE__ */React.createElement("div", {
|
|
338
|
+
style: {
|
|
339
|
+
height: 3,
|
|
340
|
+
background: color,
|
|
341
|
+
borderRadius: 1,
|
|
342
|
+
opacity: on ? 1 : 0.35
|
|
343
|
+
}
|
|
344
|
+
}));
|
|
356
345
|
}
|
|
357
346
|
function bulkBarPlacementIcon(value, color) {
|
|
358
347
|
var top = value !== "bottom";
|
|
359
|
-
return /* @__PURE__ */
|
|
348
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
360
349
|
style: {
|
|
361
350
|
width: 14,
|
|
362
351
|
height: 14,
|
|
@@ -366,53 +355,51 @@ function bulkBarPlacementIcon(value, color) {
|
|
|
366
355
|
flexDirection: "column",
|
|
367
356
|
justifyContent: top ? "flex-start" : "flex-end",
|
|
368
357
|
padding: 1
|
|
369
|
-
}
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
});
|
|
358
|
+
}
|
|
359
|
+
}, /* @__PURE__ */React.createElement("div", {
|
|
360
|
+
style: {
|
|
361
|
+
height: 3,
|
|
362
|
+
background: color,
|
|
363
|
+
borderRadius: 1
|
|
364
|
+
}
|
|
365
|
+
}));
|
|
378
366
|
}
|
|
379
367
|
function selectAllScopeIcon(value, color) {
|
|
380
368
|
var filtered = value === "filtered";
|
|
381
|
-
return /* @__PURE__ */
|
|
369
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
382
370
|
style: {
|
|
383
371
|
display: "flex",
|
|
384
372
|
flexDirection: "column",
|
|
385
373
|
gap: 1,
|
|
386
374
|
width: 14
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
});
|
|
375
|
+
}
|
|
376
|
+
}, /* @__PURE__ */React.createElement("div", {
|
|
377
|
+
style: {
|
|
378
|
+
height: 3,
|
|
379
|
+
background: color,
|
|
380
|
+
borderRadius: 1
|
|
381
|
+
}
|
|
382
|
+
}), /* @__PURE__ */React.createElement("div", {
|
|
383
|
+
style: {
|
|
384
|
+
height: 3,
|
|
385
|
+
background: color,
|
|
386
|
+
borderRadius: 1
|
|
387
|
+
}
|
|
388
|
+
}), /* @__PURE__ */React.createElement("div", {
|
|
389
|
+
style: {
|
|
390
|
+
height: 3,
|
|
391
|
+
background: color,
|
|
392
|
+
borderRadius: 1,
|
|
393
|
+
opacity: filtered ? 1 : 0.3
|
|
394
|
+
}
|
|
395
|
+
}));
|
|
409
396
|
}
|
|
410
397
|
function timestampStyleIcon(value, color) {
|
|
411
398
|
return glyph(value === "relative" ? "~t" : "12:00", color, value === "relative" ? 10 : 7);
|
|
412
399
|
}
|
|
413
400
|
function disabledStyleIcon(value, color) {
|
|
414
401
|
if (value === "dimWhole") {
|
|
415
|
-
return /* @__PURE__ */
|
|
402
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
416
403
|
style: {
|
|
417
404
|
width: 14,
|
|
418
405
|
height: 14,
|
|
@@ -422,31 +409,30 @@ function disabledStyleIcon(value, color) {
|
|
|
422
409
|
}
|
|
423
410
|
});
|
|
424
411
|
}
|
|
425
|
-
return /* @__PURE__ */
|
|
412
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
426
413
|
style: {
|
|
427
414
|
display: "flex",
|
|
428
415
|
flexDirection: "column",
|
|
429
416
|
gap: 2,
|
|
430
417
|
width: 14
|
|
431
|
-
}
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
});
|
|
418
|
+
}
|
|
419
|
+
}, /* @__PURE__ */React.createElement("div", {
|
|
420
|
+
style: {
|
|
421
|
+
height: 3,
|
|
422
|
+
background: color,
|
|
423
|
+
borderRadius: 1
|
|
424
|
+
}
|
|
425
|
+
}), /* @__PURE__ */React.createElement("div", {
|
|
426
|
+
style: {
|
|
427
|
+
height: 7,
|
|
428
|
+
background: color,
|
|
429
|
+
borderRadius: 1,
|
|
430
|
+
opacity: 0.3
|
|
431
|
+
}
|
|
432
|
+
}));
|
|
447
433
|
}
|
|
448
434
|
function formAutofocusIcon(value, color) {
|
|
449
|
-
return /* @__PURE__ */
|
|
435
|
+
return /* @__PURE__ */React.createElement("div", {
|
|
450
436
|
style: {
|
|
451
437
|
width: 14,
|
|
452
438
|
height: 14,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","fillIcon","value","color","createElement","style","width","height","background","borderRadius","border","borderRadiusIcon","_value","radius","none","small","medium","large","full","cornerSmoothingIcon","smooth","viewBox","fill","role","d","stroke","strokeWidth","x","y","rx","borderWidthIcon","opacity","elevationIcon","_isDark","_value1","shadowColor","offset","shadowSize","squareSize","total","position","bottom","right","top","left","textAccentIcon","weight","fontSize","fontWeight","fontFamily","lineHeight","fontCategoryStyles","family","label","serif","mono","slab","rounded","condensed","letterSpacing","cursive","handwriting","pixel","blackletter","geometric","headingFontIcon","_fontCategoryStyles_value","s","fontStyle","bodyFontIcon","fontWeightIcon","light","regular","bold","modeIcon","base"],"sources":["../../../../src/theme/devtools/knobIcons.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { useCallback, useSyncExternalStore } from "react";
|
|
2
|
+
import { usePresetContext } from "./PresetContext.mjs";
|
|
3
|
+
import { getStoredPreset, recordPresetChoice, setStoredPreset, subscribeStoredPreset } from "./presetStore.mjs";
|
|
4
|
+
function usePresetSwitch() {
|
|
5
|
+
const context = usePresetContext();
|
|
6
|
+
const stored = useSyncExternalStore(subscribeStoredPreset, getStoredPreset, getStoredPreset);
|
|
7
|
+
const presetName = context?.presetName || stored.presetName || "default";
|
|
8
|
+
const applyPreset = useCallback(name => setStoredPreset(name), []);
|
|
9
|
+
const choosePreset = useCallback((name, userId) => {
|
|
10
|
+
recordPresetChoice(name, userId);
|
|
11
|
+
applyPreset(name);
|
|
12
|
+
}, [applyPreset]);
|
|
13
|
+
return {
|
|
14
|
+
presetName,
|
|
15
|
+
applyPreset,
|
|
16
|
+
choosePreset
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
export { usePresetSwitch };
|
|
20
|
+
//# sourceMappingURL=nativePresetSwitch.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useSyncExternalStore","usePresetContext","getStoredPreset","recordPresetChoice","setStoredPreset","subscribeStoredPreset","usePresetSwitch","context","stored","presetName","applyPreset","name","choosePreset","userId"],"sources":["../../../src/theme/nativePresetSwitch.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,oBAAA,QAA4B;AAClD,SAASC,gBAAA,QAAwB;AACjC,SACEC,eAAA,EACAC,kBAAA,EACAC,eAAA,EACAC,qBAAA,QACK;AAWA,SAASC,gBAAA,EAAgC;EAC9C,MAAMC,OAAA,GAAUN,gBAAA,CAAiB;EACjC,MAAMO,MAAA,GAASR,oBAAA,CAAqBK,qBAAA,EAAuBH,eAAA,EAAiBA,eAAe;EAC3F,MAAMO,UAAA,GAAaF,OAAA,EAASE,UAAA,IAAcD,MAAA,CAAOC,UAAA,IAAc;EAC/D,MAAMC,WAAA,GAAcX,WAAA,CAAaY,IAAA,IAAiBP,eAAA,CAAgBO,IAAI,GAAG,EAAE;EAC3E,MAAMC,YAAA,GAAeb,WAAA,CACnB,CAACY,IAAA,EAAcE,MAAA,KAA2B;IACxCV,kBAAA,CAAmBQ,IAAA,EAAME,MAAM;IAC/BH,WAAA,CAAYC,IAAI;EAClB,GACA,CAACD,WAAW,CACd;EACA,OAAO;IAAED,UAAA;IAAYC,WAAA;IAAaE;EAAa;AACjD","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { useCallback, useSyncExternalStore } from "react";
|
|
2
|
+
import { usePresetContext } from "./PresetContext.native.js";
|
|
3
|
+
import { getStoredPreset, recordPresetChoice, setStoredPreset, subscribeStoredPreset } from "./presetStore.native.js";
|
|
4
|
+
function usePresetSwitch() {
|
|
5
|
+
var context = usePresetContext();
|
|
6
|
+
var stored = useSyncExternalStore(subscribeStoredPreset, getStoredPreset, getStoredPreset);
|
|
7
|
+
var presetName = (context === null || context === void 0 ? void 0 : context.presetName) || stored.presetName || "default";
|
|
8
|
+
var applyPreset = useCallback(function (name) {
|
|
9
|
+
return setStoredPreset(name);
|
|
10
|
+
}, []);
|
|
11
|
+
var choosePreset = useCallback(function (name, userId) {
|
|
12
|
+
recordPresetChoice(name, userId);
|
|
13
|
+
applyPreset(name);
|
|
14
|
+
}, [applyPreset]);
|
|
15
|
+
return {
|
|
16
|
+
presetName,
|
|
17
|
+
applyPreset,
|
|
18
|
+
choosePreset
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export { usePresetSwitch };
|
|
22
|
+
//# sourceMappingURL=nativePresetSwitch.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useSyncExternalStore","usePresetContext","getStoredPreset","recordPresetChoice","setStoredPreset","subscribeStoredPreset","usePresetSwitch","context","stored","presetName","applyPreset","name","choosePreset","userId"],"sources":["../../../src/theme/nativePresetSwitch.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,oBAAA,QAA4B;AAClD,SAASC,gBAAA,QAAwB;AACjC,SAAAC,eAAA,EAAAC,kBAAA,EAAAC,eAAA,EAAAC,qBAAA;AAAA,SACEC,gBAAA;EACA,IAAAC,OAAA,GAAAN,gBAAA;EACA,IAAAO,MAAA,GAAAR,oBAAA,CAAAK,qBAAA,EAAAH,eAAA,EAAAA,eAAA;EACA,IAAAO,UAAA,IAAAF,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAE,UAAA,KAAAD,MAAA,CAAAC,UAAA;EAAA,IAAAC,WACK,GAAAX,WAAA,WAAAY,IAAA;IAWA,OAASP,eAAA,CAAgCO,IAAA;EAC9C,MAAM;EACN,IAAAC,YAAe,GAAAb,WAAA,WAAqBY,IAAA,EAAAE,MAAA;IACpCV,kBAAmB,CAAAQ,IAAA,EAAAE,MAAS;IAC5BH,WAAM,CAAAC,IAAA;EACN,IACED,WAAe,CACb;EACA;IACFD,UAAA;IACAC,WAAC;IACHE;EACA;AACF","ignoreList":[]}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { useEffect, useSyncExternalStore } from "react";
|
|
2
|
+
import { Appearance } from "react-native-web";
|
|
3
|
+
import { useDidFinishSSR } from "tamagui";
|
|
4
|
+
import { isWeb } from "@multiplatform.one/platform";
|
|
5
|
+
import { getStoredScheme, setStoredScheme, subscribeStoredScheme } from "./schemeStore.mjs";
|
|
6
|
+
const serverScheme = () => "system";
|
|
7
|
+
let nativeScheme;
|
|
8
|
+
const nativeListeners = /* @__PURE__ */new Set();
|
|
9
|
+
function getNativeScheme() {
|
|
10
|
+
if (nativeScheme === void 0) {
|
|
11
|
+
nativeScheme = Appearance.getColorScheme() === "dark" ? "dark" : "light";
|
|
12
|
+
Appearance.addChangeListener(({
|
|
13
|
+
colorScheme
|
|
14
|
+
}) => {
|
|
15
|
+
if (colorScheme !== "light" && colorScheme !== "dark" || colorScheme === nativeScheme) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
nativeScheme = colorScheme;
|
|
19
|
+
nativeListeners.forEach(listener => listener());
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
return nativeScheme;
|
|
23
|
+
}
|
|
24
|
+
function subscribeNativeScheme(listener) {
|
|
25
|
+
getNativeScheme();
|
|
26
|
+
nativeListeners.add(listener);
|
|
27
|
+
return () => {
|
|
28
|
+
nativeListeners.delete(listener);
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
function useSchemePreference() {
|
|
32
|
+
const setting = useSyncExternalStore(subscribeStoredScheme, getStoredScheme, serverScheme);
|
|
33
|
+
const os = useSyncExternalStore(subscribeNativeScheme, getNativeScheme, getNativeScheme);
|
|
34
|
+
const hydrated = useDidFinishSSR();
|
|
35
|
+
useEffect(() => {
|
|
36
|
+
if (isWeb) return;
|
|
37
|
+
getNativeScheme();
|
|
38
|
+
Appearance.setColorScheme(setting === "system" ? "unspecified" : setting);
|
|
39
|
+
}, [setting]);
|
|
40
|
+
return {
|
|
41
|
+
setting: hydrated ? setting : "system",
|
|
42
|
+
value: !hydrated ? "light" : setting === "system" ? os : setting,
|
|
43
|
+
set: setStoredScheme
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
export { useSchemePreference };
|
|
47
|
+
//# sourceMappingURL=nativeSchemePreference.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","useSyncExternalStore","Appearance","useDidFinishSSR","isWeb","getStoredScheme","setStoredScheme","subscribeStoredScheme","serverScheme","nativeScheme","nativeListeners","Set","getNativeScheme","getColorScheme","addChangeListener","colorScheme","forEach","listener","subscribeNativeScheme","add","delete","useSchemePreference","setting","os","hydrated","setColorScheme","value","set"],"sources":["../../../src/theme/nativeSchemePreference.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,EAAWC,oBAAA,QAA4B;AAChD,SAASC,UAAA,QAAkB;AAC3B,SAASC,eAAA,QAAuB;AAChC,SAASC,KAAA,QAAa;AACtB,SAASC,eAAA,EAAiBC,eAAA,EAAiBC,qBAAA,QAA6B;AAQxE,MAAMC,YAAA,GAAeA,CAAA,KAAmB;AAMxC,IAAIC,YAAA;AACJ,MAAMC,eAAA,GAAkB,mBAAIC,GAAA,CAAgB;AAE5C,SAASC,gBAAA,EAAoC;EAC3C,IAAIH,YAAA,KAAiB,QAAW;IAC9BA,YAAA,GAAeP,UAAA,CAAWW,cAAA,CAAe,MAAM,SAAS,SAAS;IACjEX,UAAA,CAAWY,iBAAA,CAAkB,CAAC;MAAEC;IAAY,MAAM;MAChD,IAAKA,WAAA,KAAgB,WAAWA,WAAA,KAAgB,UAAWA,WAAA,KAAgBN,YAAA,EAAc;QACvF;MACF;MACAA,YAAA,GAAeM,WAAA;MACfL,eAAA,CAAgBM,OAAA,CAASC,QAAA,IAAaA,QAAA,CAAS,CAAC;IAClD,CAAC;EACH;EACA,OAAOR,YAAA;AACT;AAEA,SAASS,sBAAsBD,QAAA,EAAsB;EACnDL,eAAA,CAAgB;EAChBF,eAAA,CAAgBS,GAAA,CAAIF,QAAQ;EAC5B,OAAO,MAAM;IACXP,eAAA,CAAgBU,MAAA,CAAOH,QAAQ;EACjC;AACF;AAEO,SAASI,oBAAA,EAAwC;EACtD,MAAMC,OAAA,GAAUrB,oBAAA,CAAqBM,qBAAA,EAAuBF,eAAA,EAAiBG,YAAY;EACzF,MAAMe,EAAA,GAAKtB,oBAAA,CAAqBiB,qBAAA,EAAuBN,eAAA,EAAiBA,eAAe;EACvF,MAAMY,QAAA,GAAWrB,eAAA,CAAgB;EACjCH,SAAA,CAAU,MAAM;IACd,IAAII,KAAA,EAAO;IACXQ,eAAA,CAAgB;IAChBV,UAAA,CAAWuB,cAAA,CAAeH,OAAA,KAAY,WAAW,gBAAgBA,OAAO;EAC1E,GAAG,CAACA,OAAO,CAAC;EACZ,OAAO;IACLA,OAAA,EAASE,QAAA,GAAWF,OAAA,GAAU;IAC9BI,KAAA,EAAO,CAACF,QAAA,GAAW,UAAUF,OAAA,KAAY,WAAWC,EAAA,GAAKD,OAAA;IACzDK,GAAA,EAAKrB;EACP;AACF","ignoreList":[]}
|