@fusion.dev/helix 0.53.6 → 0.55.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 (43) hide show
  1. package/custom-elements.json +187 -235
  2. package/dist/avatar/root/avatar-root.css.js +1 -1
  3. package/dist/avatar/root/avatar-root.d.ts +5 -1
  4. package/dist/bar-chart/root/bar-chart-root.css.js +19 -19
  5. package/dist/carousel/root/carousel-root.css.js +18 -18
  6. package/dist/carousel/root/carousel-root.d.ts +22 -15
  7. package/dist/checkbox/root/checkbox-root.css.js +20 -11
  8. package/dist/checkbox/root/checkbox-root.d.ts +19 -7
  9. package/dist/checkbox/root/checkbox-root.js +1 -1
  10. package/dist/color-picker/root/color-picker-root.css.js +3 -2
  11. package/dist/description-list/root/description-list-root.d.ts +6 -3
  12. package/dist/dialog/root/dialog-root.css.js +3 -3
  13. package/dist/dialog/root/dialog-root.d.ts +24 -16
  14. package/dist/dialog/root/dialog-root.js +3 -3
  15. package/dist/flex/root/flex-root.css.js +8 -12
  16. package/dist/flex/root/flex-root.d.ts +23 -4
  17. package/dist/flex/root/flex-root.js +4 -4
  18. package/dist/grid/root/grid-root.css.js +3 -7
  19. package/dist/grid/root/grid-root.d.ts +14 -2
  20. package/dist/grid/root/grid-root.js +2 -2
  21. package/dist/image/root/image-root.css.js +1 -1
  22. package/dist/image/root/image-root.d.ts +7 -6
  23. package/dist/image/root/image-root.js +2 -6
  24. package/dist/legend/root/legend-root.css.js +12 -13
  25. package/dist/megamenu/root/megamenu-root.css.js +6 -6
  26. package/dist/orb/root/orb-root.d.ts +8 -1
  27. package/dist/progress/root/progress-root.d.ts +2 -2
  28. package/dist/radio/root/radio-root.css.js +25 -14
  29. package/dist/radio/root/radio-root.d.ts +36 -14
  30. package/dist/radio/root/radio-root.js +3 -0
  31. package/dist/rating/root/rating-root.css.js +2 -2
  32. package/dist/rating/root/rating-root.d.ts +17 -12
  33. package/dist/rating/root/rating-root.js +1 -1
  34. package/dist/select/root/select-root.d.ts +5 -5
  35. package/dist/steps/step/step.css.js +7 -6
  36. package/dist/switch/root/switch-root.css.js +5 -4
  37. package/dist/table/column/table-column.css.js +4 -4
  38. package/dist/timeline/item/timeline-item.css.js +4 -2
  39. package/dist/toggle/group/toggle-group.css.js +6 -2
  40. package/dist/video/root/video-root.css.js +3 -2
  41. package/package.json +6 -6
  42. package/types/jsx.d.ts +1153 -519
  43. package/types/vue.d.ts +347 -136
package/dist/timeline/item/timeline-item.css.js CHANGED
@@ -13,14 +13,16 @@ grid-template-rows: subgrid;
13
13
  justify-items: center;
14
14
  }
15
15
 
16
- [part="connector"] {
16
+ [part="rail"]::before {
17
17
  background-color: var(--helix-color-border);
18
18
  block-size: 100%;
19
+ content: "";
20
+ grid-column: 1;
19
21
  grid-row: 1;
20
22
  inline-size: var(--timeline-rail-size, var(--helix-border-thin));
21
23
  }
22
24
 
23
- :host(:first-child) [part="connector"] {
25
+ :host(:first-child) [part="rail"]::before {
24
26
  visibility: hidden;
25
27
  }
26
28
 
package/dist/toggle/group/toggle-group.css.js CHANGED
@@ -9,18 +9,22 @@ gap: var(--helix-space-2xs);
9
9
  align-self: center;
10
10
  margin-block: 0;
11
11
 
12
+ order: -2;
13
+
12
14
  padding-block: 0;
13
15
  padding-inline-start: var(--helix-space-xs);
14
16
  white-space: nowrap;
15
17
  }
16
18
 
17
- [part="divider"] {
19
+ :host([label-placement="start"]) [part="track"]::before {
18
20
  align-self: center;
19
21
  background-color: var(--helix-color-border);
20
- block-size: 60%;
22
+ block-size: calc(var(--_toggle-height) * 0.6);
23
+ content: "";
21
24
  flex: none;
22
25
  inline-size: var(--helix-border-thin);
23
26
  margin-inline: var(--helix-space-xs);
27
+ order: -1;
24
28
  }
25
29
 
26
30
  :host([label-placement="start"]) {
package/dist/video/root/video-root.css.js CHANGED
@@ -356,13 +356,14 @@ position: absolute;
356
356
  translate: -50% -50%;
357
357
  }
358
358
 
359
- [part="loading-mark"] {
359
+ [part="loading"]::before {
360
360
  animation: video-spin var(--_video-spin) linear infinite;
361
361
  block-size: var(--helix-size-icon-tight);
362
362
  border: var(--helix-border-thick) solid
363
363
  color-mix(in oklab, var(--helix-color-foreground-media) 30%, transparent);
364
364
  border-block-start-color: var(--helix-color-foreground-media);
365
365
  border-radius: var(--helix-radii-full);
366
+ content: "";
366
367
  flex: 0 0 auto;
367
368
  inline-size: var(--helix-size-icon-tight);
368
369
  }
@@ -374,7 +375,7 @@ rotate: 1turn;
374
375
  }
375
376
 
376
377
  @media (prefers-reduced-motion: reduce) {
377
- [part="loading-mark"] {
378
+ [part="loading"]::before {
378
379
  animation: none;
379
380
  }
380
381
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fusion.dev/helix",
3
3
  "description": "Styled component tier. Extends the headless tier with token-driven presentation.",
4
- "version": "0.53.6",
4
+ "version": "0.55.0",
5
5
  "license": "MIT",
6
6
  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
7
7
  "repository": {
@@ -47,14 +47,14 @@
47
47
  },
48
48
  "bugs": "https://github.com/project-fusion/fusion/issues",
49
49
  "dependencies": {
50
- "@fusion.dev/helix-core": "0.53.6",
51
- "@fusion.dev/helix-headless": "0.53.6",
52
- "@fusion.dev/helix-styles": "0.53.6"
50
+ "@fusion.dev/helix-core": "0.55.0",
51
+ "@fusion.dev/helix-headless": "0.55.0",
52
+ "@fusion.dev/helix-styles": "0.55.0"
53
53
  },
54
54
  "devDependencies": {
55
55
  "@custom-elements-manifest/analyzer": "^0.11.0",
56
- "@fusion.dev/helix-cem": "0.53.6",
57
- "@fusion.dev/helix-testing": "0.53.6",
56
+ "@fusion.dev/helix-cem": "0.55.0",
57
+ "@fusion.dev/helix-testing": "0.55.0",
58
58
  "@fusion.dev/scripts": "0.0.0-dev",
59
59
  "@happy-dom/global-registrator": "^20.0.0",
60
60
  "@lit-labs/ssr": "^4.1.0",