carbon-react/lib/components/select/__internal__/select-list/select-list.style.js

A library of reusable React components for easily building user interfaces.

"use strict";var t=require("styled-components"),e=require("../../../../style/themes/apply-base-theme.js");function i(t){return t&&t.__esModule?t:{default:t}}var o=i(t);const l=o.default.ul.withConfig({displayName:"select-list.style__StyledSelectList",componentId:"sc-cd99fc43-0"})(["",""],(({listHeight:e})=>t.css(["box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:column;list-style-type:none;margin:0;outline:none;padding:0;position:relative;width:100%;",""],void 0===e?"":`height: ${e}px;`))),a=o.default.div.withConfig({displayName:"select-list.style__StyledSelectLoaderContainer",componentId:"sc-cd99fc43-1"})(["display:flex;align-items:center;justify-content:center;padding-top:24px;padding-bottom:24px;width:100%;flex-grow:1;"]),d=o.default.table.withConfig({displayName:"select-list.style__StyledSelectListTable",componentId:"sc-cd99fc43-2"})(["background-color:var(--colorsUtilityYang100);border-collapse:collapse;border-radius:0px;border-spacing:0;min-width:100%;white-space:nowrap;height:180px;overflow-y:auto;thead,tr{display:table;width:100%;table-layout:fixed;}"]),s=o.default.thead.withConfig({displayName:"select-list.style__StyledSelectListTableHeader",componentId:"sc-cd99fc43-3"})(["border-bottom:1px solid var(--colorsUtilityMajor050);position:sticky;top:0;left:0;z-index:1;tr{width:",';}th{position:sticky;top:0;padding:var(--spacing200);background-color:white;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;color:var(--colorsUtilityYin055);:after{content:"";display:block;position:absolute;bottom:-8px;left:0px;background-image:linear-gradient( var(--colorsUtilityMajor800),var(--colorsUtilityYang100) );opacity:0.03;height:8px;width:100%;}}'],(({scrollbarWidth:t})=>`calc(100% - ${t}px)`)),r=o.default.tbody.withConfig({displayName:"select-list.style__StyledSelectListTableBody",componentId:"sc-cd99fc43-4"})(["display:block;width:100%;table-layout:fixed;width:100%;height:",";"],(({listHeight:t})=>`${t}px`)),n=o.default.div.attrs(e.default).withConfig({displayName:"select-list.style__StyledSelectListContainer",componentId:"sc-cd99fc43-5"})(['background-color:white;box-shadow:var(--boxShadow100);&[data-floating-placement^="top"]{box-shadow:0 -5px 5px 0 #00141e33,0 -10px 10px 0 #00141e1a;}animation:fadeIn 250ms ease-out;position:absolute;z-index:',";display:flex;flex-wrap:wrap;align-items:flex-start;border-radius:var(--borderRadius050);",";@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}"],(({theme:t})=>t.zIndex.popover),(({isLoading:t})=>t&&"min-height: 150px")),c=o.default.div.withConfig({displayName:"select-list.style__StyledScrollableContainer",componentId:"sc-cd99fc43-6"})(["max-height:",";width:100%;border-top-left-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);overflow-y:auto;",""],(({maxHeight:t})=>`${t}px`),(({hasActionButton:e})=>!e&&t.css(["border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);"])));exports.StyledScrollableContainer=c,exports.StyledSelectList=l,exports.StyledSelectListContainer=n,exports.StyledSelectListTable=d,exports.StyledSelectListTableBody=r,exports.StyledSelectListTableHeader=s,exports.StyledSelectLoaderContainer=a;