carbon-react/esm/components/pager/pager.style.js

A library of reusable React components for easily building user interfaces.

import e,{css as i}from"styled-components";import t from"../../__internal__/input/input.style.js";import a from"../../__internal__/input/input-presentation.style.js";import n from"../../__internal__/form-field/form-field.style.js";import r from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import{StyledSelectText as o}from"../select/__internal__/select-textbox/select-textbox.style.js";import{Link as p}from"../link/link.component.js";const l=e.div.withConfig({displayName:"pager.style__StyledSelectContainer",componentId:"sc-81c21b55-0"})(["height:26px;width:64px;margin-left:8px;margin-right:8px;","{padding-left:0;}"],a),s=e.div.withConfig({displayName:"pager.style__StyledPagerContainer",componentId:"sc-81c21b55-1"})(["box-sizing:border-box;display:grid;align-items:center;justify-content:space-between;padding:var(--sizing050) var(--sizing300);width:100%;min-height:var(--sizing550);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);border:1px solid var(--colorsUtilityMajor100);border-radius:var(--borderRadius100);grid-template-columns:repeat(3,1fr);flex-wrap:wrap;"," ",""],(({smallScreenBreakpoint:e,showPageSizeSelection:t,showTotalRecords:a})=>e&&i(["@media (max-width:","){grid-template-columns:1fr;padding:var(--sizing050) var(--sizing100);","}"],e,(t||a)&&i(["grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;"]))),(({variant:e})=>i(["background-color:",";"],"alternate"===e?"var(--colorsUtilityMajor040)":"var(--colorsUtilityMajor010)"))),d=e.div.withConfig({displayName:"pager.style__StyledPagerSizeOptions",componentId:"sc-81c21b55-2"})(["grid-area:1 / 1 / 1 / 1;","{width:64px;height:26px;min-height:26px;min-width:10px;margin:0px;","{font-size:14px;padding-right:0px;padding-left:8px;height:22px;width:13px;}","{margin-left:0;width:20px;height:24px;}}"],a,o,r),g=e.div.withConfig({displayName:"pager.style__StyledPagerSizeOptionsInner",componentId:"sc-81c21b55-3"})(["display:flex;align-items:center;"]),m=e.div.withConfig({displayName:"pager.style__StyledPagerNavigation",componentId:"sc-81c21b55-4"})(["display:flex;justify-content:center;align-items:center;padding:0 var(--spacing200);gap:var(--spacing400);grid-area:1 / 2 / 1 / 2;"," && ","{padding:0;margin:4px 8px;height:26px;line-height:26px;min-height:24px;","{text-align:center;height:24px;padding:0;}}"],(({smallScreenBreakpoint:e})=>e&&i(["@media (max-width:","){padding:0;gap:var(--spacing200);grid-area:2 / 1 / 2 / 3;}"],e)),a,t),c=e.div.withConfig({displayName:"pager.style__StyledPagerNavInner",componentId:"sc-81c21b55-5"})(["display:flex;align-items:center;&& ","{margin-bottom:0;}"],n),h=e.label.withConfig({displayName:"pager.style__StyledPagerNavLabel",componentId:"sc-81c21b55-6"})(["white-space:nowrap;"]),y=e(p).withConfig({displayName:"pager.style__StyledPagerLink",componentId:"sc-81c21b55-7"})(["",""],(({hideDisabledButtons:e})=>e&&i(["&{visibility:hidden;}"]))),f=e.div.withConfig({displayName:"pager.style__StyledPagerNoSelect",componentId:"sc-81c21b55-8"})(["user-select:none;white-space:nowrap;font-weight:normal;"]),_=e.div.withConfig({displayName:"pager.style__StyledPagerSummary",componentId:"sc-81c21b55-9"})(["justify-self:end;white-space:nowrap;grid-area:1 / 3 / 1 / 3;",""],(({smallScreenBreakpoint:e})=>e&&i(["@media (max-width:","){grid-area:1 / 2 / 1 / 2;}"],e)));export{s as StyledPagerContainer,y as StyledPagerLink,c as StyledPagerNavInner,h as StyledPagerNavLabel,m as StyledPagerNavigation,f as StyledPagerNoSelect,d as StyledPagerSizeOptions,g as StyledPagerSizeOptionsInner,_ as StyledPagerSummary,l as StyledSelectContainer};