packages/plasma-ui/src/components/Button/ActionButton.sizes.ts - dev - sdds/plasma

packages/plasma-ui/src/components/Button/ActionButton.sizes.ts

26 строк1 KB

Neretin Artem

feat(plasma-ui): Add size tokens to `Button` component

27 апр 2023, 09:26

27 апр 2023, 09:26f042868

import { css } from 'styled-components';

export const sizes = css`
    --plasma-outline-size: 0.125rem;
    --plasma-actionbutton-l-height: 2.25rem;
    --plasma-actionbutton-l-padding-y: 0.5rem;
    --plasma-actionbutton-l-padding-x: 0.625rem;
    --plasma-actionbutton-l-padding-content-x: 0.625rem;
    --plasma-actionbutton-l-padding-stretch-X: 0.875rem;
    --plasma-actionbutton-l-radius: 0.625rem;
    --plasma-actionbutton-l-radius-circle: 1.125rem;
    --plasma-actionbutton-m-height: 2rem;
    --plasma-actionbutton-m-padding-y: 0.4375rem;
    --plasma-actionbutton-m-padding-x: 0.5rem;
    --plasma-actionbutton-m-padding-content-x: 0.5rem;
    --plasma-actionbutton-m-padding-stretch-x: 0.875rem;
    --plasma-actionbutton-m-radius: 0.5625rem;
    --plasma-actionbutton-m-radius-circle: 1rem;
    --plasma-actionbutton-s-height: 1.75rem;
    --plasma-actionbutton-s-padding-y: 0.3125rem;
    --plasma-actionbutton-s-padding-x: 0.375rem;
    --plasma-actionbutton-s-padding-content-x: 0.375rem;
    --plasma-actionbutton-s-padding-stretch-x: 0.875rem;
    --plasma-actionbutton-s-radius: 0.5rem;
    --plasma-actionbutton-s-radius-circle: 0.875rem;
`;