@cognite/aura 0.3.1 → 0.3.3

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 (120) hide show
  1. package/DESIGN.md +1651 -7
  2. package/README.md +45 -3
  3. package/dist/components/index.d.ts +4 -2
  4. package/dist/components/index.js +58 -325
  5. package/dist/components/ui/core/accordion/accordion.js +79 -114
  6. package/dist/components/ui/core/action-toolbar/action-toolbar.js +108 -176
  7. package/dist/components/ui/core/alert/alert.js +158 -206
  8. package/dist/components/ui/core/avatar/avatar.js +64 -90
  9. package/dist/components/ui/core/badge/badge.js +73 -108
  10. package/dist/components/ui/core/banner/banner.js +146 -215
  11. package/dist/components/ui/core/breadcrumb/breadcrumb.js +105 -200
  12. package/dist/components/ui/core/button/button.js +47 -52
  13. package/dist/components/ui/core/button-group/button-group.js +40 -79
  14. package/dist/components/ui/core/card/card.js +102 -185
  15. package/dist/components/ui/core/chart/chart.js +116 -206
  16. package/dist/components/ui/core/chart/index.js +2 -8
  17. package/dist/components/ui/core/checkbox/checkbox.js +67 -132
  18. package/dist/components/ui/core/checkbox/checkbox.metadata.js +7 -7
  19. package/dist/components/ui/core/code-block/code-block.d.ts +1 -1
  20. package/dist/components/ui/core/code-block/code-block.js +179 -267
  21. package/dist/components/ui/core/collapsible/collapsible.js +29 -49
  22. package/dist/components/ui/core/combobox/combobox.js +41 -0
  23. package/dist/components/ui/core/command/command.js +85 -150
  24. package/dist/components/ui/core/count/count.js +21 -32
  25. package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.js +60 -83
  26. package/dist/components/ui/core/date-time-pickers/date-picker/types.d.ts +1 -2
  27. package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.js +36 -62
  28. package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.js +63 -98
  29. package/dist/components/ui/core/date-time-pickers/date-range-picker/types.d.ts +1 -2
  30. package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.js +60 -81
  31. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js +118 -189
  32. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/types.d.ts +1 -2
  33. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.js +104 -158
  34. package/dist/components/ui/core/date-time-pickers/index.d.ts +2 -0
  35. package/dist/components/ui/core/date-time-pickers/index.js +5 -8
  36. package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.js +42 -56
  37. package/dist/components/ui/core/date-time-pickers/shared/calendar/calendar.js +66 -117
  38. package/dist/components/ui/core/date-time-pickers/shared/calendar-header/calendar-header.js +63 -93
  39. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.d.ts +1 -1
  40. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.js +64 -98
  41. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.js +38 -67
  42. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.d.ts +0 -2
  43. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.js +23 -39
  44. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.js +52 -62
  45. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.js +18 -18
  46. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-single-date-state.js +24 -31
  47. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.js +24 -33
  48. package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.js +4 -7
  49. package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.js +17 -31
  50. package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/index.d.ts +2 -0
  51. package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/time-picker-panel.d.ts +19 -0
  52. package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/time-picker-panel.js +41 -0
  53. package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.js +33 -50
  54. package/dist/components/ui/core/date-time-pickers/time-picker/index.d.ts +3 -0
  55. package/dist/components/ui/core/date-time-pickers/time-picker/time-picker.d.ts +16 -0
  56. package/dist/components/ui/core/date-time-pickers/time-picker/time-picker.js +79 -0
  57. package/dist/components/ui/core/date-time-pickers/time-picker/types.d.ts +23 -0
  58. package/dist/components/ui/core/date-time-pickers/time-picker/use-time-picker.d.ts +3 -0
  59. package/dist/components/ui/core/date-time-pickers/time-picker/use-time-picker.js +42 -0
  60. package/dist/components/ui/core/date-time-pickers/utils/calendar-utils.js +39 -52
  61. package/dist/components/ui/core/date-time-pickers/utils/time-utils.js +7 -15
  62. package/dist/components/ui/core/dialog/dialog.js +82 -155
  63. package/dist/components/ui/core/dropdown-menu/dropdown-menu.d.ts +19 -17
  64. package/dist/components/ui/core/dropdown-menu/dropdown-menu.js +150 -250
  65. package/dist/components/ui/core/empty-state/empty-state.context.js +5 -8
  66. package/dist/components/ui/core/empty-state/empty-state.js +86 -138
  67. package/dist/components/ui/core/helper-text/helper-text.js +37 -65
  68. package/dist/components/ui/core/hover-card/hover-card.js +54 -80
  69. package/dist/components/ui/core/inline-citation/inline-citation.js +98 -181
  70. package/dist/components/ui/core/input/input.js +12 -27
  71. package/dist/components/ui/core/input-group/input-group.js +76 -173
  72. package/dist/components/ui/core/kbd/kbd.js +20 -36
  73. package/dist/components/ui/core/label/label.js +26 -43
  74. package/dist/components/ui/core/loader/loader.js +80 -117
  75. package/dist/components/ui/core/message/message-response-default-streamdown-controls.js +12 -12
  76. package/dist/components/ui/core/message/message.d.ts +2 -2
  77. package/dist/components/ui/core/message/message.js +316 -542
  78. package/dist/components/ui/core/pagination/pagination-size-context.js +5 -6
  79. package/dist/components/ui/core/pagination/pagination-teleport.js +86 -106
  80. package/dist/components/ui/core/pagination/pagination-teleport.utils.js +6 -6
  81. package/dist/components/ui/core/pagination/pagination.js +231 -334
  82. package/dist/components/ui/core/popover/popover.js +90 -157
  83. package/dist/components/ui/core/progress/progress.js +36 -61
  84. package/dist/components/ui/core/prompt-input/prompt-input.js +274 -413
  85. package/dist/components/ui/core/radio-group/radio-group.js +58 -113
  86. package/dist/components/ui/core/reasoning/reasoning.js +55 -86
  87. package/dist/components/ui/core/scroll-area/scroll-area.js +41 -71
  88. package/dist/components/ui/core/search/search.js +77 -99
  89. package/dist/components/ui/core/segmented-control/segmented-control.js +110 -167
  90. package/dist/components/ui/core/select/select.js +168 -293
  91. package/dist/components/ui/core/separator/separator.js +13 -23
  92. package/dist/components/ui/core/shimmer/shimmer.d.ts +2 -4
  93. package/dist/components/ui/core/shimmer/shimmer.js +40 -107
  94. package/dist/components/ui/core/skeleton/skeleton.js +13 -18
  95. package/dist/components/ui/core/sonner-toast/sonner-toast.js +54 -47
  96. package/dist/components/ui/core/sources/sources.d.ts +5 -1
  97. package/dist/components/ui/core/sources/sources.js +58 -79
  98. package/dist/components/ui/core/switch/switch.js +62 -0
  99. package/dist/components/ui/core/tabs/tabs.js +149 -223
  100. package/dist/components/ui/core/tabs/tabs.utils.js +6 -8
  101. package/dist/components/ui/core/textarea/textarea.js +13 -27
  102. package/dist/components/ui/core/toggle/toggle.js +55 -74
  103. package/dist/components/ui/core/tool/tool.js +127 -163
  104. package/dist/components/ui/core/tooltip/tooltip.js +47 -86
  105. package/dist/components/ui/core/topbar/topbar.js +106 -190
  106. package/dist/eslint/index.js +5 -10
  107. package/dist/eslint/no-overriding-styles.js +178 -237
  108. package/dist/icons/index.d.ts +1 -0
  109. package/dist/icons/index.js +1 -0
  110. package/dist/lib/highlight-code.d.ts +9 -0
  111. package/dist/lib/highlight-code.js +42 -0
  112. package/dist/lib/portal-container-context.js +8 -9
  113. package/dist/lib/style-scope.js +6 -6
  114. package/dist/lib/use-controllable-state.js +21 -30
  115. package/dist/lib/utils.d.ts +0 -2
  116. package/dist/lib/utils.js +32 -112
  117. package/dist/styles.css +1 -1
  118. package/dist/styles.source.css +23 -0
  119. package/package.json +23 -7
  120. package/dist/components/ui/core/date-time-pickers/shared/constants.js +0 -14
@@ -8,6 +8,7 @@
8
8
  /* Streamdown ships Tailwind classes in pre-built dist JS; */
9
9
  @source 'streamdown/dist';
10
10
  @source '@streamdown/mermaid/dist';
11
+ @import 'streamdown/styles.css';
11
12
 
12
13
  @custom-variant dark (&:is(.dark *));
13
14
 
@@ -169,6 +170,18 @@
169
170
  var(--dusk-550) 50%,
170
171
  var(--dusk-300) 100%
171
172
  );
173
+ --gradient-active: linear-gradient(
174
+ 90deg,
175
+ var(--color-muted-foreground) 0%,
176
+ var(--color-muted-foreground) 32%,
177
+ color-mix(in oklab, var(--fjord-550) 60%, var(--color-muted-foreground)) 42%,
178
+ color-mix(in oklab, var(--nordic-400) 60%, var(--color-muted-foreground))
179
+ 48%,
180
+ color-mix(in oklab, var(--aurora-400) 60%, var(--color-muted-foreground))
181
+ 54%,
182
+ var(--color-muted-foreground) 64%,
183
+ var(--color-muted-foreground) 100%
184
+ );
172
185
  }
173
186
 
174
187
  .dark {
@@ -231,6 +244,12 @@
231
244
  body {
232
245
  @apply bg-background text-foreground;
233
246
  }
247
+
248
+ :where(svg.tabler-icon) {
249
+ width: 1rem;
250
+ height: 1rem;
251
+ stroke-width: 1.5;
252
+ }
234
253
  }
235
254
 
236
255
  @layer utilities {
@@ -280,6 +299,10 @@
280
299
  [data-slot='loader-rect'] {
281
300
  animation: none;
282
301
  }
302
+
303
+ [data-sd-animate] {
304
+ animation: none;
305
+ }
283
306
  }
284
307
 
285
308
  [data-state='closed'] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cognite/aura",
3
- "version": "0.3.1",
3
+ "version": "0.3.3",
4
4
  "type": "module",
5
5
  "sideEffects": [
6
6
  "**/*.scss",
@@ -63,6 +63,10 @@
63
63
  "import": "./dist/components/ui/core/collapsible/collapsible.js",
64
64
  "types": "./dist/components/ui/core/collapsible/collapsible.d.ts"
65
65
  },
66
+ "./components/combobox": {
67
+ "import": "./dist/components/ui/core/combobox/combobox.js",
68
+ "types": "./dist/components/ui/core/combobox/combobox.d.ts"
69
+ },
66
70
  "./components/command": {
67
71
  "import": "./dist/components/ui/core/command/command.js",
68
72
  "types": "./dist/components/ui/core/command/command.d.ts"
@@ -183,6 +187,10 @@
183
187
  "import": "./dist/components/ui/core/sources/sources.js",
184
188
  "types": "./dist/components/ui/core/sources/sources.d.ts"
185
189
  },
190
+ "./components/switch": {
191
+ "import": "./dist/components/ui/core/switch/switch.js",
192
+ "types": "./dist/components/ui/core/switch/switch.d.ts"
193
+ },
186
194
  "./components/tabs": {
187
195
  "import": "./dist/components/ui/core/tabs/tabs.js",
188
196
  "types": "./dist/components/ui/core/tabs/tabs.d.ts"
@@ -211,6 +219,14 @@
211
219
  "import": "./dist/components/ui/core/chart/index.js",
212
220
  "types": "./dist/components/ui/core/chart/index.d.ts"
213
221
  },
222
+ "./highlight-code": {
223
+ "import": "./dist/lib/highlight-code.js",
224
+ "types": "./dist/lib/highlight-code.d.ts"
225
+ },
226
+ "./icons": {
227
+ "import": "./dist/icons/index.js",
228
+ "types": "./dist/icons/index.d.ts"
229
+ },
214
230
  "./utils": {
215
231
  "import": "./dist/lib/utils.js",
216
232
  "types": "./dist/lib/utils.d.ts"
@@ -235,7 +251,7 @@
235
251
  "DESIGN.md"
236
252
  ],
237
253
  "dependencies": {
238
- "@base-ui/react": "^1.1.0",
254
+ "@base-ui/react": "^1.6.0",
239
255
  "@streamdown/mermaid": "^1.0.2",
240
256
  "@tabler/icons-react": "^3.35.0",
241
257
  "class-variance-authority": "^0.7.1",
@@ -263,9 +279,9 @@
263
279
  "@testing-library/user-event": "^14.6.1",
264
280
  "@types/react": "18.3.14",
265
281
  "@types/react-dom": "18.3.2",
266
- "@vitejs/plugin-react": "^5.1.4",
267
- "@vitest/browser": "^4.1.6",
268
- "@vitest/browser-playwright": "^4.1.6",
282
+ "@vitejs/plugin-react": "^5.2.0",
283
+ "@vitest/browser": "^4.1.10",
284
+ "@vitest/browser-playwright": "^4.1.10",
269
285
  "eslint": "9.39.4",
270
286
  "eslint-plugin-check-file": "^2.7.1",
271
287
  "react": "^18.3.1",
@@ -276,9 +292,9 @@
276
292
  "tailwindcss": "^4.3.1",
277
293
  "typescript": "5.8.3",
278
294
  "typescript-eslint": "^8.57.1",
279
- "vite": "7.3.2",
295
+ "vite": "^8.1.4",
280
296
  "vite-plugin-dts": "^4.5.4",
281
- "vitest": "^4.1.6"
297
+ "vitest": "^4.1.10"
282
298
  },
283
299
  "peerDependencies": {
284
300
  "eslint": "9.39.4",
@@ -1,14 +0,0 @@
1
- const _ = 24, N = 12, U = 60, o = 1, t = 7, E = 9, T = 0, c = 0, n = 23, s = 59, I = 0;
2
- export {
3
- t as DAYS_IN_WEEK,
4
- T as DEFAULT_MINUTE,
5
- E as DEFAULT_START_HOUR,
6
- n as END_OF_DAY_HOUR,
7
- s as END_OF_DAY_MINUTE,
8
- N as HOURS_IN_12H,
9
- _ as HOURS_IN_DAY,
10
- I as MIDNIGHT_HOUR,
11
- U as MINUTES_IN_HOUR,
12
- o as MINUTE_INCREMENT,
13
- c as START_OF_DAY_HOUR
14
- };