rift-ds 1.7.0 → 1.9.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 (131) hide show
  1. package/README.md +31 -8
  2. package/bin/rift-ds.mjs +142 -29
  3. package/bin/templates/chat/.env.chat.example +21 -0
  4. package/bin/templates/chat/app/api/chat/feedback/route.ts +12 -0
  5. package/bin/templates/chat/app/api/chat/followups/route.ts +23 -0
  6. package/bin/templates/chat/app/api/chat/guardrails.ts +18 -0
  7. package/bin/templates/chat/app/api/chat/route.ts +31 -0
  8. package/bin/templates/chat/components/chat/ChatMount.tsx +52 -0
  9. package/bin/templates/chat/components/chat/models.ts +29 -0
  10. package/chat/AssistantTurn.d.ts +5 -0
  11. package/chat/AssistantTurn.js +82 -0
  12. package/chat/ChatAgentPane.css +56 -0
  13. package/chat/ChatAgentPane.d.ts +24 -0
  14. package/chat/ChatAgentPane.js +28 -0
  15. package/chat/ChatArtifactCard.d.ts +13 -0
  16. package/chat/ChatArtifactCard.js +21 -0
  17. package/chat/ChatArtifactPane.d.ts +18 -0
  18. package/chat/ChatArtifactPane.js +43 -0
  19. package/chat/ChatLauncher.d.ts +64 -0
  20. package/chat/ChatLauncher.js +347 -0
  21. package/chat/ChatProvider.d.ts +55 -0
  22. package/chat/ChatProvider.js +196 -0
  23. package/chat/ChatTabs.d.ts +13 -0
  24. package/chat/ChatTabs.js +24 -0
  25. package/chat/ChatThreads.d.ts +26 -0
  26. package/chat/ChatThreads.js +55 -0
  27. package/chat/ChatWidget.css +1259 -0
  28. package/chat/ChatWidget.d.ts +115 -0
  29. package/chat/ChatWidget.js +709 -0
  30. package/chat/DemoWelcome.d.ts +13 -0
  31. package/chat/DemoWelcome.js +131 -0
  32. package/chat/FollowupSuggestions.d.ts +23 -0
  33. package/chat/FollowupSuggestions.js +34 -0
  34. package/chat/ResponseActions.d.ts +18 -0
  35. package/chat/ResponseActions.js +79 -0
  36. package/chat/TurnContent.d.ts +11 -0
  37. package/chat/TurnContent.js +19 -0
  38. package/chat/artifacts.d.ts +5 -0
  39. package/chat/artifacts.js +14 -0
  40. package/chat/context.d.ts +82 -0
  41. package/chat/context.js +29 -0
  42. package/chat/demo-agent-panes.d.ts +5 -0
  43. package/chat/demo-agent-panes.js +49 -0
  44. package/chat/demo-agent.d.ts +3 -0
  45. package/chat/demo-agent.js +28 -0
  46. package/chat/demo-artifacts.d.ts +6 -0
  47. package/chat/demo-artifacts.js +80 -0
  48. package/chat/demo-card-components.d.ts +48 -0
  49. package/chat/demo-card-components.js +66 -0
  50. package/chat/demo-cards.d.ts +32 -0
  51. package/chat/demo-cards.js +59 -0
  52. package/chat/demo-fixtures.d.ts +20 -0
  53. package/chat/demo-fixtures.js +113 -0
  54. package/chat/demo-script.d.ts +6 -0
  55. package/chat/demo-script.js +237 -0
  56. package/chat/demo.css +52 -0
  57. package/chat/demo.d.ts +10 -0
  58. package/chat/demo.js +28 -0
  59. package/chat/followups.d.ts +41 -0
  60. package/chat/followups.js +55 -0
  61. package/chat/greeting.d.ts +11 -0
  62. package/chat/greeting.js +21 -0
  63. package/chat/index.d.ts +37 -0
  64. package/chat/index.js +90 -0
  65. package/chat/placement.d.ts +48 -0
  66. package/chat/placement.js +39 -0
  67. package/chat/queries.d.ts +18 -0
  68. package/chat/queries.js +26 -0
  69. package/chat/registry.d.ts +25 -0
  70. package/chat/registry.js +9 -0
  71. package/chat/registry.json.d.ts +74 -0
  72. package/chat/registry.json.js +11 -0
  73. package/chat/server.d.ts +217 -0
  74. package/chat/server.js +488 -0
  75. package/chat/sim.d.ts +71 -0
  76. package/chat/sim.js +125 -0
  77. package/chat/starters.d.ts +15 -0
  78. package/chat/starters.js +38 -0
  79. package/chat/suggestions.d.ts +22 -0
  80. package/chat/suggestions.js +9 -0
  81. package/chat/threads.d.ts +73 -0
  82. package/chat/threads.js +270 -0
  83. package/chat/transport.d.ts +49 -0
  84. package/chat/transport.js +105 -0
  85. package/chat/types.d.ts +246 -0
  86. package/chat/types.js +18 -0
  87. package/chat/upstash.d.ts +63 -0
  88. package/chat/upstash.js +147 -0
  89. package/chat/useChat.d.ts +64 -0
  90. package/chat/useChat.js +241 -0
  91. package/cli/templates/chat/app/api/chat/feedback/route.d.ts +3 -0
  92. package/cli/templates/chat/app/api/chat/followups/route.d.ts +3 -0
  93. package/cli/templates/chat/app/api/chat/guardrails.d.ts +10 -0
  94. package/cli/templates/chat/app/api/chat/route.d.ts +4 -0
  95. package/cli/templates/chat/components/chat/ChatMount.d.ts +1 -0
  96. package/cli/templates/chat/components/chat/models.d.ts +11 -0
  97. package/components/AgentRail/AgentRail.css +14 -5
  98. package/components/AgentRail/AgentRail.d.ts +2 -0
  99. package/components/AgentRail/AgentRail.js +3 -2
  100. package/components/ArtifactCard/ArtifactCard.css +106 -0
  101. package/components/ArtifactCard/ArtifactCard.d.ts +27 -0
  102. package/components/ArtifactCard/ArtifactCard.js +29 -0
  103. package/components/ArtifactPanel/ArtifactPanel.css +159 -0
  104. package/components/ArtifactPanel/ArtifactPanel.d.ts +70 -0
  105. package/components/ArtifactPanel/ArtifactPanel.js +131 -0
  106. package/components/ShaderField/ShaderField.d.ts +3 -2
  107. package/components/ShaderField/useShaderField.d.ts +2 -1
  108. package/components/ShaderField/useShaderField.js +6 -6
  109. package/components/ThreadPanel/ThreadPanel.css +87 -33
  110. package/components/ThreadPanel/ThreadPanel.js +21 -10
  111. package/components/registry.json +16 -0
  112. package/components/registry.json.d.ts +16 -0
  113. package/components/registry.json.js +1 -1
  114. package/fonts/material-symbols.css +2 -1
  115. package/index.d.ts +2 -0
  116. package/index.js +4 -0
  117. package/package.json +39 -2
  118. package/tokens/presets/coral.css +18 -2
  119. package/tokens/presets/forest.css +18 -2
  120. package/tokens/presets/gold.css +18 -2
  121. package/tokens/presets/mono.css +18 -2
  122. package/tokens/presets/pink.css +18 -2
  123. package/tokens/presets/terminal.css +18 -2
  124. package/tokens/presets/violet.css +18 -2
  125. package/tokens/presets/warm.css +18 -2
  126. package/tokens/presets/zest.css +18 -2
  127. package/tokens/registry.json +6 -0
  128. package/tokens/registry.json.d.ts +6 -0
  129. package/tokens/registry.json.js +1 -1
  130. package/tokens/tokens-dark.css +10 -0
  131. package/tokens/tokens-light.css +10 -0
package/tokens/presets/zest.css CHANGED
@@ -53,7 +53,15 @@ html[data-brand="zest"] {
53
53
  --color-action-primary-text-active: var(--primitive-green-11);
54
54
  --color-action-primary-text-secondary: var(--primitive-green-10);
55
55
  --color-action-primary-text-tertiary: var(--primitive-green-08);
56
- --color-ai-gradient-end: var(--primitive-green-07);
56
+ --color-ai-gradient-end: var(--primitive-green-09);
57
+ --color-ai-gradient-mid: var(--primitive-green-07);
58
+ --color-ai-gradient-start: var(--primitive-green-03);
59
+ --color-ambient-1: #FFE14D;
60
+ --color-ambient-2: #8AE86E;
61
+ --color-ambient-3: #B18CFF;
62
+ --color-ambient-4: #5AA9E6;
63
+ --color-ambient-5: #B3F0A1;
64
+ --color-ambient-6: #D0F6C5;
57
65
  --color-core-accent-amber: #FFA94D;
58
66
  --color-core-accent-cobalt: #5AA9E6;
59
67
  --color-core-accent-coral: #FF7A66;
@@ -210,7 +218,15 @@ html[data-brand="zest"][data-theme="dark"] {
210
218
  --color-action-primary-text-active: var(--primitive-green-11);
211
219
  --color-action-primary-text-secondary: var(--primitive-green-10);
212
220
  --color-action-primary-text-tertiary: var(--primitive-green-07);
213
- --color-ai-gradient-end: var(--primitive-green-08);
221
+ --color-ai-gradient-end: var(--primitive-green-09);
222
+ --color-ai-gradient-mid: var(--primitive-green-07);
223
+ --color-ai-gradient-start: var(--primitive-green-03);
224
+ --color-ambient-1: #FFE14D;
225
+ --color-ambient-2: #8AE86E;
226
+ --color-ambient-3: #B18CFF;
227
+ --color-ambient-4: #5AA9E6;
228
+ --color-ambient-5: #B3F0A1;
229
+ --color-ambient-6: #D0F6C5;
214
230
  --color-core-accent-amber: #FFA94D;
215
231
  --color-core-accent-cobalt: #5AA9E6;
216
232
  --color-core-accent-coral: #FF7A66;
package/tokens/registry.json CHANGED
@@ -26,6 +26,12 @@
26
26
  "--color-ai-gradient-end",
27
27
  "--color-ai-gradient-mid",
28
28
  "--color-ai-gradient-start",
29
+ "--color-ambient-1",
30
+ "--color-ambient-2",
31
+ "--color-ambient-3",
32
+ "--color-ambient-4",
33
+ "--color-ambient-5",
34
+ "--color-ambient-6",
29
35
  "--color-bg-container-border",
30
36
  "--color-bg-container-inverse",
31
37
  "--color-bg-container-primary",
package/tokens/registry.json.d.ts CHANGED
@@ -26,6 +26,12 @@ declare const _default: {
26
26
  "--color-ai-gradient-end",
27
27
  "--color-ai-gradient-mid",
28
28
  "--color-ai-gradient-start",
29
+ "--color-ambient-1",
30
+ "--color-ambient-2",
31
+ "--color-ambient-3",
32
+ "--color-ambient-4",
33
+ "--color-ambient-5",
34
+ "--color-ambient-6",
29
35
  "--color-bg-container-border",
30
36
  "--color-bg-container-inverse",
31
37
  "--color-bg-container-primary",
package/tokens/registry.json.js CHANGED
@@ -1,4 +1,4 @@
1
- const categories = { "colour": ["--color-action-icon-active", "--color-action-icon-default", "--color-action-neutral-bg", "--color-action-neutral-bg-active", "--color-action-neutral-bg-hover", "--color-action-neutral-text", "--color-action-passive-bg", "--color-action-passive-bg-active", "--color-action-passive-bg-hover", "--color-action-passive-text", "--color-action-primary-bg", "--color-action-primary-bg-active", "--color-action-primary-bg-hover", "--color-action-primary-border", "--color-action-primary-border-secondary", "--color-action-primary-border-tertiary", "--color-action-primary-text", "--color-action-primary-text-active", "--color-action-primary-text-secondary", "--color-action-primary-text-tertiary", "--color-ai-button-bg", "--color-ai-gradient-end", "--color-ai-gradient-mid", "--color-ai-gradient-start", "--color-bg-container-border", "--color-bg-container-inverse", "--color-bg-container-primary", "--color-bg-container-primary-semi", "--color-bg-container-primary-transparent", "--color-bg-container-secondary", "--color-bg-container-tertiary", "--color-bg-glass", "--color-bg-page-inverse", "--color-bg-page-primary", "--color-calendar-cell-bg", "--color-calendar-cell-bg-hover", "--color-calendar-event-bg", "--color-calendar-event-bg-hover", "--color-calendar-event-border", "--color-chart-contribution-0", "--color-chart-contribution-1", "--color-chart-contribution-2", "--color-chart-contribution-3", "--color-chart-contribution-4", "--color-chart-series-1", "--color-chart-series-2", "--color-chart-series-3", "--color-chart-series-4", "--color-chart-series-5", "--color-chart-series-6", "--color-chart-series-7", "--color-chat-bubble-received-bg", "--color-chat-bubble-received-text", "--color-chat-bubble-sent-bg", "--color-chat-bubble-sent-text", "--color-chat-context-bg", "--color-control-thumb", "--color-core-accent-amber", "--color-core-accent-cobalt", "--color-core-accent-coral", "--color-core-accent-gold", "--color-core-accent-mint", "--color-core-accent-violet", "--color-core-ui-primary", "--color-core-ui-secondary", "--color-divider", "--color-file-document", "--color-file-pdf", "--color-file-presentation", "--color-file-spreadsheet", "--color-icon-primary", "--color-icon-secondary", "--color-input-bg-disabled", "--color-input-bg-primary", "--color-input-border-disabled", "--color-input-border-hover", "--color-input-border-primary", "--color-input-border-selected", "--color-input-text-disabled", "--color-input-text-inverse", "--color-input-text-placeholder", "--color-input-text-primary", "--color-pixel-ink-1", "--color-pixel-ink-2", "--color-pixel-ink-3", "--color-pixel-ink-4", "--color-pixel-ink-5", "--color-pixel-ink-6", "--color-scrim", "--color-status-error-bg", "--color-status-error-border", "--color-status-error-icon", "--color-status-error-text", "--color-status-info-bg", "--color-status-info-border", "--color-status-info-icon", "--color-status-info-text", "--color-status-neutral-bg", "--color-status-neutral-border", "--color-status-neutral-icon", "--color-status-neutral-text", "--color-status-positive-bg", "--color-status-positive-border", "--color-status-positive-icon", "--color-status-positive-text", "--color-status-warning-bg", "--color-status-warning-border", "--color-status-warning-icon", "--color-status-warning-text", "--color-text-inverse", "--color-text-on-inverse", "--color-text-primary", "--color-text-secondary", "--color-text-tertiary", "--color-trend-down", "--color-trend-up"], "typography": ["--font-caption-family", "--font-caption-letter-spacing", "--font-caption-line-height", "--font-caption-size", "--font-caption-weight", "--font-display-1-family", "--font-display-1-letter-spacing", "--font-display-1-line-height", "--font-display-1-size", "--font-display-1-weight", "--font-display-2-family", "--font-display-2-letter-spacing", "--font-display-2-line-height", "--font-display-2-size", "--font-display-2-weight", "--font-family-body", "--font-family-code", "--font-family-heading", "--font-family-primary", "--font-heading-1-family", "--font-heading-1-letter-spacing", "--font-heading-1-line-height", "--font-heading-1-size", "--font-heading-1-weight", "--font-heading-2-family", "--font-heading-2-letter-spacing", "--font-heading-2-line-height", "--font-heading-2-size", "--font-heading-2-weight", "--font-heading-3-family", "--font-heading-3-letter-spacing", "--font-heading-3-line-height", "--font-heading-3-size", "--font-heading-3-weight", "--font-line-height-1100", "--font-line-height-400", "--font-line-height-500", "--font-line-height-600", "--font-line-height-700", "--font-line-height-800", "--font-line-height-900", "--font-mega-1-family", "--font-mega-1-letter-spacing", "--font-mega-1-line-height", "--font-mega-1-size", "--font-mega-1-weight", "--font-mega-2-family", "--font-mega-2-letter-spacing", "--font-mega-2-line-height", "--font-mega-2-size", "--font-mega-2-weight", "--font-overline-family", "--font-overline-letter-spacing", "--font-overline-line-height", "--font-overline-size", "--font-overline-weight", "--font-paragraph-emphasis-family", "--font-paragraph-emphasis-letter-spacing", "--font-paragraph-emphasis-line-height", "--font-paragraph-emphasis-size", "--font-paragraph-emphasis-weight", "--font-paragraph-family", "--font-paragraph-letter-spacing", "--font-paragraph-line-height", "--font-paragraph-size", "--font-paragraph-sm-emphasis-family", "--font-paragraph-sm-emphasis-letter-spacing", "--font-paragraph-sm-emphasis-line-height", "--font-paragraph-sm-emphasis-size", "--font-paragraph-sm-emphasis-weight", "--font-paragraph-sm-family", "--font-paragraph-sm-letter-spacing", "--font-paragraph-sm-line-height", "--font-paragraph-sm-size", "--font-paragraph-sm-weight", "--font-paragraph-weight", "--font-size-1000", "--font-size-1200", "--font-size-1400", "--font-size-1600", "--font-size-2400", "--font-size-2900", "--font-size-300", "--font-size-3300", "--font-size-350", "--font-size-400", "--font-size-550", "--font-size-600", "--font-size-650", "--font-size-750", "--font-sub-display-family", "--font-sub-display-letter-spacing", "--font-sub-display-line-height", "--font-sub-display-size", "--font-sub-display-weight", "--font-title-body-family", "--font-title-body-letter-spacing", "--font-title-body-line-height", "--font-title-body-size", "--font-title-body-weight"], "spacing": ["--gap-050", "--gap-100", "--gap-1000", "--gap-1500", "--gap-200", "--gap-2000", "--gap-300", "--gap-3000", "--gap-400", "--gap-500", "--padding-050", "--padding-100", "--padding-1000", "--padding-150", "--padding-1500", "--padding-200", "--padding-300", "--padding-400", "--padding-500"], "radius": ["--radius-050", "--radius-100", "--radius-1200", "--radius-200", "--radius-300", "--radius-400", "--radius-600", "--radius-pill"], "border": ["--border-025", "--border-050"], "shadow": ["--shadow-floating", "--shadow-modal"], "icons": ["--icon-size-1200", "--icon-size-500", "--icon-size-600", "--icon-size-800"], "motion": ["--motion-duration-base", "--motion-duration-deliberate", "--motion-duration-fast", "--motion-duration-instant", "--motion-duration-loop-matrix", "--motion-duration-loop-shimmer", "--motion-duration-loop-spin", "--motion-duration-orbit", "--motion-duration-slow", "--motion-duration-slower", "--motion-ease-emphasized", "--motion-ease-entrance", "--motion-ease-linear", "--motion-ease-spring", "--motion-ease-standard"] };
1
+ const categories = { "colour": ["--color-action-icon-active", "--color-action-icon-default", "--color-action-neutral-bg", "--color-action-neutral-bg-active", "--color-action-neutral-bg-hover", "--color-action-neutral-text", "--color-action-passive-bg", "--color-action-passive-bg-active", "--color-action-passive-bg-hover", "--color-action-passive-text", "--color-action-primary-bg", "--color-action-primary-bg-active", "--color-action-primary-bg-hover", "--color-action-primary-border", "--color-action-primary-border-secondary", "--color-action-primary-border-tertiary", "--color-action-primary-text", "--color-action-primary-text-active", "--color-action-primary-text-secondary", "--color-action-primary-text-tertiary", "--color-ai-button-bg", "--color-ai-gradient-end", "--color-ai-gradient-mid", "--color-ai-gradient-start", "--color-ambient-1", "--color-ambient-2", "--color-ambient-3", "--color-ambient-4", "--color-ambient-5", "--color-ambient-6", "--color-bg-container-border", "--color-bg-container-inverse", "--color-bg-container-primary", "--color-bg-container-primary-semi", "--color-bg-container-primary-transparent", "--color-bg-container-secondary", "--color-bg-container-tertiary", "--color-bg-glass", "--color-bg-page-inverse", "--color-bg-page-primary", "--color-calendar-cell-bg", "--color-calendar-cell-bg-hover", "--color-calendar-event-bg", "--color-calendar-event-bg-hover", "--color-calendar-event-border", "--color-chart-contribution-0", "--color-chart-contribution-1", "--color-chart-contribution-2", "--color-chart-contribution-3", "--color-chart-contribution-4", "--color-chart-series-1", "--color-chart-series-2", "--color-chart-series-3", "--color-chart-series-4", "--color-chart-series-5", "--color-chart-series-6", "--color-chart-series-7", "--color-chat-bubble-received-bg", "--color-chat-bubble-received-text", "--color-chat-bubble-sent-bg", "--color-chat-bubble-sent-text", "--color-chat-context-bg", "--color-control-thumb", "--color-core-accent-amber", "--color-core-accent-cobalt", "--color-core-accent-coral", "--color-core-accent-gold", "--color-core-accent-mint", "--color-core-accent-violet", "--color-core-ui-primary", "--color-core-ui-secondary", "--color-divider", "--color-file-document", "--color-file-pdf", "--color-file-presentation", "--color-file-spreadsheet", "--color-icon-primary", "--color-icon-secondary", "--color-input-bg-disabled", "--color-input-bg-primary", "--color-input-border-disabled", "--color-input-border-hover", "--color-input-border-primary", "--color-input-border-selected", "--color-input-text-disabled", "--color-input-text-inverse", "--color-input-text-placeholder", "--color-input-text-primary", "--color-pixel-ink-1", "--color-pixel-ink-2", "--color-pixel-ink-3", "--color-pixel-ink-4", "--color-pixel-ink-5", "--color-pixel-ink-6", "--color-scrim", "--color-status-error-bg", "--color-status-error-border", "--color-status-error-icon", "--color-status-error-text", "--color-status-info-bg", "--color-status-info-border", "--color-status-info-icon", "--color-status-info-text", "--color-status-neutral-bg", "--color-status-neutral-border", "--color-status-neutral-icon", "--color-status-neutral-text", "--color-status-positive-bg", "--color-status-positive-border", "--color-status-positive-icon", "--color-status-positive-text", "--color-status-warning-bg", "--color-status-warning-border", "--color-status-warning-icon", "--color-status-warning-text", "--color-text-inverse", "--color-text-on-inverse", "--color-text-primary", "--color-text-secondary", "--color-text-tertiary", "--color-trend-down", "--color-trend-up"], "typography": ["--font-caption-family", "--font-caption-letter-spacing", "--font-caption-line-height", "--font-caption-size", "--font-caption-weight", "--font-display-1-family", "--font-display-1-letter-spacing", "--font-display-1-line-height", "--font-display-1-size", "--font-display-1-weight", "--font-display-2-family", "--font-display-2-letter-spacing", "--font-display-2-line-height", "--font-display-2-size", "--font-display-2-weight", "--font-family-body", "--font-family-code", "--font-family-heading", "--font-family-primary", "--font-heading-1-family", "--font-heading-1-letter-spacing", "--font-heading-1-line-height", "--font-heading-1-size", "--font-heading-1-weight", "--font-heading-2-family", "--font-heading-2-letter-spacing", "--font-heading-2-line-height", "--font-heading-2-size", "--font-heading-2-weight", "--font-heading-3-family", "--font-heading-3-letter-spacing", "--font-heading-3-line-height", "--font-heading-3-size", "--font-heading-3-weight", "--font-line-height-1100", "--font-line-height-400", "--font-line-height-500", "--font-line-height-600", "--font-line-height-700", "--font-line-height-800", "--font-line-height-900", "--font-mega-1-family", "--font-mega-1-letter-spacing", "--font-mega-1-line-height", "--font-mega-1-size", "--font-mega-1-weight", "--font-mega-2-family", "--font-mega-2-letter-spacing", "--font-mega-2-line-height", "--font-mega-2-size", "--font-mega-2-weight", "--font-overline-family", "--font-overline-letter-spacing", "--font-overline-line-height", "--font-overline-size", "--font-overline-weight", "--font-paragraph-emphasis-family", "--font-paragraph-emphasis-letter-spacing", "--font-paragraph-emphasis-line-height", "--font-paragraph-emphasis-size", "--font-paragraph-emphasis-weight", "--font-paragraph-family", "--font-paragraph-letter-spacing", "--font-paragraph-line-height", "--font-paragraph-size", "--font-paragraph-sm-emphasis-family", "--font-paragraph-sm-emphasis-letter-spacing", "--font-paragraph-sm-emphasis-line-height", "--font-paragraph-sm-emphasis-size", "--font-paragraph-sm-emphasis-weight", "--font-paragraph-sm-family", "--font-paragraph-sm-letter-spacing", "--font-paragraph-sm-line-height", "--font-paragraph-sm-size", "--font-paragraph-sm-weight", "--font-paragraph-weight", "--font-size-1000", "--font-size-1200", "--font-size-1400", "--font-size-1600", "--font-size-2400", "--font-size-2900", "--font-size-300", "--font-size-3300", "--font-size-350", "--font-size-400", "--font-size-550", "--font-size-600", "--font-size-650", "--font-size-750", "--font-sub-display-family", "--font-sub-display-letter-spacing", "--font-sub-display-line-height", "--font-sub-display-size", "--font-sub-display-weight", "--font-title-body-family", "--font-title-body-letter-spacing", "--font-title-body-line-height", "--font-title-body-size", "--font-title-body-weight"], "spacing": ["--gap-050", "--gap-100", "--gap-1000", "--gap-1500", "--gap-200", "--gap-2000", "--gap-300", "--gap-3000", "--gap-400", "--gap-500", "--padding-050", "--padding-100", "--padding-1000", "--padding-150", "--padding-1500", "--padding-200", "--padding-300", "--padding-400", "--padding-500"], "radius": ["--radius-050", "--radius-100", "--radius-1200", "--radius-200", "--radius-300", "--radius-400", "--radius-600", "--radius-pill"], "border": ["--border-025", "--border-050"], "shadow": ["--shadow-floating", "--shadow-modal"], "icons": ["--icon-size-1200", "--icon-size-500", "--icon-size-600", "--icon-size-800"], "motion": ["--motion-duration-base", "--motion-duration-deliberate", "--motion-duration-fast", "--motion-duration-instant", "--motion-duration-loop-matrix", "--motion-duration-loop-shimmer", "--motion-duration-loop-spin", "--motion-duration-orbit", "--motion-duration-slow", "--motion-duration-slower", "--motion-ease-emphasized", "--motion-ease-entrance", "--motion-ease-linear", "--motion-ease-spring", "--motion-ease-standard"] };
2
2
  const registry = {
3
3
  categories
4
4
  };
package/tokens/tokens-dark.css CHANGED
@@ -193,6 +193,16 @@
193
193
  --color-core-accent-amber: var(--primitive-orange-07);
194
194
  --color-core-accent-gold: var(--primitive-yellow-07);
195
195
  --color-core-accent-mint: var(--primitive-green-07);
196
+
197
+ /* Ambient: the background shader's six blob colours. Each follows a core
198
+ accent by default; a theme re-points them to tune the ambient field
199
+ without moving the chart series the accents also feed. */
200
+ --color-ambient-1: var(--color-core-accent-gold);
201
+ --color-ambient-2: var(--color-core-accent-mint);
202
+ --color-ambient-3: var(--color-core-accent-violet);
203
+ --color-ambient-4: var(--color-core-accent-cobalt);
204
+ --color-ambient-5: var(--color-core-accent-coral);
205
+ --color-ambient-6: var(--color-core-accent-amber);
196
206
  --color-trend-up: var(--primitive-green-07);
197
207
  --color-trend-down: var(--primitive-red-07);
198
208
 
package/tokens/tokens-light.css CHANGED
@@ -128,6 +128,16 @@
128
128
  --color-core-accent-gold: var(--primitive-yellow-07);
129
129
  --color-core-accent-mint: var(--primitive-green-07);
130
130
 
131
+ /* Ambient: the background shader's six blob colours. Each follows a core
132
+ accent by default; a theme re-points them to tune the ambient field
133
+ without moving the chart series the accents also feed. */
134
+ --color-ambient-1: var(--color-core-accent-gold);
135
+ --color-ambient-2: var(--color-core-accent-mint);
136
+ --color-ambient-3: var(--color-core-accent-violet);
137
+ --color-ambient-4: var(--color-core-accent-cobalt);
138
+ --color-ambient-5: var(--color-core-accent-coral);
139
+ --color-ambient-6: var(--color-core-accent-amber);
140
+
131
141
  /* Trend: the "number went up / went down" role (Stat deltas, table
132
142
  movers). Theme-split for contrast: deep status inks on light
133
143
  surfaces, the mint/coral accents on dark ones. */