carbon-react/esm/components/select/multi-select/multi-select.style.js

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

import t from"styled-components";import e from"../../pill/pill.style.js";import i from"../../../style/themes/apply-base-theme.js";import l from"../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import n from"../select.style.js";import o from"../../../__internal__/input/input-presentation.style.js";import s from"../../../__internal__/input/input.style.js";import p from"../../../__internal__/input/input-sizes.style.js";const d=t.div.attrs(i).withConfig({displayName:"multi-select.style__StyledSelectPillContainer",componentId:"sc-79dfc3dd-0"})(["display:flex;flex-direction:column;justify-content:center;margin:3px 2px 3px 0;max-width:100%;&& ","{text-overflow:ellipsis;}"],e),r=t(n).withConfig({displayName:"multi-select.style__StyledSelectMultiSelect",componentId:"sc-79dfc3dd-1"})(["","{position:absolute;right:0;height:100%;}","{padding-right:",";padding-left:",";position:relative;","{padding:0;}}"],l,o,(({size:t})=>p[t].height),(({size:t})=>p[t].horizontalPadding),s),m=t.div.withConfig({displayName:"multi-select.style__StyledAccessibilityLabelContainer",componentId:"sc-79dfc3dd-2"})(["display:none;"]);export{m as StyledAccessibilityLabelContainer,r as StyledSelectMultiSelect,d as StyledSelectPillContainer};