style-dictionary/examples/advanced/node-modules-as-config-and-properties/components/button/primary.js

Style once, use everywhere. A build system for creating cross-platform styles.

import base from './base.js';

// You can do interesting things like having a base object
// that you extend. This can be useful for defining component
// styles if you have a base style and variations.
export default {
  ...base,
  'background-color': { value: '{color.background.link}' },
  color: { value: '{color.font.inverse.base}' },
};