storybook-addon-react-renders/dist/components/Panel/style.js

Storybook addon for renders analysis of React components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.InspectorContainer = exports.Action = exports.Actions = undefined;

var _reactEmotion = require("react-emotion");

var _reactEmotion2 = _interopRequireDefault(_reactEmotion);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/*
  The components (Actions, Action, InspectorContainer) for displaying the events from this Addon are from:
  https://github.com/storybooks/storybook/blob/f49c44482618ca77e8134b53aba58d6138b662ed/addons/actions/src/components/ActionLogger/style.js
*/

var Actions = exports.Actions = (0, _reactEmotion2.default)("pre")({
  flex: 1,
  margin: 0,
  padding: "8px 2px 20px 0",
  overflowY: "auto",
  color: "#666"
});

var Action = exports.Action = (0, _reactEmotion2.default)("div")({
  display: "flex",
  padding: "3px 3px 3px 0",
  borderLeft: "5px solid white",
  borderBottom: "1px solid #fafafa",
  transition: "all 0.1s",
  alignItems: "start"
});

var InspectorContainer = exports.InspectorContainer = (0, _reactEmotion2.default)("div")({
  flex: 1,
  padding: "0 0 0 5px"
});