@fusion.dev/helix-docs 0.217.0 → 0.219.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 (7) hide show
  1. package/content/building-on-the-headless-tier.mdx +5 -3
  2. package/content/color.mdx +1 -1
  3. package/content/metrics.mdx +257 -256
  4. package/content/shape-and-borders.mdx +1 -1
  5. package/content/surfaces-and-separation.mdx +8 -4
  6. package/dist/sources.generated.js +272 -265
  7. package/package.json +12 -12
package/content/building-on-the-headless-tier.mdx CHANGED
@@ -60,17 +60,18 @@ names the tag to define.
60
60
  |---|---|
61
61
  | `area-chart`, `bar-chart`, `copy-button`, `donut-chart`, `heatmap`, `line-chart`, `scatter-chart`, `spatial-bar-chart`, `spatial-heatmap`, `spatial-ribbon-chart`, `spatial-scatter-chart`, `spatial-surface-chart`, `spatial-treemap` | `tooltip` |
62
62
  | `breadcrumbs` | `breadcrumb` |
63
- | `canvas`, `device-screen`, `graph`, `map` | `icon-button` |
64
- | `chat` | `chat-message` |
63
+ | `canvas` | `icon-button` |
64
+ | `chat` | `chat-message`, `tooltip` |
65
65
  | `checkbox-group`, `table` | `checkbox` |
66
66
  | `code-block`, `object-inspector` | `copy-button` |
67
- | `code-editor`, `terminal` | `button`, `icon-button`, `toolbar` |
67
+ | `code-editor` | `button`, `icon-button`, `toolbar` |
68
68
  | `color-input` | `color-picker` |
69
69
  | `color-picker` | `button`, `button-group`, `slider` |
70
70
  | `combobox` | `listbox`, `tag` |
71
71
  | `command` | `dialog`, `listbox`, `option`, `option-group` |
72
72
  | `data-table` | `checkbox`, `pagination` |
73
73
  | `date-input` | `date-picker`, `tag` |
74
+ | `device-screen`, `graph`, `map` | `icon-button`, `tooltip` |
74
75
  | `file-input` | `tag` |
75
76
  | `filter-input` | `divider`, `menu`, `menu-item` |
76
77
  | `log` | `log-group`, `log-line` |
@@ -80,6 +81,7 @@ names the tag to define.
80
81
  | `select` | `listbox` |
81
82
  | `shortcut-overlay` | `dialog` |
82
83
  | `steps`, `tour` | `button` |
84
+ | `terminal` | `button`, `icon-button`, `toolbar`, `tooltip` |
83
85
  | `time-input` | `tag`, `time-picker` |
84
86
  | `time-picker` | `listbox`, `option` |
85
87
  | `video`, `video-playlist` | `menu`, `menu-item` |
package/content/color.mdx CHANGED
@@ -25,7 +25,7 @@ The surfaces above it form an ordered ladder:
25
25
  | `--helix-color-background` | <span data-token-swatch style={{ background: 'var(--helix-color-background)' }} /> | The page background. Every other surface sits on it. |
26
26
  | `--helix-color-surface` | <span data-token-swatch style={{ background: 'var(--helix-color-surface)' }} /> | A surface on the page, such as a card or a panel. The separation policy sets it apart with a fill, a border, or a shadow. |
27
27
  | `--helix-color-surface-raised` | <span data-token-swatch style={{ background: 'var(--helix-color-surface-raised)' }} /> | A raised surface on the page, such as a selected tab or a hovered row. Its fill is one step down the ramp. |
28
- | `--helix-color-surface-overlay` | <span data-token-swatch style={{ background: 'var(--helix-color-surface-overlay)' }} /> | A surface over the page, such as a menu, a popover, or a dialog. Its shadow sets it apart. |
28
+ | `--helix-color-surface-overlay` | <span data-token-swatch style={{ background: 'var(--helix-color-surface-overlay)' }} /> | A surface over the page, such as a menu, a popover, or a dialog. Its edge and its shadow set it apart. |
29
29
  | `--helix-color-surface-sunken` | <span data-token-swatch style={{ background: 'var(--helix-color-surface-sunken)' }} /> | A recessed surface that holds a value, such as an input, a track, or a groove. Its fill sets it apart. |
30
30
 
31
31
  [//]: # (/tokens)