@magica11y/inverted-colors/lib/invertedColors.js

Detects the user’s preferences for inverted colors using the 'inverted-colors' CSS3 level 5 media query.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _matchUserPreference = _interopRequireDefault(require("@magica11y/match-user-preference"));

var _colorPreferences = _interopRequireDefault(require("./colorPreferences"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const colorPreferenceValues = [_colorPreferences.default.NONE, _colorPreferences.default.INVERTED];
/**
 * Detects the user’s preferences for inverted colors
 * using CSS3 Media Queries level 5 specification for `'inverted-colors'`.
 *
 * @returns Either 'none', 'inverted' or `null`
 * @see https://drafts.csswg.org/mediaqueries-5/#inverted-colors
 */

const invertedColors = () => {
  const matchedColorPreference = colorPreferenceValues.find(colorPreferenceValue => (0, _matchUserPreference.default)('inverted-colors', colorPreferenceValue));

  if (matchedColorPreference) {
    return matchedColorPreference;
  }

  return null;
};

var _default = invertedColors;
exports.default = _default;