feat(smart-app): implement complete mobile app MVP

- App.tsx: full navigation (Auth stack + Main tabs with 5 screens)
- Auth: LoginScreen, RegisterScreen, ForgotPasswordScreen
- HomeScreen: dashboard with IoT metrics, weather widget, alerts, quick actions, sensors
- MapScreen: interactive map with layer toggles (6 layers)
- MarketplaceScreen: categories (6), products (5), search
- ChatScreen: AI chat with quick prompts (4), bot responses
- ProfileScreen: user info, stats, menu (9 items), logout
- AlertsScreen: alert list with severity, acknowledge
- SensorsScreen: sensor list with type filters (6 types), search
- ZonesScreen: zone cards with stats
- SettingsScreen: language picker (FR/EN/ES/DE), privacy, about
- Stores: iotStore (sensors, zones, alerts), notificationStore, uiStore + i18n
- Hooks: useSensors, useAlerts, useNotifications, useLocation
- Components: Card, Button, LoadingSpinner, ErrorBoundary, Header
- Services: iotService, notificationService (with axios API client)
- Utils: formatters (temp, AQI, noise, dates), validators (email, password, IBAN)
- Theme: colors.ts with full design system (Blue Ocean palette)
- Ditto: fixed MongoDB connection, new JWT secrets, official gateway image
This commit is contained in:
Eric FELIXINE
2026-06-01 18:00:35 -04:00
parent 08ca495bde
commit e30ae8ed09
35578 changed files with 3703534 additions and 43 deletions

View File

@@ -0,0 +1,106 @@
import { Platform } from 'react-native';
import { typescale } from './themes/v3/tokens';
export const fontConfig = {
web: {
regular: {
fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
fontWeight: '400'
},
medium: {
fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
fontWeight: '500'
},
light: {
fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
fontWeight: '300'
},
thin: {
fontFamily: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
fontWeight: '100'
}
},
ios: {
regular: {
fontFamily: 'System',
fontWeight: '400'
},
medium: {
fontFamily: 'System',
fontWeight: '500'
},
light: {
fontFamily: 'System',
fontWeight: '300'
},
thin: {
fontFamily: 'System',
fontWeight: '100'
}
},
default: {
regular: {
fontFamily: 'sans-serif',
fontWeight: 'normal'
},
medium: {
fontFamily: 'sans-serif-medium',
fontWeight: 'normal'
},
light: {
fontFamily: 'sans-serif-light',
fontWeight: 'normal'
},
thin: {
fontFamily: 'sans-serif-thin',
fontWeight: 'normal'
}
}
};
function configureV2Fonts(config) {
const fonts = Platform.select({
...fontConfig,
...config
});
return fonts;
}
function configureV3Fonts(config) {
if (!config) {
return typescale;
}
const isFlatConfig = Object.keys(config).every(key => typeof config[key] !== 'object');
if (isFlatConfig) {
return Object.fromEntries(Object.entries(typescale).map(([variantName, variantProperties]) => [variantName, {
...variantProperties,
...config
}]));
}
return Object.assign({}, typescale, ...Object.entries(config).map(([variantName, variantProperties]) => ({
[variantName]: {
...typescale[variantName],
...variantProperties
}
})));
}
// eslint-disable-next-line no-redeclare
// eslint-disable-next-line no-redeclare
// eslint-disable-next-line no-redeclare
// eslint-disable-next-line no-redeclare
// eslint-disable-next-line no-redeclare
// eslint-disable-next-line no-redeclare
export default function configureFonts(params) {
const {
isV3 = true,
config
} = params || {};
if (isV3) {
return configureV3Fonts(config);
}
return configureV2Fonts(config);
}
//# sourceMappingURL=fonts.js.map

View File

@@ -0,0 +1 @@
{"version":3,"names":["Platform","typescale","fontConfig","web","regular","fontFamily","fontWeight","medium","light","thin","ios","default","configureV2Fonts","config","fonts","select","configureV3Fonts","isFlatConfig","Object","keys","every","key","fromEntries","entries","map","variantName","variantProperties","assign","configureFonts","params","isV3"],"sourceRoot":"../../../src","sources":["styles/fonts.tsx"],"mappings":"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","ignoreList":[]}

View File

@@ -0,0 +1,58 @@
import { Animated } from 'react-native';
import color from 'color';
import { MD2DarkTheme } from './themes/v2/DarkTheme';
export const isAnimatedValue = it => it instanceof Animated.Value;
export default function overlay(elevation, surfaceColor = (_MD2DarkTheme$colors => (_MD2DarkTheme$colors = MD2DarkTheme.colors) === null || _MD2DarkTheme$colors === void 0 ? void 0 : _MD2DarkTheme$colors.surface)()) {
if (isAnimatedValue(elevation)) {
const inputRange = [0, 1, 2, 3, 8, 24];
// @ts-expect-error: TS doesn't seem to refine the type correctly
return elevation.interpolate({
inputRange,
outputRange: inputRange.map(elevation => {
return calculateColor(surfaceColor, elevation);
})
});
}
// @ts-expect-error: TS doesn't seem to refine the type correctly
return calculateColor(surfaceColor, elevation);
}
function calculateColor(surfaceColor, elevation = 1) {
let overlayTransparency;
if (elevation >= 1 && elevation <= 24) {
overlayTransparency = elevationOverlayTransparency[elevation];
} else if (elevation > 24) {
overlayTransparency = elevationOverlayTransparency[24];
} else {
overlayTransparency = elevationOverlayTransparency[1];
}
return color(surfaceColor).mix(color('white'), overlayTransparency * 0.01).hex();
}
const elevationOverlayTransparency = {
1: 5,
2: 7,
3: 8,
4: 9,
5: 10,
6: 11,
7: 11.5,
8: 12,
9: 12.5,
10: 13,
11: 13.5,
12: 14,
13: 14.25,
14: 14.5,
15: 14.75,
16: 15,
17: 15.12,
18: 15.24,
19: 15.36,
20: 15.48,
21: 15.6,
22: 15.72,
23: 15.84,
24: 16
};
//# sourceMappingURL=overlay.js.map

View File

@@ -0,0 +1 @@
{"version":3,"names":["Animated","color","MD2DarkTheme","isAnimatedValue","it","Value","overlay","elevation","surfaceColor","_MD2DarkTheme$colors","colors","surface","inputRange","interpolate","outputRange","map","calculateColor","overlayTransparency","elevationOverlayTransparency","mix","hex"],"sourceRoot":"../../../src","sources":["styles/overlay.tsx"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,OAAO,MAAMC,eAAe,GAC1BC,EAAqE,IAC5CA,EAAE,YAAYJ,QAAQ,CAACK,KAAK;AAEvD,eAAe,SAASC,OAAOA,CAC7BC,SAAY,EACZC,YAAoB,IAAAC,oBAAA,KAAAA,oBAAA,GAAGP,YAAY,CAACQ,MAAM,cAAAD,oBAAA,uBAAnBA,oBAAA,CAAqBE,OAAO,KAC0B;EAC7E,IAAIR,eAAe,CAACI,SAAS,CAAC,EAAE;IAC9B,MAAMK,UAAU,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;;IAEtC;IACA,OAAOL,SAAS,CAACM,WAAW,CAAC;MAC3BD,UAAU;MACVE,WAAW,EAAEF,UAAU,CAACG,GAAG,CAAER,SAAS,IAAK;QACzC,OAAOS,cAAc,CAACR,YAAY,EAAED,SAAS,CAAC;MAChD,CAAC;IACH,CAAC,CAAC;EACJ;;EAEA;EACA,OAAOS,cAAc,CAACR,YAAY,EAAED,SAAS,CAAC;AAChD;AAEA,SAASS,cAAcA,CAACR,YAAoB,EAAED,SAAiB,GAAG,CAAC,EAAE;EACnE,IAAIU,mBAA2B;EAC/B,IAAIV,SAAS,IAAI,CAAC,IAAIA,SAAS,IAAI,EAAE,EAAE;IACrCU,mBAAmB,GAAGC,4BAA4B,CAACX,SAAS,CAAC;EAC/D,CAAC,MAAM,IAAIA,SAAS,GAAG,EAAE,EAAE;IACzBU,mBAAmB,GAAGC,4BAA4B,CAAC,EAAE,CAAC;EACxD,CAAC,MAAM;IACLD,mBAAmB,GAAGC,4BAA4B,CAAC,CAAC,CAAC;EACvD;EACA,OAAOjB,KAAK,CAACO,YAAY,CAAC,CACvBW,GAAG,CAAClB,KAAK,CAAC,OAAO,CAAC,EAAEgB,mBAAmB,GAAG,IAAI,CAAC,CAC/CG,GAAG,CAAC,CAAC;AACV;AAEA,MAAMF,4BAAoD,GAAG;EAC3D,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,CAAC;EACJ,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,IAAI;EACP,CAAC,EAAE,EAAE;EACL,CAAC,EAAE,IAAI;EACP,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,EAAE;EACN,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,IAAI;EACR,EAAE,EAAE,KAAK;EACT,EAAE,EAAE,KAAK;EACT,EAAE,EAAE;AACN,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,98 @@
import { Animated } from 'react-native';
import * as MD2Colors from './themes/v2/colors';
import { MD3Colors } from './themes/v3/tokens';
const SHADOW_COLOR = MD2Colors.black;
const SHADOW_OPACITY = 0.24;
const MD3_SHADOW_OPACITY = 0.3;
const MD3_SHADOW_COLOR = MD3Colors.primary0;
export default function shadow(elevation = 0, isV3 = false) {
return isV3 ? v3Shadow(elevation) : v2Shadow(elevation);
}
function v2Shadow(elevation = 0) {
if (elevation instanceof Animated.Value) {
const inputRange = [0, 1, 2, 3, 8, 24];
return {
shadowColor: SHADOW_COLOR,
shadowOffset: {
width: new Animated.Value(0),
height: elevation.interpolate({
inputRange,
outputRange: [0, 0.5, 0.75, 2, 7, 23]
})
},
shadowOpacity: elevation.interpolate({
inputRange: [0, 1],
outputRange: [0, SHADOW_OPACITY],
extrapolate: 'clamp'
}),
shadowRadius: elevation.interpolate({
inputRange,
outputRange: [0, 0.75, 1.5, 3, 8, 24]
})
};
} else {
if (elevation === 0) {
return {};
}
let height, radius;
switch (elevation) {
case 1:
height = 0.5;
radius = 0.75;
break;
case 2:
height = 0.75;
radius = 1.5;
break;
default:
height = elevation - 1;
radius = elevation;
}
return {
shadowColor: SHADOW_COLOR,
shadowOffset: {
width: 0,
height
},
shadowOpacity: SHADOW_OPACITY,
shadowRadius: radius
};
}
}
function v3Shadow(elevation = 0) {
const inputRange = [0, 1, 2, 3, 4, 5];
const shadowHeight = [0, 1, 2, 4, 6, 8];
const shadowRadius = [0, 3, 6, 8, 10, 12];
if (elevation instanceof Animated.Value) {
return {
shadowColor: MD3_SHADOW_COLOR,
shadowOffset: {
width: new Animated.Value(0),
height: elevation.interpolate({
inputRange,
outputRange: shadowHeight
})
},
shadowOpacity: elevation.interpolate({
inputRange: [0, 1],
outputRange: [0, MD3_SHADOW_OPACITY],
extrapolate: 'clamp'
}),
shadowRadius: elevation.interpolate({
inputRange,
outputRange: shadowRadius
})
};
} else {
return {
shadowColor: MD3_SHADOW_COLOR,
shadowOpacity: elevation ? MD3_SHADOW_OPACITY : 0,
shadowOffset: {
width: 0,
height: shadowHeight[elevation]
},
shadowRadius: shadowRadius[elevation]
};
}
}
//# sourceMappingURL=shadow.js.map

View File

@@ -0,0 +1 @@
{"version":3,"names":["Animated","MD2Colors","MD3Colors","SHADOW_COLOR","black","SHADOW_OPACITY","MD3_SHADOW_OPACITY","MD3_SHADOW_COLOR","primary0","shadow","elevation","isV3","v3Shadow","v2Shadow","Value","inputRange","shadowColor","shadowOffset","width","height","interpolate","outputRange","shadowOpacity","extrapolate","shadowRadius","radius","shadowHeight"],"sourceRoot":"../../../src","sources":["styles/shadow.tsx"],"mappings":"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","ignoreList":[]}

View File

@@ -0,0 +1,5 @@
export { MD3LightTheme } from './v3/LightTheme';
export { MD3DarkTheme } from './v3/DarkTheme';
export { MD2LightTheme } from './v2/LightTheme';
export { MD2DarkTheme } from './v2/DarkTheme';
//# sourceMappingURL=index.js.map

View File

@@ -0,0 +1 @@
{"version":3,"names":["MD3LightTheme","MD3DarkTheme","MD2LightTheme","MD2DarkTheme"],"sourceRoot":"../../../../src","sources":["styles/themes/index.ts"],"mappings":"AAAA,SAASA,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,YAAY,QAAQ,gBAAgB","ignoreList":[]}

View File

@@ -0,0 +1,30 @@
import color from 'color';
import { black, pinkA100, white } from './colors';
import { MD2LightTheme } from './LightTheme';
import configureFonts from '../../fonts';
export const MD2DarkTheme = {
...MD2LightTheme,
dark: true,
mode: 'adaptive',
version: 2,
isV3: false,
colors: {
...MD2LightTheme.colors,
primary: '#BB86FC',
accent: '#03dac6',
background: '#121212',
surface: '#121212',
error: '#CF6679',
onSurface: '#FFFFFF',
text: white,
disabled: color(white).alpha(0.38).rgb().string(),
placeholder: color(white).alpha(0.54).rgb().string(),
backdrop: color(black).alpha(0.5).rgb().string(),
notification: pinkA100,
tooltip: 'rgba(230, 225, 229, 1)'
},
fonts: configureFonts({
isV3: false
})
};
//# sourceMappingURL=DarkTheme.js.map

View File

@@ -0,0 +1 @@
{"version":3,"names":["color","black","pinkA100","white","MD2LightTheme","configureFonts","MD2DarkTheme","dark","mode","version","isV3","colors","primary","accent","background","surface","error","onSurface","text","disabled","alpha","rgb","string","placeholder","backdrop","notification","tooltip","fonts"],"sourceRoot":"../../../../../src","sources":["styles/themes/v2/DarkTheme.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,KAAK,EAAEC,QAAQ,EAAEC,KAAK,QAAQ,UAAU;AACjD,SAASC,aAAa,QAAQ,cAAc;AAE5C,OAAOC,cAAc,MAAM,aAAa;AAExC,OAAO,MAAMC,YAAsB,GAAG;EACpC,GAAGF,aAAa;EAChBG,IAAI,EAAE,IAAI;EACVC,IAAI,EAAE,UAAU;EAChBC,OAAO,EAAE,CAAC;EACVC,IAAI,EAAE,KAAK;EACXC,MAAM,EAAE;IACN,GAAGP,aAAa,CAACO,MAAM;IACvBC,OAAO,EAAE,SAAS;IAClBC,MAAM,EAAE,SAAS;IACjBC,UAAU,EAAE,SAAS;IACrBC,OAAO,EAAE,SAAS;IAClBC,KAAK,EAAE,SAAS;IAChBC,SAAS,EAAE,SAAS;IACpBC,IAAI,EAAEf,KAAK;IACXgB,QAAQ,EAAEnB,KAAK,CAACG,KAAK,CAAC,CAACiB,KAAK,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IACjDC,WAAW,EAAEvB,KAAK,CAACG,KAAK,CAAC,CAACiB,KAAK,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IACpDE,QAAQ,EAAExB,KAAK,CAACC,KAAK,CAAC,CAACmB,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IAChDG,YAAY,EAAEvB,QAAQ;IACtBwB,OAAO,EAAE;EACX,CAAC;EACDC,KAAK,EAAEtB,cAAc,CAAC;IAAEK,IAAI,EAAE;EAAM,CAAC;AACvC,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,30 @@
import color from 'color';
import { black, pinkA400, white } from './colors';
import configureFonts from '../../fonts';
export const MD2LightTheme = {
dark: false,
roundness: 4,
version: 2,
isV3: false,
colors: {
primary: '#6200ee',
accent: '#03dac4',
background: '#f6f6f6',
surface: white,
error: '#B00020',
text: black,
onSurface: '#000000',
disabled: color(black).alpha(0.26).rgb().string(),
placeholder: color(black).alpha(0.54).rgb().string(),
backdrop: color(black).alpha(0.5).rgb().string(),
notification: pinkA400,
tooltip: 'rgba(28, 27, 31, 1)'
},
fonts: configureFonts({
isV3: false
}),
animation: {
scale: 1.0
}
};
//# sourceMappingURL=LightTheme.js.map

View File

@@ -0,0 +1 @@
{"version":3,"names":["color","black","pinkA400","white","configureFonts","MD2LightTheme","dark","roundness","version","isV3","colors","primary","accent","background","surface","error","text","onSurface","disabled","alpha","rgb","string","placeholder","backdrop","notification","tooltip","fonts","animation","scale"],"sourceRoot":"../../../../../src","sources":["styles/themes/v2/LightTheme.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,KAAK,EAAEC,QAAQ,EAAEC,KAAK,QAAQ,UAAU;AAEjD,OAAOC,cAAc,MAAM,aAAa;AAExC,OAAO,MAAMC,aAAuB,GAAG;EACrCC,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE,CAAC;EACZC,OAAO,EAAE,CAAC;EACVC,IAAI,EAAE,KAAK;EACXC,MAAM,EAAE;IACNC,OAAO,EAAE,SAAS;IAClBC,MAAM,EAAE,SAAS;IACjBC,UAAU,EAAE,SAAS;IACrBC,OAAO,EAAEX,KAAK;IACdY,KAAK,EAAE,SAAS;IAChBC,IAAI,EAAEf,KAAK;IACXgB,SAAS,EAAE,SAAS;IACpBC,QAAQ,EAAElB,KAAK,CAACC,KAAK,CAAC,CAACkB,KAAK,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IACjDC,WAAW,EAAEtB,KAAK,CAACC,KAAK,CAAC,CAACkB,KAAK,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IACpDE,QAAQ,EAAEvB,KAAK,CAACC,KAAK,CAAC,CAACkB,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IAChDG,YAAY,EAAEtB,QAAQ;IACtBuB,OAAO,EAAE;EACX,CAAC;EACDC,KAAK,EAAEtB,cAAc,CAAC;IAAEK,IAAI,EAAE;EAAM,CAAC,CAAU;EAC/CkB,SAAS,EAAE;IACTC,KAAK,EAAE;EACT;AACF,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,258 @@
export const transparent = 'rgba(255, 255, 255, 0)';
export const red50 = '#ffebee';
export const red100 = '#ffcdd2';
export const red200 = '#ef9a9a';
export const red300 = '#e57373';
export const red400 = '#ef5350';
export const red500 = '#f44336';
export const red600 = '#e53935';
export const red700 = '#d32f2f';
export const red800 = '#c62828';
export const red900 = '#b71c1c';
export const redA100 = '#ff8a80';
export const redA200 = '#ff5252';
export const redA400 = '#ff1744';
export const redA700 = '#d50000';
export const pink50 = '#fce4ec';
export const pink100 = '#f8bbd0';
export const pink200 = '#f48fb1';
export const pink300 = '#f06292';
export const pink400 = '#ec407a';
export const pink500 = '#e91e63';
export const pink600 = '#d81b60';
export const pink700 = '#c2185b';
export const pink800 = '#ad1457';
export const pink900 = '#880e4f';
export const pinkA100 = '#ff80ab';
export const pinkA200 = '#ff4081';
export const pinkA400 = '#f50057';
export const pinkA700 = '#c51162';
export const purple50 = '#f3e5f5';
export const purple100 = '#e1bee7';
export const purple200 = '#ce93d8';
export const purple300 = '#ba68c8';
export const purple400 = '#ab47bc';
export const purple500 = '#9c27b0';
export const purple600 = '#8e24aa';
export const purple700 = '#7b1fa2';
export const purple800 = '#6a1b9a';
export const purple900 = '#4a148c';
export const purpleA100 = '#ea80fc';
export const purpleA200 = '#e040fb';
export const purpleA400 = '#d500f9';
export const purpleA700 = '#aa00ff';
export const deepPurple50 = '#ede7f6';
export const deepPurple100 = '#d1c4e9';
export const deepPurple200 = '#b39ddb';
export const deepPurple300 = '#9575cd';
export const deepPurple400 = '#7e57c2';
export const deepPurple500 = '#673ab7';
export const deepPurple600 = '#5e35b1';
export const deepPurple700 = '#512da8';
export const deepPurple800 = '#4527a0';
export const deepPurple900 = '#311b92';
export const deepPurpleA100 = '#b388ff';
export const deepPurpleA200 = '#7c4dff';
export const deepPurpleA400 = '#651fff';
export const deepPurpleA700 = '#6200ea';
export const indigo50 = '#e8eaf6';
export const indigo100 = '#c5cae9';
export const indigo200 = '#9fa8da';
export const indigo300 = '#7986cb';
export const indigo400 = '#5c6bc0';
export const indigo500 = '#3f51b5';
export const indigo600 = '#3949ab';
export const indigo700 = '#303f9f';
export const indigo800 = '#283593';
export const indigo900 = '#1a237e';
export const indigoA100 = '#8c9eff';
export const indigoA200 = '#536dfe';
export const indigoA400 = '#3d5afe';
export const indigoA700 = '#304ffe';
export const blue50 = '#e3f2fd';
export const blue100 = '#bbdefb';
export const blue200 = '#90caf9';
export const blue300 = '#64b5f6';
export const blue400 = '#42a5f5';
export const blue500 = '#2196f3';
export const blue600 = '#1e88e5';
export const blue700 = '#1976d2';
export const blue800 = '#1565c0';
export const blue900 = '#0d47a1';
export const blueA100 = '#82b1ff';
export const blueA200 = '#448aff';
export const blueA400 = '#2979ff';
export const blueA700 = '#2962ff';
export const lightBlue50 = '#e1f5fe';
export const lightBlue100 = '#b3e5fc';
export const lightBlue200 = '#81d4fa';
export const lightBlue300 = '#4fc3f7';
export const lightBlue400 = '#29b6f6';
export const lightBlue500 = '#03a9f4';
export const lightBlue600 = '#039be5';
export const lightBlue700 = '#0288d1';
export const lightBlue800 = '#0277bd';
export const lightBlue900 = '#01579b';
export const lightBlueA100 = '#80d8ff';
export const lightBlueA200 = '#40c4ff';
export const lightBlueA400 = '#00b0ff';
export const lightBlueA700 = '#0091ea';
export const cyan50 = '#e0f7fa';
export const cyan100 = '#b2ebf2';
export const cyan200 = '#80deea';
export const cyan300 = '#4dd0e1';
export const cyan400 = '#26c6da';
export const cyan500 = '#00bcd4';
export const cyan600 = '#00acc1';
export const cyan700 = '#0097a7';
export const cyan800 = '#00838f';
export const cyan900 = '#006064';
export const cyanA100 = '#84ffff';
export const cyanA200 = '#18ffff';
export const cyanA400 = '#00e5ff';
export const cyanA700 = '#00b8d4';
export const teal50 = '#e0f2f1';
export const teal100 = '#b2dfdb';
export const teal200 = '#80cbc4';
export const teal300 = '#4db6ac';
export const teal400 = '#26a69a';
export const teal500 = '#009688';
export const teal600 = '#00897b';
export const teal700 = '#00796b';
export const teal800 = '#00695c';
export const teal900 = '#004d40';
export const tealA100 = '#a7ffeb';
export const tealA200 = '#64ffda';
export const tealA400 = '#1de9b6';
export const tealA700 = '#00bfa5';
export const green50 = '#e8f5e9';
export const green100 = '#c8e6c9';
export const green200 = '#a5d6a7';
export const green300 = '#81c784';
export const green400 = '#66bb6a';
export const green500 = '#4caf50';
export const green600 = '#43a047';
export const green700 = '#388e3c';
export const green800 = '#2e7d32';
export const green900 = '#1b5e20';
export const greenA100 = '#b9f6ca';
export const greenA200 = '#69f0ae';
export const greenA400 = '#00e676';
export const greenA700 = '#00c853';
export const lightGreen50 = '#f1f8e9';
export const lightGreen100 = '#dcedc8';
export const lightGreen200 = '#c5e1a5';
export const lightGreen300 = '#aed581';
export const lightGreen400 = '#9ccc65';
export const lightGreen500 = '#8bc34a';
export const lightGreen600 = '#7cb342';
export const lightGreen700 = '#689f38';
export const lightGreen800 = '#558b2f';
export const lightGreen900 = '#33691e';
export const lightGreenA100 = '#ccff90';
export const lightGreenA200 = '#b2ff59';
export const lightGreenA400 = '#76ff03';
export const lightGreenA700 = '#64dd17';
export const lime50 = '#f9fbe7';
export const lime100 = '#f0f4c3';
export const lime200 = '#e6ee9c';
export const lime300 = '#dce775';
export const lime400 = '#d4e157';
export const lime500 = '#cddc39';
export const lime600 = '#c0ca33';
export const lime700 = '#afb42b';
export const lime800 = '#9e9d24';
export const lime900 = '#827717';
export const limeA100 = '#f4ff81';
export const limeA200 = '#eeff41';
export const limeA400 = '#c6ff00';
export const limeA700 = '#aeea00';
export const yellow50 = '#fffde7';
export const yellow100 = '#fff9c4';
export const yellow200 = '#fff59d';
export const yellow300 = '#fff176';
export const yellow400 = '#ffee58';
export const yellow500 = '#ffeb3b';
export const yellow600 = '#fdd835';
export const yellow700 = '#fbc02d';
export const yellow800 = '#f9a825';
export const yellow900 = '#f57f17';
export const yellowA100 = '#ffff8d';
export const yellowA200 = '#ffff00';
export const yellowA400 = '#ffea00';
export const yellowA700 = '#ffd600';
export const amber50 = '#fff8e1';
export const amber100 = '#ffecb3';
export const amber200 = '#ffe082';
export const amber300 = '#ffd54f';
export const amber400 = '#ffca28';
export const amber500 = '#ffc107';
export const amber600 = '#ffb300';
export const amber700 = '#ffa000';
export const amber800 = '#ff8f00';
export const amber900 = '#ff6f00';
export const amberA100 = '#ffe57f';
export const amberA200 = '#ffd740';
export const amberA400 = '#ffc400';
export const amberA700 = '#ffab00';
export const orange50 = '#fff3e0';
export const orange100 = '#ffe0b2';
export const orange200 = '#ffcc80';
export const orange300 = '#ffb74d';
export const orange400 = '#ffa726';
export const orange500 = '#ff9800';
export const orange600 = '#fb8c00';
export const orange700 = '#f57c00';
export const orange800 = '#ef6c00';
export const orange900 = '#e65100';
export const orangeA100 = '#ffd180';
export const orangeA200 = '#ffab40';
export const orangeA400 = '#ff9100';
export const orangeA700 = '#ff6d00';
export const deepOrange50 = '#fbe9e7';
export const deepOrange100 = '#ffccbc';
export const deepOrange200 = '#ffab91';
export const deepOrange300 = '#ff8a65';
export const deepOrange400 = '#ff7043';
export const deepOrange500 = '#ff5722';
export const deepOrange600 = '#f4511e';
export const deepOrange700 = '#e64a19';
export const deepOrange800 = '#d84315';
export const deepOrange900 = '#bf360c';
export const deepOrangeA100 = '#ff9e80';
export const deepOrangeA200 = '#ff6e40';
export const deepOrangeA400 = '#ff3d00';
export const deepOrangeA700 = '#dd2c00';
export const brown50 = '#efebe9';
export const brown100 = '#d7ccc8';
export const brown200 = '#bcaaa4';
export const brown300 = '#a1887f';
export const brown400 = '#8d6e63';
export const brown500 = '#795548';
export const brown600 = '#6d4c41';
export const brown700 = '#5d4037';
export const brown800 = '#4e342e';
export const brown900 = '#3e2723';
export const blueGrey50 = '#eceff1';
export const blueGrey100 = '#cfd8dc';
export const blueGrey200 = '#b0bec5';
export const blueGrey300 = '#90a4ae';
export const blueGrey400 = '#78909c';
export const blueGrey500 = '#607d8b';
export const blueGrey600 = '#546e7a';
export const blueGrey700 = '#455a64';
export const blueGrey800 = '#37474f';
export const blueGrey900 = '#263238';
export const grey50 = '#fafafa';
export const grey100 = '#f5f5f5';
export const grey200 = '#eeeeee';
export const grey300 = '#e0e0e0';
export const grey400 = '#bdbdbd';
export const grey500 = '#9e9e9e';
export const grey600 = '#757575';
export const grey700 = '#616161';
export const grey800 = '#424242';
export const grey900 = '#212121';
export const black = '#000000';
export const white = '#ffffff';
//# sourceMappingURL=colors.js.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,64 @@
import color from 'color';
import { MD3LightTheme } from './LightTheme';
import { MD3Colors, tokens } from './tokens';
const {
palette,
opacity
} = tokens.md.ref;
export const MD3DarkTheme = {
...MD3LightTheme,
dark: true,
mode: 'adaptive',
version: 3,
isV3: true,
colors: {
primary: palette.primary80,
primaryContainer: palette.primary30,
secondary: palette.secondary80,
secondaryContainer: palette.secondary30,
tertiary: palette.tertiary80,
tertiaryContainer: palette.tertiary30,
surface: palette.neutral10,
surfaceVariant: palette.neutralVariant30,
surfaceDisabled: color(palette.neutral90).alpha(opacity.level2).rgb().string(),
background: palette.neutral10,
error: palette.error80,
errorContainer: palette.error30,
onPrimary: palette.primary20,
onPrimaryContainer: palette.primary90,
onSecondary: palette.secondary20,
onSecondaryContainer: palette.secondary90,
onTertiary: palette.tertiary20,
onTertiaryContainer: palette.tertiary90,
onSurface: palette.neutral90,
onSurfaceVariant: palette.neutralVariant80,
onSurfaceDisabled: color(palette.neutral90).alpha(opacity.level4).rgb().string(),
onError: palette.error20,
onErrorContainer: palette.error80,
onBackground: palette.neutral90,
outline: palette.neutralVariant60,
outlineVariant: palette.neutralVariant30,
inverseSurface: palette.neutral90,
inverseOnSurface: palette.neutral20,
inversePrimary: palette.primary40,
shadow: palette.neutral0,
scrim: palette.neutral0,
backdrop: color(MD3Colors.neutralVariant20).alpha(0.4).rgb().string(),
elevation: {
level0: 'transparent',
// Note: Color values with transparency cause RN to transfer shadows to children nodes
// instead of View component in Surface. Providing solid background fixes the issue.
// Opaque color values generated with `palette.primary80` used as background
level1: 'rgb(37, 35, 42)',
// palette.primary80, alpha 0.05
level2: 'rgb(44, 40, 49)',
// palette.primary80, alpha 0.08
level3: 'rgb(49, 44, 56)',
// palette.primary80, alpha 0.11
level4: 'rgb(51, 46, 58)',
// palette.primary80, alpha 0.12
level5: 'rgb(52, 49, 63)' // palette.primary80, alpha 0.14
}
}
};
//# sourceMappingURL=DarkTheme.js.map

View File

@@ -0,0 +1 @@
{"version":3,"names":["color","MD3LightTheme","MD3Colors","tokens","palette","opacity","md","ref","MD3DarkTheme","dark","mode","version","isV3","colors","primary","primary80","primaryContainer","primary30","secondary","secondary80","secondaryContainer","secondary30","tertiary","tertiary80","tertiaryContainer","tertiary30","surface","neutral10","surfaceVariant","neutralVariant30","surfaceDisabled","neutral90","alpha","level2","rgb","string","background","error","error80","errorContainer","error30","onPrimary","primary20","onPrimaryContainer","primary90","onSecondary","secondary20","onSecondaryContainer","secondary90","onTertiary","tertiary20","onTertiaryContainer","tertiary90","onSurface","onSurfaceVariant","neutralVariant80","onSurfaceDisabled","level4","onError","error20","onErrorContainer","onBackground","outline","neutralVariant60","outlineVariant","inverseSurface","inverseOnSurface","neutral20","inversePrimary","primary40","shadow","neutral0","scrim","backdrop","neutralVariant20","elevation","level0","level1","level3","level5"],"sourceRoot":"../../../../../src","sources":["styles/themes/v3/DarkTheme.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,cAAc;AAC5C,SAASC,SAAS,EAAEC,MAAM,QAAQ,UAAU;AAG5C,MAAM;EAAEC,OAAO;EAAEC;AAAQ,CAAC,GAAGF,MAAM,CAACG,EAAE,CAACC,GAAG;AAE1C,OAAO,MAAMC,YAAsB,GAAG;EACpC,GAAGP,aAAa;EAChBQ,IAAI,EAAE,IAAI;EACVC,IAAI,EAAE,UAAU;EAChBC,OAAO,EAAE,CAAC;EACVC,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE;IACNC,OAAO,EAAEV,OAAO,CAACW,SAAS;IAC1BC,gBAAgB,EAAEZ,OAAO,CAACa,SAAS;IACnCC,SAAS,EAAEd,OAAO,CAACe,WAAW;IAC9BC,kBAAkB,EAAEhB,OAAO,CAACiB,WAAW;IACvCC,QAAQ,EAAElB,OAAO,CAACmB,UAAU;IAC5BC,iBAAiB,EAAEpB,OAAO,CAACqB,UAAU;IACrCC,OAAO,EAAEtB,OAAO,CAACuB,SAAS;IAC1BC,cAAc,EAAExB,OAAO,CAACyB,gBAAgB;IACxCC,eAAe,EAAE9B,KAAK,CAACI,OAAO,CAAC2B,SAAS,CAAC,CACtCC,KAAK,CAAC3B,OAAO,CAAC4B,MAAM,CAAC,CACrBC,GAAG,CAAC,CAAC,CACLC,MAAM,CAAC,CAAC;IACXC,UAAU,EAAEhC,OAAO,CAACuB,SAAS;IAC7BU,KAAK,EAAEjC,OAAO,CAACkC,OAAO;IACtBC,cAAc,EAAEnC,OAAO,CAACoC,OAAO;IAC/BC,SAAS,EAAErC,OAAO,CAACsC,SAAS;IAC5BC,kBAAkB,EAAEvC,OAAO,CAACwC,SAAS;IACrCC,WAAW,EAAEzC,OAAO,CAAC0C,WAAW;IAChCC,oBAAoB,EAAE3C,OAAO,CAAC4C,WAAW;IACzCC,UAAU,EAAE7C,OAAO,CAAC8C,UAAU;IAC9BC,mBAAmB,EAAE/C,OAAO,CAACgD,UAAU;IACvCC,SAAS,EAAEjD,OAAO,CAAC2B,SAAS;IAC5BuB,gBAAgB,EAAElD,OAAO,CAACmD,gBAAgB;IAC1CC,iBAAiB,EAAExD,KAAK,CAACI,OAAO,CAAC2B,SAAS,CAAC,CACxCC,KAAK,CAAC3B,OAAO,CAACoD,MAAM,CAAC,CACrBvB,GAAG,CAAC,CAAC,CACLC,MAAM,CAAC,CAAC;IACXuB,OAAO,EAAEtD,OAAO,CAACuD,OAAO;IACxBC,gBAAgB,EAAExD,OAAO,CAACkC,OAAO;IACjCuB,YAAY,EAAEzD,OAAO,CAAC2B,SAAS;IAC/B+B,OAAO,EAAE1D,OAAO,CAAC2D,gBAAgB;IACjCC,cAAc,EAAE5D,OAAO,CAACyB,gBAAgB;IACxCoC,cAAc,EAAE7D,OAAO,CAAC2B,SAAS;IACjCmC,gBAAgB,EAAE9D,OAAO,CAAC+D,SAAS;IACnCC,cAAc,EAAEhE,OAAO,CAACiE,SAAS;IACjCC,MAAM,EAAElE,OAAO,CAACmE,QAAQ;IACxBC,KAAK,EAAEpE,OAAO,CAACmE,QAAQ;IACvBE,QAAQ,EAAEzE,KAAK,CAACE,SAAS,CAACwE,gBAAgB,CAAC,CAAC1C,KAAK,CAAC,GAAG,CAAC,CAACE,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IACrEwC,SAAS,EAAE;MACTC,MAAM,EAAE,aAAa;MACrB;MACA;MACA;MACAC,MAAM,EAAE,iBAAiB;MAAE;MAC3B5C,MAAM,EAAE,iBAAiB;MAAE;MAC3B6C,MAAM,EAAE,iBAAiB;MAAE;MAC3BrB,MAAM,EAAE,iBAAiB;MAAE;MAC3BsB,MAAM,EAAE,iBAAiB,CAAE;IAC7B;EACF;AACF,CAAC","ignoreList":[]}

View File

@@ -0,0 +1,67 @@
import color from 'color';
import { MD3Colors, tokens } from './tokens';
import configureFonts from '../../fonts';
const {
palette,
opacity
} = tokens.md.ref;
export const MD3LightTheme = {
dark: false,
roundness: 4,
version: 3,
isV3: true,
colors: {
primary: palette.primary40,
primaryContainer: palette.primary90,
secondary: palette.secondary40,
secondaryContainer: palette.secondary90,
tertiary: palette.tertiary40,
tertiaryContainer: palette.tertiary90,
surface: palette.neutral99,
surfaceVariant: palette.neutralVariant90,
surfaceDisabled: color(palette.neutral10).alpha(opacity.level2).rgb().string(),
background: palette.neutral99,
error: palette.error40,
errorContainer: palette.error90,
onPrimary: palette.primary100,
onPrimaryContainer: palette.primary10,
onSecondary: palette.secondary100,
onSecondaryContainer: palette.secondary10,
onTertiary: palette.tertiary100,
onTertiaryContainer: palette.tertiary10,
onSurface: palette.neutral10,
onSurfaceVariant: palette.neutralVariant30,
onSurfaceDisabled: color(palette.neutral10).alpha(opacity.level4).rgb().string(),
onError: palette.error100,
onErrorContainer: palette.error10,
onBackground: palette.neutral10,
outline: palette.neutralVariant50,
outlineVariant: palette.neutralVariant80,
inverseSurface: palette.neutral20,
inverseOnSurface: palette.neutral95,
inversePrimary: palette.primary80,
shadow: palette.neutral0,
scrim: palette.neutral0,
backdrop: color(MD3Colors.neutralVariant20).alpha(0.4).rgb().string(),
elevation: {
level0: 'transparent',
// Note: Color values with transparency cause RN to transfer shadows to children nodes
// instead of View component in Surface. Providing solid background fixes the issue.
// Opaque color values generated with `palette.primary99` used as background
level1: 'rgb(247, 243, 249)',
// palette.primary40, alpha 0.05
level2: 'rgb(243, 237, 246)',
// palette.primary40, alpha 0.08
level3: 'rgb(238, 232, 244)',
// palette.primary40, alpha 0.11
level4: 'rgb(236, 230, 243)',
// palette.primary40, alpha 0.12
level5: 'rgb(233, 227, 241)' // palette.primary40, alpha 0.14
}
},
fonts: configureFonts(),
animation: {
scale: 1.0
}
};
//# sourceMappingURL=LightTheme.js.map

View File

@@ -0,0 +1 @@
{"version":3,"names":["color","MD3Colors","tokens","configureFonts","palette","opacity","md","ref","MD3LightTheme","dark","roundness","version","isV3","colors","primary","primary40","primaryContainer","primary90","secondary","secondary40","secondaryContainer","secondary90","tertiary","tertiary40","tertiaryContainer","tertiary90","surface","neutral99","surfaceVariant","neutralVariant90","surfaceDisabled","neutral10","alpha","level2","rgb","string","background","error","error40","errorContainer","error90","onPrimary","primary100","onPrimaryContainer","primary10","onSecondary","secondary100","onSecondaryContainer","secondary10","onTertiary","tertiary100","onTertiaryContainer","tertiary10","onSurface","onSurfaceVariant","neutralVariant30","onSurfaceDisabled","level4","onError","error100","onErrorContainer","error10","onBackground","outline","neutralVariant50","outlineVariant","neutralVariant80","inverseSurface","neutral20","inverseOnSurface","neutral95","inversePrimary","primary80","shadow","neutral0","scrim","backdrop","neutralVariant20","elevation","level0","level1","level3","level5","fonts","animation","scale"],"sourceRoot":"../../../../../src","sources":["styles/themes/v3/LightTheme.tsx"],"mappings":"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","ignoreList":[]}

View File

@@ -0,0 +1,215 @@
import { Platform } from 'react-native';
const ref = {
palette: {
primary100: 'rgba(255, 255, 255, 1)',
primary99: 'rgba(255, 251, 254, 1)',
primary95: 'rgba(246, 237, 255, 1)',
primary90: 'rgba(234, 221, 255, 1)',
primary80: 'rgba(208, 188, 255, 1)',
primary70: 'rgba(182, 157, 248, 1)',
primary60: 'rgba(154, 130, 219, 1)',
primary50: 'rgba(127, 103, 190, 1)',
primary40: 'rgba(103, 80, 164, 1)',
primary30: 'rgba(79, 55, 139, 1)',
primary20: 'rgba(56, 30, 114, 1)',
primary10: 'rgba(33, 0, 93, 1)',
primary0: 'rgba(0, 0, 0, 1)',
secondary100: 'rgba(255, 255, 255, 1)',
secondary99: 'rgba(255, 251, 254, 1)',
secondary95: 'rgba(246, 237, 255, 1)',
secondary90: 'rgba(232, 222, 248, 1)',
secondary80: 'rgba(204, 194, 220, 1)',
secondary70: 'rgba(176, 167, 192, 1)',
secondary60: 'rgba(149, 141, 165, 1)',
secondary50: 'rgba(122, 114, 137, 1)',
secondary40: 'rgba(98, 91, 113, 1)',
secondary30: 'rgba(74, 68, 88, 1)',
secondary20: 'rgba(51, 45, 65, 1)',
secondary10: 'rgba(29, 25, 43, 1)',
secondary0: 'rgba(0, 0, 0, 1)',
tertiary100: 'rgba(255, 255, 255, 1)',
tertiary99: 'rgba(255, 251, 250, 1)',
tertiary95: 'rgba(255, 236, 241, 1)',
tertiary90: 'rgba(255, 216, 228, 1)',
tertiary80: 'rgba(239, 184, 200, 1)',
tertiary70: 'rgba(210, 157, 172, 1)',
tertiary60: 'rgba(181, 131, 146, 1)',
tertiary50: 'rgba(152, 105, 119, 1)',
tertiary40: 'rgba(125, 82, 96, 1)',
tertiary30: 'rgba(99, 59, 72, 1)',
tertiary20: 'rgba(73, 37, 50, 1)',
tertiary10: 'rgba(49, 17, 29, 1)',
tertiary0: 'rgba(0, 0, 0, 1)',
neutral100: 'rgba(255, 255, 255, 1)',
neutral99: 'rgba(255, 251, 254, 1)',
neutral95: 'rgba(244, 239, 244, 1)',
neutral90: 'rgba(230, 225, 229, 1)',
neutral80: 'rgba(201, 197, 202, 1)',
neutral70: 'rgba(174, 170, 174, 1)',
neutral60: 'rgba(147, 144, 148, 1)',
neutral50: 'rgba(120, 117, 121, 1)',
neutral40: 'rgba(96, 93, 98, 1)',
neutral30: 'rgba(72, 70, 73, 1)',
neutral20: 'rgba(49, 48, 51, 1)',
neutral10: 'rgba(28, 27, 31, 1)',
neutral0: 'rgba(0, 0, 0, 1)',
neutralVariant100: 'rgba(255, 255, 255, 1)',
neutralVariant99: 'rgba(255, 251, 254, 1)',
neutralVariant95: 'rgba(245, 238, 250, 1)',
neutralVariant90: 'rgba(231, 224, 236, 1)',
neutralVariant80: 'rgba(202, 196, 208, 1)',
neutralVariant70: 'rgba(174, 169, 180, 1)',
neutralVariant60: 'rgba(147, 143, 153, 1)',
neutralVariant50: 'rgba(121, 116, 126, 1)',
neutralVariant40: 'rgba(96, 93, 102, 1)',
neutralVariant30: 'rgba(73, 69, 79, 1)',
neutralVariant20: 'rgba(50, 47, 55, 1)',
neutralVariant10: 'rgba(29, 26, 34, 1)',
neutralVariant0: 'rgba(0, 0, 0, 1)',
error100: 'rgba(255, 255, 255, 1)',
error99: 'rgba(255, 251, 249, 1)',
error95: 'rgba(252, 238, 238, 1)',
error90: 'rgba(249, 222, 220, 1)',
error80: 'rgba(242, 184, 181, 1)',
error70: 'rgba(236, 146, 142, 1)',
error60: 'rgba(228, 105, 98, 1)',
error50: 'rgba(220, 54, 46, 1)',
error40: 'rgba(179, 38, 30, 1)',
error30: 'rgba(140, 29, 24, 1)',
error20: 'rgba(96, 20, 16, 1)',
error10: 'rgba(65, 14, 11, 1)',
error0: 'rgba(0, 0, 0, 1)'
},
typeface: {
brandRegular: Platform.select({
web: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
ios: 'System',
default: 'sans-serif'
}),
weightRegular: '400',
plainMedium: Platform.select({
web: 'Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif',
ios: 'System',
default: 'sans-serif-medium'
}),
weightMedium: '500'
},
opacity: {
level1: 0.08,
level2: 0.12,
level3: 0.16,
level4: 0.38
}
};
const regularType = {
fontFamily: ref.typeface.brandRegular,
letterSpacing: 0,
fontWeight: ref.typeface.weightRegular
};
const mediumType = {
fontFamily: ref.typeface.plainMedium,
letterSpacing: 0.15,
fontWeight: ref.typeface.weightMedium
};
export const typescale = {
displayLarge: {
...regularType,
lineHeight: 64,
fontSize: 57
},
displayMedium: {
...regularType,
lineHeight: 52,
fontSize: 45
},
displaySmall: {
...regularType,
lineHeight: 44,
fontSize: 36
},
headlineLarge: {
...regularType,
lineHeight: 40,
fontSize: 32
},
headlineMedium: {
...regularType,
lineHeight: 36,
fontSize: 28
},
headlineSmall: {
...regularType,
lineHeight: 32,
fontSize: 24
},
titleLarge: {
...regularType,
lineHeight: 28,
fontSize: 22
},
titleMedium: {
...mediumType,
lineHeight: 24,
fontSize: 16
},
titleSmall: {
...mediumType,
letterSpacing: 0.1,
lineHeight: 20,
fontSize: 14
},
labelLarge: {
...mediumType,
letterSpacing: 0.1,
lineHeight: 20,
fontSize: 14
},
labelMedium: {
...mediumType,
letterSpacing: 0.5,
lineHeight: 16,
fontSize: 12
},
labelSmall: {
...mediumType,
letterSpacing: 0.5,
lineHeight: 16,
fontSize: 11
},
bodyLarge: {
...mediumType,
fontWeight: ref.typeface.weightRegular,
fontFamily: ref.typeface.brandRegular,
lineHeight: 24,
fontSize: 16
},
bodyMedium: {
...mediumType,
fontWeight: ref.typeface.weightRegular,
fontFamily: ref.typeface.brandRegular,
letterSpacing: 0.25,
lineHeight: 20,
fontSize: 14
},
bodySmall: {
...mediumType,
fontWeight: ref.typeface.weightRegular,
fontFamily: ref.typeface.brandRegular,
letterSpacing: 0.4,
lineHeight: 16,
fontSize: 12
},
default: {
...regularType
}
};
export const tokens = {
md: {
ref,
sys: {
typescale
}
}
};
export const MD3Colors = ref.palette;
//# sourceMappingURL=tokens.js.map

File diff suppressed because one or more lines are too long