carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 4.87 kB
JavaScript
;var e=require("styled-components"),o=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),n=require("../icon/icon.component.js"),i=require("../icon/icon.style.js"),r=require("../button/button.style.js"),a=require("../../style/utils/add-focus-styling.js");function s(e){return e&&e.__esModule?e:{default:e}}var c=s(e);const l=c.default.ul.attrs(t.default).withConfig({displayName:"action-popover.style__Menu",componentId:"sc-57e29bef-0"})(["visibility:",";display:grid;"," align-items:center;min-width:fit-content;text-align:",";justify-content:",";margin:0;list-style:none;padding:var(--spacing100) 0;box-shadow:var(--boxShadow100);position:absolute;border-radius:var(--borderRadius100);background-color:var(--colorsUtilityYang100);z-index:",';&[data-submenu-placement="top"] &{bottom:calc(-1 * var(--spacing100));top:auto;}&[data-submenu-placement="bottom"] &{top:calc(-1 * var(--spacing100));bottom:auto;}'],(({isOpen:e})=>e?"visible":"hidden"),(({submenuLeft:o,iconLeft:t})=>{const n="[chevron_column] auto",i="[icon_column] auto",r="[text_column] auto";return e.css(["grid-template-columns:"," "," ",";"],o?n:"",t?`${i} ${r}`:`${r} ${i}`,o?"":n)}),(({iconLeft:e})=>e?"left":"right"),(({iconLeft:e})=>e?"left":"right"),(({theme:e})=>{var o;return`${null===(o=e.zIndex)||void 0===o?void 0:o.popover}`})),d=c.default.div.withConfig({displayName:"action-popover.style__StyledMenuItemInnerText",componentId:"sc-57e29bef-1"})(["grid-column:text_column;&:only-child{padding:0;}padding:0 var(--spacing100);"]),u=c.default.button.withConfig({displayName:"action-popover.style__StyledMenuItem",componentId:"sc-57e29bef-2"})(["display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:span 3;align-items:inherit;text-align:inherit;justify-content:inherit;text-decoration:none;background-color:var(--colorsActionMajorYang100);cursor:pointer;box-sizing:border-box;padding:0 var(--spacing150);position:relative;line-height:40px;white-space:nowrap;user-select:none;border:none;color:var(--colorsUtilityYin090);font-size:14px;font-weight:500;&:focus{"," z-index:1;border-radius:var(--borderRadius000);}"," ",""],a.default(),(({isDisabled:o})=>o&&e.css(["color:var(--colorsUtilityYin030);cursor:not-allowed;&& ","{cursor:not-allowed;color:var(--colorsUtilityYin030);}:focus{border:none;outline:none;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none;}"],i.default)),(({isDisabled:o})=>!o&&e.css(["&:focus,&:hover{background-color:var(--colorsUtilityMajor100);}&& ","{cursor:pointer;}"],i.default))),p=c.default.li.withConfig({displayName:"action-popover.style__StyledMenuItemWrapper",componentId:"sc-57e29bef-3"})(["display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:span 3;text-align:inherit;align-items:inherit;justify-content:inherit;position:relative;"]),m=c.default.li.attrs({"data-element":"action-popover-divider"}).withConfig({displayName:"action-popover.style__MenuItemDivider",componentId:"sc-57e29bef-4"})(["grid-column:span 3;background-color:var(--colorsUtilityMajor050);height:var(--borderWidth100);margin:var(--spacing100) var(--spacing150);"]),g=c.default.div.attrs(t.default).withConfig({displayName:"action-popover.style__MenuButton",componentId:"sc-57e29bef-5"})(["position:relative;&& ","{cursor:pointer;}width:fit-content;margin:auto;",""],i.default,o.margin),f=c.default(n.default).withConfig({displayName:"action-popover.style__ButtonIcon",componentId:"sc-57e29bef-6"})(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),v=c.default.div.withConfig({displayName:"action-popover.style__StyledButtonIcon",componentId:"sc-57e29bef-7"})(["&:focus{","}border-radius:var(--borderRadius050);"],a.default()),y=c.default(n.default).withConfig({displayName:"action-popover.style__MenuItemIcon",componentId:"sc-57e29bef-8"})(["justify-content:inherit;grid-column:icon_column;padding:var(--spacing100);color:var(--colorsUtilityYin065);"]),b=c.default(f).withConfig({displayName:"action-popover.style__SubMenuItemIcon",componentId:"sc-57e29bef-9"})(["grid-column:chevron_column;",""],(({type:o})=>e.css([""," ",""],"chevron_left_thick"===o&&e.css(["left:-5px;"]),"chevron_right_thick"===o&&e.css(["right:-5px;"])))),h=c.default.div.withConfig({displayName:"action-popover.style__MenuButtonOverrideWrapper",componentId:"sc-57e29bef-10"})(["","{padding:0px var(--sizing100);width:100%;&:hover,&:focus{background-color:var(--colorsActionMajorTransparent);color:var(--colorsActionMajor600);span[color]{color:var(--colorsActionMajor600);}}}"],r.default);exports.ButtonIcon=f,exports.Menu=l,exports.MenuButton=g,exports.MenuButtonOverrideWrapper=h,exports.MenuItemDivider=m,exports.MenuItemIcon=y,exports.StyledButtonIcon=v,exports.StyledMenuItem=u,exports.StyledMenuItemInnerText=d,exports.StyledMenuItemWrapper=p,exports.SubMenuItemIcon=b;