@fremtind/jkl-core/build/cjs/utils/getThemeAndDensity.js

Jøkul core styles

"use strict";
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var getThemeAndDensity_exports = {};
__export(getThemeAndDensity_exports, {
  getThemeAndDensity: () => getThemeAndDensity
});
module.exports = __toCommonJS(getThemeAndDensity_exports);
const getThemeAndDensity = (element) => {
  if (!element)
    return {};
  const computedStyles = getComputedStyle(element);
  const theme = parseInt(
    computedStyles.getPropertyValue("--jkl-background-color").replace("#", ""),
    16
  ) < 16777215 / 2 ? "dark" : "light";
  const density = computedStyles.getPropertyValue("--jkl-density") === '"compact"' ? "compact" : "comfortable";
  return { theme, density };
};
//# sourceMappingURL=getThemeAndDensity.js.map