design-system-govbr-rnp/dist/utilities/Colors/Colors.stories.js

## Padrão Digital de Governo - React Biblioteca de componentes React que implementa o [Padrão Visual digital do governo](https://www.gov.br/ds/). O objetivo da biblioteca é facilitar a implementação e promover a padronização das interfaces de sistemas do

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.Default = void 0;
var _react = _interopRequireDefault(require("react"));
var _Colors = _interopRequireDefault(require("./Colors"));
var _BoxColor = _interopRequireDefault(require("./BoxColor"));
var _TextColor = _interopRequireDefault(require("./TextColor"));
var _BorderBoxColor = _interopRequireDefault(require("./BorderBoxColor"));
var _Typography = _interopRequireDefault(require("../Typography/Typography"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = {
  title: "Utilities/CSS/Colors",
  component: _Colors.default,
  argTypes: {}
};
exports.default = _default;
var colors = ["--blue-90", "--blue-80", "--blue-70", "--blue-60", "--blue-50", "--blue-40", "--blue-30", "--blue-20", "--blue-10", "--blue-5", "--blue-cool-90", "--blue-cool-80", "--blue-cool-70", "--blue-cool-60", "--blue-cool-50", "--blue-cool-40", "--blue-cool-30", "--blue-cool-20", "--blue-cool-10", "--blue-cool-5", "--blue-warm-90", "--blue-warm-80", "--blue-warm-70", "--blue-warm-60", "--blue-warm-50", "--blue-warm-40", "--blue-warm-30", "--blue-warm-20", "--blue-warm-10", "--blue-warm-5", "--blue-vivid-80", "--blue-vivid-70", "--blue-vivid-60", "--blue-vivid-50", "--blue-vivid-40", "--blue-vivid-30", "--blue-vivid-20", "--blue-vivid-10", "--blue-vivid-5", "--blue-cool-vivid-80", "--blue-cool-vivid-70", "--blue-cool-vivid-60", "--blue-cool-vivid-50", "--blue-cool-vivid-40", "--blue-cool-vivid-30", "--blue-cool-vivid-20", "--blue-cool-vivid-10", "--blue-cool-vivid-5", "--blue-warm-vivid-90", "--blue-warm-vivid-80", "--blue-warm-vivid-70", "--blue-warm-vivid-60", "--blue-warm-vivid-50", "--blue-warm-vivid-40", "--blue-warm-vivid-30", "--blue-warm-vivid-20", "--blue-warm-vivid-10", "--blue-warm-vivid-5", "--blue-90-rgb", "--blue-80-rgb", "--blue-70-rgb", "--blue-60-rgb", "--blue-50-rgb", "--blue-40-rgb", "--blue-30-rgb", "--blue-20-rgb", "--blue-10-rgb", "--blue-5-rgb", "--blue-cool-90-rgb", "--blue-cool-80-rgb", "--blue-cool-70-rgb", "--blue-cool-60-rgb", "--blue-cool-50-rgb", "--blue-cool-40-rgb", "--blue-cool-30-rgb", "--blue-cool-20-rgb", "--blue-cool-10-rgb", "--blue-cool-5-rgb", "--blue-warm-90-rgb", "--blue-warm-80-rgb", "--blue-warm-70-rgb", "--blue-warm-60-rgb", "--blue-warm-50-rgb", "--blue-warm-40-rgb", "--blue-warm-30-rgb", "--blue-warm-20-rgb", "--blue-warm-10-rgb", "--blue-warm-5-rgb", "--blue-vivid-80-rgb", "--blue-vivid-70-rgb", "--blue-vivid-60-rgb", "--blue-vivid-50-rgb", "--blue-vivid-40-rgb", "--blue-vivid-30-rgb", "--blue-vivid-20-rgb", "--blue-vivid-10-rgb", "--blue-vivid-5-rgb", "--blue-cool-vivid-80-rgb", "--blue-cool-vivid-70-rgb", "--blue-cool-vivid-60-rgb", "--blue-cool-vivid-50-rgb", "--blue-cool-vivid-40-rgb", "--blue-cool-vivid-30-rgb", "--blue-cool-vivid-20-rgb", "--blue-cool-vivid-10-rgb", "--blue-cool-vivid-5-rgb", "--blue-warm-vivid-90-rgb", "--blue-warm-vivid-80-rgb", "--blue-warm-vivid-70-rgb", "--blue-warm-vivid-60-rgb", "--blue-warm-vivid-50-rgb", "--blue-warm-vivid-40-rgb", "--blue-warm-vivid-30-rgb", "--blue-warm-vivid-20-rgb", "--blue-warm-vivid-10-rgb", "--blue-warm-vivid-5-rgb", "--cyan-90", "--cyan-80", "--cyan-70", "--cyan-60", "--cyan-50", "--cyan-40", "--cyan-30", "--cyan-20", "--cyan-10", "--cyan-5", "--cyan-90-rgb", "--cyan-80-rgb", "--cyan-70-rgb", "--cyan-60-rgb", "--cyan-50-rgb", "--cyan-40-rgb", "--cyan-30-rgb", "--cyan-20-rgb", "--cyan-10-rgb", "--cyan-5-rgb", "--cyan-vivid-80", "--cyan-vivid-70", "--cyan-vivid-60", "--cyan-vivid-50", "--cyan-vivid-40", "--cyan-vivid-30", "--cyan-vivid-20", "--cyan-vivid-10", "--cyan-vivid-5", "--gold-90", "--gold-80", "--gold-70", "--gold-60", "--gold-50", "--gold-40", "--gold-30", "--gold-20", "--gold-10", "--gold-5", "--gold-vivid-80", "--gold-vivid-70", "--gold-vivid-60", "--gold-vivid-50", "--gold-vivid-40", "--gold-vivid-30", "--gold-vivid-20", "--gold-vivid-10", "--gold-vivid-5", "--gold-90-rgb", "--gold-80-rgb", "--gold-70-rgb", "--gold-60-rgb", "--gold-50-rgb", "--gold-40-rgb", "--gold-30-rgb", "--gold-20-rgb", "--gold-10-rgb", "--gold-5-rgb", "--gold-vivid-80-rgb", "--gold-vivid-70-rgb", "--gold-vivid-60-rgb", "--gold-vivid-50-rgb", "--gold-vivid-40-rgb", "--gold-vivid-30-rgb", "--gold-vivid-20-rgb", "--gold-vivid-10-rgb", "--gold-vivid-5-rgb", "--gray-90", "--gray-80", "--gray-70", "--gray-60", "--gray-50", "--gray-40", "--gray-30", "--gray-20", "--gray-10", "--gray-5", "--gray-4", "--gray-3", "--gray-2", "--gray-1", "--gray-cool-90", "--gray-cool-80", "--gray-cool-70", "--gray-cool-60", "--gray-cool-50", "--gray-cool-40", "--gray-cool-30", "--gray-cool-20", "--gray-cool-10", "--gray-cool-5", "--gray-cool-4", "--gray-cool-3", "--gray-cool-2", "--gray-cool-1", "--gray-warm-90", "--gray-warm-80", "--gray-warm-70", "--gray-warm-60", "--gray-warm-50", "--gray-warm-40", "--gray-warm-30", "--gray-warm-20", "--gray-warm-10", "--gray-warm-5", "--gray-warm-4", "--gray-warm-3", "--gray-warm-2", "--gray-warm-1", "--gray-90-rgb", "--gray-80-rgb", "--gray-70-rgb", "--gray-60-rgb", "--gray-50-rgb", "--gray-40-rgb", "--gray-30-rgb", "--gray-20-rgb", "--gray-10-rgb", "--gray-5-rgb", "--gray-4-rgb", "--gray-3-rgb", "--gray-2-rgb", "--gray-1-rgb", "--gray-cool-90-rgb", "--gray-cool-80-rgb", "--gray-cool-70-rgb", "--gray-cool-60-rgb", "--gray-cool-50-rgb", "--gray-cool-40-rgb", "--gray-cool-30-rgb", "--gray-cool-20-rgb", "--gray-cool-10-rgb", "--gray-cool-5-rgb", "--gray-cool-4-rgb", "--gray-cool-3-rgb", "--gray-cool-2-rgb", "--gray-cool-1-rgb", "--gray-warm-90-rgb", "--gray-warm-80-rgb", "--gray-warm-70-rgb", "--gray-warm-60-rgb", "--gray-warm-50-rgb", "--gray-warm-40-rgb", "--gray-warm-30-rgb", "--gray-warm-20-rgb", "--gray-warm-10-rgb", "--gray-warm-5-rgb", "--gray-warm-4-rgb", "--gray-warm-3-rgb", "--gray-warm-2-rgb", "--gray-warm-1-rgb", "--green-90", "--green-80", "--green-70", "--green-60", "--green-50", "--green-40", "--green-30", "--green-20", "--green-10", "--green-5", "--green-cool-90", "--green-cool-80", "--green-cool-70", "--green-cool-60", "--green-cool-50", "--green-cool-40", "--green-cool-30", "--green-cool-20", "--green-cool-10", "--green-cool-5", "--green-warm-90", "--green-warm-80", "--green-warm-70", "--green-warm-60", "--green-warm-50", "--green-warm-40", "--green-warm-30", "--green-warm-20", "--green-warm-10", "--green-warm-5", "--green-vivid-80", "--green-vivid-70", "--green-vivid-60", "--green-vivid-50", "--green-vivid-40", "--green-vivid-30", "--green-vivid-20", "--green-vivid-10", "--green-vivid-5", "--green-cool-vivid-80", "--green-cool-vivid-70", "--green-cool-vivid-60", "--green-cool-vivid-50", "--green-cool-vivid-40", "--green-cool-vivid-30", "--green-cool-vivid-20", "--green-cool-vivid-10", "--green-cool-vivid-5", "--green-warm-vivid-80", "--green-warm-vivid-70", "--green-warm-vivid-60", "--green-warm-vivid-50", "--green-warm-vivid-40", "--green-warm-vivid-30", "--green-warm-vivid-20", "--green-warm-vivid-10", "--green-warm-vivid-5", "--green-90-rgb", "--green-80-rgb", "--green-70-rgb", "--green-60-rgb", "--green-50-rgb", "--green-40-rgb", "--green-30-rgb", "--green-20-rgb", "--green-10-rgb", "--green-5-rgb", "--green-cool-90-rgb", "--green-cool-80-rgb", "--green-cool-70-rgb", "--green-cool-60-rgb", "--green-cool-50-rgb", "--green-cool-40-rgb", "--green-cool-30-rgb", "--green-cool-20-rgb", "--green-cool-10-rgb", "--green-cool-5-rgb", "--green-warm-90-rgb", "--green-warm-80-rgb", "--green-warm-70-rgb", "--green-warm-60-rgb", "--green-warm-50-rgb", "--green-warm-40-rgb", "--green-warm-30-rgb", "--green-warm-20-rgb", "--green-warm-10-rgb", "--green-warm-5-rgb", "--green-vivid-80-rgb", "--green-vivid-70-rgb", "--green-vivid-60-rgb", "--green-vivid-50-rgb", "--green-vivid-40-rgb", "--green-vivid-30-rgb", "--green-vivid-20-rgb", "--green-vivid-10-rgb", "--green-vivid-5-rgb", "--green-cool-vivid-80-rgb", "--green-cool-vivid-70-rgb", "--green-cool-vivid-60-rgb", "--green-cool-vivid-50-rgb", "--green-cool-vivid-40-rgb", "--green-cool-vivid-30-rgb", "--green-cool-vivid-20-rgb", "--green-cool-vivid-10-rgb", "--green-cool-vivid-5-rgb", "--green-warm-vivid-80-rgb", "--green-warm-vivid-70-rgb", "--green-warm-vivid-60-rgb", "--green-warm-vivid-50-rgb", "--green-warm-vivid-40-rgb", "--green-warm-vivid-30-rgb", "--green-warm-vivid-20-rgb", "--green-warm-vivid-10-rgb", "--green-warm-vivid-5-rgb", "--indigo-90", "--indigo-80", "--indigo-70", "--indigo-60", "--indigo-50", "--indigo-40", "--indigo-30", "--indigo-20", "--indigo-10", "--indigo-5", "--indigo-cool-90", "--indigo-cool-80", "--indigo-cool-70", "--indigo-cool-60", "--indigo-cool-50", "--indigo-cool-40", "--indigo-cool-30", "--indigo-cool-20", "--indigo-cool-10", "--indigo-cool-5", "--indigo-warm-90", "--indigo-warm-80", "--indigo-warm-70", "--indigo-warm-60", "--indigo-warm-50", "--indigo-warm-40", "--indigo-warm-30", "--indigo-warm-20", "--indigo-warm-10", "--indigo-warm-5", "--indigo-vivid-80", "--indigo-vivid-70", "--indigo-vivid-60", "--indigo-vivid-50", "--indigo-vivid-40", "--indigo-vivid-30", "--indigo-vivid-20", "--indigo-vivid-10", "--indigo-vivid-5", "--indigo-cool-vivid-80", "--indigo-cool-vivid-70", "--indigo-cool-vivid-60", "--indigo-cool-vivid-50", "--indigo-cool-vivid-40", "--indigo-cool-vivid-30", "--indigo-cool-vivid-20", "--indigo-cool-vivid-10", "--indigo-cool-vivid-5", "--indigo-warm-vivid-80", "--indigo-warm-vivid-70", "--indigo-warm-vivid-60", "--indigo-warm-vivid-50", "--indigo-warm-vivid-40", "--indigo-warm-vivid-30", "--indigo-warm-vivid-20", "--indigo-warm-vivid-10", "--indigo-warm-vivid-5", "--indigo-90-rgb", "--indigo-80-rgb", "--indigo-70-rgb", "--indigo-60-rgb", "--indigo-50-rgb", "--indigo-40-rgb", "--indigo-30-rgb", "--indigo-20-rgb", "--indigo-10-rgb", "--indigo-5-rgb", "--indigo-cool-90-rgb", "--indigo-cool-80-rgb", "--indigo-cool-70-rgb", "--indigo-cool-60-rgb", "--indigo-cool-50-rgb", "--indigo-cool-40-rgb", "--indigo-cool-30-rgb", "--indigo-cool-20-rgb", "--indigo-cool-10-rgb", "--indigo-cool-5-rgb", "--indigo-warm-90-rgb", "--indigo-warm-80-rgb", "--indigo-warm-70-rgb", "--indigo-warm-60-rgb", "--indigo-warm-50-rgb", "--indigo-warm-40-rgb", "--indigo-warm-30-rgb", "--indigo-warm-20-rgb", "--indigo-warm-10-rgb", "--indigo-warm-5-rgb", "--indigo-vivid-80-rgb", "--indigo-vivid-70-rgb", "--indigo-vivid-60-rgb", "--indigo-vivid-50-rgb", "--indigo-vivid-40-rgb", "--indigo-vivid-30-rgb", "--indigo-vivid-20-rgb", "--indigo-vivid-10-rgb", "--indigo-vivid-5-rgb", "--indigo-cool-vivid-80-rgb", "--indigo-cool-vivid-70-rgb", "--indigo-cool-vivid-60-rgb", "--indigo-cool-vivid-50-rgb", "--indigo-cool-vivid-40-rgb", "--indigo-cool-vivid-30-rgb", "--indigo-cool-vivid-20-rgb", "--indigo-cool-vivid-10-rgb", "--indigo-cool-vivid-5-rgb", "--indigo-warm-vivid-80-rgb", "--indigo-warm-vivid-70-rgb", "--indigo-warm-vivid-60-rgb", "--indigo-warm-vivid-50-rgb", "--indigo-warm-vivid-40-rgb", "--indigo-warm-vivid-30-rgb", "--indigo-warm-vivid-20-rgb", "--indigo-warm-vivid-10-rgb", "--indigo-warm-vivid-5-rgb", "--magenta-90", "--magenta-80", "--magenta-70", "--magenta-60", "--magenta-50", "--magenta-40", "--magenta-30", "--magenta-20", "--magenta-10", "--magenta-5", "--magenta-vivid-80", "--magenta-vivid-70", "--magenta-vivid-60", "--magenta-vivid-50", "--magenta-vivid-40", "--magenta-vivid-30", "--magenta-vivid-20", "--magenta-vivid-10", "--magenta-vivid-5", "--magenta-90-rgb", "--magenta-80-rgb", "--magenta-70-rgb", "--magenta-60-rgb", "--magenta-50-rgb", "--magenta-40-rgb", "--magenta-30-rgb", "--magenta-20-rgb", "--magenta-10-rgb", "--magenta-5-rgb", "--magenta-vivid-80-rgb", "--magenta-vivid-70-rgb", "--magenta-vivid-60-rgb", "--magenta-vivid-50-rgb", "--magenta-vivid-40-rgb", "--magenta-vivid-30-rgb", "--magenta-vivid-20-rgb", "--magenta-vivid-10-rgb", "--magenta-vivid-5-rgb", "--mint-90", "--mint-80", "--mint-70", "--mint-60", "--mint-50", "--mint-40", "--mint-30", "--mint-20", "--mint-10", "--mint-5", "--mint-cool-90", "--mint-cool-80", "--mint-cool-70", "--mint-cool-60", "--mint-cool-50", "--mint-cool-40", "--mint-cool-30", "--mint-cool-20", "--mint-cool-10", "--mint-cool-5", "--mint-vivid-80", "--mint-vivid-70", "--mint-vivid-60", "--mint-vivid-50", "--mint-vivid-40", "--mint-vivid-30", "--mint-vivid-20", "--mint-vivid-10", "--mint-vivid-5", "--mint-cool-vivid-80", "--mint-cool-vivid-70", "--mint-cool-vivid-60", "--mint-cool-vivid-50", "--mint-cool-vivid-40", "--mint-cool-vivid-30", "--mint-cool-vivid-20", "--mint-cool-vivid-10", "--mint-cool-vivid-5", "--mint-90-rgb", "--mint-80-rgb", "--mint-70-rgb", "--mint-60-rgb", "--mint-50-rgb", "--mint-40-rgb", "--mint-30-rgb", "--mint-20-rgb", "--mint-10-rgb", "--mint-5-rgb", "--mint-cool-90-rgb", "--mint-cool-80-rgb", "--mint-cool-70-rgb", "--mint-cool-60-rgb", "--mint-cool-50-rgb", "--mint-cool-40-rgb", "--mint-cool-30-rgb", "--mint-cool-20-rgb", "--mint-cool-10-rgb", "--mint-cool-5-rgb", "--mint-vivid-80-rgb", "--mint-vivid-70-rgb", "--mint-vivid-60-rgb", "--mint-vivid-50-rgb", "--mint-vivid-40-rgb", "--mint-vivid-30-rgb", "--mint-vivid-20-rgb", "--mint-vivid-10-rgb", "--mint-vivid-5-rgb", "--mint-cool-vivid-80-rgb", "--mint-cool-vivid-70-rgb", "--mint-cool-vivid-60-rgb", "--mint-cool-vivid-50-rgb", "--mint-cool-vivid-40-rgb", "--mint-cool-vivid-30-rgb", "--mint-cool-vivid-20-rgb", "--mint-cool-vivid-10-rgb", "--mint-cool-vivid-5-rgb", "--orange-90", "--orange-80", "--orange-70", "--orange-60", "--orange-50", "--orange-40", "--orange-30", "--orange-20", "--orange-10", "--orange-5", "--orange-warm-90", "--orange-warm-80", "--orange-warm-70", "--orange-warm-60", "--orange-warm-50", "--orange-warm-40", "--orange-warm-30", "--orange-warm-20", "--orange-warm-10", "--orange-warm-5", "--orange-vivid-80", "--orange-vivid-70", "--orange-vivid-60", "--orange-vivid-50", "--orange-vivid-40", "--orange-vivid-30", "--orange-vivid-20", "--orange-vivid-10", "--orange-vivid-5", "--orange-warm-vivid-80", "--orange-warm-vivid-70", "--orange-warm-vivid-60", "--orange-warm-vivid-50", "--orange-warm-vivid-40", "--orange-warm-vivid-30", "--orange-warm-vivid-20", "--orange-warm-vivid-10", "--orange-warm-vivid-5", "--orange-90-rgb", "--orange-80-rgb", "--orange-70-rgb", "--orange-60-rgb", "--orange-50-rgb", "--orange-40-rgb", "--orange-30-rgb", "--orange-20-rgb", "--orange-10-rgb", "--orange-5-rgb", "--orange-warm-90-rgb", "--orange-warm-80-rgb", "--orange-warm-70-rgb", "--orange-warm-60-rgb", "--orange-warm-50-rgb", "--orange-warm-40-rgb", "--orange-warm-30-rgb", "--orange-warm-20-rgb", "--orange-warm-10-rgb", "--orange-warm-5-rgb", "--orange-vivid-80-rgb", "--orange-vivid-70-rgb", "--orange-vivid-60-rgb", "--orange-vivid-50-rgb", "--orange-vivid-40-rgb", "--orange-vivid-30-rgb", "--orange-vivid-20-rgb", "--orange-vivid-10-rgb", "--orange-vivid-5-rgb", "--orange-warm-vivid-80-rgb", "--orange-warm-vivid-70-rgb", "--orange-warm-vivid-60-rgb", "--orange-warm-vivid-50-rgb", "--orange-warm-vivid-40-rgb", "--orange-warm-vivid-30-rgb", "--orange-warm-vivid-20-rgb", "--orange-warm-vivid-10-rgb", "--orange-warm-vivid-5-rgb", "--pure-100", "--pure-0", "--pure-100-rgb", "--pure-0-rgb", "--red-90", "--red-80", "--red-70", "--red-60", "--red-50", "--red-40", "--red-30", "--red-20", "--red-10", "--red-5", "--red-cool-90", "--red-cool-80", "--red-cool-70", "--red-cool-60", "--red-cool-50", "--red-cool-40", "--red-cool-30", "--red-cool-20", "--red-cool-10", "--red-cool-5", "--red-warm-90", "--red-warm-80", "--red-warm-70", "--red-warm-60", "--red-warm-50", "--red-warm-40", "--red-warm-30", "--red-warm-20", "--red-warm-10", "--red-warm-5", "--red-vivid-80", "--red-vivid-70", "--red-vivid-60", "--red-vivid-50", "--red-vivid-40", "--red-vivid-30", "--red-vivid-20", "--red-vivid-10", "--red-vivid-5", "--red-cool-vivid-80", "--red-cool-vivid-70", "--red-cool-vivid-60", "--red-cool-vivid-50", "--red-cool-vivid-40", "--red-cool-vivid-30", "--red-cool-vivid-20", "--red-cool-vivid-10", "--red-cool-vivid-5", "--red-warm-vivid-80", "--red-warm-vivid-70", "--red-warm-vivid-60", "--red-warm-vivid-50", "--red-warm-vivid-40", "--red-warm-vivid-30", "--red-warm-vivid-20", "--red-warm-vivid-10", "--red-warm-vivid-5", "--red-90-rgb", "--red-80-rgb", "--red-70-rgb", "--red-60-rgb", "--red-50-rgb", "--red-40-rgb", "--red-30-rgb", "--red-20-rgb", "--red-10-rgb", "--red-5-rgb", "--red-cool-90-rgb", "--red-cool-80-rgb", "--red-cool-70-rgb", "--red-cool-60-rgb", "--red-cool-50-rgb", "--red-cool-40-rgb", "--red-cool-30-rgb", "--red-cool-20-rgb", "--red-cool-10-rgb", "--red-cool-5-rgb", "--red-warm-90-rgb", "--red-warm-80-rgb", "--red-warm-70-rgb", "--red-warm-60-rgb", "--red-warm-50-rgb", "--red-warm-40-rgb", "--red-warm-30-rgb", "--red-warm-20-rgb", "--red-warm-10-rgb", "--red-warm-5-rgb", "--red-vivid-80-rgb", "--red-vivid-70-rgb", "--red-vivid-60-rgb", "--red-vivid-50-rgb", "--red-vivid-40-rgb", "--red-vivid-30-rgb", "--red-vivid-20-rgb", "--red-vivid-10-rgb", "--red-vivid-5-rgb", "--red-cool-vivid-80-rgb", "--red-cool-vivid-70-rgb", "--red-cool-vivid-60-rgb", "--red-cool-vivid-50-rgb", "--red-cool-vivid-40-rgb", "--red-cool-vivid-30-rgb", "--red-cool-vivid-20-rgb", "--red-cool-vivid-10-rgb", "--red-cool-vivid-5-rgb", "--red-warm-vivid-80-rgb", "--red-warm-vivid-70-rgb", "--red-warm-vivid-60-rgb", "--red-warm-vivid-50-rgb", "--red-warm-vivid-40-rgb", "--red-warm-vivid-30-rgb", "--red-warm-vivid-20-rgb", "--red-warm-vivid-10-rgb", "--red-warm-vivid-5-rgb", "--violet-90", "--violet-80", "--violet-70", "--violet-60", "--violet-50", "--violet-40", "--violet-30", "--violet-20", "--violet-10", "--violet-5", "--violet-warm-90", "--violet-warm-80", "--violet-warm-70", "--violet-warm-60", "--violet-warm-50", "--violet-warm-40", "--violet-warm-30", "--violet-warm-20", "--violet-warm-10", "--violet-warm-5", "--violet-vivid-80", "--violet-vivid-70", "--violet-vivid-60", "--violet-vivid-50", "--violet-vivid-40", "--violet-vivid-30", "--violet-vivid-20", "--violet-vivid-10", "--violet-vivid-5", "--violet-warm-vivid-80", "--violet-warm-vivid-70", "--violet-warm-vivid-60", "--violet-warm-vivid-50", "--violet-warm-vivid-40", "--violet-warm-vivid-30", "--violet-warm-vivid-20", "--violet-warm-vivid-10", "--violet-warm-vivid-5", "--violet-90-rgb", "--violet-80-rgb", "--violet-70-rgb", "--violet-60-rgb", "--violet-50-rgb", "--violet-40-rgb", "--violet-30-rgb", "--violet-20-rgb", "--violet-10-rgb", "--violet-5-rgb", "--violet-warm-90-rgb", "--violet-warm-80-rgb", "--violet-warm-70-rgb", "--violet-warm-60-rgb", "--violet-warm-50-rgb", "--violet-warm-40-rgb", "--violet-warm-30-rgb", "--violet-warm-20-rgb", "--violet-warm-10-rgb", "--violet-warm-5-rgb", "--violet-vivid-80-rgb", "--violet-vivid-70-rgb", "--violet-vivid-60-rgb", "--violet-vivid-50-rgb", "--violet-vivid-40-rgb", "--violet-vivid-30-rgb", "--violet-vivid-20-rgb", "--violet-vivid-10-rgb", "--violet-vivid-5-rgb", "--violet-warm-vivid-80-rgb", "--violet-warm-vivid-70-rgb", "--violet-warm-vivid-60-rgb", "--violet-warm-vivid-50-rgb", "--violet-warm-vivid-40-rgb", "--violet-warm-vivid-30-rgb", "--violet-warm-vivid-20-rgb", "--violet-warm-vivid-10-rgb", "--violet-warm-vivid-5-rgb", "--yellow-90", "--yellow-80", "--yellow-70", "--yellow-60", "--yellow-50", "--yellow-40", "--yellow-30", "--yellow-20", "--yellow-10", "--yellow-5", "--yellow-vivid-80", "--yellow-vivid-70", "--yellow-vivid-60", "--yellow-vivid-50", "--yellow-vivid-40", "--yellow-vivid-30", "--yellow-vivid-20", "--yellow-vivid-10", "--yellow-vivid-5", "--yellow-90-rgb", "--yellow-80-rgb", "--yellow-70-rgb", "--yellow-60-rgb", "--yellow-50-rgb", "--yellow-40-rgb", "--yellow-30-rgb", "--yellow-20-rgb", "--yellow-10-rgb", "--yellow-5-rgb", "--yellow-vivid-80-rgb", "--yellow-vivid-70-rgb", "--yellow-vivid-60-rgb", "--yellow-vivid-50-rgb", "--yellow-vivid-40-rgb", "--yellow-vivid-30-rgb", "--yellow-vivid-20-rgb", "--yellow-vivid-10-rgb", "--yellow-vivid-5-rgb"];
var Template = function Template(args) {
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
    component: "h1",
    title: "Background"
  }), /*#__PURE__*/_react.default.createElement("div", {
    style: {
      display: "flex",
      flexWrap: "wrap"
    }
  }, colors.map(function (color) {
    return /*#__PURE__*/_react.default.createElement(_BoxColor.default, {
      style: {
        background: color.search("-rgb") > 0 ? "rgb(var(".concat(color, "))") : "var(".concat(color, ")")
      }
    });
  })), /*#__PURE__*/_react.default.createElement(_Typography.default, {
    component: "h1",
    title: "Text"
  }), colors.map(function (color) {
    return /*#__PURE__*/_react.default.createElement(_TextColor.default, {
      title: color,
      component: "p",
      style: {
        color: color.search("-rgb") > 0 ? "rgb(var(".concat(color, "))") : "var(".concat(color, ")")
      }
    });
  }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
    component: "h1",
    title: "Border"
  }), /*#__PURE__*/_react.default.createElement("div", {
    style: {
      display: "flex",
      flexWrap: "wrap"
    }
  }, colors.map(function (color) {
    return /*#__PURE__*/_react.default.createElement(_BorderBoxColor.default, {
      style: {
        border: color.search("-rgb") > 0 ? "15px solid rgb(var(".concat(color, "))") : "15px solid var(".concat(color, ")"),
        boxSizing: "border-box"
      }
    });
  })));
};
var Default = Template.bind({});
exports.Default = Default;
Default.storyName = "Colors";