MapStyle constructor

const MapStyle({
  1. String backgroundColor = 'var(--arcane-map-background, var(--card))',
  2. String regionFill = 'var(--arcane-map-region, var(--muted))',
  3. String regionStroke = 'var(--arcane-map-stroke, var(--border))',
  4. String strokeWidth = '0.5',
  5. String regionHoverFill = 'var(--arcane-map-region-hover, var(--accent))',
  6. String regionActiveFill = 'var(--arcane-map-region-active, var(--primary))',
  7. String pinColor = 'var(--arcane-map-pin, var(--primary))',
  8. String pinHoverColor = 'var(--arcane-map-pin-hover, var(--primary))',
  9. String pinActiveColor = 'var(--arcane-map-pin-active, var(--success, #22c55e))',
  10. double pinSize = 6,
  11. String tooltipBackground = 'var(--arcane-map-tooltip-bg, var(--popover))',
  12. String tooltipBorder = 'var(--arcane-map-tooltip-border, var(--border))',
  13. String tooltipTextColor = 'var(--arcane-map-tooltip-text, var(--popover-foreground))',
  14. String tooltipSecondaryColor = 'var(--arcane-map-tooltip-secondary, var(--muted-foreground))',
})

Implementation

const MapStyle({
  this.backgroundColor = 'var(--arcane-map-background, var(--card))',
  this.regionFill = 'var(--arcane-map-region, var(--muted))',
  this.regionStroke = 'var(--arcane-map-stroke, var(--border))',
  this.strokeWidth = '0.5',
  this.regionHoverFill = 'var(--arcane-map-region-hover, var(--accent))',
  this.regionActiveFill = 'var(--arcane-map-region-active, var(--primary))',
  this.pinColor = 'var(--arcane-map-pin, var(--primary))',
  this.pinHoverColor = 'var(--arcane-map-pin-hover, var(--primary))',
  this.pinActiveColor =
      'var(--arcane-map-pin-active, var(--success, #22c55e))',
  this.pinSize = 6,
  this.tooltipBackground = 'var(--arcane-map-tooltip-bg, var(--popover))',
  this.tooltipBorder = 'var(--arcane-map-tooltip-border, var(--border))',
  this.tooltipTextColor =
      'var(--arcane-map-tooltip-text, var(--popover-foreground))',
  this.tooltipSecondaryColor =
      'var(--arcane-map-tooltip-secondary, var(--muted-foreground))',
});