@vellira-ui/tokens 2.98.6 → 2.99.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 (155) hide show
  1. package/dist/css/tokens.css +171 -213
  2. package/dist/dark/components/contextMenu.d.ts +13 -3
  3. package/dist/dark/components/contextMenu.d.ts.map +1 -1
  4. package/dist/dark/components/contextMenu.js +0 -2
  5. package/dist/dark/components/dropdown.d.ts +20 -10
  6. package/dist/dark/components/dropdown.d.ts.map +1 -1
  7. package/dist/dark/components/dropdown.js +6 -5
  8. package/dist/dark/components/input.d.ts +1 -1
  9. package/dist/dark/components/input.js +4 -4
  10. package/dist/dark/components/modal.d.ts +16 -7
  11. package/dist/dark/components/modal.d.ts.map +1 -1
  12. package/dist/dark/components/modal.js +1 -3
  13. package/dist/dark/components/popover.d.ts +5 -25
  14. package/dist/dark/components/popover.d.ts.map +1 -1
  15. package/dist/dark/components/popover.js +0 -4
  16. package/dist/dark/components/radio.js +1 -1
  17. package/dist/dark/components/select.d.ts +9 -2
  18. package/dist/dark/components/select.d.ts.map +1 -1
  19. package/dist/dark/components/select.js +5 -5
  20. package/dist/dark/components/tooltip.d.ts.map +1 -1
  21. package/dist/dark/components/tooltip.js +0 -2
  22. package/dist/dark/semantic/action.d.ts +2 -2
  23. package/dist/dark/semantic/action.js +2 -2
  24. package/dist/dark/semantic/border.d.ts +1 -1
  25. package/dist/dark/semantic/border.js +1 -1
  26. package/dist/dark/semantic/control.js +1 -1
  27. package/dist/dark/semantic/focus.d.ts +1 -1
  28. package/dist/dark/semantic/focus.js +1 -1
  29. package/dist/dark/semantic/icons.d.ts +2 -2
  30. package/dist/dark/semantic/icons.js +2 -2
  31. package/dist/dark/semantic/index.d.ts +0 -1
  32. package/dist/dark/semantic/index.d.ts.map +1 -1
  33. package/dist/dark/semantic/index.js +0 -1
  34. package/dist/dark/semantic/overlay.d.ts +2 -2
  35. package/dist/dark/semantic/overlay.js +2 -2
  36. package/dist/dark/semantic/status.d.ts +6 -6
  37. package/dist/dark/semantic/status.js +6 -6
  38. package/dist/dark/semantic/surface.d.ts +1 -1
  39. package/dist/dark/semantic/surface.js +1 -1
  40. package/dist/dark/semantic/text.d.ts +2 -2
  41. package/dist/dark/semantic/text.js +2 -2
  42. package/dist/factories/componentFocusRing.d.ts +15 -0
  43. package/dist/factories/componentFocusRing.d.ts.map +1 -0
  44. package/dist/factories/componentFocusRing.js +7 -0
  45. package/dist/factories/createContextMenuTokens.d.ts +50 -18
  46. package/dist/factories/createContextMenuTokens.d.ts.map +1 -1
  47. package/dist/factories/createContextMenuTokens.js +6 -5
  48. package/dist/factories/createModalTokens.d.ts +41 -21
  49. package/dist/factories/createModalTokens.d.ts.map +1 -1
  50. package/dist/factories/createModalTokens.js +8 -9
  51. package/dist/factories/createPopoverTokens.d.ts +12 -20
  52. package/dist/factories/createPopoverTokens.d.ts.map +1 -1
  53. package/dist/factories/createPopoverTokens.js +5 -9
  54. package/dist/factories/createTooltipTokens.d.ts +4 -7
  55. package/dist/factories/createTooltipTokens.d.ts.map +1 -1
  56. package/dist/factories/createTooltipTokens.js +4 -4
  57. package/dist/generated/token-types.d.ts +7 -6
  58. package/dist/generated/token-types.d.ts.map +1 -1
  59. package/dist/generated/token-types.js +176 -248
  60. package/dist/highContrast/components/contextMenu.d.ts +13 -3
  61. package/dist/highContrast/components/contextMenu.d.ts.map +1 -1
  62. package/dist/highContrast/components/contextMenu.js +0 -2
  63. package/dist/highContrast/components/dropdown.d.ts +19 -9
  64. package/dist/highContrast/components/dropdown.d.ts.map +1 -1
  65. package/dist/highContrast/components/dropdown.js +6 -5
  66. package/dist/highContrast/components/input.d.ts +4 -4
  67. package/dist/highContrast/components/input.js +4 -4
  68. package/dist/highContrast/components/modal.d.ts +16 -7
  69. package/dist/highContrast/components/modal.d.ts.map +1 -1
  70. package/dist/highContrast/components/modal.js +0 -2
  71. package/dist/highContrast/components/popover.d.ts +5 -25
  72. package/dist/highContrast/components/popover.d.ts.map +1 -1
  73. package/dist/highContrast/components/popover.js +0 -4
  74. package/dist/highContrast/components/radio.js +1 -1
  75. package/dist/highContrast/components/select.d.ts +10 -3
  76. package/dist/highContrast/components/select.d.ts.map +1 -1
  77. package/dist/highContrast/components/select.js +5 -5
  78. package/dist/highContrast/components/tooltip.d.ts.map +1 -1
  79. package/dist/highContrast/components/tooltip.js +0 -2
  80. package/dist/highContrast/semantic/action.d.ts +2 -2
  81. package/dist/highContrast/semantic/action.js +2 -2
  82. package/dist/highContrast/semantic/border.d.ts +1 -1
  83. package/dist/highContrast/semantic/border.js +1 -1
  84. package/dist/highContrast/semantic/focus.d.ts +1 -1
  85. package/dist/highContrast/semantic/focus.js +1 -1
  86. package/dist/highContrast/semantic/icons.d.ts +4 -4
  87. package/dist/highContrast/semantic/icons.js +4 -4
  88. package/dist/highContrast/semantic/index.d.ts +0 -1
  89. package/dist/highContrast/semantic/index.d.ts.map +1 -1
  90. package/dist/highContrast/semantic/index.js +0 -1
  91. package/dist/highContrast/semantic/overlay.d.ts +2 -2
  92. package/dist/highContrast/semantic/overlay.js +2 -2
  93. package/dist/highContrast/semantic/status.d.ts +4 -4
  94. package/dist/highContrast/semantic/status.js +4 -4
  95. package/dist/highContrast/semantic/surface.d.ts +1 -1
  96. package/dist/highContrast/semantic/surface.js +1 -1
  97. package/dist/light/components/contextMenu.d.ts +13 -3
  98. package/dist/light/components/contextMenu.d.ts.map +1 -1
  99. package/dist/light/components/contextMenu.js +0 -2
  100. package/dist/light/components/dropdown.d.ts +19 -9
  101. package/dist/light/components/dropdown.d.ts.map +1 -1
  102. package/dist/light/components/dropdown.js +6 -5
  103. package/dist/light/components/input.js +4 -4
  104. package/dist/light/components/modal.d.ts +16 -7
  105. package/dist/light/components/modal.d.ts.map +1 -1
  106. package/dist/light/components/modal.js +0 -2
  107. package/dist/light/components/popover.d.ts +5 -25
  108. package/dist/light/components/popover.d.ts.map +1 -1
  109. package/dist/light/components/popover.js +0 -4
  110. package/dist/light/components/radio.js +1 -1
  111. package/dist/light/components/select.d.ts +9 -2
  112. package/dist/light/components/select.d.ts.map +1 -1
  113. package/dist/light/components/select.js +5 -5
  114. package/dist/light/components/tooltip.d.ts.map +1 -1
  115. package/dist/light/components/tooltip.js +0 -2
  116. package/dist/light/semantic/action.d.ts +2 -2
  117. package/dist/light/semantic/action.js +2 -2
  118. package/dist/light/semantic/border.d.ts +1 -1
  119. package/dist/light/semantic/border.js +1 -1
  120. package/dist/light/semantic/focus.d.ts +1 -1
  121. package/dist/light/semantic/focus.js +1 -1
  122. package/dist/light/semantic/icons.d.ts +2 -2
  123. package/dist/light/semantic/icons.js +2 -2
  124. package/dist/light/semantic/index.d.ts +0 -1
  125. package/dist/light/semantic/index.d.ts.map +1 -1
  126. package/dist/light/semantic/index.js +0 -1
  127. package/dist/light/semantic/menu.js +1 -1
  128. package/dist/light/semantic/overlay.d.ts +2 -2
  129. package/dist/light/semantic/overlay.js +2 -2
  130. package/dist/light/semantic/status.d.ts +4 -4
  131. package/dist/light/semantic/status.js +4 -4
  132. package/dist/light/semantic/surface.d.ts +1 -1
  133. package/dist/light/semantic/surface.js +1 -1
  134. package/dist/platform-output/component-token-intents.d.ts +71 -0
  135. package/dist/platform-output/component-token-intents.d.ts.map +1 -0
  136. package/dist/platform-output/component-token-intents.js +110 -0
  137. package/dist/platform-output/component-token-web-compatibility.d.ts +32 -0
  138. package/dist/platform-output/component-token-web-compatibility.d.ts.map +1 -0
  139. package/dist/platform-output/component-token-web-compatibility.js +40 -0
  140. package/dist/preservation/token-migrations.d.ts +208 -13
  141. package/dist/preservation/token-migrations.d.ts.map +1 -1
  142. package/dist/preservation/token-migrations.js +332 -30
  143. package/dist/token-architecture.d.ts +56 -10
  144. package/dist/token-architecture.d.ts.map +1 -1
  145. package/dist/token-architecture.js +129 -20
  146. package/package.json +1 -1
  147. package/dist/dark/semantic/navigation.d.ts +0 -34
  148. package/dist/dark/semantic/navigation.d.ts.map +0 -1
  149. package/dist/dark/semantic/navigation.js +0 -37
  150. package/dist/highContrast/semantic/navigation.d.ts +0 -34
  151. package/dist/highContrast/semantic/navigation.d.ts.map +0 -1
  152. package/dist/highContrast/semantic/navigation.js +0 -36
  153. package/dist/light/semantic/navigation.d.ts +0 -34
  154. package/dist/light/semantic/navigation.d.ts.map +0 -1
  155. package/dist/light/semantic/navigation.js +0 -37
package/dist/factories/createTooltipTokens.js CHANGED
@@ -1,9 +1,10 @@
1
- export const createTooltipTokens = ({ contentBg, contentFg, contentBorder, contentShadow, contentBorderWidth = 1, contentRadius, contentPaddingX, contentPaddingY, contentMaxWidth = 240, contentCompactMaxWidth = 200, contentCompactPaddingX, contentCompactPaddingY, contentFontSize, contentLineHeight, contentCompactFontSize, contentCompactLineHeight, contentAnimationDuration = '150ms', contentTranslateY = 2, contentScale = 0.98, arrowBg = contentBg, arrowSize = 10, arrowCompactSize = 6, }) => ({
1
+ import { createComponentShadowIntent, } from '../platform-output/component-token-intents.js';
2
+ export const createTooltipTokens = ({ contentBg, contentFg, contentBorder, contentBorderWidth = 1, contentRadius, contentPaddingX, contentPaddingY, contentMaxWidth = 240, contentCompactMaxWidth = 200, contentCompactPaddingX, contentCompactPaddingY, contentFontSize, contentLineHeight, contentCompactFontSize, contentCompactLineHeight, contentAnimationDuration = '150ms', contentTranslateY = 2, contentScale = 0.98, arrowBg = contentBg, arrowSize = 10, arrowCompactSize = 6, }) => ({
2
3
  content: {
3
4
  bg: contentBg,
4
5
  fg: contentFg,
5
6
  border: contentBorder,
6
- shadow: contentShadow,
7
+ shadow: createComponentShadowIntent('md'),
7
8
  borderWidth: contentBorderWidth,
8
9
  radius: contentRadius,
9
10
  paddingX: contentPaddingX,
@@ -26,11 +27,10 @@ export const createTooltipTokens = ({ contentBg, contentFg, contentBorder, conte
26
27
  compactSize: arrowCompactSize,
27
28
  },
28
29
  });
29
- export const createTooltipTokensFromTheme = ({ overlay, shadow, radius, spacing, typography, }) => createTooltipTokens({
30
+ export const createTooltipTokensFromTheme = ({ overlay, radius, spacing, typography, }) => createTooltipTokens({
30
31
  contentBg: overlay.tooltip.bg,
31
32
  contentFg: overlay.tooltip.fg,
32
33
  contentBorder: overlay.tooltip.border,
33
- contentShadow: shadow.md,
34
34
  contentRadius: radius.sm,
35
35
  contentPaddingX: spacing[3],
36
36
  contentPaddingY: spacing[2],