@equinor/eds-core-react
Version:
The React implementation of the Equinor Design System
27 lines (24 loc) • 871 B
JavaScript
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 };