Challenge from Specify - Generate React Native theme

[ChucKN0risK]

Design to code process

On the design side, our tokens are defined as Figma Styles and Figma Variables.

On the frontend side, we expect design tokens to be delivered as a theme compatible with React Native.

Output file extension

.js

Output file content

export const tokens = ({
  primary: { dark: 'rgb(96, 168, 250)', light: 'rgb(17, 125, 249)' },
  secondary: { dark: 'rgb(96, 168, 250)', light: 'rgb(17, 125, 249)' },
  space01: { desktop: '4px', mobile: '2px' },
  space02: { desktop: '8px', mobile: '4px' },
  textStyle1FontStyle: 'normal',
  textStyle1FontFamily:'Inter Regular',
  textStyle1FontWeight: 'regular',
  textStyle1FontSize: 16,
});