@helpscout/hsds-react/components/Modal/Modal.HeaderV2.css.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = exports.DotStepperUI = exports.AlertHeaderTitleUI = exports.AlertHeaderDescriptionUI = exports.AlertHeaderUI = exports.BrandedHeaderImageUI = exports.BrandedHeaderTitleUI = exports.BrandedHeaderUI = exports.HeaderDescriptionUI = exports.HeaderTitleUI = exports.HeaderUI = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _Toolbar = _interopRequireDefault(require("../Toolbar"));

var _color = require("../../styles/utilities/color");

var HeaderUI = (0, _styledComponents.default)(_Toolbar.default).withConfig({
  displayName: "ModalHeaderV2css__HeaderUI",
  componentId: "a0ahus-0"
})(["border-top-left-radius:4px;border-top-right-radius:4px;text-align:center;&.is-theme-default{height:60px;padding:20px 30px;}&.is-seamless{padding:0px 50px;}&.is-alert{min-height:40px;}"]);
exports.HeaderUI = HeaderUI;
var HeaderTitleUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ModalHeaderV2css__HeaderTitleUI",
  componentId: "a0ahus-1"
})(["font-style:normal;font-weight:500;font-size:16px;line-height:19px;flex-grow:1;margin-right:20px;text-align:left;color:", ";"], (0, _color.getColor)('charcoal', 800));
exports.HeaderTitleUI = HeaderTitleUI;
var HeaderDescriptionUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ModalHeaderV2css__HeaderDescriptionUI",
  componentId: "a0ahus-2"
})(["font-style:normal;font-weight:normal;font-size:14px;line-height:22px;text-align:center;padding-top:7px;color:", ";"], (0, _color.getColor)('charcoal', 600));
exports.HeaderDescriptionUI = HeaderDescriptionUI;
var BrandedHeaderUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ModalHeaderV2css__BrandedHeaderUI",
  componentId: "a0ahus-3"
})(["border:none;padding:40px 90px 40px;text-align:center;width:100%;flex-grow:1;"]);
exports.BrandedHeaderUI = BrandedHeaderUI;
var BrandedHeaderTitleUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ModalHeaderV2css__BrandedHeaderTitleUI",
  componentId: "a0ahus-4"
})(["font-style:normal;font-weight:500;font-size:18px;line-height:22px;text-align:center;color:", ";flex-grow:1;"], (0, _color.getColor)('charcoal', 800));
exports.BrandedHeaderTitleUI = BrandedHeaderTitleUI;
var BrandedHeaderImageUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ModalHeaderV2css__BrandedHeaderImageUI",
  componentId: "a0ahus-5"
})(["padding-bottom:20px;"]);
exports.BrandedHeaderImageUI = BrandedHeaderImageUI;
var AlertHeaderUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "ModalHeaderV2css__AlertHeaderUI",
  componentId: "a0ahus-6"
})(["border:none;padding:50px 50px 4px;text-align:center;width:100%;flex-grow:1;"]);
exports.AlertHeaderUI = AlertHeaderUI;
var AlertHeaderDescriptionUI = (0, _styledComponents.default)(HeaderDescriptionUI).withConfig({
  displayName: "ModalHeaderV2css__AlertHeaderDescriptionUI",
  componentId: "a0ahus-7"
})(["margin:0px;padding-top:7px;"]);
exports.AlertHeaderDescriptionUI = AlertHeaderDescriptionUI;
var AlertHeaderTitleUI = (0, _styledComponents.default)(BrandedHeaderTitleUI).withConfig({
  displayName: "ModalHeaderV2css__AlertHeaderTitleUI",
  componentId: "a0ahus-8"
})(["margin:0px;"]);
exports.AlertHeaderTitleUI = AlertHeaderTitleUI;

var DotStepperUI = _styledComponents.default.div.withConfig({
  displayName: "ModalHeaderV2css__DotStepperUI",
  componentId: "a0ahus-9"
})(["margin-bottom:30px;"]);

exports.DotStepperUI = DotStepperUI;
var _default = HeaderUI;
exports.default = _default;