@swan-io/lake 2.1.3 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/lake",
-  "version": "2.1.3",
+  "version": "2.2.0",
   "engines": {
     "node": ">=18.0.0",
     "yarn": "^1.22.0"

package/src/assets/fonts/Ayuthaya.css

@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Ayuthaya";
+  src: url(Ayuthaya.ttf);
+}

package/src/components/TabView.js

@@ -22,7 +22,6 @@ const styles = StyleSheet.create({
     container: {
         borderBottomWidth: 1,
         borderBottomColor: colors.gray[100],
-        backgroundColor: backgroundColor.default,
         zIndex: 10,
     },
     link: {
@@ -117,6 +116,7 @@ const styles = StyleSheet.create({
         backgroundColor: colors.gray[100],
     },
     sticky: {
+        backgroundColor: backgroundColor.default,
         position: "sticky",
         top: -1,
     },

package/src/constants/design.d.ts

@@ -59,6 +59,9 @@ export declare const interFontStyle: {
     fontFamily: string;
     letterSpacing: number;
 };
+export declare const ayuthayaFontStyle: {
+    fontFamily: string;
+};
 export declare const texts: {
     readonly h1: TextStyle;
     readonly h2: TextStyle;

package/src/constants/design.js

@@ -265,6 +265,23 @@ export const interFontStyle = {
     // Computed by Inter dynamic metrics tool
     letterSpacing: "-0.011em",
 };
+export const ayuthayaFontStyle = {
+    fontFamily: [
+        "Ayuthaya",
+        "Inter",
+        "-apple-system",
+        "system-ui",
+        "BlinkMacSystemFont",
+        "Segoe UI",
+        "Helvetica",
+        "Arial",
+        "sans-serif",
+        "Apple Color Emoji",
+        "Segoe UI Emoji",
+        "Segoe UI Symbol",
+        "Noto Color Emoji",
+    ].join(","),
+};
 const asTextStyle = (x) => {
     return x;
 };