@fusion.dev/helix 0.23.0 → 0.24.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 (107) hide show
  1. package/custom-elements.json +63152 -38228
  2. package/dist/accordion/item/accordion-item.css.js +4 -0
  3. package/dist/announcement/root/announcement-root.css.js +26 -12
  4. package/dist/announcement/root/announcement-root.d.ts +17 -0
  5. package/dist/announcement/root/announcement-root.js +4 -0
  6. package/dist/app-header/root/app-header-root.css.js +6 -0
  7. package/dist/area-chart/index.d.ts +1 -0
  8. package/dist/area-chart/index.js +1 -0
  9. package/dist/area-chart/root/area-chart-root.css.d.ts +1 -0
  10. package/dist/area-chart/root/area-chart-root.css.js +97 -0
  11. package/dist/area-chart/root/area-chart-root.d.ts +38 -0
  12. package/dist/area-chart/root/area-chart-root.js +20 -0
  13. package/dist/bar-chart/root/bar-chart-root.css.js +0 -141
  14. package/dist/bar-chart/root/bar-chart-root.js +2 -1
  15. package/dist/chat/composer/chat-composer.css.js +4 -0
  16. package/dist/chat/message/chat-message.css.js +20 -0
  17. package/dist/chat/root/chat-root.css.js +26 -0
  18. package/dist/code-block/root/code-block-root.css.js +122 -0
  19. package/dist/code-block/root/code-block-root.d.ts +5 -0
  20. package/dist/data-table/root/data-table-root.css.js +21 -3
  21. package/dist/data-table/root/data-table-root.d.ts +1 -0
  22. package/dist/data-table/root/data-table-root.js +1 -0
  23. package/dist/description-list/index.d.ts +2 -0
  24. package/dist/description-list/index.js +2 -0
  25. package/dist/description-list/item/description-list-item.css.d.ts +1 -0
  26. package/dist/description-list/item/description-list-item.css.js +31 -0
  27. package/dist/description-list/item/description-list-item.d.ts +21 -0
  28. package/dist/description-list/item/description-list-item.js +16 -0
  29. package/dist/description-list/root/description-list-root.css.d.ts +1 -0
  30. package/dist/description-list/root/description-list-root.css.js +35 -0
  31. package/dist/description-list/root/description-list-root.d.ts +62 -0
  32. package/dist/description-list/root/description-list-root.js +23 -0
  33. package/dist/donut-chart/root/donut-chart-root.css.js +0 -138
  34. package/dist/donut-chart/root/donut-chart-root.js +2 -1
  35. package/dist/element-events.generated.js +36 -8
  36. package/dist/filter-input/chip/filter-chip.css.d.ts +1 -0
  37. package/dist/filter-input/chip/filter-chip.css.js +85 -0
  38. package/dist/filter-input/chip/filter-chip.d.ts +32 -0
  39. package/dist/filter-input/chip/filter-chip.js +16 -0
  40. package/dist/filter-input/field/filter-field.css.d.ts +1 -0
  41. package/dist/filter-input/field/filter-field.css.js +4 -0
  42. package/dist/filter-input/field/filter-field.d.ts +29 -0
  43. package/dist/filter-input/field/filter-field.js +16 -0
  44. package/dist/filter-input/index.d.ts +4 -0
  45. package/dist/filter-input/index.js +4 -0
  46. package/dist/filter-input/menu/filter-menu.css.d.ts +1 -0
  47. package/dist/filter-input/menu/filter-menu.css.js +4 -0
  48. package/dist/filter-input/menu/filter-menu.d.ts +33 -0
  49. package/dist/filter-input/menu/filter-menu.js +19 -0
  50. package/dist/filter-input/operator/filter-operator.css.d.ts +1 -0
  51. package/dist/filter-input/operator/filter-operator.css.js +4 -0
  52. package/dist/filter-input/operator/filter-operator.d.ts +27 -0
  53. package/dist/filter-input/operator/filter-operator.js +16 -0
  54. package/dist/filter-input/root/filter-input-root.css.js +25 -2
  55. package/dist/filter-input/root/filter-input-root.d.ts +3 -0
  56. package/dist/heatmap/root/heatmap-root.d.ts +1 -0
  57. package/dist/heatmap/root/heatmap-root.js +1 -0
  58. package/dist/index.d.ts +5 -0
  59. package/dist/index.js +5 -0
  60. package/dist/line-chart/root/line-chart-root.css.js +0 -138
  61. package/dist/line-chart/root/line-chart-root.js +2 -1
  62. package/dist/menu/item/menu-item.css.js +8 -2
  63. package/dist/menu/root/menu-root.css.js +4 -0
  64. package/dist/navigation/root/navigation-root.css.js +2 -1
  65. package/dist/notifications/group/notification-group.css.d.ts +1 -0
  66. package/dist/notifications/group/notification-group.css.js +61 -0
  67. package/dist/notifications/group/notification-group.d.ts +37 -0
  68. package/dist/notifications/group/notification-group.js +16 -0
  69. package/dist/notifications/index.d.ts +1 -0
  70. package/dist/notifications/index.js +1 -0
  71. package/dist/notifications/notification/notification.css.js +74 -8
  72. package/dist/notifications/notification/notification.d.ts +25 -0
  73. package/dist/notifications/notification/notification.js +5 -0
  74. package/dist/notifications/root/notifications-root.css.js +8 -0
  75. package/dist/object-inspector/index.d.ts +1 -0
  76. package/dist/object-inspector/index.js +1 -0
  77. package/dist/object-inspector/root/object-inspector-root.css.d.ts +1 -0
  78. package/dist/object-inspector/root/object-inspector-root.css.js +148 -0
  79. package/dist/object-inspector/root/object-inspector-root.d.ts +35 -0
  80. package/dist/object-inspector/root/object-inspector-root.js +18 -0
  81. package/dist/sandbox/root/sandbox-root.d.ts +4 -0
  82. package/dist/sandbox/toolbar/sandbox-toolbar.css.js +7 -1
  83. package/dist/scatter-chart/index.d.ts +1 -0
  84. package/dist/scatter-chart/index.js +1 -0
  85. package/dist/scatter-chart/root/scatter-chart-root.css.d.ts +1 -0
  86. package/dist/scatter-chart/root/scatter-chart-root.css.js +138 -0
  87. package/dist/scatter-chart/root/scatter-chart-root.d.ts +38 -0
  88. package/dist/scatter-chart/root/scatter-chart-root.js +20 -0
  89. package/dist/shared/chart/tooltip.css.d.ts +1 -0
  90. package/dist/shared/chart/tooltip.css.js +141 -0
  91. package/dist/skip-link/index.d.ts +1 -0
  92. package/dist/skip-link/index.js +1 -0
  93. package/dist/skip-link/root/skip-link-root.css.d.ts +1 -0
  94. package/dist/skip-link/root/skip-link-root.css.js +36 -0
  95. package/dist/skip-link/root/skip-link-root.d.ts +42 -0
  96. package/dist/skip-link/root/skip-link-root.js +17 -0
  97. package/dist/steps/step/step.css.js +4 -0
  98. package/dist/table/column/table-column.css.js +66 -0
  99. package/dist/tag/root/tag-root.d.ts +10 -0
  100. package/dist/text/root/text-root.d.ts +26 -13
  101. package/dist/text/root/text-root.js +3 -0
  102. package/dist/toast/item/toast-item.css.js +9 -4
  103. package/dist/toolbar/root/toolbar-root.css.js +6 -0
  104. package/package.json +6 -6
  105. package/types/jsx.d.ts +4790 -698
  106. package/types/svelte.d.ts +11 -0
  107. package/types/vue.d.ts +907 -51
package/dist/toast/item/toast-item.css.js CHANGED
@@ -2,7 +2,11 @@ import { createSheet } from '@fusion.dev/helix-core';
2
2
  export const styles = createSheet(`:host {
3
3
 
4
4
  --helix-size-icon: var(--helix-size-icon-sm);
5
+ --helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);
6
+ --helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);
5
7
  --helix-size-control: var(--helix-size-control-sm);
8
+ --helix-size-control-loose: calc(var(--helix-size-control) * 1.2);
9
+ --helix-size-control-tight: calc(var(--helix-size-control) * 0.8);
6
10
 
7
11
  --_toast-line: calc(var(--helix-text-sm) * var(--helix-leading-normal));
8
12
 
@@ -42,7 +46,7 @@ padding: var(--toast-item-padding, var(--helix-space-sm));
42
46
 
43
47
  padding-inline-end: calc(
44
48
  var(--helix-space-sm) +
45
- var(--helix-size-control-tight) +
49
+ var(--helix-size-control) +
46
50
  var(--helix-space-2xs)
47
51
  );
48
52
 
@@ -112,19 +116,20 @@ all: unset;
112
116
  box-sizing: border-box;
113
117
 
114
118
  position: absolute;
119
+
115
120
  inset-block-start: calc(
116
121
  var(--toast-item-padding, var(--helix-space-sm)) +
117
- (var(--_toast-line) - var(--helix-size-control-tight)) /
122
+ (var(--_toast-line) - var(--helix-size-control)) /
118
123
  2
119
124
  );
120
125
  inset-inline-end: var(--helix-space-sm);
121
- block-size: var(--helix-size-control-tight);
126
+ block-size: var(--helix-size-control);
122
127
  border-radius: var(--helix-radii-sm);
123
128
  color: var(--helix-color-foreground-muted);
124
129
  cursor: pointer;
125
130
  display: inline-flex;
126
131
  flex: 0 0 auto;
127
- inline-size: var(--helix-size-control-tight);
132
+ inline-size: var(--helix-size-control);
128
133
  place-content: center;
129
134
  place-items: center;
130
135
  transition: color var(--helix-duration-fast) var(--helix-easing-standard);
package/dist/toolbar/root/toolbar-root.css.js CHANGED
@@ -2,9 +2,15 @@ import { createSheet } from '@fusion.dev/helix-core';
2
2
  export const styles = createSheet(`:host {
3
3
 
4
4
  --helix-size-checkbox: var(--helix-size-checkbox-sm);
5
+ --helix-size-checkbox-loose: calc(var(--helix-size-checkbox) * 1.2);
6
+ --helix-size-checkbox-tight: calc(var(--helix-size-checkbox) * 0.8);
5
7
 
6
8
  --helix-size-icon: var(--helix-size-icon-sm);
9
+ --helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);
10
+ --helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);
7
11
  --helix-size-control: var(--helix-size-control-sm);
12
+ --helix-size-control-loose: calc(var(--helix-size-control) * 1.2);
13
+ --helix-size-control-tight: calc(var(--helix-size-control) * 0.8);
8
14
  --helix-size-tag: var(--helix-size-tag-sm);
9
15
 
10
16
  display: inline-flex;
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.23.0",
4
+ "version": "0.24.0",
5
5
  "license": "MIT",
6
6
  "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
7
7
  "repository": {
@@ -46,14 +46,14 @@
46
46
  },
47
47
  "bugs": "https://github.com/project-fusion/fusion/issues",
48
48
  "dependencies": {
49
- "@fusion.dev/helix-core": "0.23.0",
50
- "@fusion.dev/helix-headless": "0.23.0",
51
- "@fusion.dev/helix-styles": "0.23.0"
49
+ "@fusion.dev/helix-core": "0.24.0",
50
+ "@fusion.dev/helix-headless": "0.24.0",
51
+ "@fusion.dev/helix-styles": "0.24.0"
52
52
  },
53
53
  "devDependencies": {
54
54
  "@custom-elements-manifest/analyzer": "^0.11.0",
55
- "@fusion.dev/helix-cem": "0.23.0",
56
- "@fusion.dev/helix-testing": "0.23.0",
55
+ "@fusion.dev/helix-cem": "0.24.0",
56
+ "@fusion.dev/helix-testing": "0.24.0",
57
57
  "@fusion.dev/scripts": "0.0.0-dev",
58
58
  "@happy-dom/global-registrator": "^20.0.0",
59
59
  "@lit-labs/ssr": "^3.3.0",