815 lines
20 KiB
JavaScript
815 lines
20 KiB
JavaScript
// Metro module 718 (f719).
|
|
import * as _Module713 from "./Module713";
|
|
const Themes = _Module713._private.Themes;
|
|
const SHADOW_BORDER = {};
|
|
SHADOW_BORDER[Themes.DARK] = {
|
|
boxShadow: "0 0 0 1px hsl(none 0% 100% / 0.08)",
|
|
filter: "drop-shadow(0 0 1px hsl(none 0% 100% / 0.08))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 0
|
|
},
|
|
shadowColor: "#ffffff",
|
|
shadowOpacity: 0.08,
|
|
shadowRadius: 1,
|
|
elevation: 0,
|
|
shadowColorAndroid: "#ffffff"
|
|
}
|
|
};
|
|
SHADOW_BORDER[Themes.LIGHT] = {
|
|
boxShadow: "0 0 0 1px hsl(none 0% 0% / 0.08)",
|
|
filter: "drop-shadow(0 0 1px hsl(none 0% 0% / 0.08))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 0
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.08,
|
|
shadowRadius: 1,
|
|
elevation: 0,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_BORDER[Themes.MIDNIGHT] = {
|
|
boxShadow: "0 0 0 1px hsl(none 0% 100% / 0.08)",
|
|
filter: "drop-shadow(0 0 1px hsl(none 0% 100% / 0.08))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 0
|
|
},
|
|
shadowColor: "#ffffff",
|
|
shadowOpacity: 0.08,
|
|
shadowRadius: 1,
|
|
elevation: 0,
|
|
shadowColorAndroid: "#ffffff"
|
|
}
|
|
};
|
|
SHADOW_BORDER[Themes.DARKER] = {
|
|
boxShadow: "0 0 0 1px hsl(none 0% 100% / 0.08)",
|
|
filter: "drop-shadow(0 0 1px hsl(none 0% 100% / 0.08))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 0
|
|
},
|
|
shadowColor: "#ffffff",
|
|
shadowOpacity: 0.08,
|
|
shadowRadius: 1,
|
|
elevation: 0,
|
|
shadowColorAndroid: "#ffffff"
|
|
}
|
|
};
|
|
const SHADOW_BUTTON_OVERLAY = {};
|
|
SHADOW_BUTTON_OVERLAY[Themes.DARK] = {
|
|
boxShadow: "0 12px 24px 0 hsl(none 0% 0% / 0.24)",
|
|
filter: "drop-shadow(0 12px 24px hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 12
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 24,
|
|
elevation: 20,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_BUTTON_OVERLAY[Themes.LIGHT] = {
|
|
boxShadow: "0 12px 24px 0 hsl(none 0% 0% / 0.24)",
|
|
filter: "drop-shadow(0 12px 24px hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 12
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 24,
|
|
elevation: 20,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_BUTTON_OVERLAY[Themes.MIDNIGHT] = {
|
|
boxShadow: "0 12px 24px 0 hsl(none 0% 0% / 0.24)",
|
|
filter: "drop-shadow(0 12px 24px hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 12
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 24,
|
|
elevation: 20,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_BUTTON_OVERLAY[Themes.DARKER] = {
|
|
boxShadow: "0 12px 24px 0 hsl(none 0% 0% / 0.24)",
|
|
filter: "drop-shadow(0 12px 24px hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 12
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 24,
|
|
elevation: 20,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
const SHADOW_HIGH = {};
|
|
SHADOW_HIGH[Themes.DARK] = {
|
|
boxShadow: "0 12px 24px 0 hsl(none 0% 0% / 0.24)",
|
|
filter: "drop-shadow(0 12px 24px hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 12
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 24,
|
|
elevation: 20,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_HIGH[Themes.LIGHT] = {
|
|
boxShadow: "0 12px 36px 0 hsl(none 0% 0% / 0.12)",
|
|
filter: "drop-shadow(0 12px 36px hsl(none 0% 0% / 0.12))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 12
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.12,
|
|
shadowRadius: 36,
|
|
elevation: 20,
|
|
shadowColorAndroid: "#a5abb3"
|
|
}
|
|
};
|
|
SHADOW_HIGH[Themes.MIDNIGHT] = {
|
|
boxShadow: "0 12px 24px 0 hsl(none 0% 0% / 0.24)",
|
|
filter: "drop-shadow(0 12px 24px hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 12
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 24,
|
|
elevation: 20,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_HIGH[Themes.DARKER] = {
|
|
boxShadow: "0 12px 24px 0 hsl(none 0% 0% / 0.24)",
|
|
filter: "drop-shadow(0 12px 24px hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 12
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 24,
|
|
elevation: 20,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
const SHADOW_LEDGE = {};
|
|
SHADOW_LEDGE[Themes.DARK] = {
|
|
boxShadow: "0 2px 0 0 hsl(none 0% 0% / 0.05), 0 1.5px 0 0 hsl(none 0% 0% / 0.05), 0 1px 0 0 hsl(none 0% 0% / 0.16)",
|
|
filter: "drop-shadow(0 1.5px 0 hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 1.5
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 0,
|
|
elevation: 2,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_LEDGE[Themes.LIGHT] = {
|
|
boxShadow: "0 2px 0 0 hsl(none 0% 0% / 0.03), 0 1.5px 0 0 hsl(none 0% 0% / 0.03), 0 1px 0 0 hsl(none 0% 0% / 0.08)",
|
|
filter: "drop-shadow(0 1.5px 0 hsl(none 0% 0% / 0.12))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 1.5
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.12,
|
|
shadowRadius: 0,
|
|
elevation: 2,
|
|
shadowColorAndroid: "#a5abb3"
|
|
}
|
|
};
|
|
SHADOW_LEDGE[Themes.MIDNIGHT] = {
|
|
boxShadow: "0 2px 0 0 hsl(none 0% 0% / 0.05), 0 1.5px 0 0 hsl(none 0% 0% / 0.05), 0 1px 0 0 hsl(none 0% 0% / 0.16)",
|
|
filter: "drop-shadow(0 1.5px 0 hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 1.5
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 0,
|
|
elevation: 2,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_LEDGE[Themes.DARKER] = {
|
|
boxShadow: "0 2px 0 0 hsl(none 0% 0% / 0.05), 0 1.5px 0 0 hsl(none 0% 0% / 0.05), 0 1px 0 0 hsl(none 0% 0% / 0.16)",
|
|
filter: "drop-shadow(0 1.5px 0 hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 1.5
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 0,
|
|
elevation: 2,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
const SHADOW_LOW = {};
|
|
SHADOW_LOW[Themes.DARK] = {
|
|
boxShadow: "0 1px 4px 0 hsl(none 0% 0% / 0.14)",
|
|
filter: "drop-shadow(0 1px 4px hsl(none 0% 0% / 0.14))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 1
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.14,
|
|
shadowRadius: 4,
|
|
elevation: 3,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_LOW[Themes.LIGHT] = {
|
|
boxShadow: "0 1px 4px 0 hsl(none 0% 0% / 0.08)",
|
|
filter: "drop-shadow(0 1px 4px hsl(none 0% 0% / 0.08))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 1
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.08,
|
|
shadowRadius: 4,
|
|
elevation: 3,
|
|
shadowColorAndroid: "#a5abb3"
|
|
}
|
|
};
|
|
SHADOW_LOW[Themes.MIDNIGHT] = {
|
|
boxShadow: "0 1px 4px 0 hsl(none 0% 0% / 0.14)",
|
|
filter: "drop-shadow(0 1px 4px hsl(none 0% 0% / 0.14))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 1
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.14,
|
|
shadowRadius: 4,
|
|
elevation: 3,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_LOW[Themes.DARKER] = {
|
|
boxShadow: "0 1px 4px 0 hsl(none 0% 0% / 0.14)",
|
|
filter: "drop-shadow(0 1px 4px hsl(none 0% 0% / 0.14))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 1
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.14,
|
|
shadowRadius: 4,
|
|
elevation: 3,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
const SHADOW_LOW_ACTIVE = {};
|
|
SHADOW_LOW_ACTIVE[Themes.DARK] = {
|
|
boxShadow: "0 0 4px 0 hsl(none 0% 0% / 0.14)",
|
|
filter: "drop-shadow(0 0 4px hsl(none 0% 0% / 0.14))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 0
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.14,
|
|
shadowRadius: 4,
|
|
elevation: 1,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_LOW_ACTIVE[Themes.LIGHT] = {
|
|
boxShadow: "0 0 4px 0 hsl(none 0% 0% / 0.08)",
|
|
filter: "drop-shadow(0 0 4px hsl(none 0% 0% / 0.08))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 0
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.08,
|
|
shadowRadius: 4,
|
|
elevation: 1,
|
|
shadowColorAndroid: "#a5abb3"
|
|
}
|
|
};
|
|
SHADOW_LOW_ACTIVE[Themes.MIDNIGHT] = {
|
|
boxShadow: "0 0 4px 0 hsl(none 0% 0% / 0.14)",
|
|
filter: "drop-shadow(0 0 4px hsl(none 0% 0% / 0.14))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 0
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.14,
|
|
shadowRadius: 4,
|
|
elevation: 1,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_LOW_ACTIVE[Themes.DARKER] = {
|
|
boxShadow: "0 0 4px 0 hsl(none 0% 0% / 0.14)",
|
|
filter: "drop-shadow(0 0 4px hsl(none 0% 0% / 0.14))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 0
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.14,
|
|
shadowRadius: 4,
|
|
elevation: 1,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
const SHADOW_LOW_HOVER = {};
|
|
SHADOW_LOW_HOVER[Themes.DARK] = {
|
|
boxShadow: "0 4px 10px 0 hsl(none 0% 0% / 0.14)",
|
|
filter: "drop-shadow(0 4px 10px hsl(none 0% 0% / 0.14))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 4
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.14,
|
|
shadowRadius: 10,
|
|
elevation: 3,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_LOW_HOVER[Themes.LIGHT] = {
|
|
boxShadow: "0 4px 8px 0 hsl(none 0% 0% / 0.08)",
|
|
filter: "drop-shadow(0 4px 8px hsl(none 0% 0% / 0.08))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 4
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.08,
|
|
shadowRadius: 8,
|
|
elevation: 3,
|
|
shadowColorAndroid: "#a5abb3"
|
|
}
|
|
};
|
|
SHADOW_LOW_HOVER[Themes.MIDNIGHT] = {
|
|
boxShadow: "0 4px 10px 0 hsl(none 0% 0% / 0.14)",
|
|
filter: "drop-shadow(0 4px 10px hsl(none 0% 0% / 0.14))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 4
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.14,
|
|
shadowRadius: 10,
|
|
elevation: 3,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_LOW_HOVER[Themes.DARKER] = {
|
|
boxShadow: "0 4px 10px 0 hsl(none 0% 0% / 0.14)",
|
|
filter: "drop-shadow(0 4px 10px hsl(none 0% 0% / 0.14))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 4
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.14,
|
|
shadowRadius: 10,
|
|
elevation: 3,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
const SHADOW_MEDIUM = {};
|
|
SHADOW_MEDIUM[Themes.DARK] = {
|
|
boxShadow: "0 4px 8px 0 hsl(none 0% 0% / 0.16)",
|
|
filter: "drop-shadow(0 4px 8px hsl(none 0% 0% / 0.16))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 4
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.16,
|
|
shadowRadius: 8,
|
|
elevation: 5,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_MEDIUM[Themes.LIGHT] = {
|
|
boxShadow: "0 4px 8px 0 hsl(none 0% 0% / 0.08)",
|
|
filter: "drop-shadow(0 4px 8px hsl(none 0% 0% / 0.08))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 4
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.08,
|
|
shadowRadius: 8,
|
|
elevation: 5,
|
|
shadowColorAndroid: "#a5abb3"
|
|
}
|
|
};
|
|
SHADOW_MEDIUM[Themes.MIDNIGHT] = {
|
|
boxShadow: "0 4px 8px 0 hsl(none 0% 0% / 0.16)",
|
|
filter: "drop-shadow(0 4px 8px hsl(none 0% 0% / 0.16))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 4
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.16,
|
|
shadowRadius: 8,
|
|
elevation: 5,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_MEDIUM[Themes.DARKER] = {
|
|
boxShadow: "0 4px 8px 0 hsl(none 0% 0% / 0.16)",
|
|
filter: "drop-shadow(0 4px 8px hsl(none 0% 0% / 0.16))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 4
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.16,
|
|
shadowRadius: 8,
|
|
elevation: 5,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
const SHADOW_MOBILE_CHATINPUT = {};
|
|
SHADOW_MOBILE_CHATINPUT[Themes.DARK] = {
|
|
boxShadow: "0 -1px 4px 0 hsl(240 7.1% 11% / 0.5)",
|
|
filter: "drop-shadow(0 -1px 4px hsl(240 7.1% 11% / 0.5))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -1
|
|
},
|
|
shadowColor: "#1a1a1e",
|
|
shadowOpacity: 0.5,
|
|
shadowRadius: 4,
|
|
elevation: 4,
|
|
shadowColorAndroid: "#1a1a1e"
|
|
}
|
|
};
|
|
SHADOW_MOBILE_CHATINPUT[Themes.LIGHT] = {
|
|
boxShadow: "0 -1px 4px 0 hsl(240 7.1% 11% / 0.5)",
|
|
filter: "drop-shadow(0 -1px 4px hsl(240 7.1% 11% / 0.5))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -1
|
|
},
|
|
shadowColor: "#1a1a1e",
|
|
shadowOpacity: 0.5,
|
|
shadowRadius: 4,
|
|
elevation: 4,
|
|
shadowColorAndroid: "#1a1a1e"
|
|
}
|
|
};
|
|
SHADOW_MOBILE_CHATINPUT[Themes.MIDNIGHT] = {
|
|
boxShadow: "0 -1px 4px 0 hsl(240 7.1% 11% / 0.5)",
|
|
filter: "drop-shadow(0 -1px 4px hsl(240 7.1% 11% / 0.5))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -1
|
|
},
|
|
shadowColor: "#1a1a1e",
|
|
shadowOpacity: 0.5,
|
|
shadowRadius: 4,
|
|
elevation: 4,
|
|
shadowColorAndroid: "#1a1a1e"
|
|
}
|
|
};
|
|
SHADOW_MOBILE_CHATINPUT[Themes.DARKER] = {
|
|
boxShadow: "0 -1px 4px 0 hsl(240 7.1% 11% / 0.5)",
|
|
filter: "drop-shadow(0 -1px 4px hsl(240 7.1% 11% / 0.5))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -1
|
|
},
|
|
shadowColor: "#1a1a1e",
|
|
shadowOpacity: 0.5,
|
|
shadowRadius: 4,
|
|
elevation: 4,
|
|
shadowColorAndroid: "#1a1a1e"
|
|
}
|
|
};
|
|
const SHADOW_MOBILE_NAVIGATOR_X = {};
|
|
SHADOW_MOBILE_NAVIGATOR_X[Themes.DARK] = {
|
|
boxShadow: "0 0 10px 0 hsl(none 0% 0% / 0.22)",
|
|
filter: "drop-shadow(0 0 10px hsl(none 0% 0% / 0.22))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 0
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.22,
|
|
shadowRadius: 10,
|
|
elevation: 0,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_MOBILE_NAVIGATOR_X[Themes.LIGHT] = {
|
|
boxShadow: "0 0 9px 0 hsl(none 0% 0% / 0.13)",
|
|
filter: "drop-shadow(0 0 9px hsl(none 0% 0% / 0.13))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 0
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.13,
|
|
shadowRadius: 9,
|
|
elevation: 0,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_MOBILE_NAVIGATOR_X[Themes.MIDNIGHT] = {
|
|
boxShadow: "0 0 10px 0 hsl(none 0% 0% / 0.22)",
|
|
filter: "drop-shadow(0 0 10px hsl(none 0% 0% / 0.22))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 0
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.22,
|
|
shadowRadius: 10,
|
|
elevation: 0,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_MOBILE_NAVIGATOR_X[Themes.DARKER] = {
|
|
boxShadow: "0 0 10px 0 hsl(none 0% 0% / 0.22)",
|
|
filter: "drop-shadow(0 0 10px hsl(none 0% 0% / 0.22))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: 0
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.22,
|
|
shadowRadius: 10,
|
|
elevation: 0,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
const SHADOW_TOP_HIGH = {};
|
|
SHADOW_TOP_HIGH[Themes.DARK] = {
|
|
boxShadow: "0 -12px 32px 0 hsl(none 0% 0% / 0.24)",
|
|
filter: "drop-shadow(0 -12px 32px hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -12
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 32,
|
|
elevation: 18,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_TOP_HIGH[Themes.LIGHT] = {
|
|
boxShadow: "0 -12px 36px 0 hsl(none 0% 0% / 0.12)",
|
|
filter: "drop-shadow(0 -12px 36px hsl(none 0% 0% / 0.12))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -12
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.12,
|
|
shadowRadius: 36,
|
|
elevation: 18,
|
|
shadowColorAndroid: "#a5abb3"
|
|
}
|
|
};
|
|
SHADOW_TOP_HIGH[Themes.MIDNIGHT] = {
|
|
boxShadow: "0 -12px 32px 0 hsl(none 0% 0% / 0.24)",
|
|
filter: "drop-shadow(0 -12px 32px hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -12
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 32,
|
|
elevation: 18,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_TOP_HIGH[Themes.DARKER] = {
|
|
boxShadow: "0 -12px 32px 0 hsl(none 0% 0% / 0.24)",
|
|
filter: "drop-shadow(0 -12px 32px hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -12
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 32,
|
|
elevation: 18,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
const SHADOW_TOP_LEDGE = {};
|
|
SHADOW_TOP_LEDGE[Themes.DARK] = {
|
|
boxShadow: "0 -2px 0 0 hsl(none 0% 0% / 0.05), 0 -1.5px 0 0 hsl(none 0% 0% / 0.05), 0 -1px 0 0 hsl(none 0% 0% / 0.16)",
|
|
filter: "drop-shadow(0 -1.5px 0 hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -1.5
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 0,
|
|
elevation: 1,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_TOP_LEDGE[Themes.LIGHT] = {
|
|
boxShadow: "0 -2px 0 0 hsl(none 0% 0% / 0.03), 0 -1.5px 0 0 hsl(none 0% 0% / 0.03), 0 -1px 0 0 hsl(none 0% 0% / 0.08)",
|
|
filter: "drop-shadow(0 -1.5px 0 hsl(none 0% 0% / 0.12))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -1.5
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.12,
|
|
shadowRadius: 0,
|
|
elevation: 1,
|
|
shadowColorAndroid: "#a5abb3"
|
|
}
|
|
};
|
|
SHADOW_TOP_LEDGE[Themes.MIDNIGHT] = {
|
|
boxShadow: "0 -2px 0 0 hsl(none 0% 0% / 0.05), 0 -1.5px 0 0 hsl(none 0% 0% / 0.05), 0 -1px 0 0 hsl(none 0% 0% / 0.16)",
|
|
filter: "drop-shadow(0 -1.5px 0 hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -1.5
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 0,
|
|
elevation: 1,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_TOP_LEDGE[Themes.DARKER] = {
|
|
boxShadow: "0 -2px 0 0 hsl(none 0% 0% / 0.05), 0 -1.5px 0 0 hsl(none 0% 0% / 0.05), 0 -1px 0 0 hsl(none 0% 0% / 0.16)",
|
|
filter: "drop-shadow(0 -1.5px 0 hsl(none 0% 0% / 0.24))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -1.5
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.24,
|
|
shadowRadius: 0,
|
|
elevation: 1,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
const SHADOW_TOP_LOW = {};
|
|
SHADOW_TOP_LOW[Themes.DARK] = {
|
|
boxShadow: "0 -1px 4px 0 hsl(none 0% 0% / 0.14)",
|
|
filter: "drop-shadow(0 -1px 4px hsl(none 0% 0% / 0.14))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -1
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.14,
|
|
shadowRadius: 4,
|
|
elevation: 3,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_TOP_LOW[Themes.LIGHT] = {
|
|
boxShadow: "0 -1px 4px 0 hsl(none 0% 0% / 0.08)",
|
|
filter: "drop-shadow(0 -1px 4px hsl(none 0% 0% / 0.08))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -1
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.08,
|
|
shadowRadius: 4,
|
|
elevation: 3,
|
|
shadowColorAndroid: "#a5abb3"
|
|
}
|
|
};
|
|
SHADOW_TOP_LOW[Themes.MIDNIGHT] = {
|
|
boxShadow: "0 -1px 4px 0 hsl(none 0% 0% / 0.14)",
|
|
filter: "drop-shadow(0 -1px 4px hsl(none 0% 0% / 0.14))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -1
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.14,
|
|
shadowRadius: 4,
|
|
elevation: 3,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
SHADOW_TOP_LOW[Themes.DARKER] = {
|
|
boxShadow: "0 -1px 4px 0 hsl(none 0% 0% / 0.14)",
|
|
filter: "drop-shadow(0 -1px 4px hsl(none 0% 0% / 0.14))",
|
|
nativeStyles: {
|
|
shadowOffset: {
|
|
width: 0,
|
|
height: -1
|
|
},
|
|
shadowColor: "#000000",
|
|
shadowOpacity: 0.14,
|
|
shadowRadius: 4,
|
|
elevation: 3,
|
|
shadowColorAndroid: "#000000"
|
|
}
|
|
};
|
|
const r236 = {
|
|
Shadows: {
|
|
SHADOW_BORDER,
|
|
SHADOW_BUTTON_OVERLAY,
|
|
SHADOW_HIGH,
|
|
SHADOW_LEDGE,
|
|
SHADOW_LOW,
|
|
SHADOW_LOW_ACTIVE,
|
|
SHADOW_LOW_HOVER,
|
|
SHADOW_MEDIUM,
|
|
SHADOW_MOBILE_CHATINPUT,
|
|
SHADOW_MOBILE_NAVIGATOR_X,
|
|
SHADOW_TOP_HIGH,
|
|
SHADOW_TOP_LEDGE,
|
|
SHADOW_TOP_LOW
|
|
}
|
|
};
|
|
export { r236 as _private };
|