`@neodx/svg` - Color Reset API improvement

[secundant]

API Design

svg({
  resetColors: [
    {
      include: /^flags/,
      replace: {
        from: 'white',
        to: 'currentColor'
      }
    },
    {
      keep: myTheme.brandColors,
      exclude: [/^flags/, /^logos/, /-colored\.svg$/, 'my-icon.svg'],
      replace: [
        {
          from: myTheme.accentIconColors,
          to: 'var(--icon-color)'
        },
        {
          from: myTheme.secondaryIconColors,
          to: 'var(--icon-bg)'
        }
      ],
      replaceUnknwon: 'currentColor'
    }
  ]
});

Motivation

I've got some missed features from the real users:

• Disable reseting via resetColors: false
• Incorporate an icon filter feature to allow users to maintain colors for selected icons.
• Add a color filter option so that users can specify certain colors to remain unchanged.

First versions of API

Disable

svg({
  resetColors: false
})

Filter icons

svg({
  resetColors: {
    exclude: ['logos/colored', /^flags/]
  }
})

Filter colors

svg({
  resetColors: {
    keep: ['#fff', 'red']
  }
})

Complex solution

svg({
  resetColors: {
    replace: {
      from: ['#222', '#eee'],
      to: 'var(--icon-color)'
    },
    keep: ['#a1a1a1', '#f9c52'],
    exclude: [/flags/],
    replaceUnknown: 'currentColor'
  }
});