@gsretail.com/gui-core/build/core/Table/GuiTableRow/styled.js

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

import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o from"@emotion/styled";import{darken as e}from"@mui/material/styles";import l from"../../../assets/theme/styles/color.js";import r from"../../../assets/theme/basicStyle.js";var t,a=function(a){return o(a)(t||(t=n(["\n  position: relative;\n\n  &.MuiTableRow-hover:hover:not(.disabledRow) {\n    background-color: transparent;\n\n    &.collapseRow:hover {\n      background-color: ",";\n    }\n\n    & > .MuiTableCell-body:not(.collapseCell,.disabledCell,th) {\n      background-color: rgba(0, 0, 0, 0.04);\n    }\n  }\n  background-color: ",";\n\n  &.Mui-selected {\n    td.MuiTableCell-root {\n      background-color: ",";\n    }\n  }\n\n  &:first-of-type {\n    & > .MuiTableCell-body {\n      border-top: 0;\n    }\n  }\n\n  &:nth-of-type(2) {\n    .MuiTableCell-head {\n      top: ","px;\n    }\n  }\n  &:nth-of-type(3) {\n    .MuiTableCell-head {\n      top: ","px;\n    }\n  }\n  &:nth-of-type(4) {\n    .MuiTableCell-head {\n      top: ","px;\n    }\n  }\n  &:nth-of-type(5) {\n    .MuiTableCell-head {\n      top: ","px;\n    }\n  }\n\n  & .MuiTableCell-body {\n    text-align: ",";\n  }\n\n  &.collapseRow {\n    cursor: pointer;\n    background-color: ",";\n\n    & .MuiTableCell-root {\n      border-right: 0;\n      border-bottom: ",";\n    }\n  }\n\n  &.sum {\n    & .MuiTableCell-head {\n      font-weight: 500;\n    }\n  }\n\n  // Rows & Cell Color\n  &.selectedRow {\n    & > .MuiTableCell-root {\n      background-color: ",";\n    }\n  }\n  &.requestRow {\n    & > .MuiTableCell-root {\n      background-color: ",";\n    }\n  }\n  &.cancelRow {\n    & > .MuiTableCell-root {\n      background-color: ",";\n    }\n  }\n  &.disabledRow:not(.requestRow,.cancelRow) {\n    & > .MuiTableCell-root {\n      color: inherit;\n      -webkit-text-fill-color: unset;\n      background-color: ",";\n    }\n  }\n"],["\n  position: relative;\n\n  &.MuiTableRow-hover:hover:not(.disabledRow) {\n    background-color: transparent;\n\n    &.collapseRow:hover {\n      background-color: ",";\n    }\n\n    & > .MuiTableCell-body:not(.collapseCell,.disabledCell,th) {\n      background-color: rgba(0, 0, 0, 0.04);\n    }\n  }\n  background-color: ",";\n\n  &.Mui-selected {\n    td.MuiTableCell-root {\n      background-color: ",";\n    }\n  }\n\n  &:first-of-type {\n    & > .MuiTableCell-body {\n      border-top: 0;\n    }\n  }\n\n  &:nth-of-type(2) {\n    .MuiTableCell-head {\n      top: ","px;\n    }\n  }\n  &:nth-of-type(3) {\n    .MuiTableCell-head {\n      top: ","px;\n    }\n  }\n  &:nth-of-type(4) {\n    .MuiTableCell-head {\n      top: ","px;\n    }\n  }\n  &:nth-of-type(5) {\n    .MuiTableCell-head {\n      top: ","px;\n    }\n  }\n\n  & .MuiTableCell-body {\n    text-align: ",";\n  }\n\n  &.collapseRow {\n    cursor: pointer;\n    background-color: ",";\n\n    & .MuiTableCell-root {\n      border-right: 0;\n      border-bottom: ",";\n    }\n  }\n\n  &.sum {\n    & .MuiTableCell-head {\n      font-weight: 500;\n    }\n  }\n\n  // Rows & Cell Color\n  &.selectedRow {\n    & > .MuiTableCell-root {\n      background-color: ",";\n    }\n  }\n  &.requestRow {\n    & > .MuiTableCell-root {\n      background-color: ",";\n    }\n  }\n  &.cancelRow {\n    & > .MuiTableCell-root {\n      background-color: ",";\n    }\n  }\n  &.disabledRow:not(.requestRow,.cancelRow) {\n    & > .MuiTableCell-root {\n      color: inherit;\n      -webkit-text-fill-color: unset;\n      background-color: ",";\n    }\n  }\n"])),e(r.color.skyBlueSelected,.01),(function(n){var o=n.backgroundColor;return o&&l[o]}),r.color.$selectedRow,28,56,84,112,(function(n){var o=n.align;return o&&o}),(function(n){return n.open?"#ECF3FE":"transparent"}),(function(n){return n.open?"1px solid"+"".concat(r.color.grey300):"none"}),r.color.$selectedRow,r.color.$requestRow,r.color.$cancelRow,r.color.$disabledRow)};export{a as default};