@proximus/lavender-styling-native 0.1.0-alpha.3 → 0.1.0-beta.0

package/dist/ProximusTheme.js

@@ -0,0 +1,6 @@
+import * as proximusTokens from '@proximus/lavender-styling/dist/js/proximus/themesTokens.js';
+import { ThemeName } from './themes';
+export const myProximusTheme = {
+    name: ThemeName.MYPROXIMUS,
+    t: (key) => proximusTokens[key],
+};

package/dist/ScarletTheme.js

@@ -0,0 +1,6 @@
+import * as scarletTokens from '@proximus/lavender-styling/dist/js/scarlet/themesTokens.js';
+import { ThemeName } from './themes';
+export const scarletTheme = {
+    name: ThemeName.SCARLET,
+    t: (key) => scarletTokens[key],
+};

package/dist/ThemeContext.js

@@ -0,0 +1,9 @@
+import React, { useContext } from 'react';
+import { myProximusTheme } from './ProximusTheme';
+export const ThemeContext = React.createContext({
+    theme: myProximusTheme,
+});
+export function useTheme() {
+    const theme = useContext(ThemeContext);
+    return theme || {};
+}

package/dist/ThemeProvider.js

@@ -0,0 +1,15 @@
+import React, { useState } from 'react';
+import { ThemeContext, useTheme } from './ThemeContext';
+export function ThemeProvider({ theme, children, }) {
+    const [themeValue, setTheme] = useState(theme);
+    return (React.createElement(ThemeContext.Provider, { value: {
+            theme: themeValue,
+            setTheme,
+        } }, children));
+}
+export function withTheme(WrappedComponent) {
+    return (props) => {
+        const { theme, setTheme } = useTheme();
+        return (React.createElement(WrappedComponent, { ...props, theme: theme, onThemeChanged: setTheme }));
+    };
+}

package/dist/themes.js

@@ -0,0 +1,5 @@
+export var ThemeName;
+(function (ThemeName) {
+    ThemeName["MYPROXIMUS"] = "myproximus";
+    ThemeName["SCARLET"] = "scarlet";
+})(ThemeName || (ThemeName = {}));

package/package.json

@@ -1,27 +1,16 @@
 {
   "name": "@proximus/lavender-styling-native",
-  "version": "0.1.0-alpha.3",
+  "version": "0.1.0-beta.0",
   "description": "Commmon styling constants",
-  "main": "src/index.ts",
+  "main": "dist/index.js",
+  "files": [
+    "dist"
+  ],
   "type": "module",
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "clean": "rm -rf dist",
-    "build": "npx tsc -p tsconfig.json",
-    "prepublish": "yarn clean && yarn build"
-  },
-  "lerna": {
-    "command": {
-      "publish": {
-        "assets": [
-          "dist",
-          "src",
-          "package.json"
-        ]
-      }
-    }
-  },
-  "gitHead": "6e9252a716a08ededdfbfd6f5b1db70ab21e026e"
+  "peerDependencies": {
+    "@proximus/lavender-styling": "*"
+  }
 }

package/CHANGELOG.md

@@ -1,31 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-# [0.1.0-alpha.3](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-styling-native@0.1.0-alpha.2...@proximus/lavender-styling-native@0.1.0-alpha.3) (2025-09-19)
-
-### Features
-
-- **BCRI-4249550:** message card + tag components ([#22](https://github.com/Pxs-Corporate/react-native-lavender/issues/22)) ([39fb91c](https://github.com/Pxs-Corporate/react-native-lavender/commit/39fb91cc294a37d07e63fca2b4e993d90b867082))
-
-# [0.1.0-alpha.2](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-styling-native@0.1.0-alpha.1...@proximus/lavender-styling-native@0.1.0-alpha.2) (2025-09-05)
-
-### Features
-
-- **BCRI-4279213:** update token architecture and component styles ([#18](https://github.com/Pxs-Corporate/react-native-lavender/issues/18)) ([2fabf41](https://github.com/Pxs-Corporate/react-native-lavender/commit/2fabf416ce069e9756daa868c3012181db87e7f5))
-
-# [0.1.0-alpha.1](https://github.com/Pxs-Corporate/react-native-lavender/compare/@proximus/lavender-styling-native@0.1.0-alpha.0...@proximus/lavender-styling-native@0.1.0-alpha.1) (2025-08-13)
-
-### Bug Fixes
-
-- **BCRI-4210372:** fix types field in modules ([68ac126](https://github.com/Pxs-Corporate/react-native-lavender/commit/68ac12657112473ae9e0e683076b1d9172be9ce6))
-
-# 0.1.0-alpha.0 (2025-08-13)
-
-### Features
-
-- **BCRI-3651606:** mono repo creation ([d19f852](https://github.com/Pxs-Corporate/react-native-lavender/commit/d19f852a710963ff85b1a9d31d18188217aa23ab))
-- **BCRI-3702949:** tertiary button ([db24455](https://github.com/Pxs-Corporate/react-native-lavender/commit/db24455bd9687d80920be3e42c9e1fc14703a571))
-- **BCRI-3810979:** tile components ([46fc5c7](https://github.com/Pxs-Corporate/react-native-lavender/commit/46fc5c7a0ddff6c2db43fba0de9929626092f265))
-- **BCRI-4210372:** automatic versionning ([9c1f0a0](https://github.com/Pxs-Corporate/react-native-lavender/commit/9c1f0a00e19a9d1a277044ea627632032a674102))

package/src/ProximusTheme.ts

@@ -1,7 +0,0 @@
-import * as proximusTokens from '@proximus/lavender-styling/dist/js/proximus/themesTokens.js';
-import { type ITheme, ThemeName } from './themes';
-
-export const myProximusTheme: ITheme = {
-  name: ThemeName.MYPROXIMUS,
-  t: (key) => proximusTokens[key],
-};

package/src/ScarletTheme.ts

@@ -1,7 +0,0 @@
-import * as scarletTokens from '@proximus/lavender-styling/dist/js/scarlet/themesTokens.js';
-import { ITheme, ThemeName } from './themes';
-
-export const scarletTheme: ITheme = {
-  name: ThemeName.SCARLET,
-  t: (key) => scarletTokens[key],
-};

package/src/ThemeContext.ts

@@ -1,13 +0,0 @@
-import React, { useContext } from 'react';
-
-import { type IThemeContext } from './themes';
-import { myProximusTheme } from './ProximusTheme';
-
-export const ThemeContext = React.createContext<IThemeContext>({
-  theme: myProximusTheme,
-});
-
-export function useTheme() {
-  const theme = useContext(ThemeContext);
-  return theme || {};
-}

package/src/ThemeProvider.tsx

@@ -1,34 +0,0 @@
-import React, { ComponentType, ReactNode, useState } from 'react';
-
-import { ThemeContext, useTheme } from './ThemeContext';
-import { ITheme } from './themes';
-
-export function ThemeProvider({
-  theme,
-  children,
-}: {
-  theme: ITheme;
-  children: ReactNode;
-}) {
-  const [themeValue, setTheme] = useState<ITheme>(theme);
-
-  return (
-    <ThemeContext.Provider
-      value={{
-        theme: themeValue,
-        setTheme,
-      }}
-    >
-      {children}
-    </ThemeContext.Provider>
-  );
-}
-
-export function withTheme<T>(WrappedComponent: ComponentType<T>) {
-  return (props: T) => {
-    const { theme, setTheme } = useTheme();
-    return (
-      <WrappedComponent {...props} theme={theme} onThemeChanged={setTheme} />
-    );
-  };
-}

package/src/themes.ts

@@ -1,37 +0,0 @@
-import * as proximusTokens from '@proximus/lavender-styling/dist/js/proximus/themesTokens.js';
-import * as scarletTokens from '@proximus/lavender-styling/dist/js/scarlet/themesTokens.js';
-
-export enum ThemeName {
-  MYPROXIMUS = 'myproximus',
-  SCARLET = 'scarlet',
-}
-
-type TokenValuesTypes =
-  | string
-  | { color: string; position: number }[]
-  | number
-  | {
-      original: string | number;
-      number: number;
-      decimal: number;
-      scale: number;
-    };
-
-export interface IAbstractTheme<
-  TOKENS extends Record<string, TokenValuesTypes> = Record<
-    string,
-    TokenValuesTypes
-  >,
-> {
-  name: ThemeName;
-
-  t<K extends keyof TOKENS>(key: K): TOKENS[K];
-}
-
-export interface ITheme
-  extends IAbstractTheme<typeof proximusTokens | typeof scarletTokens> {}
-
-export interface IThemeContext {
-  theme: ITheme;
-  setTheme?: (theme: ITheme) => void;
-}

package/tsconfig.json

@@ -1,8 +0,0 @@
-{
-  "extends": "../../tsconfig.npm.json",
-  "compilerOptions": {
-    "outDir": "dist"
-  },
-  "include": ["src","../../lib.d.ts"],
-  "exclude": ["dist", "node_modules", "src/**/*.test.ts", "src/**/*.spec.ts"]
-}