@hashicorp/design-system-components 5.0.0-rc-20251013193429 → 5.0.0-rc-20251014173443

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 (89) hide show
  1. package/README.md +3 -3
  2. package/addon-main.cjs +3 -0
  3. package/declarations/components/hds/advanced-table/th-resize-handle.d.ts +1 -2
  4. package/declarations/components/hds/advanced-table/th.d.ts +1 -0
  5. package/declarations/components/hds/app-header/index.d.ts +1 -2
  6. package/declarations/components/hds/application-state/index.d.ts +0 -2
  7. package/declarations/components/hds/dropdown/index.d.ts +4 -5
  8. package/declarations/components/hds/dropdown/list-item/interactive.d.ts +7 -0
  9. package/declarations/components/hds/dropdown/toggle/icon.d.ts +2 -1
  10. package/declarations/components/hds/dropdown/toggle/types.d.ts +5 -0
  11. package/declarations/components/hds/flyout/body.d.ts +16 -0
  12. package/declarations/components/hds/flyout/description.d.ts +17 -0
  13. package/declarations/components/hds/flyout/footer.d.ts +20 -0
  14. package/declarations/components/hds/flyout/header.d.ts +22 -0
  15. package/declarations/components/hds/form/text-input/field.d.ts +1 -1
  16. package/declarations/components/hds/icon/index.d.ts +1 -1
  17. package/declarations/components/hds/menu-primitive/index.d.ts +36 -0
  18. package/declarations/components/hds/modal/body.d.ts +16 -0
  19. package/declarations/components/hds/modal/footer.d.ts +20 -0
  20. package/declarations/components/hds/modal/header.d.ts +22 -0
  21. package/declarations/components/hds/side-nav/header/icon-button.d.ts +19 -0
  22. package/declarations/components/hds/side-nav/index.d.ts +9 -2
  23. package/declarations/components/hds/stepper/task/indicator.d.ts +1 -1
  24. package/declarations/components.d.ts +2 -0
  25. package/declarations/template-registry.d.ts +30 -0
  26. package/dist/README.md +3 -3
  27. package/dist/_app_/components/hds/flyout/body.js +1 -0
  28. package/dist/_app_/components/hds/flyout/description.js +1 -0
  29. package/dist/_app_/components/hds/flyout/footer.js +1 -0
  30. package/dist/_app_/components/hds/flyout/header.js +1 -0
  31. package/dist/_app_/components/hds/menu-primitive.js +1 -0
  32. package/dist/_app_/components/hds/modal/body.js +1 -0
  33. package/dist/_app_/components/hds/modal/footer.js +1 -0
  34. package/dist/_app_/components/hds/modal/header.js +1 -0
  35. package/dist/_app_/components/hds/side-nav/header/icon-button.js +1 -0
  36. package/dist/components/hds/advanced-table/index.js +1 -1
  37. package/dist/components/hds/advanced-table/th-resize-handle.js.map +1 -1
  38. package/dist/components/hds/advanced-table/th.js.map +1 -1
  39. package/dist/components/hds/app-header/index.js +1 -1
  40. package/dist/components/hds/app-header/index.js.map +1 -1
  41. package/dist/components/hds/app-side-nav/portal/target.js +2 -2
  42. package/dist/components/hds/app-side-nav/portal/target.js.map +1 -1
  43. package/dist/components/hds/application-state/index.js +0 -6
  44. package/dist/components/hds/application-state/index.js.map +1 -1
  45. package/dist/components/hds/dropdown/index.js.map +1 -1
  46. package/dist/components/hds/dropdown/list-item/interactive.js +24 -2
  47. package/dist/components/hds/dropdown/list-item/interactive.js.map +1 -1
  48. package/dist/components/hds/dropdown/toggle/icon.js +7 -3
  49. package/dist/components/hds/dropdown/toggle/icon.js.map +1 -1
  50. package/dist/components/hds/dropdown/toggle/types.js +6 -1
  51. package/dist/components/hds/dropdown/toggle/types.js.map +1 -1
  52. package/dist/components/hds/flyout/body.js +31 -0
  53. package/dist/components/hds/flyout/body.js.map +1 -0
  54. package/dist/components/hds/flyout/description.js +31 -0
  55. package/dist/components/hds/flyout/description.js.map +1 -0
  56. package/dist/components/hds/flyout/footer.js +31 -0
  57. package/dist/components/hds/flyout/footer.js.map +1 -0
  58. package/dist/components/hds/flyout/header.js +31 -0
  59. package/dist/components/hds/flyout/header.js.map +1 -0
  60. package/dist/components/hds/menu-primitive/index.js +98 -0
  61. package/dist/components/hds/menu-primitive/index.js.map +1 -0
  62. package/dist/components/hds/modal/body.js +31 -0
  63. package/dist/components/hds/modal/body.js.map +1 -0
  64. package/dist/components/hds/modal/footer.js +31 -0
  65. package/dist/components/hds/modal/footer.js.map +1 -0
  66. package/dist/components/hds/modal/header.js +31 -0
  67. package/dist/components/hds/modal/header.js.map +1 -0
  68. package/dist/components/hds/side-nav/header/icon-button.js +38 -0
  69. package/dist/components/hds/side-nav/header/icon-button.js.map +1 -0
  70. package/dist/components/hds/side-nav/index.js +21 -2
  71. package/dist/components/hds/side-nav/index.js.map +1 -1
  72. package/dist/components/hds/side-nav/portal/target.js +2 -2
  73. package/dist/components/hds/side-nav/portal/target.js.map +1 -1
  74. package/dist/components/hds/time/index.js +2 -2
  75. package/dist/components/hds/time/index.js.map +1 -1
  76. package/dist/components/hds/time/range.js +2 -2
  77. package/dist/components/hds/time/range.js.map +1 -1
  78. package/dist/components.js +3 -1
  79. package/dist/components.js.map +1 -1
  80. package/dist/instance-initializers/load-sprite.js +4 -1
  81. package/dist/instance-initializers/load-sprite.js.map +1 -1
  82. package/dist/styles/@hashicorp/design-system-components.css +79 -31
  83. package/dist/styles/@hashicorp/design-system-components.scss +1 -4
  84. package/dist/styles/components/application-state.scss +1 -5
  85. package/dist/styles/components/dropdown.scss +1 -1
  86. package/dist/styles/components/menu-primitive.scss +13 -0
  87. package/dist/styles/components/side-nav/header.scss +26 -0
  88. package/package.json +19 -10
  89. package/dist/styles/@hashicorp/design-system-ember-a11y-refocus.scss +0 -31
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/design-system-components",
3
- "version": "5.0.0-rc-20251013193429",
3
+ "version": "5.0.0-rc-20251014173443",
4
4
  "description": "Helios Design System Components",
5
5
  "keywords": [
6
6
  "hashicorp",
@@ -29,34 +29,36 @@
29
29
  "@codemirror/lint": "^6.8.4",
30
30
  "@codemirror/state": "^6.5.0",
31
31
  "@codemirror/view": "^6.36.2",
32
- "@ember/render-modifiers": "^3.0.0",
32
+ "@ember/render-modifiers": "^2.1.0",
33
33
  "@ember/test-waiters": "^3.1.0",
34
34
  "@embroider/addon-shim": "^1.10.0",
35
35
  "@embroider/macros": "^1.18.1",
36
36
  "@embroider/util": "^1.13.4",
37
37
  "@floating-ui/dom": "^1.6.12",
38
38
  "@hashicorp/design-system-tokens": "^3.0.0",
39
- "@hashicorp/flight-icons": "4.0.0-rc-20251013193429",
39
+ "@hashicorp/flight-icons": "^3.13.0",
40
40
  "@lezer/highlight": "^1.2.1",
41
41
  "@nullvoxpopuli/ember-composable-helpers": "^5.2.11",
42
42
  "clipboard-polyfill": "^4.1.1",
43
43
  "codemirror-lang-hcl": "^0.0.0-beta.2",
44
44
  "decorator-transforms": "^2.3.0",
45
- "ember-a11y-refocus": "^5.1.0",
45
+ "ember-a11y-refocus": "^4.1.4",
46
+ "ember-cli-sass": "^11.0.1",
46
47
  "ember-concurrency": "^4.0.4",
47
48
  "ember-element-helper": "^0.8.6",
48
49
  "ember-focus-trap": "^1.1.1",
49
50
  "ember-get-config": "^2.1.1",
50
51
  "ember-modifier": "^4.2.2",
51
52
  "ember-power-select": "^8.7.1",
52
- "ember-stargate": "^1.0.2",
53
+ "ember-stargate": "^0.5.0",
53
54
  "ember-style-modifier": "^4.4.0",
54
55
  "ember-truth-helpers": "^4.0.3",
55
56
  "luxon": "^3.4.2",
56
57
  "prismjs": "^1.30.0",
58
+ "sass": "^1.83.0",
59
+ "tracked-built-ins": "^4.0.0",
57
60
  "tabbable": "^6.2.0",
58
- "tippy.js": "^6.3.7",
59
- "tracked-built-ins": "^4.0.0"
61
+ "tippy.js": "^6.3.7"
60
62
  },
61
63
  "devDependencies": {
62
64
  "@babel/core": "^7.27.1",
@@ -67,7 +69,7 @@
67
69
  "@ember/test-helpers": "^4.0.4",
68
70
  "@embroider/addon-dev": "^7.1.5",
69
71
  "@eslint/js": "^9.23.0",
70
- "@glimmer/component": "^2.0.0",
72
+ "@glimmer/component": "^1.1.2",
71
73
  "@glint/core": "^1.5.2",
72
74
  "@glint/environment-ember-loose": "^1.5.2",
73
75
  "@glint/environment-ember-template-imports": "^1.5.2",
@@ -95,7 +97,6 @@
95
97
  "rollup": "^4.39.0",
96
98
  "rollup-plugin-copy": "^3.5.0",
97
99
  "rollup-plugin-scss": "^4.0.1",
98
- "sass": "^1.89.2",
99
100
  "stylelint": "^16.17.0",
100
101
  "stylelint-config-rational-order": "^0.1.2",
101
102
  "stylelint-config-standard-scss": "^14.0.0",
@@ -105,7 +106,6 @@
105
106
  },
106
107
  "peerDependencies": {
107
108
  "@ember/string": "^3.1.1 || ^4.0.0",
108
- "ember-basic-dropdown": "^7.3.0 || ^8.6.1",
109
109
  "ember-engines": ">= 0.11.0",
110
110
  "ember-intl": "^7.3.0"
111
111
  },
@@ -220,6 +220,10 @@
220
220
  "./components/hds/dropdown/toggle/button.js": "./dist/_app_/components/hds/dropdown/toggle/button.js",
221
221
  "./components/hds/dropdown/toggle/chevron.js": "./dist/_app_/components/hds/dropdown/toggle/chevron.js",
222
222
  "./components/hds/dropdown/toggle/icon.js": "./dist/_app_/components/hds/dropdown/toggle/icon.js",
223
+ "./components/hds/flyout/body.js": "./dist/_app_/components/hds/flyout/body.js",
224
+ "./components/hds/flyout/description.js": "./dist/_app_/components/hds/flyout/description.js",
225
+ "./components/hds/flyout/footer.js": "./dist/_app_/components/hds/flyout/footer.js",
226
+ "./components/hds/flyout/header.js": "./dist/_app_/components/hds/flyout/header.js",
223
227
  "./components/hds/flyout.js": "./dist/_app_/components/hds/flyout.js",
224
228
  "./components/hds/form/character-count.js": "./dist/_app_/components/hds/form/character-count.js",
225
229
  "./components/hds/form/checkbox/base.js": "./dist/_app_/components/hds/form/checkbox/base.js",
@@ -285,6 +289,10 @@
285
289
  "./components/hds/layout/grid/item.js": "./dist/_app_/components/hds/layout/grid/item.js",
286
290
  "./components/hds/link/inline.js": "./dist/_app_/components/hds/link/inline.js",
287
291
  "./components/hds/link/standalone.js": "./dist/_app_/components/hds/link/standalone.js",
292
+ "./components/hds/menu-primitive.js": "./dist/_app_/components/hds/menu-primitive.js",
293
+ "./components/hds/modal/body.js": "./dist/_app_/components/hds/modal/body.js",
294
+ "./components/hds/modal/footer.js": "./dist/_app_/components/hds/modal/footer.js",
295
+ "./components/hds/modal/header.js": "./dist/_app_/components/hds/modal/header.js",
288
296
  "./components/hds/modal.js": "./dist/_app_/components/hds/modal.js",
289
297
  "./components/hds/page-header/actions.js": "./dist/_app_/components/hds/page-header/actions.js",
290
298
  "./components/hds/page-header/badges.js": "./dist/_app_/components/hds/page-header/badges.js",
@@ -309,6 +317,7 @@
309
317
  "./components/hds/separator.js": "./dist/_app_/components/hds/separator.js",
310
318
  "./components/hds/side-nav/base.js": "./dist/_app_/components/hds/side-nav/base.js",
311
319
  "./components/hds/side-nav/header/home-link.js": "./dist/_app_/components/hds/side-nav/header/home-link.js",
320
+ "./components/hds/side-nav/header/icon-button.js": "./dist/_app_/components/hds/side-nav/header/icon-button.js",
312
321
  "./components/hds/side-nav/header.js": "./dist/_app_/components/hds/side-nav/header.js",
313
322
  "./components/hds/side-nav.js": "./dist/_app_/components/hds/side-nav.js",
314
323
  "./components/hds/side-nav/list/back-link.js": "./dist/_app_/components/hds/side-nav/list/back-link.js",
@@ -1,31 +0,0 @@
1
- // NOTE: this is currently required because we cannot import the CSS from ember-a11y-refocus directly without requiring consumers that use scss to add the dependency as well.
2
-
3
- // The styles are taken directly from the ember-a11y-refocus package here:
4
- #ember-a11y-refocus-nav-message {
5
- position: absolute;
6
- width: 1px;
7
- height: 1px;
8
- padding: 0;
9
- overflow: hidden;
10
- white-space: nowrap;
11
- border: 0;
12
- clip: rect(0, 0, 0, 0);
13
- }
14
-
15
- .ember-a11y-refocus-skip-link {
16
- position: absolute;
17
- top: 0;
18
- left: 0;
19
- padding: 0.25rem;
20
- color: #fff;
21
- font-size: 0.75rem;
22
- text-decoration: none;
23
- // stylelint-disable-next-line color-function-notation
24
- background-color: rgb(0 0 0 / 75%);
25
- transform: translateY(-100%);
26
- transition: transform 0.3s ease-in-out;
27
- }
28
-
29
- .ember-a11y-refocus-skip-link:focus {
30
- transform: translateY(0);
31
- }