@vellira-ui/tokens 2.26.0 → 2.27.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 (52) hide show
  1. package/dist/css/tokens.css +721 -352
  2. package/dist/dark/components/button.d.ts +263 -95
  3. package/dist/dark/components/button.d.ts.map +1 -1
  4. package/dist/dark/components/button.js +136 -151
  5. package/dist/dark/components/checkbox.d.ts +4 -3
  6. package/dist/dark/components/checkbox.d.ts.map +1 -1
  7. package/dist/dark/components/checkbox.js +2 -3
  8. package/dist/dark/components/formField.d.ts +1 -1
  9. package/dist/dark/components/input.d.ts +3 -3
  10. package/dist/dark/components/radio.d.ts +1 -1
  11. package/dist/dark/components/tabs.d.ts +1 -1
  12. package/dist/dark/semantic/action.d.ts +8 -8
  13. package/dist/dark/semantic/action.js +6 -6
  14. package/dist/dark/semantic/control.d.ts +2 -2
  15. package/dist/dark/semantic/icons.d.ts +1 -1
  16. package/dist/dark/semantic/status.d.ts +4 -4
  17. package/dist/dark/semantic/text.d.ts +1 -1
  18. package/dist/dark/theme.d.ts +12 -12
  19. package/dist/generated/token-types.d.ts +4 -4
  20. package/dist/generated/token-types.d.ts.map +1 -1
  21. package/dist/generated/token-types.js +708 -216
  22. package/dist/highContrast/components/button.d.ts +264 -96
  23. package/dist/highContrast/components/button.d.ts.map +1 -1
  24. package/dist/highContrast/components/button.js +135 -150
  25. package/dist/highContrast/components/checkbox.d.ts +1 -0
  26. package/dist/highContrast/components/checkbox.d.ts.map +1 -1
  27. package/dist/highContrast/components/checkbox.js +4 -1
  28. package/dist/highContrast/components/formField.d.ts +1 -1
  29. package/dist/highContrast/components/input.d.ts +3 -3
  30. package/dist/highContrast/semantic/action.d.ts +10 -10
  31. package/dist/highContrast/semantic/action.js +9 -9
  32. package/dist/highContrast/semantic/icons.d.ts +1 -1
  33. package/dist/highContrast/semantic/status.d.ts +5 -5
  34. package/dist/highContrast/theme.d.ts +12 -12
  35. package/dist/light/components/button.d.ts +264 -96
  36. package/dist/light/components/button.d.ts.map +1 -1
  37. package/dist/light/components/button.js +136 -151
  38. package/dist/light/components/checkbox.d.ts +1 -0
  39. package/dist/light/components/checkbox.d.ts.map +1 -1
  40. package/dist/light/components/checkbox.js +4 -1
  41. package/dist/light/components/formField.d.ts +2 -2
  42. package/dist/light/components/input.d.ts +3 -3
  43. package/dist/light/semantic/icons.d.ts +1 -1
  44. package/dist/light/semantic/status.d.ts +7 -7
  45. package/dist/light/semantic/status.js +3 -3
  46. package/dist/light/theme.d.ts +12 -12
  47. package/dist/primitives/colors.d.ts +12 -12
  48. package/dist/primitives/colors.js +12 -12
  49. package/dist/utils/createButtonPalette.d.ts +106 -0
  50. package/dist/utils/createButtonPalette.d.ts.map +1 -0
  51. package/dist/utils/createButtonPalette.js +72 -0
  52. package/package.json +1 -1
package/dist/utils/createButtonPalette.js ADDED
@@ -0,0 +1,72 @@
1
+ export const transparent = {
2
+ bg: 'transparent',
3
+ border: 'transparent',
4
+ };
5
+ export const createButtonPalette = ({ ring, solid, fg, bg, border, hoverBg, hoverFg, hoverBorder = border, pressedBg, pressedFg, pressedBorder = border, softBorder = transparent.border, softHoverBorder = softBorder, softPressedBorder = softBorder, }) => ({
6
+ ring,
7
+ solid,
8
+ outline: {
9
+ default: {
10
+ bg: transparent.bg,
11
+ fg,
12
+ border,
13
+ },
14
+ hover: {
15
+ bg: hoverBg,
16
+ fg: hoverFg,
17
+ border: hoverBorder,
18
+ },
19
+ pressed: {
20
+ bg: pressedBg,
21
+ fg: pressedFg,
22
+ border: pressedBorder,
23
+ },
24
+ },
25
+ ghost: {
26
+ default: {
27
+ ...transparent,
28
+ fg,
29
+ },
30
+ hover: {
31
+ ...transparent,
32
+ bg: hoverBg,
33
+ fg: hoverFg,
34
+ },
35
+ pressed: {
36
+ ...transparent,
37
+ bg: pressedBg,
38
+ fg: pressedFg,
39
+ },
40
+ },
41
+ soft: {
42
+ default: {
43
+ bg,
44
+ fg,
45
+ border: softBorder,
46
+ },
47
+ hover: {
48
+ bg: hoverBg,
49
+ fg: hoverFg,
50
+ border: softHoverBorder,
51
+ },
52
+ pressed: {
53
+ bg: pressedBg,
54
+ fg: pressedFg,
55
+ border: softPressedBorder,
56
+ },
57
+ },
58
+ link: {
59
+ default: {
60
+ ...transparent,
61
+ fg,
62
+ },
63
+ hover: {
64
+ ...transparent,
65
+ fg: hoverFg,
66
+ },
67
+ pressed: {
68
+ ...transparent,
69
+ fg: pressedFg,
70
+ },
71
+ },
72
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vellira-ui/tokens",
3
- "version": "2.26.0",
3
+ "version": "2.27.0",
4
4
  "description": "Design tokens for Vellira Design System",
5
5
  "author": "Roman Bakurov",
6
6
  "license": "MIT",