@tujyane/alf 1.2.1 → 2.0.0

package/dist/platform/index.js

@@ -1,55 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.platform = exports.native = exports.android = exports.ios = exports.web = exports.isFabric = exports.isWeb = exports.isNative = exports.isAndroid = exports.isIOS = void 0;
-exports.isIOS = false;
-exports.isAndroid = false;
-exports.isNative = false;
-exports.isWeb = true;
+exports.platform = exports.native = exports.android = exports.ios = exports.isFabric = exports.isNative = exports.isAndroid = exports.isIOS = void 0;
+const react_native_1 = require("react-native");
+exports.isIOS = react_native_1.Platform.OS === "ios";
+exports.isAndroid = react_native_1.Platform.OS === "android";
+exports.isNative = true;
 // @ts-ignore
 exports.isFabric = Boolean(global?.nativeFabricUIManager);
-/**
- * Identity function on web. Returns nothing on other platforms.
- *
- * Note: Platform splitting does not tree-shake away the other platforms,
- * so don't do stuff like e.g. rely on platform-specific imports. Use
- * platform-split files instead.
- */
-const web = (value) => (exports.isWeb ? value : undefined);
-exports.web = web;
-/**
- * Identity function on iOS. Returns nothing on other platforms.
- *
- * Note: Platform splitting does not tree-shake away the other platforms,
- * so don't do stuff like e.g. rely on platform-specific imports. Use
- * platform-split files instead.
- */
 const ios = (value) => (exports.isIOS ? value : undefined);
 exports.ios = ios;
-/**
- * Identity function on Android. Returns nothing on other platforms..
- *
- * Note: Platform splitting does not tree-shake away the other platforms,
- * so don't do stuff like e.g. rely on platform-specific imports. Use
- * platform-split files instead.
- */
 const android = (value) => (exports.isAndroid ? value : undefined);
 exports.android = android;
-/**
- * Identity function on iOS and Android. Returns nothing on web.
- *
- * Note: Platform splitting does not tree-shake away the other platforms,
- * so don't do stuff like e.g. rely on platform-specific imports. Use
- * platform-split files instead.
- */
 const native = (value) => (exports.isNative ? value : undefined);
 exports.native = native;
-/**
- * Note: Platform splitting does not tree-shake away the other platforms,
- * so don't do stuff like e.g. rely on platform-specific imports. Use
- * platform-split files instead.
- */
-exports.platform = ((specifics) => {
-    // @ts-ignore
-    return specifics.web || specifics.default;
-});
+exports.platform = react_native_1.Platform.select;
 //# sourceMappingURL=index.js.map

package/dist/platform/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/platform/index.ts"],"names":[],"mappings":";;;AAEa,QAAA,KAAK,GAAG,KAAK,CAAC;AACd,QAAA,SAAS,GAAG,KAAK,CAAC;AAClB,QAAA,QAAQ,GAAG,KAAK,CAAC;AACjB,QAAA,KAAK,GAAG,IAAI,CAAC;AAC1B,aAAa;AACA,QAAA,QAAQ,GAAG,OAAO,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;AAE/D;;;;;;GAMG;AACI,MAAM,GAAG,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,aAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAAlD,QAAA,GAAG,OAA+C;AAE/D;;;;;;GAMG;AACI,MAAM,GAAG,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,aAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAAlD,QAAA,GAAG,OAA+C;AAE/D;;;;;;GAMG;AACI,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,iBAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAA1D,QAAA,OAAO,WAAmD;AAEvE;;;;;;GAMG;AACI,MAAM,MAAM,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,gBAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAAxD,QAAA,MAAM,UAAkD;AAErE;;;;GAIG;AACU,QAAA,QAAQ,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;IACrC,aAAa;IACb,OAAO,SAAS,CAAC,GAAG,IAAI,SAAS,CAAC,OAAO,CAAC;AAC5C,CAAC,CAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/platform/index.ts"],"names":[],"mappings":";;;AAAA,+CAAwC;AAE3B,QAAA,KAAK,GAAG,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC;AAC9B,QAAA,SAAS,GAAG,uBAAQ,CAAC,EAAE,KAAK,SAAS,CAAC;AACtC,QAAA,QAAQ,GAAG,IAAI,CAAC;AAE7B,aAAa;AACA,QAAA,QAAQ,GAAG,OAAO,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;AAExD,MAAM,GAAG,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,aAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAAlD,QAAA,GAAG,OAA+C;AACxD,MAAM,OAAO,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,iBAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAA1D,QAAA,OAAO,WAAmD;AAChE,MAAM,MAAM,GAAG,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,gBAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AAAxD,QAAA,MAAM,UAAkD;AAExD,QAAA,QAAQ,GAAG,uBAAQ,CAAC,MAAM,CAAC"}

package/dist/themes.d.ts

@@ -0,0 +1,109 @@
+import { Palette } from "./palette";
+import { type ShadowStyle } from "./atoms/types";
+export declare const themes: {
+    light: Theme;
+    dark: Theme;
+};
+export type ThemeAtoms = {
+    text: {
+        color: string;
+    };
+    text_contrast_low: {
+        color: string;
+    };
+    text_contrast_medium: {
+        color: string;
+    };
+    text_contrast_high: {
+        color: string;
+    };
+    text_inverted: {
+        color: string;
+    };
+    bg: {
+        backgroundColor: string;
+    };
+    bg_contrast_25: {
+        backgroundColor: string;
+    };
+    bg_contrast_50: {
+        backgroundColor: string;
+    };
+    bg_contrast_100: {
+        backgroundColor: string;
+    };
+    bg_contrast_200: {
+        backgroundColor: string;
+    };
+    bg_contrast_300: {
+        backgroundColor: string;
+    };
+    bg_contrast_400: {
+        backgroundColor: string;
+    };
+    bg_contrast_500: {
+        backgroundColor: string;
+    };
+    bg_contrast_600: {
+        backgroundColor: string;
+    };
+    bg_contrast_700: {
+        backgroundColor: string;
+    };
+    bg_contrast_800: {
+        backgroundColor: string;
+    };
+    bg_contrast_900: {
+        backgroundColor: string;
+    };
+    bg_contrast_950: {
+        backgroundColor: string;
+    };
+    bg_contrast_975: {
+        backgroundColor: string;
+    };
+    border_contrast_low: {
+        borderColor: string;
+    };
+    border_contrast_medium: {
+        borderColor: string;
+    };
+    border_contrast_high: {
+        borderColor: string;
+    };
+    shadow_sm: ShadowStyle;
+    shadow_md: ShadowStyle;
+    shadow_lg: ShadowStyle;
+};
+/**
+ * Categorical representation of the theme
+ */
+export type ThemeScheme = "light" | "dark";
+/**
+ * Specific theme name, including low-contrast variants
+ */
+export type ThemeName = "light" | "dark";
+/**
+ * A theme object, containing the color palette and atoms for the theme
+ */
+export type Theme = {
+    scheme: ThemeScheme;
+    name: ThemeName;
+    palette: Palette;
+    atoms: ThemeAtoms;
+};
+export declare function createTheme({ scheme, name, palette, options, }: {
+    scheme: ThemeScheme;
+    name: ThemeName;
+    palette: Palette;
+    options?: {
+        shadowOpacity?: number;
+    };
+}): Theme;
+export declare function createThemes({ defaultPalette }: {
+    defaultPalette: Palette;
+}): {
+    light: Theme;
+    dark: Theme;
+};
+//# sourceMappingURL=themes.d.ts.map

package/dist/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"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"}

package/dist/themes.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themes = void 0;
+exports.createTheme = createTheme;
+exports.createThemes = createThemes;
+const atoms_1 = require("./atoms");
+const alpha_1 = require("./utils/alpha");
+const palette_1 = require("./palette");
+exports.themes = createThemes({
+    defaultPalette: palette_1.DEFAULT_PALETTE,
+});
+function createTheme({ scheme, name, palette, options = {}, }) {
+    const shadowOpacity = options.shadowOpacity ?? 0.1;
+    const shadowColor = (0, alpha_1.alpha)(palette.black, shadowOpacity);
+    return {
+        scheme,
+        name,
+        palette,
+        atoms: {
+            text: {
+                color: palette.contrast_1000,
+            },
+            text_contrast_low: {
+                color: palette.contrast_400,
+            },
+            text_contrast_medium: {
+                color: palette.contrast_700,
+            },
+            text_contrast_high: {
+                color: palette.contrast_900,
+            },
+            text_inverted: {
+                color: palette.contrast_0,
+            },
+            bg: {
+                backgroundColor: palette.contrast_0,
+            },
+            bg_contrast_25: {
+                backgroundColor: palette.contrast_25,
+            },
+            bg_contrast_50: {
+                backgroundColor: palette.contrast_50,
+            },
+            bg_contrast_100: {
+                backgroundColor: palette.contrast_100,
+            },
+            bg_contrast_200: {
+                backgroundColor: palette.contrast_200,
+            },
+            bg_contrast_300: {
+                backgroundColor: palette.contrast_300,
+            },
+            bg_contrast_400: {
+                backgroundColor: palette.contrast_400,
+            },
+            bg_contrast_500: {
+                backgroundColor: palette.contrast_500,
+            },
+            bg_contrast_600: {
+                backgroundColor: palette.contrast_600,
+            },
+            bg_contrast_700: {
+                backgroundColor: palette.contrast_700,
+            },
+            bg_contrast_800: {
+                backgroundColor: palette.contrast_800,
+            },
+            bg_contrast_900: {
+                backgroundColor: palette.contrast_900,
+            },
+            bg_contrast_950: {
+                backgroundColor: palette.contrast_950,
+            },
+            bg_contrast_975: {
+                backgroundColor: palette.contrast_975,
+            },
+            border_contrast_low: {
+                borderColor: palette.contrast_100,
+            },
+            border_contrast_medium: {
+                borderColor: palette.contrast_200,
+            },
+            border_contrast_high: {
+                borderColor: palette.contrast_300,
+            },
+            shadow_sm: {
+                ...atoms_1.atoms.shadow_sm,
+                shadowColor: palette.black,
+                boxShadow: `0 4px 6px -1px ${shadowColor}, 0 2px 4px -2px ${shadowColor}`,
+            },
+            shadow_md: {
+                ...atoms_1.atoms.shadow_md,
+                shadowColor: palette.black,
+                boxShadow: `0 10px 15px -3px ${shadowColor}, 0 4px 6px -4px ${shadowColor}`,
+            },
+            shadow_lg: {
+                ...atoms_1.atoms.shadow_lg,
+                shadowColor: palette.black,
+                boxShadow: `0 20px 25px -5px ${shadowColor}, 0 8px 10px -6px ${shadowColor}`,
+            },
+        },
+    };
+}
+function createThemes({ defaultPalette }) {
+    const light = createTheme({
+        scheme: "light",
+        name: "light",
+        palette: defaultPalette,
+    });
+    const dark = createTheme({
+        scheme: "dark",
+        name: "dark",
+        palette: (0, palette_1.invertPalette)(defaultPalette),
+        options: {
+            shadowOpacity: 0.4,
+        },
+    });
+    return {
+        light,
+        dark,
+    };
+}
+//# sourceMappingURL=themes.js.map

package/dist/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"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"}

package/dist/tokens.d.ts

@@ -34,6 +34,7 @@ export declare const borderRadius: {
     readonly sm: 8;
     readonly md: 12;
     readonly lg: 16;
+    readonly xl: 20;
     readonly full: 999;
 };
 export declare const fontWeight: {

package/dist/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,IAAI,CAAC;AAE1B,eAAO,MAAM,KAAK;;;;;;;;;;;CAWR,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;;;;;;CAWX,CAAC;AAEX,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,YAAY;;;CAGf,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,IAAI,CAAC;AAE1B,eAAO,MAAM,KAAK;;;;;;;;;;;CAWR,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;;;;;;CAWX,CAAC;AAEX,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,YAAY;;;CAGf,CAAC"}

package/dist/tokens.js

@@ -37,6 +37,7 @@ exports.borderRadius = {
     sm: 8,
     md: 12,
     lg: 16,
+    xl: 20,
     full: 999,
 };
 exports.fontWeight = {

package/dist/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,CAAC,CAAC;AAEb,QAAA,KAAK,GAAG;IACnB,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;CACA,CAAC;AAEE,QAAA,QAAQ,GAAG;IACtB,IAAI,EAAE,GAAG;IACT,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,IAAI;CACF,CAAC;AAEE,QAAA,UAAU,GAAG;IACxB,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,GAAG;IACT,OAAO,EAAE,GAAG;CACJ,CAAC;AAEE,QAAA,YAAY,GAAG;IAC1B,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,GAAG;CACD,CAAC;AAEE,QAAA,UAAU,GAAG;IACxB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;CACH,CAAC;AAEE,QAAA,YAAY,GAAG;IAC1B,MAAM,EAAE,gBAAgB;IACxB,WAAW,EAAE,eAAe;CACpB,CAAC"}
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG,CAAC,CAAC;AAEb,QAAA,KAAK,GAAG;IACnB,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,EAAE;CACA,CAAC;AAEE,QAAA,QAAQ,GAAG;IACtB,IAAI,EAAE,GAAG;IACT,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,EAAE;IACR,IAAI,EAAE,IAAI;CACF,CAAC;AAEE,QAAA,UAAU,GAAG;IACxB,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,GAAG;IACT,OAAO,EAAE,GAAG;CACJ,CAAC;AAEE,QAAA,YAAY,GAAG;IAC1B,IAAI,EAAE,CAAC;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,IAAI,EAAE,GAAG;CACD,CAAC;AAEE,QAAA,UAAU,GAAG;IACxB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;CACH,CAAC;AAEE,QAAA,YAAY,GAAG;IAC1B,MAAM,EAAE,gBAAgB;IACxB,WAAW,EAAE,eAAe;CACpB,CAAC"}

package/dist/utils/index.d.ts

@@ -1,4 +1,6 @@
+import { StyleSheet } from "react-native";
 export * from "./alpha";
 export * from "./leading";
-export * from "./flatten";
+export * from "./select";
+export declare const flatten: typeof StyleSheet.flatten;
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AAEzB,eAAO,MAAM,OAAO,2BAAqB,CAAC"}

package/dist/utils/index.js

@@ -14,7 +14,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.flatten = void 0;
+const react_native_1 = require("react-native");
 __exportStar(require("./alpha"), exports);
 __exportStar(require("./leading"), exports);
-__exportStar(require("./flatten"), exports);
+__exportStar(require("./select"), exports);
+exports.flatten = react_native_1.StyleSheet.flatten;
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,4CAA0B;AAC1B,4CAA0B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,0CAAwB;AACxB,4CAA0B;AAC1B,2CAAyB;AAEZ,QAAA,OAAO,GAAG,yBAAU,CAAC,OAAO,CAAC"}

package/dist/utils/leading.d.ts

@@ -1,8 +1,7 @@
 import { type TextStyle } from "react-native";
 /**
  * Util to calculate lineHeight from a text size atom and a leading atom (which
- * are unitless). On native, this will evaluate to a rounded pixel value. On
- * web, it will be a unitless string.
+ * are unitless). this will evaluate to a rounded pixel value.
  *
  * Example:
  *   `leading({

package/dist/utils/leading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"leading.d.ts","sourceRoot":"","sources":["../../src/utils/leading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,CAa3E"}
+{"version":3,"file":"leading.d.ts","sourceRoot":"","sources":["../../src/utils/leading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,CAO3E"}

package/dist/utils/leading.js

@@ -34,12 +34,10 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.leading = leading;
-const platform_1 = require("../platform");
 const tokens = __importStar(require("../tokens"));
 /**
  * Util to calculate lineHeight from a text size atom and a leading atom (which
- * are unitless). On native, this will evaluate to a rounded pixel value. On
- * web, it will be a unitless string.
+ * are unitless). this will evaluate to a rounded pixel value.
  *
  * Example:
  *   `leading({
@@ -49,16 +47,9 @@ const tokens = __importStar(require("../tokens"));
  */
 function leading(textStyle) {
     const lineHeight = textStyle?.lineHeight || tokens.lineHeight.snug;
-    if (platform_1.isWeb) {
-        return {
-            lineHeight: String(lineHeight),
-        };
-    }
-    else {
-        const size = textStyle?.fontSize || tokens.fontSize.sm;
-        return {
-            lineHeight: Math.round(size * lineHeight),
-        };
-    }
+    const size = textStyle?.fontSize || tokens.fontSize.sm;
+    return {
+        lineHeight: Math.round(size * lineHeight),
+    };
 }
 //# sourceMappingURL=leading.js.map

package/dist/utils/leading.js.map

@@ -1 +1 @@
-{"version":3,"file":"leading.js","sourceRoot":"","sources":["../../src/utils/leading.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,0BAaC;AA3BD,0CAAoC;AACpC,kDAAoC;AAEpC;;;;;;;;;;GAUG;AACH,SAAgB,OAAO,CAAC,SAAoB;IAC1C,MAAM,UAAU,GAAG,SAAS,EAAE,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;IAEnE,IAAI,gBAAK,EAAE,CAAC;QACV,OAAO;YACL,UAAU,EAAE,MAAM,CAAC,UAAU,CAAuC;SACrE,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,MAAM,IAAI,GAAG,SAAS,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;QACvD,OAAO;YACL,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;SAC1C,CAAC;IACJ,CAAC;AACH,CAAC"}
+{"version":3,"file":"leading.js","sourceRoot":"","sources":["../../src/utils/leading.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,0BAOC;AAnBD,kDAAoC;AAEpC;;;;;;;;;GASG;AACH,SAAgB,OAAO,CAAC,SAAoB;IAC1C,MAAM,UAAU,GAAG,SAAS,EAAE,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC;IAEnE,MAAM,IAAI,GAAG,SAAS,EAAE,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC;IACvD,OAAO;QACL,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;KAC1C,CAAC;AACJ,CAAC"}

package/dist/utils/select.d.ts

@@ -0,0 +1,7 @@
+import { type ThemeName } from "../themes";
+export declare function select<T>(name: ThemeName, options: (Record<ThemeName, T> & {
+    default?: undefined;
+}) | (Partial<Record<ThemeName, T>> & {
+    default: T;
+})): T;
+//# sourceMappingURL=select.d.ts.map

package/dist/utils/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/utils/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAE3C,wBAAgB,MAAM,CAAC,CAAC,EACtB,IAAI,EAAE,SAAS,EACf,OAAO,EACH,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,GAChD,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,GAAG;IAAE,OAAO,EAAE,CAAC,CAAA;CAAE,CAAC,GACnD,CAAC,CASH"}

package/dist/utils/select.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.select = select;
+function select(name, options) {
+    switch (name) {
+        case "light":
+            return options.light;
+        case "dark":
+            return options.dark;
+        default:
+            return options.default;
+    }
+}
+//# sourceMappingURL=select.js.map

package/dist/utils/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/utils/select.ts"],"names":[],"mappings":";;AAEA,wBAcC;AAdD,SAAgB,MAAM,CACpB,IAAe,EACf,OAEoD;IAEpD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,OAAO,CAAC,KAAU,CAAC;QAC5B,KAAK,MAAM;YACT,OAAO,OAAO,CAAC,IAAS,CAAC;QAC3B;YACE,OAAO,OAAO,CAAC,OAAY,CAAC;IAChC,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tujyane/alf",
-  "version": "1.2.1",
+  "version": "2.0.0",
   "description": "Tujyane's Application Layout Framework",
   "main": "dist/index.js",
   "files": [

package/src/atoms/common.ts

@@ -123,6 +123,9 @@ export const atoms = {
   rounded_lg: {
     borderRadius: tokens.borderRadius.lg,
   },
+  rounded_xl: {
+    borderRadius: tokens.borderRadius.xl,
+  },
   rounded_full: {
     borderRadius: tokens.borderRadius.full,
   },
@@ -309,12 +312,6 @@ export const atoms = {
   leading_relaxed: {
     lineHeight: tokens.lineHeight.relaxed,
   },
-  /**
-   * @deprecated use `leading_relaxed` instead
-   */
-  leading_normal: {
-    lineHeight: tokens.lineHeight.relaxed,
-  },
   tracking_normal: {
     letterSpacing: tokens.TRACKING,
   },
@@ -989,34 +986,6 @@ export const atoms = {
     marginRight: "auto",
   },
 
-  /*
-   * Pointer events & user select
-   */
-  pointer_events_none: {
-    pointerEvents: "none",
-  },
-  pointer_events_auto: {
-    pointerEvents: "auto",
-  },
-  pointer_events_box_only: {
-    pointerEvents: "box-only",
-  },
-  pointer_events_box_none: {
-    pointerEvents: "box-none",
-  },
-  user_select_none: {
-    userSelect: "none",
-  },
-  user_select_text: {
-    userSelect: "text",
-  },
-  user_select_all: {
-    userSelect: "all",
-  },
-  outline_inset_1: {
-    outlineOffset: -1,
-  },
-
   /*
    * Text decoration
    */
@@ -1042,8 +1011,4 @@ export const atoms = {
   block: {
     display: "block",
   } as unknown as Pick<ViewStyle, "display">,
-
-  pointer: {
-    cursor: "pointer",
-  },
 } as const;

package/src/atoms/index.ts

@@ -1 +1,82 @@
-export * from "./common";
+import { StyleSheet } from "react-native";
+
+import * as common from "./common";
+import { ios, isFabric } from "../platform";
+
+export const atoms = {
+  ...common.atoms,
+  fixed: {
+    position: "absolute",
+  },
+  flex_0: {
+    flex: 0,
+  },
+  border: {
+    borderWidth: StyleSheet.hairlineWidth,
+  },
+  border_t: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+  },
+  border_b: {
+    borderBottomWidth: StyleSheet.hairlineWidth,
+  },
+  border_l: {
+    borderLeftWidth: StyleSheet.hairlineWidth,
+  },
+  border_r: {
+    borderRightWidth: StyleSheet.hairlineWidth,
+  },
+  border_x: {
+    borderLeftWidth: StyleSheet.hairlineWidth,
+    borderRightWidth: StyleSheet.hairlineWidth,
+  },
+  border_y: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+  },
+  border_transparent: {
+    borderColor: "transparent",
+  },
+  curve_circular: ios({
+    borderCurve: "circular",
+  }),
+  curve_continuous: ios({
+    borderCurve: "continuous",
+  }),
+  shadow_sm: isFabric
+    ? {}
+    : {
+        shadowRadius: 4,
+        shadowOpacity: 0.1,
+        elevation: 8,
+        shadowOffset: {
+          width: 0,
+          height: 4,
+        },
+      },
+  shadow_md: isFabric
+    ? {}
+    : {
+        shadowRadius: 8,
+        shadowOpacity: 0.1,
+        elevation: 16,
+        shadowOffset: {
+          width: 0,
+          height: 8,
+        },
+      },
+  shadow_lg: isFabric
+    ? {}
+    : {
+        shadowRadius: 16,
+        shadowOpacity: 0.1,
+        elevation: 32,
+        shadowOffset: {
+          width: 0,
+          height: 16,
+        },
+      },
+  inline: {},
+  block: {},
+  pointer: {},
+} as const;

package/src/index.tsx

@@ -1,8 +1,11 @@
 import { type StyleProp, type TextStyle, type ViewStyle } from "react-native";
+import { createContext, useContext, useMemo } from "react";
+
+import { themes, type Theme } from "./themes";
 
 export * from "./atoms";
 export * from "./palette";
-export * from "./semantic";
+export * from "./themes";
 export * from "./platform";
 export * as tokens from "./tokens";
 export * as utils from "./utils";
@@ -14,3 +17,30 @@ export type TextStyleProp = {
 export type ViewStyleProp = {
   style?: StyleProp<ViewStyle>;
 };
+
+export const Context = createContext({
+  theme: themes.light,
+});
+Context.displayName = "AlfContext";
+
+export function Provider<T extends string, A extends Record<T, Theme>>({
+  children,
+  activeTheme,
+  themes,
+}: React.PropsWithChildren<{
+  activeTheme: T;
+  themes: A;
+}>) {
+  const value = useMemo(
+    () => ({
+      theme: themes[activeTheme],
+    }),
+    [activeTheme, themes],
+  );
+
+  return <Context.Provider value={value}>{children}</Context.Provider>;
+}
+
+export function useTheme() {
+  return useContext(Context).theme;
+}