@gsretail.com/gui-core/build/core/Date/TimeInput/GuiTimeInput.styled.js

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

import{__makeTemplateObject as r}from"../../../node_modules/tslib/tslib.es6.js";import n from"@emotion/styled";import{Box as o}from"@mui/material";import"@mui/material/styles";import e from"../../../assets/theme/basicStyle.js";var t,l=n(o)(t||(t=r(["\n  display: flex;\n  flex:1;\n  justifyContent: center;\n  align-items: center;\n  padding: 0 2px 0 8px;\n  border-radius: 4px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: ",";\n\n  &:hover {\n    border-color: ",";\n  }\n  &:focus-within {\n    border-color: ",";\n    &:hover {\n      border-color: ",";\n    }\n  }\n  &.Mui-error {\n    border-color: ",";\n    &:hover {\n      border-color: ",";\n    }\n  }\n\n  &.gui-form-readonly {\n    border-color: ",";\n    background-color: ",";\n    &:hover {\n      border-color: ",";\n    }\n  }\n  &.gui-form-disabled {\n    border-color: ",";\n    background-color: ",";\n    &:hover {\n      cursor: not-allowed;\n    }\n    & > .MuiBox-root {\n      color: ",";\n    }\n  }\n\n  .MuiFormControl-root {\n    .MuiOutlinedInput-notchedOutline {\n        border: 0;\n    }\n    .MuiInputBase-root {\n      background-color: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n    }\n  }\n"],["\n  display: flex;\n  flex:1;\n  justifyContent: center;\n  align-items: center;\n  padding: 0 2px 0 8px;\n  border-radius: 4px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: ",";\n\n  &:hover {\n    border-color: ",";\n  }\n  &:focus-within {\n    border-color: ",";\n    &:hover {\n      border-color: ",";\n    }\n  }\n  &.Mui-error {\n    border-color: ",";\n    &:hover {\n      border-color: ",";\n    }\n  }\n\n  &.gui-form-readonly {\n    border-color: ",";\n    background-color: ",";\n    &:hover {\n      border-color: ",";\n    }\n  }\n  &.gui-form-disabled {\n    border-color: ",";\n    background-color: ",";\n    &:hover {\n      cursor: not-allowed;\n    }\n    & > .MuiBox-root {\n      color: ",";\n    }\n  }\n\n  .MuiFormControl-root {\n    .MuiOutlinedInput-notchedOutline {\n        border: 0;\n    }\n    .MuiInputBase-root {\n      background-color: transparent;\n\n      &:hover {\n        background-color: transparent;\n      }\n    }\n  }\n"])),(function(r){return r.theme.palette.grey[400]}),(function(r){return r.theme.palette.grey[500]}),e.color.primaryColor,e.color.primaryColor,(function(r){return r.theme.palette.error.main}),(function(r){return r.theme.palette.error.main}),(function(r){return r.theme.palette.grey[300]}),(function(r){return r.theme.palette.grey[200]}),(function(r){return r.theme.palette.grey[400]}),(function(r){return r.theme.palette.grey[300]}),(function(r){return r.theme.palette.grey[200]}),(function(r){return r.theme.palette.grey[500]}));export{l as StyledBox};