carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.4 kB
JavaScript
import o,{css as i}from"styled-components";import{padding as t}from"styled-system";import e from"../../style/utils/element-sizing.js";import s from"../../style/themes/apply-base-theme.js";import n from"../icon-button/icon-button.style.js";import{SIDEBAR_SIZES_CSS as r}from"./sidebar.config.js";import{StyledForm as d,StyledFormContent as a}from"../form/form.style.js";const l=o.div.attrs(s).withConfig({displayName:"sidebar.style__StyledSidebar",componentId:"sc-de94cc74-0"})([":focus{outline:none;}",""],(({onCancel:o,position:t,size:s,theme:d,width:a})=>i(["background:var(--colorsUtilityYang100);border-radius:1px;bottom:0;position:fixed;display:flex;flex-direction:column;top:0;z-index:",";max-width:100vw;"," "," "," ",""],d.zIndex.fullScreenModal,!a&&s&&i(["width:",";"],r[s]),a&&e({width:a}),t&&i(["box-shadow:var(--boxShadow300);",":0;"],t),o&&i(["> ",":first-of-type{position:absolute;z-index:1;right:25px;top:25px;}"],n)))),p=o.div.withConfig({displayName:"sidebar.style__StyledSidebarContent",componentId:"sc-de94cc74-1"})(["box-sizing:border-box;display:block;overflow-y:auto;flex-grow:1;padding:var(--spacing300) var(--spacing400) var(--spacing400);"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{padding:var(--spacing300) var(--spacing400) var(--spacing400);","}}}"],t,d,d,a,t);export{l as StyledSidebar,p as StyledSidebarContent};