fannypack-v5/es/Box/styles-579aeb3a.js

An accessible, composable, and friendly React UI Kit

import 'classnames';
import { css } from 'emotion';
import { css as css$1 } from '@emotion/core';
import 'emotion-theming';
import '@emotion/styled';
import { a as _taggedTemplateLiteralLoose } from '../chunk-0c448560.js';
import { altitude, theme } from '../utils/theme.js';

function _templateObject3() {
  var data = _taggedTemplateLiteralLoose(["\n  margin: unset;\n  padding: unset;\n  border: unset;\n  background: unset;\n  font: unset;\n  font-family: inherit;\n  font-size: 100%;\n  box-sizing: border-box;\n\n  &:focus:not(:focus-visible) {\n    outline: none;\n  }\n\n  & {\n    ", ";\n  }\n"]);

  _templateObject3 = function _templateObject3() {
    return data;
  };

  return data;
}

function _templateObject2() {
  var data = _taggedTemplateLiteralLoose(["\n      & {\n        ", ";\n      }\n    "]);

  _templateObject2 = function _templateObject2() {
    return data;
  };

  return data;
}

function _templateObject() {
  var data = _taggedTemplateLiteralLoose(["\n  & {\n    ", ";\n  }\n\n  ", ";\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}
var style = function style(styleProps) {
  return css(_templateObject(), styleProps.style, styleProps.altitude && css$1(_templateObject2(), altitude(styleProps.altitude)(styleProps)));
};
var Box = function Box(styleProps) {
  return css(_templateObject3(), theme(styleProps.themeKey, 'css.root')(styleProps));
};

var styles = /*#__PURE__*/Object.freeze({
  style: style,
  Box: Box
});

export { Box as B, styles as a, style as s };