From 6bdc5a7d7609cb755c6ef1ff9bd1af0f56f2ccdb Mon Sep 17 00:00:00 2001 From: Charles de Dreuille Date: Tue, 3 Dec 2024 17:49:32 +0000 Subject: [PATCH] Delete button.css.ts Signed-off-by: Charles de Dreuille --- .../canon/src/components/Button/button.css.ts | 75 ------------------- 1 file changed, 75 deletions(-) delete mode 100644 packages/canon/src/components/Button/button.css.ts diff --git a/packages/canon/src/components/Button/button.css.ts b/packages/canon/src/components/Button/button.css.ts deleted file mode 100644 index 9d6c8867c3..0000000000 --- a/packages/canon/src/components/Button/button.css.ts +++ /dev/null @@ -1,75 +0,0 @@ -/* - * Copyright 2024 The Backstage Authors - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -import { recipe } from '@vanilla-extract/recipes'; - -export const button = recipe({ - base: { - all: 'unset', - display: 'inline-flex', - alignItems: 'center', - userSelect: 'none', - fontFamily: 'var(--canon-font-sans)', - fontWeight: 600, - fontSize: '0.875rem', - lineHeight: '1.5', - padding: 0, - transition: 'all 150ms ease', - cursor: 'pointer', - }, - variants: { - variant: { - primary: { - backgroundColor: 'var(--button-primary-background-color)', - color: 'var(--button-primary-text-color)', - borderRadius: 'var(--button-primary-border-radius)', - border: `1px solid var(--button-primary-border-color)`, - '&:hover': { - backgroundColor: 'var(--button-primary-background-color-hover)', - borderColor: 'var(--button-primary-border-color-hover)', - }, - }, - secondary: { - backgroundColor: 'transparent', - color: 'var(--button-secondary-text-color)', - borderRadius: 'var(--button-secondary-border-radius)', - border: `1px solid var(--button-secondary-border-color)`, - '&:hover': { - backgroundColor: 'var(--button-secondary-background-color-hover)', - borderColor: 'var(--button-secondary-border-color-hover)', - }, - }, - }, - size: { - small: { - paddingLeft: '16px', - paddingRight: '16px', - height: 'var(--button-size-small)', - }, - medium: { - paddingLeft: '32px', - paddingRight: '32px', - height: 'var(--button-size-medium)', - }, - }, - disabled: { - true: { - opacity: 0.3, - cursor: 'not-allowed', - }, - }, - }, -});