carbon-react/lib/components/button-toggle/button-toggle-group/button-toggle-group.style.js

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("styled-system"),o=require("../../../style/themes/apply-base-theme.js"),s=require("../button-toggle.style.js");function r(t){return t&&t.__esModule?t:{default:t}}const l=r(t).default.div.attrs(o.default).attrs({type:"button"}).withConfig({displayName:"button-toggle-group.style__StyledButtonToggleGroup",componentId:"sc-2a42cbae-0"})([""," display:flex;box-shadow:inset 0px 0px 0px 1px var(--colorsActionMinor500);border-radius:var(--borderRadius100);padding:4px;gap:4px;width:fit-content;height:fit-content;flex-wrap:",";"," "," ",""],e.margin,(({labelInline:t})=>t?"nowrap":"wrap"),(({disabled:e})=>e&&t.css(["cursor:not-allowed;box-shadow:inset 0px 0px 0px 1px var(--colorsActionDisabled600);"])),(({fullWidth:e})=>e&&t.css(["width:100%;","{width:100%;}","{flex:auto;}"],s.StyledButtonToggle,s.StyledButtonToggleWrapper)),(({inputWidth:e})=>e&&t.css(["width:",";"],`${e}%`)));exports.default=l;