Partial contracts

[tomahl]

Hi there,

Can anyone tell me how to re-assign both space and foo vars inside the media-query? If it's currently not possible, I would like to see some kind of Pick<{}>, Omit<{}> functionality in the future.

Keep up the good work! 👍

export const vars = createThemeContract({
    ...
});

export const responsiveTheme = style({
  vars: assignVars(vars, {
    color: {
      brand: 'pink',
      accent: 'aquamarine'
    },
    space: {
      small: '4px',
      large: '16px'
    },
    foo: {
      small: '4px',
      large: '16px'
    }
  }),
  '@media': {
    'screen and (min-width: 1024px)': {
      vars: assignVars(vars.space, {
        small: '8px',
        large: '32px'
      })
    }
  }
});

Thanks