@crossed/theme/lib/commonjs/dark/theme.js

unicons

"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var theme_exports = {};
__export(theme_exports, {
  default: () => theme_default
});
module.exports = __toCommonJS(theme_exports);
var import_space = require("../space");
var import_colors = __toESM(require("./colors"));
var import_font = require("../font");
var theme_default = {
  boxShadow: "0 0 10px #0e0e22",
  colors: import_colors.default,
  space: import_space.space,
  font: { ...import_font.font, color: "white" },
  components: {
    Banner: {
      success: {
        title: import_colors.default.primary[1],
        subtitle: import_colors.default.primary[20],
        icon: import_colors.default.primary[80],
        backgroundIcon: import_colors.default.success.primary,
        background: import_colors.default.primary[70],
        border: import_colors.default.success.primary
      },
      info: {
        title: import_colors.default.primary[1],
        subtitle: import_colors.default.primary[20],
        icon: import_colors.default.primary[80],
        backgroundIcon: import_colors.default.info.primary,
        background: import_colors.default.primary[70],
        border: import_colors.default.info.primary
      },
      warning: {
        title: import_colors.default.primary[1],
        subtitle: import_colors.default.primary[20],
        icon: import_colors.default.primary[80],
        backgroundIcon: import_colors.default.warning.primary,
        background: import_colors.default.primary[70],
        border: import_colors.default.warning.primary
      },
      error: {
        title: import_colors.default.primary[1],
        subtitle: import_colors.default.primary[20],
        icon: import_colors.default.primary[80],
        backgroundIcon: import_colors.default.error.primary,
        background: import_colors.default.primary[70],
        border: import_colors.default.error.primary
      }
    },
    Action: {
      primary: {
        default: {
          text: import_colors.default.white,
          icon: import_colors.default.white,
          background: import_colors.default.primary.primary,
          border: import_colors.default.primary.primary
        },
        hover: {
          text: import_colors.default.white,
          icon: import_colors.default.white,
          background: import_colors.default.primary[50],
          border: import_colors.default.primary[50]
        },
        active: {
          text: import_colors.default.white,
          icon: import_colors.default.white,
          background: import_colors.default.primary[60],
          border: import_colors.default.primary[60]
        },
        focus: {
          text: "",
          icon: "",
          background: import_colors.default.primary[0],
          border: import_colors.default.primary[40]
        },
        disabled: {
          text: import_colors.default.neutral[80],
          icon: import_colors.default.neutral[80],
          background: import_colors.default.primary[100],
          border: import_colors.default.primary[100]
        }
      },
      secondary: {
        default: {
          text: import_colors.default.primary[40],
          icon: import_colors.default.primary[40],
          background: import_colors.default.neutral[60],
          border: import_colors.default.neutral[60]
        },
        hover: {
          text: import_colors.default.primary[40],
          icon: import_colors.default.primary[40],
          background: import_colors.default.neutral[50],
          border: import_colors.default.neutral[50]
        },
        active: {
          text: import_colors.default.primary[40],
          icon: import_colors.default.primary[40],
          background: import_colors.default.neutral[60],
          border: import_colors.default.neutral[40]
        },
        focus: {
          text: "",
          icon: "",
          background: import_colors.default.neutral[60],
          border: import_colors.default.primary[40]
        },
        disabled: {
          text: import_colors.default.primary[40],
          icon: import_colors.default.primary[40],
          background: import_colors.default.neutral[60],
          border: import_colors.default.primary[40]
        }
      },
      tertiary: {
        default: {
          text: import_colors.default.primary[40],
          icon: import_colors.default.primary[40],
          background: "transparent",
          border: "transparent"
        },
        hover: {
          text: import_colors.default.primary[30],
          icon: import_colors.default.primary[30],
          background: import_colors.default.neutral["60"],
          border: "transparent"
        },
        active: {
          text: import_colors.default.primary[20],
          icon: import_colors.default.primary[20],
          background: "transparent",
          border: "transparent"
        },
        focus: {
          text: "",
          icon: "",
          background: import_colors.default.primary["70"],
          border: import_colors.default.primary[40]
        },
        disabled: {
          text: import_colors.default.neutral[80],
          icon: import_colors.default.neutral[80],
          background: "transparent",
          border: "transparent"
        }
      },
      icon: {
        default: {
          color: import_colors.default.white,
          background: "transparent",
          border: "transparent"
        },
        hover: {
          color: import_colors.default.white,
          background: import_colors.default.primary[70],
          border: import_colors.default.primary[70]
        },
        active: {
          color: import_colors.default.white,
          background: import_colors.default.primary[70],
          border: import_colors.default.primary[70]
        },
        focus: {
          background: import_colors.default.primary[70],
          color: import_colors.default.white,
          border: import_colors.default.primary[40]
        },
        disabled: {
          color: import_colors.default.white,
          background: import_colors.default.primary[70],
          border: "transparent"
        }
      }
    },
    Alert: {
      error: {
        background: import_colors.default.primary[70],
        border: import_colors.default.primary[70],
        icon: import_colors.default.error.primary,
        text: import_colors.default.error.primary
      },
      warning: {
        background: import_colors.default.primary[70],
        border: import_colors.default.primary[70],
        icon: import_colors.default.warning.primary,
        text: import_colors.default.warning.primary
      },
      info: {
        background: import_colors.default.primary[70],
        border: import_colors.default.primary[70],
        icon: import_colors.default.info.primary,
        text: import_colors.default.info.primary
      },
      success: {
        background: import_colors.default.primary[70],
        border: import_colors.default.primary[70],
        icon: import_colors.default.success.primary,
        text: import_colors.default.success.primary
      }
    },
    Input: {
      primary: {
        default: {
          background: import_colors.default.background.secondary,
          border: import_colors.default.border.secondary,
          text: import_colors.default.text.primary,
          icon: import_colors.default.text.primary,
          placeholder: import_colors.default.text.secondary
        },
        active: {
          background: import_colors.default.background.secondary,
          border: import_colors.default.border.secondary,
          text: import_colors.default.text.primary,
          icon: import_colors.default.text.primary,
          placeholder: import_colors.default.text.secondary
        },
        disabled: {
          background: import_colors.default.primary[90],
          border: import_colors.default.primary[90],
          text: import_colors.default.text.secondary,
          icon: import_colors.default.text.secondary,
          placeholder: import_colors.default.text.secondary
        },
        focus: {
          background: import_colors.default.background.secondary,
          border: import_colors.default.border.brand,
          text: import_colors.default.text.primary,
          icon: import_colors.default.text.primary,
          placeholder: import_colors.default.text.secondary
        },
        hover: {
          background: import_colors.default.background.secondary,
          border: import_colors.default.border.brand,
          text: import_colors.default.text.primary,
          icon: import_colors.default.text.primary,
          placeholder: import_colors.default.text.secondary
        }
      }
    },
    Card: {
      default: {
        background: import_colors.default.background.secondary,
        border: import_colors.default.border.primary,
        description: import_colors.default.text.secondary,
        title: import_colors.default.text.primary
      },
      active: {
        background: import_colors.default.primary[70],
        border: import_colors.default.border.primary,
        description: import_colors.default.text.secondary,
        title: import_colors.default.text.primary
      },
      hover: {
        background: import_colors.default.primary[80],
        border: import_colors.default.border.primary,
        description: import_colors.default.text.secondary,
        title: import_colors.default.text.primary
      }
    },
    Tag: {
      default: {
        background: import_colors.default.primary[70],
        text: import_colors.default.text.primary
      },
      green: { background: "#306C60", text: import_colors.default.text.primary },
      red: { background: "#A21A1A", text: import_colors.default.error.low }
    },
    Switch: {
      on: { background: import_colors.default.primary["40"] },
      off: { background: import_colors.default.neutral["70"] }
    }
  }
};
//# sourceMappingURL=theme.js.map