@hashicorp/design-system-components 5.0.0-rc-20251006205604 → 5.0.0-rc-20251007190932

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 (77) hide show
  1. package/README.md +3 -3
  2. package/addon-main.cjs +0 -3
  3. package/declarations/components/hds/advanced-table/th.d.ts +0 -1
  4. package/declarations/components/hds/application-state/index.d.ts +2 -0
  5. package/declarations/components/hds/dropdown/index.d.ts +5 -4
  6. package/declarations/components/hds/dropdown/list-item/interactive.d.ts +0 -7
  7. package/declarations/components/hds/form/text-input/field.d.ts +1 -1
  8. package/declarations/components/hds/icon/index.d.ts +1 -1
  9. package/declarations/components/hds/side-nav/index.d.ts +0 -8
  10. package/declarations/components/hds/stepper/task/indicator.d.ts +1 -1
  11. package/declarations/components.d.ts +0 -2
  12. package/declarations/template-registry.d.ts +0 -30
  13. package/dist/README.md +3 -3
  14. package/dist/components/hds/advanced-table/index.js +1 -1
  15. package/dist/components/hds/advanced-table/th.js.map +1 -1
  16. package/dist/components/hds/app-side-nav/portal/target.js +2 -2
  17. package/dist/components/hds/app-side-nav/portal/target.js.map +1 -1
  18. package/dist/components/hds/application-state/index.js +6 -0
  19. package/dist/components/hds/application-state/index.js.map +1 -1
  20. package/dist/components/hds/dropdown/index.js.map +1 -1
  21. package/dist/components/hds/dropdown/list-item/interactive.js +2 -24
  22. package/dist/components/hds/dropdown/list-item/interactive.js.map +1 -1
  23. package/dist/components/hds/side-nav/index.js +2 -21
  24. package/dist/components/hds/side-nav/index.js.map +1 -1
  25. package/dist/components/hds/side-nav/portal/target.js +2 -2
  26. package/dist/components/hds/side-nav/portal/target.js.map +1 -1
  27. package/dist/components/hds/time/index.js +2 -2
  28. package/dist/components/hds/time/index.js.map +1 -1
  29. package/dist/components/hds/time/range.js +2 -2
  30. package/dist/components/hds/time/range.js.map +1 -1
  31. package/dist/components.js +0 -2
  32. package/dist/components.js.map +1 -1
  33. package/dist/instance-initializers/load-sprite.js +1 -4
  34. package/dist/instance-initializers/load-sprite.js.map +1 -1
  35. package/dist/styles/@hashicorp/design-system-components.css +3 -79
  36. package/dist/styles/@hashicorp/design-system-components.scss +0 -1
  37. package/dist/styles/components/application-state.scss +5 -1
  38. package/dist/styles/components/dropdown.scss +1 -1
  39. package/dist/styles/components/side-nav/header.scss +0 -26
  40. package/package.json +4 -12
  41. package/declarations/components/hds/flyout/body.d.ts +0 -16
  42. package/declarations/components/hds/flyout/description.d.ts +0 -17
  43. package/declarations/components/hds/flyout/footer.d.ts +0 -20
  44. package/declarations/components/hds/flyout/header.d.ts +0 -22
  45. package/declarations/components/hds/menu-primitive/index.d.ts +0 -36
  46. package/declarations/components/hds/modal/body.d.ts +0 -16
  47. package/declarations/components/hds/modal/footer.d.ts +0 -20
  48. package/declarations/components/hds/modal/header.d.ts +0 -22
  49. package/declarations/components/hds/side-nav/header/icon-button.d.ts +0 -19
  50. package/dist/_app_/components/hds/flyout/body.js +0 -1
  51. package/dist/_app_/components/hds/flyout/description.js +0 -1
  52. package/dist/_app_/components/hds/flyout/footer.js +0 -1
  53. package/dist/_app_/components/hds/flyout/header.js +0 -1
  54. package/dist/_app_/components/hds/menu-primitive.js +0 -1
  55. package/dist/_app_/components/hds/modal/body.js +0 -1
  56. package/dist/_app_/components/hds/modal/footer.js +0 -1
  57. package/dist/_app_/components/hds/modal/header.js +0 -1
  58. package/dist/_app_/components/hds/side-nav/header/icon-button.js +0 -1
  59. package/dist/components/hds/flyout/body.js +0 -31
  60. package/dist/components/hds/flyout/body.js.map +0 -1
  61. package/dist/components/hds/flyout/description.js +0 -31
  62. package/dist/components/hds/flyout/description.js.map +0 -1
  63. package/dist/components/hds/flyout/footer.js +0 -31
  64. package/dist/components/hds/flyout/footer.js.map +0 -1
  65. package/dist/components/hds/flyout/header.js +0 -31
  66. package/dist/components/hds/flyout/header.js.map +0 -1
  67. package/dist/components/hds/menu-primitive/index.js +0 -98
  68. package/dist/components/hds/menu-primitive/index.js.map +0 -1
  69. package/dist/components/hds/modal/body.js +0 -31
  70. package/dist/components/hds/modal/body.js.map +0 -1
  71. package/dist/components/hds/modal/footer.js +0 -31
  72. package/dist/components/hds/modal/footer.js.map +0 -1
  73. package/dist/components/hds/modal/header.js +0 -31
  74. package/dist/components/hds/modal/header.js.map +0 -1
  75. package/dist/components/hds/side-nav/header/icon-button.js +0 -38
  76. package/dist/components/hds/side-nav/header/icon-button.js.map +0 -1
  77. package/dist/styles/components/menu-primitive.scss +0 -13
@@ -1 +1 @@
1
- {"version":3,"file":"load-sprite.js","sources":["../../src/instance-initializers/load-sprite.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport config from 'ember-get-config';\n\nexport async function initialize() {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment\n const legacyLazyEmbed = config?.emberFlightIcons?.lazyEmbed;\n\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n if (config?.flightIconsSpriteLazyEmbed || legacyLazyEmbed) {\n const { default: svgSprite } = await import(\n '@hashicorp/flight-icons/svg-sprite/svg-sprite-module'\n );\n\n // in test environments we can inject the sprite directly into the ember testing container\n // to avoid issues with tools like Percy that only consider content inside that element\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n if (config.environment === 'test') {\n const container = window.document?.getElementById('ember-testing');\n\n if (container && !container.querySelector('.flight-sprite-container')) {\n container.insertAdjacentHTML('afterbegin', svgSprite);\n }\n } else {\n const container = window.document?.body;\n\n if (container && !container.querySelector('.flight-sprite-container')) {\n container.insertAdjacentHTML('beforeend', svgSprite);\n }\n }\n }\n}\n\nexport default {\n initialize,\n};\n"],"names":["initialize","legacyLazyEmbed","config","emberFlightIcons","lazyEmbed","flightIconsSpriteLazyEmbed","default","svgSprite","environment","container","window","document","getElementById","querySelector","insertAdjacentHTML","body"],"mappings":";;AAAA;AACA;AACA;AACA;;AAIO,eAAeA,UAAUA,GAAG;AACjC;AACA,EAAA,MAAMC,eAAe,GAAGC,MAAM,EAAEC,gBAAgB,EAAEC,SAAS;;AAE3D;AACA,EAAA,IAAIF,MAAM,EAAEG,0BAA0B,IAAIJ,eAAe,EAAE;IACzD,MAAM;AAAEK,MAAAA,OAAO,EAAEC;AAAU,KAAC,GAAG,MAAM,OACnC,sDACF,CAAC;;AAED;AACA;AACA;AACA,IAAA,IAAIL,MAAM,CAACM,WAAW,KAAK,MAAM,EAAE;MACjC,MAAMC,SAAS,GAAGC,MAAM,CAACC,QAAQ,EAAEC,cAAc,CAAC,eAAe,CAAC;MAElE,IAAIH,SAAS,IAAI,CAACA,SAAS,CAACI,aAAa,CAAC,0BAA0B,CAAC,EAAE;AACrEJ,QAAAA,SAAS,CAACK,kBAAkB,CAAC,YAAY,EAAEP,SAAS,CAAC;AACvD,MAAA;AACF,IAAA,CAAC,MAAM;AACL,MAAA,MAAME,SAAS,GAAGC,MAAM,CAACC,QAAQ,EAAEI,IAAI;MAEvC,IAAIN,SAAS,IAAI,CAACA,SAAS,CAACI,aAAa,CAAC,0BAA0B,CAAC,EAAE;AACrEJ,QAAAA,SAAS,CAACK,kBAAkB,CAAC,WAAW,EAAEP,SAAS,CAAC;AACtD,MAAA;AACF,IAAA;AACF,EAAA;AACF;AAEA,iBAAe;AACbP,EAAAA;AACF,CAAC;;;;"}
1
+ {"version":3,"file":"load-sprite.js","sources":["../../src/instance-initializers/load-sprite.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport config from 'ember-get-config';\n\nexport async function initialize() {\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n if (config?.flightIconsSpriteLazyEmbed) {\n const { default: svgSprite } = await import(\n '@hashicorp/flight-icons/svg-sprite/svg-sprite-module'\n );\n\n // in test environments we can inject the sprite directly into the ember testing container\n // to avoid issues with tools like Percy that only consider content inside that element\n // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n if (config.environment === 'test') {\n const container = window.document?.getElementById('ember-testing');\n\n if (container && !container.querySelector('.flight-sprite-container')) {\n container.insertAdjacentHTML('afterbegin', svgSprite);\n }\n } else {\n const container = window.document?.body;\n\n if (container && !container.querySelector('.flight-sprite-container')) {\n container.insertAdjacentHTML('beforeend', svgSprite);\n }\n }\n }\n}\n\nexport default {\n initialize,\n};\n"],"names":["initialize","config","flightIconsSpriteLazyEmbed","default","svgSprite","environment","container","window","document","getElementById","querySelector","insertAdjacentHTML","body"],"mappings":";;AAAA;AACA;AACA;AACA;;AAIO,eAAeA,UAAUA,GAAG;AACjC;EACA,IAAIC,MAAM,EAAEC,0BAA0B,EAAE;IACtC,MAAM;AAAEC,MAAAA,OAAO,EAAEC;AAAU,KAAC,GAAG,MAAM,OACnC,sDACF,CAAC;;AAED;AACA;AACA;AACA,IAAA,IAAIH,MAAM,CAACI,WAAW,KAAK,MAAM,EAAE;MACjC,MAAMC,SAAS,GAAGC,MAAM,CAACC,QAAQ,EAAEC,cAAc,CAAC,eAAe,CAAC;MAElE,IAAIH,SAAS,IAAI,CAACA,SAAS,CAACI,aAAa,CAAC,0BAA0B,CAAC,EAAE;AACrEJ,QAAAA,SAAS,CAACK,kBAAkB,CAAC,YAAY,EAAEP,SAAS,CAAC;AACvD,MAAA;AACF,IAAA,CAAC,MAAM;AACL,MAAA,MAAME,SAAS,GAAGC,MAAM,CAACC,QAAQ,EAAEI,IAAI;MAEvC,IAAIN,SAAS,IAAI,CAACA,SAAS,CAACI,aAAa,CAAC,0BAA0B,CAAC,EAAE;AACrEJ,QAAAA,SAAS,CAACK,kBAAkB,CAAC,WAAW,EAAEP,SAAS,CAAC;AACtD,MAAA;AACF,IAAA;AACF,EAAA;AACF;AAEA,iBAAe;AACbJ,EAAAA;AACF,CAAC;;;;"}
@@ -2643,7 +2643,6 @@
2643
2643
  flex-direction: column;
2644
2644
  align-items: start;
2645
2645
  width: fit-content;
2646
- margin: 0 auto;
2647
2646
  }
2648
2647
  .hds-application-state.hds-application-state--align-center {
2649
2648
  align-items: center;
@@ -2654,6 +2653,9 @@
2654
2653
  .hds-application-state.hds-application-state--align-center .hds-application-state__footer {
2655
2654
  width: auto;
2656
2655
  }
2656
+ .hds-application-state.hds-application-state--is-auto-centered {
2657
+ margin: 0 auto;
2658
+ }
2657
2659
 
2658
2660
  .hds-application-state__media {
2659
2661
  margin-bottom: 32px;
@@ -7271,15 +7273,6 @@ button.hds-button[href]::after {
7271
7273
  left: -7px;
7272
7274
  }
7273
7275
 
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
7276
  /**
7284
7277
  * Copyright (c) HashiCorp, Inc.
7285
7278
  * SPDX-License-Identifier: MPL-2.0
@@ -8493,75 +8486,6 @@ button.hds-button[href]::after {
8493
8486
  border-color: var(--token-color-palette-neutral-500);
8494
8487
  }
8495
8488
 
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
8489
  /**
8566
8490
  * Copyright (c) HashiCorp, Inc.
8567
8491
  * SPDX-License-Identifier: MPL-2.0
@@ -39,7 +39,6 @@
39
39
  @use "../components/icon-tile";
40
40
  @use "../components/layout"; // multiple components
41
41
  @use "../components/link"; // multiple components
42
- @use "../components/menu-primitive";
43
42
  @use "../components/modal";
44
43
  @use "../components/page-header";
45
44
  @use "../components/pagination";
@@ -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-20251006205604",
3
+ "version": "5.0.0-rc-20251007190932",
4
4
  "description": "Helios Design System Components",
5
5
  "keywords": [
6
6
  "hashicorp",
@@ -34,10 +34,9 @@
34
34
  "@embroider/addon-shim": "^1.10.0",
35
35
  "@embroider/macros": "^1.18.1",
36
36
  "@embroider/util": "^1.13.4",
37
- "ember-basic-dropdown": "^8.6.1",
38
37
  "@floating-ui/dom": "^1.6.12",
39
38
  "@hashicorp/design-system-tokens": "^3.0.0",
40
- "@hashicorp/flight-icons": "^3.13.0",
39
+ "@hashicorp/flight-icons": "4.0.0-rc-20251007190932",
41
40
  "@lezer/highlight": "^1.2.1",
42
41
  "@nullvoxpopuli/ember-composable-helpers": "^5.2.11",
43
42
  "clipboard-polyfill": "^4.1.1",
@@ -79,6 +78,7 @@
79
78
  "@types/prismjs": "^1.26.5",
80
79
  "babel-plugin-ember-template-compilation": "^2.4.1",
81
80
  "concurrently": "^9.1.2",
81
+ "ember-basic-dropdown": "^8.6.1",
82
82
  "ember-intl": "^7.3.0",
83
83
  "ember-source": "^6.4.0",
84
84
  "ember-template-lint": "^7.0.2",
@@ -105,6 +105,7 @@
105
105
  },
106
106
  "peerDependencies": {
107
107
  "@ember/string": "^3.1.1 || ^4.0.0",
108
+ "ember-basic-dropdown": "^7.3.0 || ^8.0.0",
108
109
  "ember-engines": ">= 0.11.0",
109
110
  "ember-intl": "^7.3.0"
110
111
  },
@@ -219,10 +220,6 @@
219
220
  "./components/hds/dropdown/toggle/button.js": "./dist/_app_/components/hds/dropdown/toggle/button.js",
220
221
  "./components/hds/dropdown/toggle/chevron.js": "./dist/_app_/components/hds/dropdown/toggle/chevron.js",
221
222
  "./components/hds/dropdown/toggle/icon.js": "./dist/_app_/components/hds/dropdown/toggle/icon.js",
222
- "./components/hds/flyout/body.js": "./dist/_app_/components/hds/flyout/body.js",
223
- "./components/hds/flyout/description.js": "./dist/_app_/components/hds/flyout/description.js",
224
- "./components/hds/flyout/footer.js": "./dist/_app_/components/hds/flyout/footer.js",
225
- "./components/hds/flyout/header.js": "./dist/_app_/components/hds/flyout/header.js",
226
223
  "./components/hds/flyout.js": "./dist/_app_/components/hds/flyout.js",
227
224
  "./components/hds/form/character-count.js": "./dist/_app_/components/hds/form/character-count.js",
228
225
  "./components/hds/form/checkbox/base.js": "./dist/_app_/components/hds/form/checkbox/base.js",
@@ -288,10 +285,6 @@
288
285
  "./components/hds/layout/grid/item.js": "./dist/_app_/components/hds/layout/grid/item.js",
289
286
  "./components/hds/link/inline.js": "./dist/_app_/components/hds/link/inline.js",
290
287
  "./components/hds/link/standalone.js": "./dist/_app_/components/hds/link/standalone.js",
291
- "./components/hds/menu-primitive.js": "./dist/_app_/components/hds/menu-primitive.js",
292
- "./components/hds/modal/body.js": "./dist/_app_/components/hds/modal/body.js",
293
- "./components/hds/modal/footer.js": "./dist/_app_/components/hds/modal/footer.js",
294
- "./components/hds/modal/header.js": "./dist/_app_/components/hds/modal/header.js",
295
288
  "./components/hds/modal.js": "./dist/_app_/components/hds/modal.js",
296
289
  "./components/hds/page-header/actions.js": "./dist/_app_/components/hds/page-header/actions.js",
297
290
  "./components/hds/page-header/badges.js": "./dist/_app_/components/hds/page-header/badges.js",
@@ -316,7 +309,6 @@
316
309
  "./components/hds/separator.js": "./dist/_app_/components/hds/separator.js",
317
310
  "./components/hds/side-nav/base.js": "./dist/_app_/components/hds/side-nav/base.js",
318
311
  "./components/hds/side-nav/header/home-link.js": "./dist/_app_/components/hds/side-nav/header/home-link.js",
319
- "./components/hds/side-nav/header/icon-button.js": "./dist/_app_/components/hds/side-nav/header/icon-button.js",
320
312
  "./components/hds/side-nav/header.js": "./dist/_app_/components/hds/side-nav/header.js",
321
313
  "./components/hds/side-nav.js": "./dist/_app_/components/hds/side-nav.js",
322
314
  "./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;;;;"}
@@ -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<Hds::Text::Body class=\"hds-flyout__description\" @tag=\"div\" @size=\"200\" @color=\"primary\" ...attributes>\n {{yield}}\n</Hds::Text::Body>");
7
-
8
- /**
9
- * Copyright (c) HashiCorp, Inc.
10
- * SPDX-License-Identifier: MPL-2.0
11
- */
12
-
13
- class HdsFlyoutDescription extends Component {
14
- constructor(owner, args) {
15
- super(owner, args);
16
- deprecate('The `Hds::Flyout::Description` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Description` as one-to-one replacement.', false, {
17
- id: 'hds.components.flyout.description',
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
- available: '4.6.0',
23
- enabled: '4.6.0'
24
- }
25
- });
26
- }
27
- }
28
- setComponentTemplate(TEMPLATE, HdsFlyoutDescription);
29
-
30
- export { HdsFlyoutDescription as default };
31
- //# sourceMappingURL=description.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"description.js","sources":["../../../../src/components/hds/flyout/description.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';\nimport type { HdsTextBodySignature } from '../text/body';\nimport type Owner from '@ember/owner';\n\nexport interface HdsFlyoutDescriptionSignature {\n Args: never;\n Blocks: {\n default: [];\n };\n Element: HdsTextBodySignature['Element'];\n}\n\nexport default class HdsFlyoutDescription extends Component<HdsFlyoutDescriptionSignature> {\n constructor(owner: Owner, args: HdsFlyoutDescriptionSignature['Args']) {\n super(owner, args);\n\n deprecate(\n 'The `Hds::Flyout::Description` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Description` as one-to-one replacement.',\n false,\n {\n id: 'hds.components.flyout.description',\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 available: '4.6.0',\n enabled: '4.6.0',\n },\n }\n );\n }\n}\n"],"names":["HdsFlyoutDescription","Component","constructor","owner","args","deprecate","id","until","url","for","since","available","enabled","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAee,MAAMA,oBAAoB,SAASC,SAAS,CAAgC;AACzFC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAA2C,EAAE;AACrE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAElBC,IAAAA,SAAS,CACP,2NAA2N,EAC3N,KAAK,EACL;AACEC,MAAAA,EAAE,EAAE,mCAAmC;AACvCC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,GAAG,EAAE,6EAA6E;AAClFC,MAAAA,GAAG,EAAE,qCAAqC;AAC1CC,MAAAA,KAAK,EAAE;AACLC,QAAAA,SAAS,EAAE,OAAO;AAClBC,QAAAA,OAAO,EAAE;AACX;AACF,KACF,CAAC;AACH,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAnBoBd,oBAAoB,CAAA;;;;"}
@@ -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__footer\" ...attributes>\n {{yield (hash close=@onDismiss)}}\n</div>");
7
-
8
- /**
9
- * Copyright (c) HashiCorp, Inc.
10
- * SPDX-License-Identifier: MPL-2.0
11
- */
12
-
13
- class HdsFlyoutFooter extends Component {
14
- constructor(owner, args) {
15
- super(owner, args);
16
- deprecate('The `Hds::Flyout::Footer` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Footer` as one-to-one replacement.', false, {
17
- id: 'hds.components.flyout.footer',
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, HdsFlyoutFooter);
29
-
30
- export { HdsFlyoutFooter as default };
31
- //# sourceMappingURL=footer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"footer.js","sources":["../../../../src/components/hds/flyout/footer.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';\nimport type Owner from '@ember/owner';\n\nexport interface HdsFlyoutFooterSignature {\n Args: {\n onDismiss?: (event: MouseEvent) => void;\n };\n Blocks: {\n default: [{ close?: (event: MouseEvent) => void }];\n };\n Element: HTMLDivElement;\n}\n\nexport default class HdsFlyoutFooter extends Component<HdsFlyoutFooterSignature> {\n constructor(owner: Owner, args: HdsFlyoutFooterSignature['Args']) {\n super(owner, args);\n\n deprecate(\n 'The `Hds::Flyout::Footer` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Footer` as one-to-one replacement.',\n false,\n {\n id: 'hds.components.flyout.footer',\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":["HdsFlyoutFooter","Component","constructor","owner","args","deprecate","id","until","url","for","since","enabled","available","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAgBe,MAAMA,eAAe,SAASC,SAAS,CAA2B;AAC/EC,EAAAA,WAAWA,CAACC,KAAY,EAAEC,IAAsC,EAAE;AAChE,IAAA,KAAK,CAACD,KAAK,EAAEC,IAAI,CAAC;AAElBC,IAAAA,SAAS,CACP,iNAAiN,EACjN,KAAK,EACL;AACEC,MAAAA,EAAE,EAAE,8BAA8B;AAClCC,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,eAAe,CAAA;;;;"}
@@ -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__header\" ...attributes>\n {{#if @icon}}\n <Hds::Icon class=\"hds-flyout__icon\" @name={{@icon}} @size=\"24\" />\n {{/if}}\n <Hds::Text::Display class=\"hds-flyout__title\" @tag=\"div\" @size=\"300\" @weight=\"semibold\" id={{@id}}>\n {{#if @tagline}}\n <Hds::Text::Body class=\"hds-flyout__tagline\" @tag=\"div\" @size=\"100\" @weight=\"regular\" @color=\"faint\">\n {{@tagline}}\n </Hds::Text::Body>\n {{/if}}\n {{yield}}\n </Hds::Text::Display>\n <Hds::DismissButton class=\"hds-flyout__dismiss\" {{on \"click\" @onDismiss}} />\n</div>");
7
-
8
- /**
9
- * Copyright (c) HashiCorp, Inc.
10
- * SPDX-License-Identifier: MPL-2.0
11
- */
12
-
13
- class HdsFlyoutHeader extends Component {
14
- constructor(owner, args) {
15
- super(owner, args);
16
- deprecate('The `Hds::Flyout::Header` sub-component is now deprecated and will be removed in the next major version of `@hashicorp/design-system-components`. Use `Hds::DialogPrimitive::Header` as one-to-one replacement.', false, {
17
- id: 'hds.components.flyout.header',
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, HdsFlyoutHeader);
29
-
30
- export { HdsFlyoutHeader as default };
31
- //# sourceMappingURL=header.js.map