feat: added blurs in theme

.changeset/bright-knives-help.md

@@ -0,0 +1,6 @@
+---
+'@yamada-ui/theme': minor
+'@yamada-ui/cli': minor
+---
+
+Added blurs in theme.

packages/cli/src/command/tokens/config.ts

@@ -17,6 +17,7 @@ export const config: Config[] = [
   { key: 'lineHeights' },
   { key: 'radii' },
   { key: 'shadows' },
+  { key: 'blurs' },
   { key: 'sizes', maxScanDepth: 2 },
   { key: 'spaces', flatMap: (value) => [value, `-${value}`] },
   { key: 'zIndices' },

packages/core/src/generated-theme.types.ts

@@ -2,6 +2,7 @@ import { UITheme } from './ui-theme.types'
 
 export interface GeneratedTheme extends UITheme {
   animations: string & {}
+  blurs: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | (string & {})
   borders: string & {}
   breakpoints: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | (string & {})
   colors:

packages/core/src/theme.ts

@@ -16,6 +16,7 @@ export type VarToken = {
 export type VarTokens = Record<string, VarToken>
 
 const tokens = [
+  'blurs',
   'borders',
   'breakpoints',
   'colors',

packages/theme/src/tokens/blurs.ts

@@ -0,0 +1,9 @@
+export type Blurs = typeof blurs
+
+export const blurs = {
+  sm: '4px',
+  md: '8px',
+  lg: '12px',
+  xl: '16px',
+  '2xl': '24px',
+}

packages/theme/src/tokens/index.ts

@@ -1,4 +1,5 @@
 import { animations } from './animations'
+import { blurs } from './blurs'
 import { borders } from './borders'
 import { breakpoints } from './breakpoints'
 import { colors } from './colors'
@@ -17,6 +18,7 @@ import { zIndices } from './z-indices'
 
 export default {
   animations,
+  blurs,
   borders,
   breakpoints,
   colors,