@zendeskgarden/react-dropdowns
Version:
Components related to dropdowns in the Garden Design System
24 lines (21 loc) • 804 B
JavaScript
/**
* Copyright Zendesk, Inc.
*
* Use of this source code is governed under the Apache License, Version 2.0
* found at http://www.apache.org/licenses/LICENSE-2.0.
*/
import styled, { css } from 'styled-components';
import { componentStyles } from '@zendeskgarden/react-theming';
const COMPONENT_ID = 'dropdowns.combobox.input_group';
const sizeStyles = props => {
const margin = props.theme.shadowWidths.sm;
return css(["margin:-", ";min-width:0;& > *{margin:", ";}"], margin, margin);
};
const StyledInputGroup = styled.div.attrs({
'data-garden-id': COMPONENT_ID,
'data-garden-version': '9.5.4'
}).withConfig({
displayName: "StyledInputGroup",
componentId: "sc-yx3q7u-0"
})(["display:flex;flex-grow:1;flex-wrap:wrap;", ";", ";"], sizeStyles, componentStyles);
export { StyledInputGroup };