achery-ui 0.10.4 → 0.10.6
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/native/index.cjs
CHANGED
|
@@ -2788,6 +2788,73 @@ var require_yen = __commonJS({
|
|
|
2788
2788
|
module.exports = "../yen-ZW6HM35W.svg";
|
|
2789
2789
|
}
|
|
2790
2790
|
});
|
|
2791
|
+
|
|
2792
|
+
// src/tokens/palette.ts
|
|
2793
|
+
var palette = {
|
|
2794
|
+
ink: "#1f1d18",
|
|
2795
|
+
inkDeep: "#14130f",
|
|
2796
|
+
paper: "#fbf8f0",
|
|
2797
|
+
mossDeep: "#2e3a20",
|
|
2798
|
+
moss: "#4a5a32",
|
|
2799
|
+
mossLight: "#8da866",
|
|
2800
|
+
terracotta: "#c46a3a",
|
|
2801
|
+
terracottaDeep: "#a05526",
|
|
2802
|
+
terracottaLight: "#d97a4a",
|
|
2803
|
+
plum: "#5d4a6a",
|
|
2804
|
+
plumLight: "#8b6fa8",
|
|
2805
|
+
rust: "#8a3a22",
|
|
2806
|
+
ochre: "#b8924a",
|
|
2807
|
+
copper: "#b8742a",
|
|
2808
|
+
copperDeep: "#8a531a",
|
|
2809
|
+
copperLight: "#d68f48",
|
|
2810
|
+
goldDeep: "#9a7430",
|
|
2811
|
+
goldLight: "#e0bc70"};
|
|
2812
|
+
|
|
2813
|
+
// src/tokens/accents.ts
|
|
2814
|
+
var accentColors = {
|
|
2815
|
+
terracotta: {
|
|
2816
|
+
main: palette.terracotta,
|
|
2817
|
+
light: palette.terracottaLight,
|
|
2818
|
+
deep: palette.terracottaDeep,
|
|
2819
|
+
fg: palette.paper,
|
|
2820
|
+
fgDark: palette.inkDeep
|
|
2821
|
+
},
|
|
2822
|
+
moss: {
|
|
2823
|
+
main: palette.moss,
|
|
2824
|
+
light: palette.mossLight,
|
|
2825
|
+
deep: palette.mossDeep,
|
|
2826
|
+
fg: palette.paper,
|
|
2827
|
+
fgDark: palette.inkDeep
|
|
2828
|
+
},
|
|
2829
|
+
plum: {
|
|
2830
|
+
main: palette.plum,
|
|
2831
|
+
light: palette.plumLight,
|
|
2832
|
+
deep: palette.plum,
|
|
2833
|
+
fg: palette.paper,
|
|
2834
|
+
fgDark: palette.inkDeep
|
|
2835
|
+
},
|
|
2836
|
+
ochre: {
|
|
2837
|
+
main: palette.ochre,
|
|
2838
|
+
light: palette.goldLight,
|
|
2839
|
+
deep: palette.goldDeep,
|
|
2840
|
+
fg: palette.ink,
|
|
2841
|
+
fgDark: palette.ink
|
|
2842
|
+
},
|
|
2843
|
+
rust: {
|
|
2844
|
+
main: palette.rust,
|
|
2845
|
+
light: palette.terracotta,
|
|
2846
|
+
deep: palette.rust,
|
|
2847
|
+
fg: palette.paper,
|
|
2848
|
+
fgDark: palette.inkDeep
|
|
2849
|
+
},
|
|
2850
|
+
copper: {
|
|
2851
|
+
main: palette.copper,
|
|
2852
|
+
light: palette.copperLight,
|
|
2853
|
+
deep: palette.copperDeep,
|
|
2854
|
+
fg: palette.ink,
|
|
2855
|
+
fgDark: palette.ink
|
|
2856
|
+
}
|
|
2857
|
+
};
|
|
2791
2858
|
var ThemeContext = react.createContext({
|
|
2792
2859
|
tokens: tokens.lightTokens,
|
|
2793
2860
|
dark: false,
|
|
@@ -2818,11 +2885,20 @@ function NativeThemeProvider({
|
|
|
2818
2885
|
const setAccent = react.useCallback((a) => setAccentState(a), []);
|
|
2819
2886
|
const setDial = react.useCallback((d) => setDialState(d), []);
|
|
2820
2887
|
const setMaterial = react.useCallback((m) => setMaterialState(m), []);
|
|
2888
|
+
const tokens$1 = react.useMemo(() => {
|
|
2889
|
+
const base = dark ? tokens.darkTokens : tokens.lightTokens;
|
|
2890
|
+
const a = accentColors[accent];
|
|
2891
|
+
return {
|
|
2892
|
+
...base,
|
|
2893
|
+
accent: dark ? a.light : a.main,
|
|
2894
|
+
accentFg: dark ? a.fgDark : a.fg
|
|
2895
|
+
};
|
|
2896
|
+
}, [dark, accent]);
|
|
2821
2897
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2822
2898
|
ThemeContext.Provider,
|
|
2823
2899
|
{
|
|
2824
2900
|
value: {
|
|
2825
|
-
tokens:
|
|
2901
|
+
tokens: tokens$1,
|
|
2826
2902
|
dark,
|
|
2827
2903
|
toggle,
|
|
2828
2904
|
accent,
|