@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.
- package/README.md +3 -3
- package/addon-main.cjs +3 -0
- package/declarations/components/hds/advanced-table/th-resize-handle.d.ts +1 -2
- package/declarations/components/hds/advanced-table/th.d.ts +1 -0
- package/declarations/components/hds/app-header/index.d.ts +1 -2
- package/declarations/components/hds/application-state/index.d.ts +0 -2
- package/declarations/components/hds/dropdown/index.d.ts +4 -5
- package/declarations/components/hds/dropdown/list-item/interactive.d.ts +7 -0
- package/declarations/components/hds/dropdown/toggle/icon.d.ts +2 -1
- package/declarations/components/hds/dropdown/toggle/types.d.ts +5 -0
- package/declarations/components/hds/flyout/body.d.ts +16 -0
- package/declarations/components/hds/flyout/description.d.ts +17 -0
- package/declarations/components/hds/flyout/footer.d.ts +20 -0
- package/declarations/components/hds/flyout/header.d.ts +22 -0
- package/declarations/components/hds/form/text-input/field.d.ts +1 -1
- package/declarations/components/hds/icon/index.d.ts +1 -1
- package/declarations/components/hds/menu-primitive/index.d.ts +36 -0
- package/declarations/components/hds/modal/body.d.ts +16 -0
- package/declarations/components/hds/modal/footer.d.ts +20 -0
- package/declarations/components/hds/modal/header.d.ts +22 -0
- package/declarations/components/hds/side-nav/header/icon-button.d.ts +19 -0
- package/declarations/components/hds/side-nav/index.d.ts +9 -2
- package/declarations/components/hds/stepper/task/indicator.d.ts +1 -1
- package/declarations/components.d.ts +2 -0
- package/declarations/template-registry.d.ts +30 -0
- package/dist/README.md +3 -3
- package/dist/_app_/components/hds/flyout/body.js +1 -0
- package/dist/_app_/components/hds/flyout/description.js +1 -0
- package/dist/_app_/components/hds/flyout/footer.js +1 -0
- package/dist/_app_/components/hds/flyout/header.js +1 -0
- package/dist/_app_/components/hds/menu-primitive.js +1 -0
- package/dist/_app_/components/hds/modal/body.js +1 -0
- package/dist/_app_/components/hds/modal/footer.js +1 -0
- package/dist/_app_/components/hds/modal/header.js +1 -0
- package/dist/_app_/components/hds/side-nav/header/icon-button.js +1 -0
- package/dist/components/hds/advanced-table/index.js +1 -1
- package/dist/components/hds/advanced-table/th-resize-handle.js.map +1 -1
- package/dist/components/hds/advanced-table/th.js.map +1 -1
- package/dist/components/hds/app-header/index.js +1 -1
- package/dist/components/hds/app-header/index.js.map +1 -1
- package/dist/components/hds/app-side-nav/portal/target.js +2 -2
- package/dist/components/hds/app-side-nav/portal/target.js.map +1 -1
- package/dist/components/hds/application-state/index.js +0 -6
- package/dist/components/hds/application-state/index.js.map +1 -1
- package/dist/components/hds/dropdown/index.js.map +1 -1
- package/dist/components/hds/dropdown/list-item/interactive.js +24 -2
- package/dist/components/hds/dropdown/list-item/interactive.js.map +1 -1
- package/dist/components/hds/dropdown/toggle/icon.js +7 -3
- package/dist/components/hds/dropdown/toggle/icon.js.map +1 -1
- package/dist/components/hds/dropdown/toggle/types.js +6 -1
- package/dist/components/hds/dropdown/toggle/types.js.map +1 -1
- package/dist/components/hds/flyout/body.js +31 -0
- package/dist/components/hds/flyout/body.js.map +1 -0
- package/dist/components/hds/flyout/description.js +31 -0
- package/dist/components/hds/flyout/description.js.map +1 -0
- package/dist/components/hds/flyout/footer.js +31 -0
- package/dist/components/hds/flyout/footer.js.map +1 -0
- package/dist/components/hds/flyout/header.js +31 -0
- package/dist/components/hds/flyout/header.js.map +1 -0
- package/dist/components/hds/menu-primitive/index.js +98 -0
- package/dist/components/hds/menu-primitive/index.js.map +1 -0
- package/dist/components/hds/modal/body.js +31 -0
- package/dist/components/hds/modal/body.js.map +1 -0
- package/dist/components/hds/modal/footer.js +31 -0
- package/dist/components/hds/modal/footer.js.map +1 -0
- package/dist/components/hds/modal/header.js +31 -0
- package/dist/components/hds/modal/header.js.map +1 -0
- package/dist/components/hds/side-nav/header/icon-button.js +38 -0
- package/dist/components/hds/side-nav/header/icon-button.js.map +1 -0
- package/dist/components/hds/side-nav/index.js +21 -2
- package/dist/components/hds/side-nav/index.js.map +1 -1
- package/dist/components/hds/side-nav/portal/target.js +2 -2
- package/dist/components/hds/side-nav/portal/target.js.map +1 -1
- package/dist/components/hds/time/index.js +2 -2
- package/dist/components/hds/time/index.js.map +1 -1
- package/dist/components/hds/time/range.js +2 -2
- package/dist/components/hds/time/range.js.map +1 -1
- package/dist/components.js +3 -1
- package/dist/components.js.map +1 -1
- package/dist/instance-initializers/load-sprite.js +4 -1
- package/dist/instance-initializers/load-sprite.js.map +1 -1
- package/dist/styles/@hashicorp/design-system-components.css +79 -31
- package/dist/styles/@hashicorp/design-system-components.scss +1 -4
- package/dist/styles/components/application-state.scss +1 -5
- package/dist/styles/components/dropdown.scss +1 -1
- package/dist/styles/components/menu-primitive.scss +13 -0
- package/dist/styles/components/side-nav/header.scss +26 -0
- package/package.json +19 -10
- 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-
|
|
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": "^
|
|
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": "
|
|
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": "^
|
|
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": "^
|
|
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": "^
|
|
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
|
-
}
|