@ntragas/pouncejstest/dist/cjs/utils/GlobalStyles.js

A collection of UI components from Panther labs

"use strict";

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

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

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

var _react = _interopRequireDefault(require("react"));

var _react2 = require("@emotion/react");

var _system = require("../system");

function _templateObject() {
  var data = (0, _taggedTemplateLiteralLoose2.default)(["\n    * {\n      box-sizing: border-box;\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n      line-height: ", ";\n    }\n\n    *::-webkit-scrollbar {\n      width: 8px;\n      background: transparent;\n    }\n\n    *::-webkit-scrollbar-thumb {\n      background: ", ";\n      border-radius: ", "px;\n    }\n\n    *::-webkit-scrollbar:horizontal {\n      height: 8px;\n    }\n\n    ", " {\n      opacity: 0.3;\n      pointer-events: none;\n      cursor: default;\n\n      /* correct any nested disabled items, so that 'opacity: 0.3' isn't applied multiple times */\n      * {\n        opacity: 1;\n      }\n    }\n\n    html {\n      color: ", ";\n      font-family: ", ";\n    }\n\n    html,\n    body,\n    div,\n    span,\n    applet,\n    object,\n    iframe,\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    hr,\n    p,\n    blockquote,\n    pre,\n    a,\n    abbr,\n    acronym,\n    address,\n    big,\n    cite,\n    code,\n    del,\n    dfn,\n    em,\n    img,\n    ins,\n    kbd,\n    q,\n    s,\n    samp,\n    small,\n    strike,\n    strong,\n    sub,\n    sup,\n    tt,\n    var,\n    b,\n    u,\n    i,\n    center,\n    dl,\n    dt,\n    dd,\n    ol,\n    ul,\n    li,\n    fieldset,\n    form,\n    label,\n    legend,\n    table,\n    caption,\n    tbody,\n    tfoot,\n    thead,\n    tr,\n    th,\n    td,\n    article,\n    aside,\n    canvas,\n    details,\n    embed,\n    figure,\n    figcaption,\n    footer,\n    header,\n    hgroup,\n    menu,\n    nav,\n    output,\n    ruby,\n    section,\n    summary,\n    time,\n    mark,\n    audio,\n    video,\n    button {\n      margin: 0;\n      padding: 0;\n      border: 0;\n      font-size: 100%;\n      vertical-align: baseline;\n    }\n\n    button,\n    input,\n    select,\n    textarea {\n      font-family: inherit;\n    }\n\n    a {\n      color: inherit;\n      text-decoration: inherit;\n    }\n\n    /* HTML5 display-role reset for older browsers */\n    article,\n    aside,\n    details,\n    figcaption,\n    figure,\n    footer,\n    header,\n    hgroup,\n    menu,\n    nav,\n    section {\n      display: block;\n    }\n    body {\n      line-height: ", ";\n    }\n    ol,\n    ul {\n      list-style: none;\n    }\n    blockquote,\n    q {\n      quotes: none;\n    }\n    blockquote:before,\n    blockquote:after,\n    q:before,\n    q:after {\n      content: '';\n      content: none;\n    }\n    table {\n      border-collapse: collapse;\n      border-spacing: 0;\n    }\n\n    svg {\n      fill: currentColor;\n    }\n\n    input,\n    textarea {\n      outline: none;\n    }\n\n    input[type='number'] {\n      -webkit-appearance: textfield;\n      -moz-appearance: textfield;\n      appearance: textfield;\n    }\n    input[type='number']::-webkit-inner-spin-button,\n    input[type='number']::-webkit-outer-spin-button {\n      -webkit-appearance: none;\n    }\n\n    /* Let reach-ui know that we took care of the styles */\n    :root {\n      --reach-menu-button: 1;\n      --reach-tooltip: 1;\n      --reach-dialog: 1;\n      --reach-tabs: 1;\n    }\n\n    [data-reach-popover] {\n      z-index: 10;\n    }\n    [data-reach-dialog-overlay] {\n      z-index: 10;\n      background: hsla(0, 0%, 0%, 0.33);\n      position: fixed;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      overflow: auto;\n    }\n\n    [data-reach-tabs][data-orientation='vertical'] {\n      display: flex;\n    }\n\n    [data-reach-tab-list][aria-orientation='vertical'] {\n      flex-direction: column;\n    }\n\n    [data-reach-tab-panels] {\n      outline: none;\n    }\n  "]);

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

  return data;
}

var GlobalStyles = function GlobalStyles() {
  var theme = (0, _react2.useTheme)();
  var globalStyles = (0, _react2.css)(_templateObject(), theme.lineHeights.normal, theme.colors['navyblue-200'], theme.radii.pill, _system.pseudoSelectors._disabled, theme.colors['gray-50'], theme.fonts.primary, theme.lineHeights.none);
  return /*#__PURE__*/_react.default.createElement(_react2.Global, {
    styles: globalStyles
  });
};

var _default = GlobalStyles;
exports.default = _default;