@formant/ava-react/lib/NarrativeTextVis/styled/heading.js

React components of AVA.

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);

// src/NarrativeTextVis/styled/heading.tsx
var heading_exports = {};
__export(heading_exports, {
  H1: () => H1,
  H2: () => H2,
  H3: () => H3,
  H4: () => H4,
  H5: () => H5,
  H6: () => H6,
  Headline: () => Headline
});
module.exports = __toCommonJS(heading_exports);
var import_styled_components = __toESM(require("styled-components"));
var import_theme = require("../theme");
var H1 = import_styled_components.default.h1`
  font-size: 28px;
  line-height: 36px;
  margin: 26px 0 10px 0;
  color: ${({ theme, palette }) => (0, import_theme.getThemeColor)({ colorToken: "colorBase", theme, palette, type: "text" })};
`;
var Headline = (0, import_styled_components.default)(H1)`
  border-bottom: 1px solid rgb(199, 199, 199);
`;
var H2 = import_styled_components.default.h2`
  font-size: 24px;
  line-height: 32px;
  margin: 21px 0 5px 0;
  color: ${({ theme, palette }) => (0, import_theme.getThemeColor)({ colorToken: "colorBase", theme, palette, type: "text" })};
`;
var H3 = import_styled_components.default.h3`
  font-size: 20px;
  line-height: 28px;
  margin: 16px 0 5px 0;
  color: ${({ theme, palette }) => (0, import_theme.getThemeColor)({ colorToken: "colorBase", theme, palette, type: "text" })};
`;
var H4 = import_styled_components.default.h4`
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 5px 0;
  color: ${({ theme, palette }) => (0, import_theme.getThemeColor)({ colorToken: "colorBase", theme, palette, type: "text" })};
`;
var H5 = import_styled_components.default.h5`
  line-height: 24px;
  font-size: 15px;
  margin: 8px 0 5px 0;
  color: ${({ theme, palette }) => (0, import_theme.getThemeColor)({ colorToken: "colorBase", theme, palette, type: "text" })};
`;
var H6 = import_styled_components.default.h6`
  min-height: 24px;
  line-height: 24px;
  letter-spacing: 0.008em;
  font-size: 15px;
  color: ${({ theme, palette }) => (0, import_theme.getThemeColor)({ colorToken: "colorBase", theme, palette, type: "text" })};
`;
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  H1,
  H2,
  H3,
  H4,
  H5,
  H6,
  Headline
});