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

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.ButtonIconUI = exports.RangeUI = exports.InformationUI = exports.NavigationUI = exports.PaginationUI = void 0;

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

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

var _Button = _interopRequireDefault(require("../Button"));

var PaginationUI = _styledComponents.default.nav.withConfig({
  displayName: "Paginationcss__PaginationUI",
  componentId: "mwpu9r-0"
})(["padding:0 10px;min-height:36px;display:flex;align-items:center;width:100%;"]);

exports.PaginationUI = PaginationUI;
var NavigationUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "Paginationcss__NavigationUI",
  componentId: "mwpu9r-1"
})(["margin-left:auto;flex:0 0 auto;display:flex;align-items:center;"]);
exports.NavigationUI = NavigationUI;
var InformationUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "Paginationcss__InformationUI",
  componentId: "mwpu9r-2"
})(["flex:1 1 100%;white-space:nowrap;color:", ";padding:10px 0;"], (0, _color.getColor)('charcoal.200'));
exports.InformationUI = InformationUI;
var RangeUI = (0, _styledComponents.default)('span').withConfig({
  displayName: "Paginationcss__RangeUI",
  componentId: "mwpu9r-3"
})(["color:", ";font-weight:600;"], (0, _color.getColor)('charcoal.600'));
exports.RangeUI = RangeUI;
var ButtonIconUI = (0, _styledComponents.default)(_Button.default).withConfig({
  displayName: "Paginationcss__ButtonIconUI",
  componentId: "mwpu9r-4"
})(["&.is-theme-grey{--focusRingOffset:-2px;--buttonPadding:0;--buttonHeight:26px;--buttonMinWidth:0;height:26px;&.is-style-outlined{--buttonTextColorHover:", ";--buttonBorderColorHover:transparent;--buttonBorderColor:transparent;}&[disabled]{border-color:transparent !important;}}& + &{margin-left:2px;}"], (0, _color.getColor)('charcoal.700'));
exports.ButtonIconUI = ButtonIconUI;