rift-ds 1.2.0 → 1.4.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 (68) hide show
  1. package/README.md +2 -2
  2. package/components/Attachment/Attachment.css +1036 -0
  3. package/components/Attachment/AttachmentDropZone.d.ts +39 -0
  4. package/components/Attachment/AttachmentDropZone.js +76 -0
  5. package/components/Attachment/AttachmentGroup.d.ts +60 -0
  6. package/components/Attachment/AttachmentGroup.js +179 -0
  7. package/components/Attachment/AttachmentTile.d.ts +80 -0
  8. package/components/Attachment/AttachmentTile.js +143 -0
  9. package/components/Attachment/AttachmentViewer.d.ts +66 -0
  10. package/components/Attachment/AttachmentViewer.js +215 -0
  11. package/components/Attachment/fileTypes.d.ts +101 -0
  12. package/components/Attachment/fileTypes.js +182 -0
  13. package/components/Attachment/typeMark.d.ts +11 -0
  14. package/components/Attachment/typeMark.js +51 -0
  15. package/components/Attachment/useAttachments.d.ts +65 -0
  16. package/components/Attachment/useAttachments.js +201 -0
  17. package/components/Chart/BarChart.js +1 -1
  18. package/components/Chart/ComboChart.js +1 -1
  19. package/components/Chart/Treemap.js +83 -6
  20. package/components/ChatMessage/ChatMessage.css +24 -0
  21. package/components/ChatMessage/ChatMessage.d.ts +6 -0
  22. package/components/ChatMessage/ChatMessage.js +8 -5
  23. package/components/ColorPicker/ColorPicker.js +1 -1
  24. package/components/Composer/Composer.css +140 -5
  25. package/components/Composer/Composer.d.ts +71 -14
  26. package/components/Composer/Composer.js +204 -11
  27. package/components/DatePicker/DatePicker.css +1 -1
  28. package/components/DocumentChip/DocumentChip.d.ts +7 -5
  29. package/components/EventCalendar/EventCalendar.css +2 -2
  30. package/components/FileInput/FileInput.css +1 -1
  31. package/components/FileInput/FileInput.js +1 -7
  32. package/components/Globe/Globe.d.ts +5 -3
  33. package/components/Globe/Globe.js +18 -2
  34. package/components/Inspector/Inspector.css +108 -3
  35. package/components/Inspector/InspectorColorPicker.d.ts +43 -0
  36. package/components/Inspector/InspectorColorPicker.js +51 -0
  37. package/components/Instructions/Instructions.css +4 -4
  38. package/components/MessageCard/MessageCard.d.ts +1 -1
  39. package/components/Prose/Prose.css +27 -0
  40. package/components/Sparkline/Sparkline.css +2 -2
  41. package/components/Spinner/Spinner.css +1 -1
  42. package/components/Timeline/Timeline.css +1 -1
  43. package/components/WorldMap/land.d.ts +1 -1
  44. package/components/registry.json +48 -3
  45. package/components/registry.json.d.ts +48 -3
  46. package/components/registry.json.js +1 -1
  47. package/index.d.ts +5 -0
  48. package/index.js +21 -0
  49. package/package.json +9 -1
  50. package/tokens/motion.d.ts +2 -0
  51. package/tokens/motion.js +2 -0
  52. package/tokens/presets/contrast.css +2 -4
  53. package/tokens/presets/coral.css +2 -4
  54. package/tokens/presets/forest.css +2 -4
  55. package/tokens/presets/gold.css +4 -4
  56. package/tokens/presets/mono.css +0 -2
  57. package/tokens/presets/pink.css +4 -4
  58. package/tokens/presets/terminal.css +5 -4
  59. package/tokens/presets/violet.css +2 -4
  60. package/tokens/presets/warm.css +3 -4
  61. package/tokens/presets/zest.css +2 -4
  62. package/tokens/registry.json +5 -0
  63. package/tokens/registry.json.d.ts +5 -0
  64. package/tokens/registry.json.js +1 -1
  65. package/tokens/tokens-dark.css +14 -5
  66. package/tokens/tokens-light.css +16 -2
  67. package/tokens/tokens-motion.css +2 -0
  68. package/tokens/tokens-primitives.css +10 -0
package/README.md CHANGED
@@ -73,13 +73,13 @@ import 'rift-ds/tokens/presets/presets.css';
73
73
 
74
74
  ## Components
75
75
 
76
- <!-- component-count -->142<!-- /component-count --> components, including a chat set for AI products (Chat thread, Composer, Tool call, Reasoning, Thread panel) and Shader field, a WebGL2 ambient background whose light sources read your colour tokens at runtime, so it re-themes with everything else. Details and live examples are on the [docs site](https://rift-ds.com/components).
76
+ <!-- component-count -->147<!-- /component-count --> components, including a chat set for AI products (Chat thread, Composer, Tool call, Reasoning, Thread panel) and Shader field, a WebGL2 ambient background whose light sources read your colour tokens at runtime, so it re-themes with everything else. Details and live examples are on the [docs site](https://rift-ds.com/components).
77
77
 
78
78
  <details>
79
79
  <summary>The full list</summary>
80
80
 
81
81
  <!-- component-list:start -->
82
- Accordion · Agent plan · Agent rail · Agent status · AI button · Alert · Alert dialog · Anchor nav · Animated number · App layout · App sidebar · Area chart · Avatar · Avatar group · Badge · Banner · Bar chart · Bottom nav · Breadcrumb · Button · Button group · Card · Card stack · Carousel · Chat header · Chat marker · Chat message · Chat thread · Checkbox · Chip · Circular button · Code block · Code diff · Colour picker · Combo chart · Combobox · Command palette · Composer · Contact card · Context menu · Contribution graph · Data table · Date input · Date picker · Dialog · Divider · Document chip · Drawer · Dropdown · Dropdown menu · Empty state · Entity card · Event calendar · Field · Figure · File input · Filter bar · Funnel chart · Gantt chart · Gauge · Globe · Hover card · Image compare · Input · Inspector dropdown · Inspector input · Inspector section · Inspector segments · Inspector slider · Inspector toggle switch · Instructions · Interrupt card · Kbd · Legend tile · Lightbox · Line chart · Link list · Map callout · Map legend · Message actions · Message card · Meter · Model picker · Nav · Nav list · Notification centre · Number input · Pagination · Panel · Pie chart · Pin input · Popover · Progress bar · Prompt suggestions · Prose · Quote · Radar chart · Radial chart · Radio button · Rating · Reasoning · Rich dropdown · Scatter chart · Section title · Segmented control · Selection card · Shader field · Sidebar panel · Skeleton · Slider · Source chip · Source trail · Sparkline · Spinner · Split button · Split pane · Stacked bar chart · Stat · Status dot · Stepper · Streaming text · Swatch · Table · Tabs · Tag input · Textarea · Thread panel · Thread tabs · Time picker · Timeline · Toast · Toggle group · Toggle switch · Tool call · Toolbar · Tooltip · Top app bar · Tree view · Treemap · Usage card · Waveform · World map
82
+ Accordion · Agent plan · Agent rail · Agent status · AI button · Alert · Alert dialog · Anchor nav · Animated number · App layout · App sidebar · Area chart · Attachment drop zone · Attachment group · Attachment tile · Attachment viewer · Avatar · Avatar group · Badge · Banner · Bar chart · Bottom nav · Breadcrumb · Button · Button group · Card · Card stack · Carousel · Chat header · Chat marker · Chat message · Chat thread · Checkbox · Chip · Circular button · Code block · Code diff · Colour picker · Combo chart · Combobox · Command palette · Composer · Contact card · Context menu · Contribution graph · Data table · Date input · Date picker · Dialog · Divider · Document chip · Drawer · Dropdown · Dropdown menu · Empty state · Entity card · Event calendar · Field · Figure · File input · Filter bar · Funnel chart · Gantt chart · Gauge · Globe · Hover card · Image compare · Input · Inspector colour picker · Inspector dropdown · Inspector input · Inspector section · Inspector segments · Inspector slider · Inspector toggle switch · Instructions · Interrupt card · Kbd · Legend tile · Lightbox · Line chart · Link list · Map callout · Map legend · Message actions · Message card · Meter · Model picker · Nav · Nav list · Notification centre · Number input · Pagination · Panel · Pie chart · Pin input · Popover · Progress bar · Prompt suggestions · Prose · Quote · Radar chart · Radial chart · Radio button · Rating · Reasoning · Rich dropdown · Scatter chart · Section title · Segmented control · Selection card · Shader field · Sidebar panel · Skeleton · Slider · Source chip · Source trail · Sparkline · Spinner · Split button · Split pane · Stacked bar chart · Stat · Status dot · Stepper · Streaming text · Swatch · Table · Tabs · Tag input · Textarea · Thread panel · Thread tabs · Time picker · Timeline · Toast · Toggle group · Toggle switch · Tool call · Toolbar · Tooltip · Top app bar · Tree view · Treemap · Usage card · Waveform · World map
83
83
  <!-- component-list:end -->
84
84
 
85
85
  </details>