@veltra/styles 1.6.5 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/README.md +22 -0
  2. package/dist/_mixins.scss +1 -7
  3. package/dist/theme/component-css-vars.js +1 -1
  4. package/dist/theme/component-css-vars.js.map +1 -1
  5. package/dist/theme/index.d.ts +10 -7
  6. package/dist/theme/index.js +9 -6
  7. package/dist/theme/load-theme.d.ts +3 -4
  8. package/dist/theme/load-theme.js +15 -22
  9. package/dist/theme/load-theme.js.map +1 -1
  10. package/dist/theme/presets/ancient.d.ts +3 -2
  11. package/dist/theme/presets/ancient.js +3 -2
  12. package/dist/theme/presets/ancient.js.map +1 -1
  13. package/dist/theme/presets/dark.js +1 -1
  14. package/dist/theme/presets/dark.js.map +1 -1
  15. package/dist/theme/presets/glass.d.ts +7 -3
  16. package/dist/theme/presets/glass.js +18 -47
  17. package/dist/theme/presets/glass.js.map +1 -1
  18. package/dist/theme/presets/hero.d.ts +3 -3
  19. package/dist/theme/presets/hero.js +3 -40
  20. package/dist/theme/presets/hero.js.map +1 -1
  21. package/dist/theme/presets/midnight.d.ts +8 -0
  22. package/dist/theme/presets/midnight.js +55 -0
  23. package/dist/theme/presets/midnight.js.map +1 -0
  24. package/dist/theme/presets/neon.d.ts +8 -0
  25. package/dist/theme/presets/neon.js +55 -0
  26. package/dist/theme/presets/neon.js.map +1 -0
  27. package/dist/theme/presets/ocean.d.ts +8 -0
  28. package/dist/theme/presets/ocean.js +55 -0
  29. package/dist/theme/presets/ocean.js.map +1 -0
  30. package/dist/theme/presets/sakura.d.ts +8 -0
  31. package/dist/theme/presets/sakura.js +57 -0
  32. package/dist/theme/presets/sakura.js.map +1 -0
  33. package/dist/theme/ui-theme.d.ts +16 -8
  34. package/dist/theme/ui-theme.js +11 -25
  35. package/dist/theme/ui-theme.js.map +1 -1
  36. package/package.json +3 -3
  37. package/src/_mixins.scss +1 -7
  38. package/src/theme/__test__/ui-theme.test.ts +42 -9
  39. package/src/theme/component-css-vars.ts +1 -1
  40. package/src/theme/load-theme.ts +12 -27
  41. package/src/theme/presets/ancient.ts +3 -1
  42. package/src/theme/presets/dark.ts +43 -40
  43. package/src/theme/presets/glass.ts +56 -67
  44. package/src/theme/presets/hero.ts +2 -35
  45. package/src/theme/presets/index.ts +7 -4
  46. package/src/theme/presets/midnight.ts +45 -0
  47. package/src/theme/presets/neon.ts +45 -0
  48. package/src/theme/presets/ocean.ts +35 -0
  49. package/src/theme/presets/sakura.ts +37 -0
  50. package/src/theme/ui-theme.ts +26 -41
  51. package/dist/theme/presets/shadcn.d.ts +0 -8
  52. package/dist/theme/presets/shadcn.js +0 -100
  53. package/dist/theme/presets/shadcn.js.map +0 -1
  54. package/src/theme/presets/shadcn.ts +0 -84
package/src/theme/presets/shadcn.ts DELETED
@@ -1,84 +0,0 @@
1
- import { lightTheme } from './light'
2
-
3
- export const shadcnLightTheme = lightTheme.new({
4
- color: {
5
- primary: '#18181b', // zinc-900
6
- success: '#22c55e',
7
- warning: '#f59e0b',
8
- danger: '#ef4444',
9
- info: '#3b82f6',
10
- disabled: '#f4f4f5',
11
- default: '#fafafa'
12
- },
13
- bg: {
14
- color: {
15
- bottom: '#f4f4f5',
16
- middle: '#fafafa',
17
- top: '#ffffff',
18
- hover: '#f4f4f5',
19
- black: '#000000'
20
- }
21
- },
22
- border: { color: '#e4e4e7', mutedColor: '#e4e4e7' },
23
- 'text-color': {
24
- title: '#09090b',
25
- main: '#09090b',
26
- second: '#71717a',
27
- placeholder: '#a1a1aa',
28
- assist: '#a1a1aa',
29
- disabled: '#a1a1aa',
30
- white: '#ffffff'
31
- },
32
- radius: { small: 4, default: 6, large: 8 },
33
- shadow: { color: '#0000000d', x: 0, y: 1, blur: 2, spread: 0, emboss: 'none' },
34
- button: {
35
- 'primary-text-color': '#ffffff',
36
- 'primary-hover-bg': '#27272a',
37
- 'primary-hover-color': '#ffffff'
38
- }
39
- })
40
-
41
- export const shadcnDarkTheme = shadcnLightTheme.new({
42
- color: {
43
- primary: '#fafafa', // zinc-50
44
- disabled: '#27272a',
45
- default: '#18181b'
46
- },
47
- bg: {
48
- color: {
49
- bottom: '#09090b',
50
- middle: '#18181b',
51
- top: '#27272a',
52
- hover: '#27272a',
53
- black: '#000000'
54
- }
55
- },
56
- border: { color: '#3f3f46', mutedColor: '#27272a' },
57
- 'text-color': {
58
- title: '#fafafa',
59
- main: '#fafafa',
60
- second: '#a1a1aa',
61
- placeholder: '#71717a',
62
- assist: '#71717a',
63
- disabled: '#71717a',
64
- white: '#ffffff'
65
- },
66
- shadow: {
67
- color: '#00000066',
68
- x: 0,
69
- y: 1,
70
- blur: 2,
71
- spread: 0,
72
- emboss: 'none',
73
- sm: '0 1px 2px 0 rgba(0, 0, 0, 0.4)',
74
- lg: '0 8px 24px 0 rgba(0, 0, 0, 0.5), 0 2px 6px 0 rgba(0, 0, 0, 0.35)'
75
- },
76
- button: {
77
- 'primary-text-color': '#000000',
78
- 'primary-hover-bg': '#e4e4e7',
79
- 'primary-hover-color': '#000000',
80
- 'primary-plain-color': '#fafafa'
81
- },
82
- checkbox: { color: '#000000' },
83
- tag: { 'primary-dark-color': '#000000' }
84
- })