@helpscout/hsds-react/components/Depth/Depth.css.js

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.DepthUI = void 0;

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

var _depth = _interopRequireDefault(require("../../styles/mixins/depth.css"));

var DepthUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "Depthcss__DepthUI",
  componentId: "sc-17qxivz-0"
})(["&.d100{", "}&.d200{", " &.is-active,&.with-hover-effect:hover{", "}}&.d300{", " &.is-active,&.with-hover-effect:hover{", "}}&.d400{", " &.is-active,&.with-hover-effect:hover{", "}}&.d500{", " &.is-active,&.with-hover-effect:hover{", "}}&.d600{", "}&.d700{", "}"], _depth.default.d100, _depth.default.d200, _depth.default.d200Effect, _depth.default.d300, _depth.default.d300Effect, _depth.default.d400, _depth.default.d400Effect, _depth.default.d500, _depth.default.d500Effect, _depth.default.d600, _depth.default.d700);
exports.DepthUI = DepthUI;