@vellira-ui/tokens 2.20.0 → 2.22.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 (138) hide show
  1. package/README.md +3 -3
  2. package/dist/css/tokens.css +1078 -967
  3. package/dist/dark/components/button.d.ts +74 -74
  4. package/dist/dark/components/button.d.ts.map +1 -1
  5. package/dist/dark/components/button.js +34 -33
  6. package/dist/dark/components/checkbox.d.ts +15 -15
  7. package/dist/dark/components/checkbox.js +1 -1
  8. package/dist/dark/components/dropdown.d.ts +19 -19
  9. package/dist/dark/components/formField.d.ts +8 -8
  10. package/dist/dark/components/input.d.ts +42 -15
  11. package/dist/dark/components/input.d.ts.map +1 -1
  12. package/dist/dark/components/input.js +29 -1
  13. package/dist/dark/components/menu.d.ts +8 -8
  14. package/dist/dark/components/modal.d.ts +6 -6
  15. package/dist/dark/components/radio.d.ts +17 -17
  16. package/dist/dark/components/select.d.ts +19 -19
  17. package/dist/dark/components/tabs.d.ts +14 -14
  18. package/dist/dark/components/tooltip.d.ts +1 -1
  19. package/dist/dark/semantic/action.d.ts +52 -31
  20. package/dist/dark/semantic/action.d.ts.map +1 -1
  21. package/dist/dark/semantic/action.js +43 -22
  22. package/dist/dark/semantic/border.d.ts +6 -6
  23. package/dist/dark/semantic/border.js +4 -4
  24. package/dist/dark/semantic/control.d.ts +16 -11
  25. package/dist/dark/semantic/control.d.ts.map +1 -1
  26. package/dist/dark/semantic/control.js +6 -0
  27. package/dist/dark/semantic/focus.d.ts +1 -1
  28. package/dist/dark/semantic/icons.d.ts +15 -0
  29. package/dist/dark/semantic/icons.d.ts.map +1 -0
  30. package/dist/dark/semantic/icons.js +15 -0
  31. package/dist/dark/semantic/navigation.d.ts +10 -10
  32. package/dist/dark/semantic/status.d.ts +9 -9
  33. package/dist/dark/semantic/status.js +1 -1
  34. package/dist/dark/semantic/surface.d.ts +8 -7
  35. package/dist/dark/semantic/surface.d.ts.map +1 -1
  36. package/dist/dark/semantic/surface.js +3 -1
  37. package/dist/dark/semantic/text.d.ts +5 -5
  38. package/dist/dark/theme.d.ts +74 -73
  39. package/dist/dark/theme.d.ts.map +1 -1
  40. package/dist/generated/token-types.d.ts +7 -7
  41. package/dist/generated/token-types.d.ts.map +1 -1
  42. package/dist/generated/token-types.js +160 -0
  43. package/dist/highContrast/components/button.d.ts +50 -50
  44. package/dist/highContrast/components/button.d.ts.map +1 -1
  45. package/dist/highContrast/components/button.js +29 -28
  46. package/dist/highContrast/components/checkbox.d.ts +11 -11
  47. package/dist/highContrast/components/checkbox.d.ts.map +1 -1
  48. package/dist/highContrast/components/checkbox.js +2 -6
  49. package/dist/highContrast/components/dropdown.d.ts +11 -11
  50. package/dist/highContrast/components/formField.d.ts +5 -5
  51. package/dist/highContrast/components/input.d.ts +36 -9
  52. package/dist/highContrast/components/input.d.ts.map +1 -1
  53. package/dist/highContrast/components/input.js +30 -2
  54. package/dist/highContrast/components/menu.d.ts +7 -7
  55. package/dist/highContrast/components/modal.d.ts +1 -1
  56. package/dist/highContrast/components/radio.d.ts +11 -11
  57. package/dist/highContrast/components/select.d.ts +13 -13
  58. package/dist/highContrast/components/select.js +2 -2
  59. package/dist/highContrast/components/tabs.d.ts +11 -11
  60. package/dist/highContrast/semantic/action.d.ts +38 -26
  61. package/dist/highContrast/semantic/action.d.ts.map +1 -1
  62. package/dist/highContrast/semantic/action.js +34 -22
  63. package/dist/highContrast/semantic/border.d.ts +2 -2
  64. package/dist/highContrast/semantic/border.js +2 -2
  65. package/dist/highContrast/semantic/control.d.ts +19 -14
  66. package/dist/highContrast/semantic/control.d.ts.map +1 -1
  67. package/dist/highContrast/semantic/control.js +10 -3
  68. package/dist/highContrast/semantic/focus.d.ts +1 -1
  69. package/dist/highContrast/semantic/icons.d.ts +15 -0
  70. package/dist/highContrast/semantic/icons.d.ts.map +1 -0
  71. package/dist/highContrast/semantic/icons.js +15 -0
  72. package/dist/highContrast/semantic/navigation.d.ts +5 -5
  73. package/dist/highContrast/semantic/navigation.js +2 -2
  74. package/dist/highContrast/semantic/skeleton.d.ts +1 -1
  75. package/dist/highContrast/semantic/status.d.ts +12 -12
  76. package/dist/highContrast/semantic/status.js +5 -5
  77. package/dist/highContrast/semantic/surface.d.ts +3 -2
  78. package/dist/highContrast/semantic/surface.d.ts.map +1 -1
  79. package/dist/highContrast/semantic/surface.js +4 -2
  80. package/dist/highContrast/semantic/text.d.ts +1 -1
  81. package/dist/highContrast/theme.d.ts +74 -73
  82. package/dist/highContrast/theme.d.ts.map +1 -1
  83. package/dist/index.d.ts +5 -4
  84. package/dist/index.d.ts.map +1 -1
  85. package/dist/light/components/button.d.ts +76 -76
  86. package/dist/light/components/button.d.ts.map +1 -1
  87. package/dist/light/components/button.js +19 -18
  88. package/dist/light/components/checkbox.d.ts +16 -16
  89. package/dist/light/components/checkbox.d.ts.map +1 -1
  90. package/dist/light/components/checkbox.js +2 -6
  91. package/dist/light/components/dropdown.d.ts +18 -18
  92. package/dist/light/components/dropdown.js +2 -2
  93. package/dist/light/components/formField.d.ts +8 -8
  94. package/dist/light/components/formField.js +2 -2
  95. package/dist/light/components/input.d.ts +43 -16
  96. package/dist/light/components/input.d.ts.map +1 -1
  97. package/dist/light/components/input.js +30 -2
  98. package/dist/light/components/menu.d.ts +12 -12
  99. package/dist/light/components/modal.d.ts +7 -7
  100. package/dist/light/components/modal.js +1 -1
  101. package/dist/light/components/radio.d.ts +17 -17
  102. package/dist/light/components/select.d.ts +20 -20
  103. package/dist/light/components/select.js +4 -4
  104. package/dist/light/components/tabs.d.ts +12 -12
  105. package/dist/light/components/tooltip.d.ts +3 -3
  106. package/dist/light/semantic/action.d.ts +53 -33
  107. package/dist/light/semantic/action.d.ts.map +1 -1
  108. package/dist/light/semantic/action.js +39 -19
  109. package/dist/light/semantic/border.d.ts +6 -5
  110. package/dist/light/semantic/border.d.ts.map +1 -1
  111. package/dist/light/semantic/border.js +2 -1
  112. package/dist/light/semantic/control.d.ts +16 -11
  113. package/dist/light/semantic/control.d.ts.map +1 -1
  114. package/dist/light/semantic/control.js +7 -0
  115. package/dist/light/semantic/focus.d.ts +1 -1
  116. package/dist/light/semantic/icons.d.ts +15 -0
  117. package/dist/light/semantic/icons.d.ts.map +1 -0
  118. package/dist/light/semantic/icons.js +15 -0
  119. package/dist/light/semantic/navigation.d.ts +8 -8
  120. package/dist/light/semantic/status.d.ts +13 -13
  121. package/dist/light/semantic/status.js +2 -2
  122. package/dist/light/semantic/surface.d.ts +8 -6
  123. package/dist/light/semantic/surface.d.ts.map +1 -1
  124. package/dist/light/semantic/surface.js +8 -5
  125. package/dist/light/semantic/text.d.ts +4 -4
  126. package/dist/light/theme.d.ts +74 -73
  127. package/dist/light/theme.d.ts.map +1 -1
  128. package/dist/primitives/colors.d.ts +73 -71
  129. package/dist/primitives/colors.d.ts.map +1 -1
  130. package/dist/primitives/colors.js +73 -71
  131. package/dist/semantic/selection.d.ts +1 -1
  132. package/dist/tokens/radius.d.ts +5 -4
  133. package/dist/tokens/radius.d.ts.map +1 -1
  134. package/dist/tokens/radius.js +5 -4
  135. package/dist/utils/color.d.ts +2 -0
  136. package/dist/utils/color.d.ts.map +1 -0
  137. package/dist/utils/color.js +12 -0
  138. package/package.json +1 -1
package/README.md CHANGED
@@ -29,7 +29,7 @@ theme.semantic.text.primary;
29
29
  theme.semantic.border.default;
30
30
  theme.semantic.status.success.fg;
31
31
 
32
- theme.components.button.primary.default.bg;
32
+ theme.components.button.primary.solid.default.bg;
33
33
  theme.components.input.default.bg; // may be a hex color or transparent
34
34
 
35
35
  theme.tokens.typography.family.regular;
@@ -82,7 +82,7 @@ Using semantic tokens instead of raw palette values makes components easier to m
82
82
  Component tokens define renderer-neutral values for component states.
83
83
 
84
84
  ```ts
85
- theme.components.button.primary.default.bg;
85
+ theme.components.button.primary.solid.default.bg;
86
86
  theme.components.input.focus.border;
87
87
  theme.components.dropdown.content.bg;
88
88
  ```
@@ -106,7 +106,7 @@ Examples:
106
106
  --surface-default
107
107
  --text-primary
108
108
  --border-default
109
- --button-primary-default-bg
109
+ --button-primary-solid-default-bg
110
110
  ```
111
111
 
112
112
  ---