@gsretail.com/gui-core/build/esm/core/Pagination/GuiPagination.styled.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__makeTemplateObject as n}from"tslib";import o from"@emotion/styled";import{darken as i}from"@mui/material/styles";import r from"../../assets/theme/basicStyle.js";var e,t=function(t){return o(t)(e||(e=n(["\n\npadding: 8px;\n\n& .MuiPagination-ul {\n  gap: ",";\n\n  & .MuiPaginationItem-root {\n    border-radius: ",";\n    background: ",";\n    white-space: nowrap;\n    color: ",";\n    line-height: 2;\n    &.MuiPaginationItem-ellipsis {\n      line-height: ",";\n    }\n    font-size: ",";\n\n    margin: 0;\n    min-width: ",";\n    width: auto;\n    height: ",";\n\n    &:hover:not(.MuiPaginationItem-ellipsis) {\n      background-color: ",";\n    }\n\n    &.Mui-selected {\n      background-color: ",";\n      color: ",";\n\n      &:hover {\n        background-color: ",";\n      }\n    }\n\n    &.Mui-disabled {\n      opacity: 0.5;\n\n      svg {\n        color: ",";\n      }\n    }\n  }\n\n  & .MuiPaginationItem-outlined {\n    border: 1px solid ",";\n    background-color: ",";\n  }\n}\n"],["\n\npadding: 8px;\n\n& .MuiPagination-ul {\n  gap: ",";\n\n  & .MuiPaginationItem-root {\n    border-radius: ",";\n    background: ",";\n    white-space: nowrap;\n    color: ",";\n    line-height: 2;\n    &.MuiPaginationItem-ellipsis {\n      line-height: ",";\n    }\n    font-size: ",";\n\n    margin: 0;\n    min-width: ",";\n    width: auto;\n    height: ",";\n\n    &:hover:not(.MuiPaginationItem-ellipsis) {\n      background-color: ",";\n    }\n\n    &.Mui-selected {\n      background-color: ",";\n      color: ",";\n\n      &:hover {\n        background-color: ",";\n      }\n    }\n\n    &.Mui-disabled {\n      opacity: 0.5;\n\n      svg {\n        color: ",";\n      }\n    }\n  }\n\n  & .MuiPaginationItem-outlined {\n    border: 1px solid ",";\n    background-color: ",";\n  }\n}\n"])),(function(n){var o=n.size;return"small"===o?"6px":"large"===o?"8px":"6px"}),(function(n){return"rounded"===n.shape?"4px":"10em"}),r.color.grey200,r.color.black,(function(n){var o=n.size;return"small"===o?2.2:"large"===o?2.6:2.5}),(function(n){var o=n.size;return"small"===o?"0.75rem":"large"===o?"0.9375rem":"0.8125rem"}),(function(n){var o=n.size;return"small"===o?"24px":"large"===o?"38px":"32px"}),(function(n){var o=n.size;return"small"===o?"24px":"large"===o?"38px":"32px"}),r.color.primaryLightHover,r.color.blue,r.color.white,i(r.color.blue,.1),r.color.secondary,r.color.grey300,r.color.white)};export{t as default};