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

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 (91) hide show
  1. package/README.md +3 -3
  2. package/addon-main.cjs +6 -14
  3. package/declarations/components/hds/advanced-table/th-resize-handle.d.ts +2 -1
  4. package/declarations/components/hds/advanced-table/th.d.ts +0 -1
  5. package/declarations/components/hds/app-header/index.d.ts +2 -1
  6. package/declarations/components/hds/application-state/index.d.ts +2 -0
  7. package/declarations/components/hds/dropdown/index.d.ts +5 -4
  8. package/declarations/components/hds/dropdown/list-item/interactive.d.ts +0 -7
  9. package/declarations/components/hds/dropdown/toggle/icon.d.ts +1 -2
  10. package/declarations/components/hds/dropdown/toggle/types.d.ts +0 -5
  11. package/declarations/components/hds/form/text-input/field.d.ts +1 -1
  12. package/declarations/components/hds/icon/index.d.ts +1 -1
  13. package/declarations/components/hds/side-nav/index.d.ts +2 -9
  14. package/declarations/components/hds/stepper/task/indicator.d.ts +1 -1
  15. package/declarations/components.d.ts +0 -2
  16. package/declarations/template-registry.d.ts +0 -30
  17. package/dist/README.md +3 -3
  18. package/dist/components/hds/advanced-table/index.js +1 -1
  19. package/dist/components/hds/advanced-table/th-resize-handle.js.map +1 -1
  20. package/dist/components/hds/advanced-table/th.js.map +1 -1
  21. package/dist/components/hds/app-header/index.js +1 -1
  22. package/dist/components/hds/app-header/index.js.map +1 -1
  23. package/dist/components/hds/app-side-nav/portal/target.js +2 -2
  24. package/dist/components/hds/app-side-nav/portal/target.js.map +1 -1
  25. package/dist/components/hds/application-state/index.js +6 -0
  26. package/dist/components/hds/application-state/index.js.map +1 -1
  27. package/dist/components/hds/dropdown/index.js.map +1 -1
  28. package/dist/components/hds/dropdown/list-item/interactive.js +2 -24
  29. package/dist/components/hds/dropdown/list-item/interactive.js.map +1 -1
  30. package/dist/components/hds/dropdown/toggle/icon.js +3 -7
  31. package/dist/components/hds/dropdown/toggle/icon.js.map +1 -1
  32. package/dist/components/hds/dropdown/toggle/types.js +1 -6
  33. package/dist/components/hds/dropdown/toggle/types.js.map +1 -1
  34. package/dist/components/hds/side-nav/index.js +2 -21
  35. package/dist/components/hds/side-nav/index.js.map +1 -1
  36. package/dist/components/hds/side-nav/portal/target.js +2 -2
  37. package/dist/components/hds/side-nav/portal/target.js.map +1 -1
  38. package/dist/components/hds/time/index.js +2 -2
  39. package/dist/components/hds/time/index.js.map +1 -1
  40. package/dist/components/hds/time/range.js +2 -2
  41. package/dist/components/hds/time/range.js.map +1 -1
  42. package/dist/components.js +1 -3
  43. package/dist/components.js.map +1 -1
  44. package/dist/instance-initializers/load-sprite.js +3 -8
  45. package/dist/instance-initializers/load-sprite.js.map +1 -1
  46. package/dist/modifiers/hds-code-editor.js +2 -3
  47. package/dist/modifiers/hds-code-editor.js.map +1 -1
  48. package/dist/styles/@hashicorp/design-system-components.css +31 -79
  49. package/dist/styles/@hashicorp/design-system-components.scss +4 -1
  50. package/dist/styles/@hashicorp/design-system-ember-a11y-refocus.scss +31 -0
  51. package/dist/styles/components/application-state.scss +5 -1
  52. package/dist/styles/components/dropdown.scss +1 -1
  53. package/dist/styles/components/side-nav/header.scss +0 -26
  54. package/package.json +10 -20
  55. package/declarations/components/hds/flyout/body.d.ts +0 -16
  56. package/declarations/components/hds/flyout/description.d.ts +0 -17
  57. package/declarations/components/hds/flyout/footer.d.ts +0 -20
  58. package/declarations/components/hds/flyout/header.d.ts +0 -22
  59. package/declarations/components/hds/menu-primitive/index.d.ts +0 -36
  60. package/declarations/components/hds/modal/body.d.ts +0 -16
  61. package/declarations/components/hds/modal/footer.d.ts +0 -20
  62. package/declarations/components/hds/modal/header.d.ts +0 -22
  63. package/declarations/components/hds/side-nav/header/icon-button.d.ts +0 -19
  64. package/dist/_app_/components/hds/flyout/body.js +0 -1
  65. package/dist/_app_/components/hds/flyout/description.js +0 -1
  66. package/dist/_app_/components/hds/flyout/footer.js +0 -1
  67. package/dist/_app_/components/hds/flyout/header.js +0 -1
  68. package/dist/_app_/components/hds/menu-primitive.js +0 -1
  69. package/dist/_app_/components/hds/modal/body.js +0 -1
  70. package/dist/_app_/components/hds/modal/footer.js +0 -1
  71. package/dist/_app_/components/hds/modal/header.js +0 -1
  72. package/dist/_app_/components/hds/side-nav/header/icon-button.js +0 -1
  73. package/dist/components/hds/flyout/body.js +0 -31
  74. package/dist/components/hds/flyout/body.js.map +0 -1
  75. package/dist/components/hds/flyout/description.js +0 -31
  76. package/dist/components/hds/flyout/description.js.map +0 -1
  77. package/dist/components/hds/flyout/footer.js +0 -31
  78. package/dist/components/hds/flyout/footer.js.map +0 -1
  79. package/dist/components/hds/flyout/header.js +0 -31
  80. package/dist/components/hds/flyout/header.js.map +0 -1
  81. package/dist/components/hds/menu-primitive/index.js +0 -98
  82. package/dist/components/hds/menu-primitive/index.js.map +0 -1
  83. package/dist/components/hds/modal/body.js +0 -31
  84. package/dist/components/hds/modal/body.js.map +0 -1
  85. package/dist/components/hds/modal/footer.js +0 -31
  86. package/dist/components/hds/modal/footer.js.map +0 -1
  87. package/dist/components/hds/modal/header.js +0 -31
  88. package/dist/components/hds/modal/header.js.map +0 -1
  89. package/dist/components/hds/side-nav/header/icon-button.js +0 -38
  90. package/dist/components/hds/side-nav/header/icon-button.js.map +0 -1
  91. package/dist/styles/components/menu-primitive.scss +0 -13
@@ -750,6 +750,34 @@
750
750
  padding: 0;
751
751
  }
752
752
 
753
+ #ember-a11y-refocus-nav-message {
754
+ position: absolute;
755
+ width: 1px;
756
+ height: 1px;
757
+ padding: 0;
758
+ overflow: hidden;
759
+ white-space: nowrap;
760
+ border: 0;
761
+ clip: rect(0, 0, 0, 0);
762
+ }
763
+
764
+ .ember-a11y-refocus-skip-link {
765
+ position: absolute;
766
+ top: 0;
767
+ left: 0;
768
+ padding: 0.25rem;
769
+ color: #fff;
770
+ font-size: 0.75rem;
771
+ text-decoration: none;
772
+ background-color: rgba(0, 0, 0, 0.75);
773
+ transform: translateY(-100%);
774
+ transition: transform 0.3s ease-in-out;
775
+ }
776
+
777
+ .ember-a11y-refocus-skip-link:focus {
778
+ transform: translateY(0);
779
+ }
780
+
753
781
  /**
754
782
  * Copyright (c) HashiCorp, Inc.
755
783
  * SPDX-License-Identifier: MPL-2.0
@@ -2643,7 +2671,6 @@
2643
2671
  flex-direction: column;
2644
2672
  align-items: start;
2645
2673
  width: fit-content;
2646
- margin: 0 auto;
2647
2674
  }
2648
2675
  .hds-application-state.hds-application-state--align-center {
2649
2676
  align-items: center;
@@ -2654,6 +2681,9 @@
2654
2681
  .hds-application-state.hds-application-state--align-center .hds-application-state__footer {
2655
2682
  width: auto;
2656
2683
  }
2684
+ .hds-application-state.hds-application-state--is-auto-centered {
2685
+ margin: 0 auto;
2686
+ }
2657
2687
 
2658
2688
  .hds-application-state__media {
2659
2689
  margin-bottom: 32px;
@@ -7271,15 +7301,6 @@ button.hds-button[href]::after {
7271
7301
  left: -7px;
7272
7302
  }
7273
7303
 
7274
- /**
7275
- * Copyright (c) HashiCorp, Inc.
7276
- * SPDX-License-Identifier: MPL-2.0
7277
- */
7278
- .hds-menu-primitive {
7279
- position: relative;
7280
- width: fit-content;
7281
- }
7282
-
7283
7304
  /**
7284
7305
  * Copyright (c) HashiCorp, Inc.
7285
7306
  * SPDX-License-Identifier: MPL-2.0
@@ -8493,75 +8514,6 @@ button.hds-button[href]::after {
8493
8514
  border-color: var(--token-color-palette-neutral-500);
8494
8515
  }
8495
8516
 
8496
- .hds-side-nav__icon-button {
8497
- --token-focus-ring-action-box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
8498
- border: 1px solid transparent;
8499
- cursor: pointer;
8500
- border-color: var(--token-color-palette-neutral-500);
8501
- color: var(--token-color-foreground-high-contrast);
8502
- background-color: var(--token-color-palette-neutral-700);
8503
- border-radius: var(--token-border-radius-small);
8504
- display: flex;
8505
- align-items: center;
8506
- justify-content: center;
8507
- width: 36px;
8508
- height: 36px;
8509
- padding: 5px;
8510
- }
8511
- .hds-side-nav__icon-button:hover, .hds-side-nav__icon-button.mock-hover {
8512
- border-color: var(--token-color-palette-neutral-500);
8513
- color: var(--token-color-foreground-high-contrast);
8514
- background-color: var(--token-color-palette-neutral-600);
8515
- }
8516
- .hds-side-nav__icon-button:focus, .hds-side-nav__icon-button.mock-focus {
8517
- position: relative;
8518
- outline-style: solid;
8519
- outline-color: transparent;
8520
- isolation: isolate;
8521
- color: var(--token-color-foreground-high-contrast);
8522
- background-color: var(--token-color-palette-neutral-700);
8523
- border-color: #bcc7fd;
8524
- }
8525
- .hds-side-nav__icon-button:focus::before, .hds-side-nav__icon-button.mock-focus::before {
8526
- position: absolute;
8527
- top: -1px;
8528
- right: -1px;
8529
- bottom: -1px;
8530
- left: -1px;
8531
- z-index: -1;
8532
- border-radius: 5px;
8533
- content: "";
8534
- }
8535
- .hds-side-nav__icon-button:focus:focus::before, .hds-side-nav__icon-button:focus.mock-focus::before, .hds-side-nav__icon-button.mock-focus:focus::before, .hds-side-nav__icon-button.mock-focus.mock-focus::before {
8536
- box-shadow: var(--token-focus-ring-action-box-shadow);
8537
- }
8538
- .hds-side-nav__icon-button:focus:focus:not(:focus-visible)::before, .hds-side-nav__icon-button.mock-focus:focus:not(:focus-visible)::before {
8539
- box-shadow: none;
8540
- }
8541
- .hds-side-nav__icon-button:focus:focus-visible::before, .hds-side-nav__icon-button.mock-focus:focus-visible::before {
8542
- box-shadow: var(--token-focus-ring-action-box-shadow);
8543
- }
8544
- .hds-side-nav__icon-button:focus:focus:active::before, .hds-side-nav__icon-button:focus.mock-focus.mock-active::before, .hds-side-nav__icon-button.mock-focus:focus:active::before, .hds-side-nav__icon-button.mock-focus.mock-focus.mock-active::before {
8545
- box-shadow: none;
8546
- }
8547
- .hds-side-nav__icon-button:focus::before, .hds-side-nav__icon-button.mock-focus::before {
8548
- color: var(--token-color-foreground-high-contrast);
8549
- border: none;
8550
- }
8551
- .hds-side-nav__icon-button:focus:focus:not(:focus-visible)::before {
8552
- box-shadow: inset 0 0 0 1px #bcc7fd, 0 0 0 3px #0d69f2;
8553
- }
8554
- .hds-side-nav__icon-button:active, .hds-side-nav__icon-button.mock-active {
8555
- color: var(--token-color-foreground-high-contrast);
8556
- background-color: var(--token-color-palette-neutral-500);
8557
- border-color: var(--token-color-palette-neutral-400);
8558
- }
8559
- .hds-side-nav__icon-button:disabled, .hds-side-nav__icon-button[disabled], .hds-side-nav__icon-button.mock-disabled, .hds-side-nav__icon-button:disabled:focus, .hds-side-nav__icon-button[disabled]:focus, .hds-side-nav__icon-button.mock-disabled:focus, .hds-side-nav__icon-button:disabled:hover, .hds-side-nav__icon-button[disabled]:hover, .hds-side-nav__icon-button.mock-disabled:hover {
8560
- color: var(--token-color-foreground-disabled);
8561
- background-color: var(--token-color-palette-neutral-600);
8562
- border-color: var(--token-color-palette-neutral-500);
8563
- }
8564
-
8565
8517
  /**
8566
8518
  * Copyright (c) HashiCorp, Inc.
8567
8519
  * SPDX-License-Identifier: MPL-2.0
@@ -10,6 +10,9 @@
10
10
  @use "helpers/focus-ring";
11
11
  @use "helpers/typography";
12
12
 
13
+ // Vendor styles
14
+ @use "./design-system-ember-a11y-refocus";
15
+
13
16
  // Notice: this list can be automatically edited by the Ember blueprint, please don't remove the start/end comments
14
17
  // START COMPONENTS CSS FILES IMPORTS
15
18
  @use "../components/accordion";
@@ -39,7 +42,6 @@
39
42
  @use "../components/icon-tile";
40
43
  @use "../components/layout"; // multiple components
41
44
  @use "../components/link"; // multiple components
42
- @use "../components/menu-primitive";
43
45
  @use "../components/modal";
44
46
  @use "../components/page-header";
45
47
  @use "../components/pagination";
@@ -59,6 +61,7 @@
59
61
  // END COMPONENT CSS FILES IMPORTS
60
62
 
61
63
  @use "../mixins/screen-reader-only" as *;
64
+
62
65
  // stylelint-disable-next-line selector-class-pattern
63
66
  .sr-only {
64
67
  @include screen-reader-only();
@@ -0,0 +1,31 @@
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
+ }
@@ -14,7 +14,6 @@ $hds-application-state-content-max-width: 480px;
14
14
  flex-direction: column;
15
15
  align-items: start;
16
16
  width: fit-content;
17
- margin: 0 auto; // this will center the component in the parent container
18
17
 
19
18
  &.hds-application-state--align-center {
20
19
  align-items: center;
@@ -26,6 +25,11 @@ $hds-application-state-content-max-width: 480px;
26
25
  width: auto;
27
26
  }
28
27
  }
28
+
29
+ // we want that by default the component is centered in the parent container
30
+ &.hds-application-state--is-auto-centered {
31
+ margin: 0 auto;
32
+ }
29
33
  }
30
34
 
31
35
  .hds-application-state__media {
@@ -207,7 +207,7 @@ $hds-dropdown-toggle-border-radius: $hds-button-border-radius;
207
207
 
208
208
  // LIST
209
209
  // UL ELEMENT
210
- // GOES INSIDE HDS::MenuPrimitive's :content block
210
+ // GOES INSIDE HDS::PopoverPrimitive's popover element
211
211
 
212
212
  .hds-dropdown__content {
213
213
  position: relative;
@@ -94,29 +94,3 @@
94
94
  }
95
95
  }
96
96
  }
97
-
98
- // generic "icon-button"
99
-
100
- // TODO: Replace this component with Hds::Button
101
- .hds-side-nav__icon-button {
102
- @include hds-interactive-dark-theme();
103
- display: flex;
104
- align-items: center;
105
- justify-content: center;
106
- width: 36px; // same height as the dropdown "toggle"
107
- height: 36px;
108
- padding: 5px; // we take in account the transparent border
109
-
110
- // disabled state:
111
- &:disabled,
112
- &[disabled],
113
- &.mock-disabled,
114
- &:disabled:focus,
115
- &[disabled]:focus,
116
- &.mock-disabled:focus,
117
- &:disabled:hover,
118
- &[disabled]:hover,
119
- &.mock-disabled:hover {
120
- @include hds-interactive-dark-theme-state-disabled();
121
- }
122
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hashicorp/design-system-components",
3
- "version": "5.0.0-rc-20251014173443",
3
+ "version": "5.0.0-rc-20251017103456",
4
4
  "description": "Helios Design System Components",
5
5
  "keywords": [
6
6
  "hashicorp",
@@ -29,36 +29,33 @@
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": "^2.1.0",
32
+ "@ember/render-modifiers": "^3.0.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": "^3.13.0",
39
+ "@hashicorp/flight-icons": "4.0.0-rc-20251017103456",
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": "^4.1.4",
46
- "ember-cli-sass": "^11.0.1",
45
+ "ember-a11y-refocus": "^5.1.0",
47
46
  "ember-concurrency": "^4.0.4",
48
47
  "ember-element-helper": "^0.8.6",
49
48
  "ember-focus-trap": "^1.1.1",
50
- "ember-get-config": "^2.1.1",
51
49
  "ember-modifier": "^4.2.2",
52
50
  "ember-power-select": "^8.7.1",
53
- "ember-stargate": "^0.5.0",
51
+ "ember-stargate": "^1.0.2",
54
52
  "ember-style-modifier": "^4.4.0",
55
53
  "ember-truth-helpers": "^4.0.3",
56
54
  "luxon": "^3.4.2",
57
55
  "prismjs": "^1.30.0",
58
- "sass": "^1.83.0",
59
- "tracked-built-ins": "^4.0.0",
60
56
  "tabbable": "^6.2.0",
61
- "tippy.js": "^6.3.7"
57
+ "tippy.js": "^6.3.7",
58
+ "tracked-built-ins": "^4.0.0"
62
59
  },
63
60
  "devDependencies": {
64
61
  "@babel/core": "^7.27.1",
@@ -69,7 +66,7 @@
69
66
  "@ember/test-helpers": "^4.0.4",
70
67
  "@embroider/addon-dev": "^7.1.5",
71
68
  "@eslint/js": "^9.23.0",
72
- "@glimmer/component": "^1.1.2",
69
+ "@glimmer/component": "^2.0.0",
73
70
  "@glint/core": "^1.5.2",
74
71
  "@glint/environment-ember-loose": "^1.5.2",
75
72
  "@glint/environment-ember-template-imports": "^1.5.2",
@@ -97,6 +94,7 @@
97
94
  "rollup": "^4.39.0",
98
95
  "rollup-plugin-copy": "^3.5.0",
99
96
  "rollup-plugin-scss": "^4.0.1",
97
+ "sass": "^1.89.2",
100
98
  "stylelint": "^16.17.0",
101
99
  "stylelint-config-rational-order": "^0.1.2",
102
100
  "stylelint-config-standard-scss": "^14.0.0",
@@ -106,6 +104,7 @@
106
104
  },
107
105
  "peerDependencies": {
108
106
  "@ember/string": "^3.1.1 || ^4.0.0",
107
+ "ember-basic-dropdown": "^7.3.0 || ^8.6.1",
109
108
  "ember-engines": ">= 0.11.0",
110
109
  "ember-intl": "^7.3.0"
111
110
  },
@@ -220,10 +219,6 @@
220
219
  "./components/hds/dropdown/toggle/button.js": "./dist/_app_/components/hds/dropdown/toggle/button.js",
221
220
  "./components/hds/dropdown/toggle/chevron.js": "./dist/_app_/components/hds/dropdown/toggle/chevron.js",
222
221
  "./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",
227
222
  "./components/hds/flyout.js": "./dist/_app_/components/hds/flyout.js",
228
223
  "./components/hds/form/character-count.js": "./dist/_app_/components/hds/form/character-count.js",
229
224
  "./components/hds/form/checkbox/base.js": "./dist/_app_/components/hds/form/checkbox/base.js",
@@ -289,10 +284,6 @@
289
284
  "./components/hds/layout/grid/item.js": "./dist/_app_/components/hds/layout/grid/item.js",
290
285
  "./components/hds/link/inline.js": "./dist/_app_/components/hds/link/inline.js",
291
286
  "./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",
296
287
  "./components/hds/modal.js": "./dist/_app_/components/hds/modal.js",
297
288
  "./components/hds/page-header/actions.js": "./dist/_app_/components/hds/page-header/actions.js",
298
289
  "./components/hds/page-header/badges.js": "./dist/_app_/components/hds/page-header/badges.js",
@@ -317,7 +308,6 @@
317
308
  "./components/hds/separator.js": "./dist/_app_/components/hds/separator.js",
318
309
  "./components/hds/side-nav/base.js": "./dist/_app_/components/hds/side-nav/base.js",
319
310
  "./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",
321
311
  "./components/hds/side-nav/header.js": "./dist/_app_/components/hds/side-nav/header.js",
322
312
  "./components/hds/side-nav.js": "./dist/_app_/components/hds/side-nav.js",
323
313
  "./components/hds/side-nav/list/back-link.js": "./dist/_app_/components/hds/side-nav/list/back-link.js",
@@ -1,16 +0,0 @@
1
- /**
2
- * Copyright (c) HashiCorp, Inc.
3
- * SPDX-License-Identifier: MPL-2.0
4
- */
5
- import Component from '@glimmer/component';
6
- import type Owner from '@ember/owner';
7
- export interface HdsFlyoutBodySignature {
8
- Args: never;
9
- Blocks: {
10
- default: [];
11
- };
12
- Element: HTMLDivElement;
13
- }
14
- export default class HdsFlyoutBody extends Component<HdsFlyoutBodySignature> {
15
- constructor(owner: Owner, args: HdsFlyoutBodySignature['Args']);
16
- }
@@ -1,17 +0,0 @@
1
- /**
2
- * Copyright (c) HashiCorp, Inc.
3
- * SPDX-License-Identifier: MPL-2.0
4
- */
5
- import Component from '@glimmer/component';
6
- import type { HdsTextBodySignature } from '../text/body';
7
- import type Owner from '@ember/owner';
8
- export interface HdsFlyoutDescriptionSignature {
9
- Args: never;
10
- Blocks: {
11
- default: [];
12
- };
13
- Element: HdsTextBodySignature['Element'];
14
- }
15
- export default class HdsFlyoutDescription extends Component<HdsFlyoutDescriptionSignature> {
16
- constructor(owner: Owner, args: HdsFlyoutDescriptionSignature['Args']);
17
- }
@@ -1,20 +0,0 @@
1
- /**
2
- * Copyright (c) HashiCorp, Inc.
3
- * SPDX-License-Identifier: MPL-2.0
4
- */
5
- import Component from '@glimmer/component';
6
- import type Owner from '@ember/owner';
7
- export interface HdsFlyoutFooterSignature {
8
- Args: {
9
- onDismiss?: (event: MouseEvent) => void;
10
- };
11
- Blocks: {
12
- default: [{
13
- close?: (event: MouseEvent) => void;
14
- }];
15
- };
16
- Element: HTMLDivElement;
17
- }
18
- export default class HdsFlyoutFooter extends Component<HdsFlyoutFooterSignature> {
19
- constructor(owner: Owner, args: HdsFlyoutFooterSignature['Args']);
20
- }
@@ -1,22 +0,0 @@
1
- /**
2
- * Copyright (c) HashiCorp, Inc.
3
- * SPDX-License-Identifier: MPL-2.0
4
- */
5
- import Component from '@glimmer/component';
6
- import type { HdsIconSignature } from '../icon';
7
- import type Owner from '@ember/owner';
8
- export interface HdsFlyoutHeaderSignature {
9
- Args: {
10
- id?: string;
11
- tagline?: string;
12
- onDismiss: (event: MouseEvent) => void;
13
- icon?: HdsIconSignature['Args']['name'];
14
- };
15
- Blocks: {
16
- default: [];
17
- };
18
- Element: HTMLDivElement;
19
- }
20
- export default class HdsFlyoutHeader extends Component<HdsFlyoutHeaderSignature> {
21
- constructor(owner: Owner, args: HdsFlyoutHeaderSignature['Args']);
22
- }
@@ -1,36 +0,0 @@
1
- /**
2
- * Copyright (c) HashiCorp, Inc.
3
- * SPDX-License-Identifier: MPL-2.0
4
- */
5
- import Component from '@glimmer/component';
6
- import type Owner from '@ember/owner';
7
- export interface MenuPrimitiveSignature {
8
- Args: {
9
- onClose?: (...args: any[]) => void;
10
- };
11
- Blocks: {
12
- toggle?: [
13
- {
14
- onClickToggle: (event: MouseEvent, ...args: any[]) => void;
15
- isOpen?: boolean;
16
- }
17
- ];
18
- content?: [
19
- {
20
- close: (...args: any[]) => void;
21
- }
22
- ];
23
- };
24
- Element: HTMLDivElement;
25
- }
26
- export default class MenuPrimitive extends Component<MenuPrimitiveSignature> {
27
- isOpen: boolean | undefined;
28
- toggleRef: HTMLElement | undefined;
29
- _element: HTMLElement;
30
- constructor(owner: Owner, args: MenuPrimitiveSignature['Args']);
31
- didInsert(element: HTMLElement): void;
32
- onClickToggle(event: MouseEvent): void;
33
- onFocusOut(event: FocusEvent): void;
34
- onKeyUp(event: KeyboardEvent): void;
35
- close(): void;
36
- }
@@ -1,16 +0,0 @@
1
- /**
2
- * Copyright (c) HashiCorp, Inc.
3
- * SPDX-License-Identifier: MPL-2.0
4
- */
5
- import Component from '@glimmer/component';
6
- import type Owner from '@ember/owner';
7
- export interface HdsModalBodySignature {
8
- Args: never;
9
- Blocks: {
10
- default: [];
11
- };
12
- Element: HTMLDivElement;
13
- }
14
- export default class HdsModalBody extends Component<HdsModalBodySignature> {
15
- constructor(owner: Owner, args: HdsModalBodySignature['Args']);
16
- }
@@ -1,20 +0,0 @@
1
- /**
2
- * Copyright (c) HashiCorp, Inc.
3
- * SPDX-License-Identifier: MPL-2.0
4
- */
5
- import Component from '@glimmer/component';
6
- import type Owner from '@ember/owner';
7
- export interface HdsModalFooterSignature {
8
- Args: {
9
- onDismiss?: (event: MouseEvent) => void;
10
- };
11
- Blocks: {
12
- default: [{
13
- close?: (event: MouseEvent) => void;
14
- }];
15
- };
16
- Element: HTMLDivElement;
17
- }
18
- export default class HdsModalFooter extends Component<HdsModalFooterSignature> {
19
- constructor(owner: Owner, args: HdsModalFooterSignature['Args']);
20
- }
@@ -1,22 +0,0 @@
1
- /**
2
- * Copyright (c) HashiCorp, Inc.
3
- * SPDX-License-Identifier: MPL-2.0
4
- */
5
- import Component from '@glimmer/component';
6
- import type { HdsIconSignature } from '../icon';
7
- import type Owner from '@ember/owner';
8
- export interface HdsModalHeaderSignature {
9
- Args: {
10
- id?: string;
11
- tagline?: string;
12
- onDismiss: (event: MouseEvent) => void;
13
- icon?: HdsIconSignature['Args']['name'];
14
- };
15
- Blocks: {
16
- default: [];
17
- };
18
- Element: HTMLDivElement;
19
- }
20
- export default class HdsModalHeader extends Component<HdsModalHeaderSignature> {
21
- constructor(owner: Owner, args: HdsModalHeaderSignature['Args']);
22
- }
@@ -1,19 +0,0 @@
1
- /**
2
- * Copyright (c) HashiCorp, Inc.
3
- * SPDX-License-Identifier: MPL-2.0
4
- */
5
- import Component from '@glimmer/component';
6
- import type { HdsIconSignature } from '../../icon';
7
- import type { HdsInteractiveSignature } from '../../interactive/';
8
- import type Owner from '@ember/owner';
9
- export interface HdsSideNavHeaderIconButtonSignature {
10
- Args: HdsInteractiveSignature['Args'] & {
11
- icon: HdsIconSignature['Args']['name'];
12
- ariaLabel: string;
13
- };
14
- Element: HdsInteractiveSignature['Element'];
15
- }
16
- export default class HdsSideNavHeaderIconButton extends Component<HdsSideNavHeaderIconButtonSignature> {
17
- constructor(owner: Owner, args: HdsSideNavHeaderIconButtonSignature['Args']);
18
- get ariaLabel(): string;
19
- }
@@ -1 +0,0 @@
1
- export { default } from "@hashicorp/design-system-components/components/hds/flyout/body";
@@ -1 +0,0 @@
1
- export { default } from "@hashicorp/design-system-components/components/hds/flyout/description";
@@ -1 +0,0 @@
1
- export { default } from "@hashicorp/design-system-components/components/hds/flyout/footer";
@@ -1 +0,0 @@
1
- export { default } from "@hashicorp/design-system-components/components/hds/flyout/header";
@@ -1 +0,0 @@
1
- export { default } from "@hashicorp/design-system-components/components/hds/menu-primitive/index";
@@ -1 +0,0 @@
1
- export { default } from "@hashicorp/design-system-components/components/hds/modal/body";
@@ -1 +0,0 @@
1
- export { default } from "@hashicorp/design-system-components/components/hds/modal/footer";
@@ -1 +0,0 @@
1
- export { default } from "@hashicorp/design-system-components/components/hds/modal/header";
@@ -1 +0,0 @@
1
- export { default } from "@hashicorp/design-system-components/components/hds/side-nav/header/icon-button";
@@ -1,31 +0,0 @@
1
- import Component from '@glimmer/component';
2
- import { deprecate } from '@ember/debug';
3
- import { precompileTemplate } from '@ember/template-compilation';
4
- import { setComponentTemplate } from '@ember/component';
5
-
6
- var TEMPLATE = precompileTemplate("{{!\n Copyright (c) HashiCorp, Inc.\n SPDX-License-Identifier: MPL-2.0\n}}\n{{!\n THIS SUBCOMPONENT IS NOW DEPRECATED\n}}\n<div class=\"hds-flyout__body\" ...attributes>\n {{yield}}\n</div>");
7
-
8
- /**
9
- * Copyright (c) HashiCorp, Inc.
10
- * SPDX-License-Identifier: MPL-2.0
11
- */
12
-
13
- class HdsFlyoutBody extends Component {
14
- constructor(owner, args) {
15
- super(owner, args);
16
- deprecate('The `Hds::Flyout::Body` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Body` as one-to-one replacement.', false, {
17
- id: 'hds.components.flyout.body',
18
- until: '5.0.0',
19
- url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460',
20
- for: '@hashicorp/design-system-components',
21
- since: {
22
- enabled: '4.6.0',
23
- available: '4.6.0'
24
- }
25
- });
26
- }
27
- }
28
- setComponentTemplate(TEMPLATE, HdsFlyoutBody);
29
-
30
- export { HdsFlyoutBody as default };
31
- //# sourceMappingURL=body.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"body.js","sources":["../../../../src/components/hds/flyout/body.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { deprecate } from '@ember/debug';\n\nimport type Owner from '@ember/owner';\n\nexport interface HdsFlyoutBodySignature {\n // when component has no args, but constructor still needs to be defined, use `never`\n // see: https://github.com/hashicorp/design-system/pull/2511/files/f2146e5243d0431892a62d2fbf2889f1cbd3e525#r1815255004\n Args: never;\n Blocks: {\n default: [];\n };\n Element: HTMLDivElement;\n}\n\nexport default class HdsFlyoutBody extends Component<HdsFlyoutBodySignature> {\n constructor(owner: Owner, args: HdsFlyoutBodySignature['Args']) {\n super(owner, args);\n\n deprecate(\n 'The `Hds::Flyout::Body` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Body` as one-to-one replacement.',\n false,\n {\n id: 'hds.components.flyout.body',\n until: '5.0.0',\n url: 'https://helios.hashicorp.design/components/flyout?tab=version%20history#460',\n for: '@hashicorp/design-system-components',\n since: {\n enabled: '4.6.0',\n available: '4.6.0',\n },\n }\n );\n }\n}\n"],"names":["HdsFlyoutBody","Component","constructor","owner","args","deprecate","id","until","url","for","since","enabled","available","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAiBe,MAAMA,aAAa,SAASC,SAAS,CAAyB;AAC3EC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAoC,EAAE;AAC9D,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAElBC,IAAAA,SAAS,CACP,6MAA6M,EAC7M,KAAK,EACL;AACEC,MAAAA,EAAE,EAAE,4BAA4B;AAChCC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,GAAG,EAAE,6EAA6E;AAClFC,MAAAA,GAAG,EAAE,qCAAqC;AAC1CC,MAAAA,KAAK,EAAE;AACLC,QAAAA,OAAO,EAAE,OAAO;AAChBC,QAAAA,SAAS,EAAE;AACb;AACF,KACF,CAAC;AACH,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBd,aAAa,CAAA;;;;"}