@crossed/theme/lib/commonjs/light/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 = {
  colors: import_colors.default,
  boxShadow: "0px 4px 12px 0px rgba(0, 0, 0, 0.1)",
  space: import_space.space,
  font: import_font.font,
  components: {
    Banner: {
      success: {
        title: import_colors.default.success.dark,
        background: import_colors.default.white,
        border: import_colors.default.success.primary,
        icon: import_colors.default.success.dark,
        backgroundIcon: import_colors.default.success.light,
        subtitle: import_colors.default.neutral[80]
      },
      info: {
        title: import_colors.default.info.dark,
        background: import_colors.default.white,
        border: import_colors.default.info.primary,
        icon: import_colors.default.info.dark,
        backgroundIcon: import_colors.default.info.light,
        subtitle: import_colors.default.neutral[80]
      },
      warning: {
        title: import_colors.default.warning.dark,
        background: import_colors.default.white,
        border: import_colors.default.warning.primary,
        icon: import_colors.default.warning.dark,
        backgroundIcon: import_colors.default.warning.light,
        subtitle: import_colors.default.neutral[80]
      },
      error: {
        title: import_colors.default.error.satured,
        background: import_colors.default.white,
        border: import_colors.default.error.primary,
        icon: import_colors.default.error.satured,
        backgroundIcon: import_colors.default.error.low,
        subtitle: import_colors.default.neutral[80]
      }
    },
    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: {
          background: import_colors.default.primary[60],
          text: "",
          icon: "",
          border: import_colors.default.primary[40]
        },
        disabled: {
          text: import_colors.default.primary[10],
          icon: import_colors.default.primary[10],
          background: import_colors.default.primary[40],
          border: import_colors.default.primary[40]
        }
      },
      secondary: {
        default: {
          text: import_colors.default.primary.primary,
          icon: import_colors.default.primary.primary,
          background: import_colors.default.neutral["60"],
          border: import_colors.default.neutral["60"]
        },
        hover: {
          text: import_colors.default.primary.primary,
          icon: import_colors.default.primary.primary,
          background: import_colors.default.neutral["50"],
          border: import_colors.default.neutral["50"]
        },
        active: {
          text: import_colors.default.primary.primary,
          icon: import_colors.default.primary.primary,
          background: import_colors.default.neutral["60"],
          border: import_colors.default.neutral["40"]
        },
        focus: {
          background: import_colors.default.neutral["60"],
          text: "",
          icon: "",
          border: import_colors.default.primary.primary
        },
        disabled: {
          text: import_colors.default.primary[10],
          icon: import_colors.default.primary[10],
          background: import_colors.default.primary[40],
          border: import_colors.default.primary[40]
        }
      },
      tertiary: {
        default: {
          text: import_colors.default.primary.primary,
          icon: import_colors.default.primary.primary,
          background: "transparent",
          border: "transparent"
        },
        hover: {
          text: import_colors.default.primary[50],
          icon: import_colors.default.primary[50],
          background: import_colors.default.neutral[60],
          border: "transparent"
        },
        active: {
          text: import_colors.default.primary[60],
          icon: import_colors.default.primary[60],
          background: "transparent",
          border: "transparent"
        },
        focus: {
          text: "",
          icon: "",
          background: import_colors.default.primary[10],
          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.neutral[80],
          background: "transparent",
          border: "transparent"
        },
        hover: {
          color: import_colors.default.neutral[80],
          background: import_colors.default.primary[1],
          border: import_colors.default.primary[1]
        },
        active: {
          color: import_colors.default.neutral[80],
          background: import_colors.default.primary[10],
          border: import_colors.default.primary[10]
        },
        focus: {
          background: import_colors.default.primary[1],
          color: import_colors.default.neutral[80],
          border: import_colors.default.primary[40]
        },
        disabled: {
          color: import_colors.default.neutral[80],
          background: "transparent",
          border: "transparent"
        }
      }
    },
    Alert: {
      error: {
        background: import_colors.default.error.low,
        border: import_colors.default.error.primary,
        icon: import_colors.default.error.satured,
        text: import_colors.default.error.satured
      },
      warning: {
        background: import_colors.default.warning.light,
        border: import_colors.default.warning.primary,
        icon: import_colors.default.warning.dark,
        text: import_colors.default.warning.dark
      },
      info: {
        background: import_colors.default.info.light,
        border: import_colors.default.info.primary,
        icon: import_colors.default.info.dark,
        text: import_colors.default.info.dark
      },
      success: {
        background: import_colors.default.success.light,
        border: import_colors.default.success.primary,
        icon: import_colors.default.success.dark,
        text: import_colors.default.success.dark
      }
    },
    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[10],
          border: import_colors.default.primary[10],
          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[10],
        border: import_colors.default.border.primary,
        description: import_colors.default.text.secondary,
        title: import_colors.default.text.primary
      },
      hover: {
        background: import_colors.default.primary[1],
        border: import_colors.default.border.primary,
        description: import_colors.default.text.secondary,
        title: import_colors.default.text.primary
      }
    },
    Tag: {
      default: {
        background: import_colors.default.background.primary,
        text: import_colors.default.text.primary
      },
      green: {
        background: import_colors.default.success.light,
        text: import_colors.default.success.dark
      },
      red: {
        background: import_colors.default.error.low,
        text: import_colors.default.error.muted
      }
    },
    Switch: {
      on: { background: import_colors.default.primary.primary },
      off: { background: import_colors.default.primary["10"] }
    }
  }
};
//# sourceMappingURL=theme.js.map