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