From 6f4d757c939d5f8c477045101f9e9cc1fbf0df6f Mon Sep 17 00:00:00 2001 From: aymerick Date: Tue, 27 May 2025 17:42:22 +0200 Subject: [PATCH] add shadow preset --- .changeset/smart-shoes-travel.md | 5 +++++ packages/theme/src/shadow.ts | 28 ++++++++++++++++++++++++++++ packages/theme/src/types/shadow.ts | 9 +++++++++ 3 files changed, 42 insertions(+) create mode 100644 .changeset/smart-shoes-travel.md create mode 100644 packages/theme/src/shadow.ts create mode 100644 packages/theme/src/types/shadow.ts diff --git a/.changeset/smart-shoes-travel.md b/.changeset/smart-shoes-travel.md new file mode 100644 index 00000000..19ebdd17 --- /dev/null +++ b/.changeset/smart-shoes-travel.md @@ -0,0 +1,5 @@ +--- +'@crossed/theme': patch +--- + +Add shadow preset diff --git a/packages/theme/src/shadow.ts b/packages/theme/src/shadow.ts new file mode 100644 index 00000000..7318d1a2 --- /dev/null +++ b/packages/theme/src/shadow.ts @@ -0,0 +1,28 @@ +/** + * Copyright (c) Paymium. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root of this projects source tree. + */ + +import { Shadow } from './types/shadow'; + +export const shadowLight = { + 'xs': '0px 1px 2px 0px #3747FF0D', + 'sm': '0px 1px 3px 0px #0A0D121A', + 'md': '0px 4px 6px -1px #0A0D121A', + 'lg': '0px 12px 16px -4px #0A0D1214', + 'xl': '0px 20px 24px -4px #0A0D1214', + '2xl': '0px 24px 48px -12px #0A0D122E', + '3xl': '0px 32px 64px -12px #0A0D1224', +} as const satisfies Shadow; + +export const shadowDark = { + 'xs': '0px 1px 2px 0px #FFFFFF00', + 'sm': '0px 1px 3px 0px #FFFFFF00', + 'md': '0px 4px 6px -1px #FFFFFF00', + 'lg': '0px 12px 16px -4px #FFFFFF00', + 'xl': '0px 20px 24px -4px #FFFFFF00', + '2xl': '0px 24px 48px -12px #FFFFFF00', + '3xl': '0px 32px 64px -12px #FFFFFF00', +} as const satisfies Shadow; diff --git a/packages/theme/src/types/shadow.ts b/packages/theme/src/types/shadow.ts new file mode 100644 index 00000000..2864f7be --- /dev/null +++ b/packages/theme/src/types/shadow.ts @@ -0,0 +1,9 @@ +/** + * Copyright (c) Paymium. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root of this projects source tree. + */ + +export type ShadowName = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'; +export type Shadow = Record;