diff options
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/layout/Theme.tsx | 7 | ||||
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/Button.tsx | 2 | ||||
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx | 2 | ||||
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/Link.tsx | 2 | ||||
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/styles.ts | 9 | ||||
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/styles/index.ts | 1 | ||||
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/styles/mixins/button-reset.ts (renamed from desktop/packages/mullvad-vpn/src/renderer/lib/components/mixins/button-reset.ts) | 0 | ||||
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/styles/mixins/index.ts (renamed from desktop/packages/mullvad-vpn/src/renderer/lib/components/mixins/index.ts) | 0 |
8 files changed, 4 insertions, 19 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/layout/Theme.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/layout/Theme.tsx index 5d0e86f30e..63c762c4c1 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/layout/Theme.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/layout/Theme.tsx @@ -13,12 +13,6 @@ import { type VariablesProps = React.PropsWithChildren<object>; -const Reset = createGlobalStyle` - button { - all: unset; - } -`; - const VariablesGlobalStyle = createGlobalStyle` :root { ${Object.entries({ @@ -36,7 +30,6 @@ const VariablesGlobalStyle = createGlobalStyle` export const Theme = ({ children }: VariablesProps) => { return ( <> - <Reset /> <VariablesGlobalStyle /> {children} </> diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/Button.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/Button.tsx index bc1979dcf6..0721fbf54a 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/Button.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/Button.tsx @@ -2,8 +2,8 @@ import React, { forwardRef } from 'react'; import styled from 'styled-components'; import { Colors, Radius, Spacings } from '../../foundations'; +import { buttonReset } from '../../styles'; import { Flex } from '../layout'; -import { buttonReset } from '../mixins'; import { BodySmallSemiBold } from '../typography'; export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> { diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx index 1e59dd6790..d6f1dcc242 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/molecules/IconButton.tsx @@ -3,7 +3,7 @@ import styled from 'styled-components'; import ImageView from '../../../components/ImageView'; import { Colors } from '../../foundations'; -import { buttonReset } from '../mixins'; +import { buttonReset } from '../../styles'; export interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> { diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/Link.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/Link.tsx index 32d18b4861..e3c8673a54 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/Link.tsx +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/Link.tsx @@ -4,7 +4,7 @@ import styled from 'styled-components'; import { Colors, Radius } from '../../foundations'; import { useHistory } from '../../history'; import { RoutePath } from '../../routes'; -import { buttonReset } from '../mixins'; +import { buttonReset } from '../../styles'; import { Text, TextProps } from './Text'; export interface LinkProps extends TextProps, Omit<React.HtmlHTMLAttributes<'button'>, 'color'> { diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/styles.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/styles.ts deleted file mode 100644 index ea527ab791..0000000000 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/styles.ts +++ /dev/null @@ -1,9 +0,0 @@ -type NonTransientPropKey<K> = K extends `$${infer L}` ? L : K; - -export type NonTransientProps<T, K extends NonTransientPropKey<keyof T>> = { - [P in keyof T as NonTransientPropKey<P> extends K ? NonTransientPropKey<P> : P]: T[P]; -}; - -export type TransientProps<T, K extends keyof T = keyof T> = { - [P in keyof T as P extends K ? `$${P & string}` : P]: T[P]; -}; diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/styles/index.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/styles/index.ts new file mode 100644 index 0000000000..2b3d8cffd6 --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/styles/index.ts @@ -0,0 +1 @@ +export * from './mixins'; diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/mixins/button-reset.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/styles/mixins/button-reset.ts index 4ef5844150..4ef5844150 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/mixins/button-reset.ts +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/styles/mixins/button-reset.ts diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/mixins/index.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/styles/mixins/index.ts index c546f737b6..c546f737b6 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/mixins/index.ts +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/styles/mixins/index.ts |
