UNPKG

@equinor/eds-core-react

Version:

The React implementation of the Equinor Design System

27 lines (24 loc) 871 B
import { forwardRef } from 'react'; import styled from 'styled-components'; import { typographyTemplate } from '@equinor/eds-utils'; import { slider } from './Slider.tokens.js'; import { jsx } from 'react/jsx-runtime'; const { entities: { track, output } } = slider; const StyledMinMax = styled.span.withConfig({ displayName: "MinMax__StyledMinMax", componentId: "sc-lxmlid-0" })(["grid-row:2;", " position:absolute;left:2px;top:", ";pointer-events:none;text-align:left;transform:translate(calc(-1 * calc((100% - 8px) / 2)));&:last-child{left:auto;right:2px;transform:translate(calc((100% - 8px) / 2));}"], typographyTemplate(output.typography), track.spacings.top); const MinMax = /*#__PURE__*/forwardRef(function MinMax({ children }, ref) { return /*#__PURE__*/jsx(StyledMinMax, { ref: ref, children: children }); }); export { MinMax };