@hashicorp/design-system-components 4.20.1 → 4.20.2-rc-20250620095749
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/declarations/components/hds/modal/index.d.ts +0 -1
- package/declarations/components.d.ts +3 -0
- package/dist/components/hds/modal/index.js +8 -11
- package/dist/components/hds/modal/index.js.map +1 -1
- package/dist/components.js +3 -0
- package/dist/components.js.map +1 -1
- package/package.json +10 -10
|
@@ -48,7 +48,6 @@ export default class HdsModal extends Component<HdsModalSignature> {
|
|
|
48
48
|
get classNames(): string;
|
|
49
49
|
registerOnCloseCallback(event: Event): void;
|
|
50
50
|
didInsert(element: HTMLDialogElement): void;
|
|
51
|
-
willDestroyNode(): void;
|
|
52
51
|
open(): void;
|
|
53
52
|
onDismiss(): Promise<void>;
|
|
54
53
|
}
|
|
@@ -53,6 +53,7 @@ export { default as HdsBreadcrumb } from './components/hds/breadcrumb/index.ts';
|
|
|
53
53
|
export { default as HdsBreadcrumbItem } from './components/hds/breadcrumb/item.ts';
|
|
54
54
|
export { default as HdsBreadcrumbTruncation } from './components/hds/breadcrumb/truncation.ts';
|
|
55
55
|
export { default as HdsButton } from './components/hds/button/index.ts';
|
|
56
|
+
export * from './components/hds/button/types.ts';
|
|
56
57
|
export { default as HdsButtonSet } from './components/hds/button-set/index.ts';
|
|
57
58
|
export { default as HdsCardContainer } from './components/hds/card/container.ts';
|
|
58
59
|
export * from './components/hds/card/types.ts';
|
|
@@ -221,8 +222,10 @@ export { default as HdsAppFrameModals } from './components/hds/app-frame/parts/m
|
|
|
221
222
|
export { default as HdsAppFrameSidebar } from './components/hds/app-frame/parts/sidebar.ts';
|
|
222
223
|
export { default as HdsLayoutFlex } from './components/hds/layout/flex/index.ts';
|
|
223
224
|
export { default as HdsLayoutFlexItem } from './components/hds/layout/flex/item.ts';
|
|
225
|
+
export * from './components/hds/layout/flex/types.ts';
|
|
224
226
|
export { default as HdsLayoutGrid } from './components/hds/layout/grid/index.ts';
|
|
225
227
|
export { default as HdsLayoutGridItem } from './components/hds/layout/grid/item.ts';
|
|
228
|
+
export { HdsLayoutGridAlignValues, HdsLayoutGridGapValues, type HdsLayoutGridAligns, type HdsLayoutGridGaps, } from './components/hds/layout/grid/types.ts';
|
|
226
229
|
export { default as HdsDialogPrimitiveBody } from './components/hds/dialog-primitive/body.ts';
|
|
227
230
|
export { default as HdsDialogPrimitiveDescription } from './components/hds/dialog-primitive/description.ts';
|
|
228
231
|
export { default as HdsDialogPrimitiveFooter } from './components/hds/dialog-primitive/footer.ts';
|
|
@@ -13,7 +13,7 @@ import { precompileTemplate } from '@ember/template-compilation';
|
|
|
13
13
|
import { g, i, n } from 'decorator-transforms/runtime';
|
|
14
14
|
import { setComponentTemplate } from '@ember/component';
|
|
15
15
|
|
|
16
|
-
var TEMPLATE = precompileTemplate("{{!\n Copyright (c) HashiCorp, Inc.\n SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::DialogPrimitive::Wrapper\n class={{this.classNames}}\n ...attributes\n aria-labelledby={{this.id}}\n {{did-insert this.didInsert}}\n {{
|
|
16
|
+
var TEMPLATE = precompileTemplate("{{!\n Copyright (c) HashiCorp, Inc.\n SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::DialogPrimitive::Wrapper\n class={{this.classNames}}\n ...attributes\n aria-labelledby={{this.id}}\n {{did-insert this.didInsert}}\n {{! @glint-expect-error - https://github.com/josemarluedke/ember-focus-trap/issues/86 }}\n {{focus-trap isActive=this._isOpen focusTrapOptions=(hash onDeactivate=this.onDismiss)}}\n>\n <:header>\n {{yield\n (hash\n Header=(component\n \"hds/dialog-primitive/header\"\n id=this.id\n onDismiss=this.onDismiss\n contextualClassPrefix=\"hds-modal\"\n titleTag=\"h1\"\n )\n )\n }}\n </:header>\n <:body>\n {{yield (hash Body=(component \"hds/dialog-primitive/body\" contextualClass=\"hds-modal__body\"))}}\n </:body>\n <:footer>\n {{yield\n (hash\n Footer=(component \"hds/dialog-primitive/footer\" onDismiss=this.onDismiss contextualClass=\"hds-modal__footer\")\n )\n }}\n </:footer>\n</Hds::DialogPrimitive::Wrapper>\n\n{{#if this._isOpen}}\n <Hds::DialogPrimitive::Overlay @contextualClass=\"hds-modal__overlay\" />\n{{/if}}");
|
|
17
17
|
|
|
18
18
|
/**
|
|
19
19
|
* Copyright (c) HashiCorp, Inc.
|
|
@@ -39,6 +39,13 @@ class HdsModal extends Component {
|
|
|
39
39
|
constructor(owner, args) {
|
|
40
40
|
super(owner, args);
|
|
41
41
|
registerDestructor(this, () => {
|
|
42
|
+
// if the <dialog> is removed from the dom while open we emulate the close event
|
|
43
|
+
if (this._element && this._isOpen) {
|
|
44
|
+
this._element.dispatchEvent(new Event('close'));
|
|
45
|
+
this._element.removeEventListener('close',
|
|
46
|
+
// eslint-disable-next-line @typescript-eslint/unbound-method
|
|
47
|
+
this.registerOnCloseCallback, true);
|
|
48
|
+
}
|
|
42
49
|
document.removeEventListener('click', this._clickHandler, true);
|
|
43
50
|
});
|
|
44
51
|
}
|
|
@@ -146,16 +153,6 @@ class HdsModal extends Component {
|
|
|
146
153
|
static {
|
|
147
154
|
n(this.prototype, "didInsert", [action]);
|
|
148
155
|
}
|
|
149
|
-
willDestroyNode() {
|
|
150
|
-
if (this._element) {
|
|
151
|
-
this._element.removeEventListener('close',
|
|
152
|
-
// eslint-disable-next-line @typescript-eslint/unbound-method
|
|
153
|
-
this.registerOnCloseCallback, true);
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
static {
|
|
157
|
-
n(this.prototype, "willDestroyNode", [action]);
|
|
158
|
-
}
|
|
159
156
|
open() {
|
|
160
157
|
// Make modal dialog visible using the native `showModal` method
|
|
161
158
|
this._element.showModal();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/hds/modal/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { getElementId } from '../../../utils/hds-get-element-id.ts';\nimport { buildWaiter } from '@ember/test-waiters';\nimport { registerDestructor } from '@ember/destroyable';\n\nimport type { WithBoundArgs } from '@glint/template';\nimport type Owner from '@ember/owner';\nimport type { HdsModalSizes, HdsModalColors } from './types.ts';\n\nimport HdsDialogPrimitiveHeaderComponent from '../dialog-primitive/header.ts';\nimport HdsDialogPrimitiveBodyComponent from '../dialog-primitive/body.ts';\nimport HdsDialogPrimitiveFooterComponent from '../dialog-primitive/footer.ts';\nimport { HdsModalSizeValues, HdsModalColorValues } from './types.ts';\n\nconst waiter = buildWaiter('@hashicorp/design-system-components:modal');\n\nexport const DEFAULT_SIZE = HdsModalSizeValues.Medium;\nexport const DEFAULT_COLOR = HdsModalColorValues.Neutral;\n\nexport const SIZES: string[] = Object.values(HdsModalSizeValues);\nexport const COLORS: string[] = Object.values(HdsModalColorValues);\n\nexport interface HdsModalSignature {\n Args: {\n isDismissDisabled?: boolean;\n size?: HdsModalSizes;\n color?: HdsModalColors;\n returnFocusTo?: string;\n onOpen?: () => void;\n onClose?: (event: Event) => void;\n };\n Blocks: {\n default: [\n {\n Header?: WithBoundArgs<\n typeof HdsDialogPrimitiveHeaderComponent,\n 'id' | 'onDismiss' | 'contextualClassPrefix'\n >;\n Body?: WithBoundArgs<\n typeof HdsDialogPrimitiveBodyComponent,\n 'contextualClass'\n >;\n Footer?: WithBoundArgs<\n typeof HdsDialogPrimitiveFooterComponent,\n 'onDismiss' | 'contextualClass'\n >;\n },\n ];\n };\n Element: HTMLDialogElement;\n}\n\nexport default class HdsModal extends Component<HdsModalSignature> {\n @tracked private _isOpen = false;\n private _element!: HTMLDialogElement;\n private _body!: HTMLElement;\n private _bodyInitialOverflowValue = '';\n private _clickHandler!: (event: MouseEvent) => void;\n\n constructor(owner: Owner, args: HdsModalSignature['Args']) {\n super(owner, args);\n\n registerDestructor(this, (): void => {\n document.removeEventListener('click', this._clickHandler, true);\n });\n }\n\n get isDismissDisabled(): boolean {\n return this.args.isDismissDisabled ?? false;\n }\n\n get size(): HdsModalSizes {\n const { size = DEFAULT_SIZE } = this.args;\n\n assert(\n `@size for \"Hds::Modal\" must be one of the following: ${SIZES.join(\n ', '\n )}; received: ${size}`,\n SIZES.includes(size)\n );\n\n return size;\n }\n\n get color(): HdsModalColors {\n const { color = DEFAULT_COLOR } = this.args;\n\n assert(\n `@color for \"Hds::Modal\" must be one of the following: ${COLORS.join(\n ', '\n )}; received: ${color}`,\n COLORS.includes(color)\n );\n\n return color;\n }\n\n get id(): string {\n return getElementId(this);\n }\n\n get classNames(): string {\n const classes = ['hds-modal'];\n\n // add a class based on the @size argument\n classes.push(`hds-modal--size-${this.size}`);\n\n // add a class based on the @color argument\n classes.push(`hds-modal--color-${this.color}`);\n\n return classes.join(' ');\n }\n\n @action registerOnCloseCallback(event: Event): void {\n if (\n !this.isDismissDisabled &&\n this.args.onClose &&\n typeof this.args.onClose === 'function'\n ) {\n this.args.onClose(event);\n }\n\n // If the dismissal of the modal is disabled, we keep the modal open/visible otherwise we mark it as closed\n if (this.isDismissDisabled) {\n // If, in a chain of events, the element is not attached to the DOM, the `showModal` would fail\n // so we add this safeguard condition that checks for the `<dialog>` to have a parent\n if (this._element.parentElement) {\n // As there is no way to `preventDefault` on `close` events, we call the `showModal` function\n // preserving the state of the modal dialog\n this._element.showModal();\n }\n } else {\n this._isOpen = false;\n\n // Reset page `overflow` property\n if (this._body) {\n this._body.style.removeProperty('overflow');\n if (this._bodyInitialOverflowValue === '') {\n if (this._body.style.length === 0) {\n this._body.removeAttribute('style');\n }\n } else {\n this._body.style.setProperty(\n 'overflow',\n this._bodyInitialOverflowValue\n );\n }\n }\n\n // Return focus to a specific element (if provided)\n if (this.args.returnFocusTo) {\n const initiator = document.getElementById(this.args.returnFocusTo);\n if (initiator) {\n initiator.focus();\n }\n }\n }\n }\n\n @action\n didInsert(element: HTMLDialogElement): void {\n // Store references of `<dialog>` and `<body>` elements\n this._element = element;\n this._body = document.body;\n\n if (this._body) {\n // Store the initial `overflow` value of `<body>` so we can reset to it\n this._bodyInitialOverflowValue =\n this._body.style.getPropertyValue('overflow');\n }\n\n // Register \"onClose\" callback function to be called when a native 'close' event is dispatched\n // eslint-disable-next-line @typescript-eslint/unbound-method\n this._element.addEventListener('close', this.registerOnCloseCallback, true);\n\n // If the modal dialog is not already open\n if (!this._element.open) {\n this.open();\n }\n\n this._clickHandler = (event: MouseEvent) => {\n // check if the click is outside the modal and the modal is open\n if (!this._element.contains(event.target as Node) && this._isOpen) {\n if (!this.isDismissDisabled) {\n void this.onDismiss();\n }\n }\n };\n\n document.addEventListener('click', this._clickHandler, {\n capture: true,\n passive: false,\n });\n }\n\n @action\n willDestroyNode(): void {\n if (this._element) {\n this._element.removeEventListener(\n 'close',\n // eslint-disable-next-line @typescript-eslint/unbound-method\n this.registerOnCloseCallback,\n true\n );\n }\n }\n\n @action\n open(): void {\n // Make modal dialog visible using the native `showModal` method\n this._element.showModal();\n this._isOpen = true;\n\n // Prevent page from scrolling when the dialog is open\n if (this._body) this._body.style.setProperty('overflow', 'hidden');\n\n // Call \"onOpen\" callback function\n if (this.args.onOpen && typeof this.args.onOpen === 'function') {\n this.args.onOpen();\n }\n }\n\n @action\n // eslint-disable-next-line @typescript-eslint/require-await\n async onDismiss(): Promise<void> {\n // allow ember test helpers to be aware of when the `close` event fires\n // when using `click` or other helpers from '@ember/test-helpers'\n if (this._element.open) {\n const token = waiter.beginAsync();\n const listener = () => {\n waiter.endAsync(token);\n this._element.removeEventListener('close', listener);\n };\n this._element.addEventListener('close', listener);\n }\n\n // Make modal dialog invisible using the native `close` method\n this._element.close();\n }\n}\n"],"names":["waiter","buildWaiter","DEFAULT_SIZE","HdsModalSizeValues","Medium","DEFAULT_COLOR","HdsModalColorValues","Neutral","SIZES","Object","values","COLORS","HdsModal","Component","g","prototype","tracked","i","void 0","_element","_body","_bodyInitialOverflowValue","_clickHandler","constructor","owner","args","registerDestructor","document","removeEventListener","isDismissDisabled","size","assert","join","includes","color","id","getElementId","classNames","classes","push","registerOnCloseCallback","event","onClose","parentElement","showModal","_isOpen","style","removeProperty","length","removeAttribute","setProperty","returnFocusTo","initiator","getElementById","focus","n","action","didInsert","element","body","getPropertyValue","addEventListener","open","contains","target","onDismiss","capture","passive","willDestroyNode","onOpen","token","beginAsync","listener","endAsync","close","setComponentTemplate","TEMPLATE"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/hds/modal/index.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { getElementId } from '../../../utils/hds-get-element-id.ts';\nimport { buildWaiter } from '@ember/test-waiters';\nimport { registerDestructor } from '@ember/destroyable';\n\nimport type { WithBoundArgs } from '@glint/template';\nimport type Owner from '@ember/owner';\nimport type { HdsModalSizes, HdsModalColors } from './types.ts';\n\nimport HdsDialogPrimitiveHeaderComponent from '../dialog-primitive/header.ts';\nimport HdsDialogPrimitiveBodyComponent from '../dialog-primitive/body.ts';\nimport HdsDialogPrimitiveFooterComponent from '../dialog-primitive/footer.ts';\nimport { HdsModalSizeValues, HdsModalColorValues } from './types.ts';\n\nconst waiter = buildWaiter('@hashicorp/design-system-components:modal');\n\nexport const DEFAULT_SIZE = HdsModalSizeValues.Medium;\nexport const DEFAULT_COLOR = HdsModalColorValues.Neutral;\n\nexport const SIZES: string[] = Object.values(HdsModalSizeValues);\nexport const COLORS: string[] = Object.values(HdsModalColorValues);\n\nexport interface HdsModalSignature {\n Args: {\n isDismissDisabled?: boolean;\n size?: HdsModalSizes;\n color?: HdsModalColors;\n returnFocusTo?: string;\n onOpen?: () => void;\n onClose?: (event: Event) => void;\n };\n Blocks: {\n default: [\n {\n Header?: WithBoundArgs<\n typeof HdsDialogPrimitiveHeaderComponent,\n 'id' | 'onDismiss' | 'contextualClassPrefix'\n >;\n Body?: WithBoundArgs<\n typeof HdsDialogPrimitiveBodyComponent,\n 'contextualClass'\n >;\n Footer?: WithBoundArgs<\n typeof HdsDialogPrimitiveFooterComponent,\n 'onDismiss' | 'contextualClass'\n >;\n },\n ];\n };\n Element: HTMLDialogElement;\n}\n\nexport default class HdsModal extends Component<HdsModalSignature> {\n @tracked private _isOpen = false;\n private _element!: HTMLDialogElement;\n private _body!: HTMLElement;\n private _bodyInitialOverflowValue = '';\n private _clickHandler!: (event: MouseEvent) => void;\n\n constructor(owner: Owner, args: HdsModalSignature['Args']) {\n super(owner, args);\n\n registerDestructor(this, (): void => {\n // if the <dialog> is removed from the dom while open we emulate the close event\n if (this._element && this._isOpen) {\n this._element.dispatchEvent(new Event('close'));\n\n this._element.removeEventListener(\n 'close',\n // eslint-disable-next-line @typescript-eslint/unbound-method\n this.registerOnCloseCallback,\n true\n );\n }\n\n document.removeEventListener('click', this._clickHandler, true);\n });\n }\n\n get isDismissDisabled(): boolean {\n return this.args.isDismissDisabled ?? false;\n }\n\n get size(): HdsModalSizes {\n const { size = DEFAULT_SIZE } = this.args;\n\n assert(\n `@size for \"Hds::Modal\" must be one of the following: ${SIZES.join(\n ', '\n )}; received: ${size}`,\n SIZES.includes(size)\n );\n\n return size;\n }\n\n get color(): HdsModalColors {\n const { color = DEFAULT_COLOR } = this.args;\n\n assert(\n `@color for \"Hds::Modal\" must be one of the following: ${COLORS.join(\n ', '\n )}; received: ${color}`,\n COLORS.includes(color)\n );\n\n return color;\n }\n\n get id(): string {\n return getElementId(this);\n }\n\n get classNames(): string {\n const classes = ['hds-modal'];\n\n // add a class based on the @size argument\n classes.push(`hds-modal--size-${this.size}`);\n\n // add a class based on the @color argument\n classes.push(`hds-modal--color-${this.color}`);\n\n return classes.join(' ');\n }\n\n @action registerOnCloseCallback(event: Event): void {\n if (\n !this.isDismissDisabled &&\n this.args.onClose &&\n typeof this.args.onClose === 'function'\n ) {\n this.args.onClose(event);\n }\n\n // If the dismissal of the modal is disabled, we keep the modal open/visible otherwise we mark it as closed\n if (this.isDismissDisabled) {\n // If, in a chain of events, the element is not attached to the DOM, the `showModal` would fail\n // so we add this safeguard condition that checks for the `<dialog>` to have a parent\n if (this._element.parentElement) {\n // As there is no way to `preventDefault` on `close` events, we call the `showModal` function\n // preserving the state of the modal dialog\n this._element.showModal();\n }\n } else {\n this._isOpen = false;\n\n // Reset page `overflow` property\n if (this._body) {\n this._body.style.removeProperty('overflow');\n if (this._bodyInitialOverflowValue === '') {\n if (this._body.style.length === 0) {\n this._body.removeAttribute('style');\n }\n } else {\n this._body.style.setProperty(\n 'overflow',\n this._bodyInitialOverflowValue\n );\n }\n }\n\n // Return focus to a specific element (if provided)\n if (this.args.returnFocusTo) {\n const initiator = document.getElementById(this.args.returnFocusTo);\n if (initiator) {\n initiator.focus();\n }\n }\n }\n }\n\n @action\n didInsert(element: HTMLDialogElement): void {\n // Store references of `<dialog>` and `<body>` elements\n this._element = element;\n this._body = document.body;\n\n if (this._body) {\n // Store the initial `overflow` value of `<body>` so we can reset to it\n this._bodyInitialOverflowValue =\n this._body.style.getPropertyValue('overflow');\n }\n\n // Register \"onClose\" callback function to be called when a native 'close' event is dispatched\n // eslint-disable-next-line @typescript-eslint/unbound-method\n this._element.addEventListener('close', this.registerOnCloseCallback, true);\n\n // If the modal dialog is not already open\n if (!this._element.open) {\n this.open();\n }\n\n this._clickHandler = (event: MouseEvent) => {\n // check if the click is outside the modal and the modal is open\n if (!this._element.contains(event.target as Node) && this._isOpen) {\n if (!this.isDismissDisabled) {\n void this.onDismiss();\n }\n }\n };\n\n document.addEventListener('click', this._clickHandler, {\n capture: true,\n passive: false,\n });\n }\n\n @action\n open(): void {\n // Make modal dialog visible using the native `showModal` method\n this._element.showModal();\n this._isOpen = true;\n\n // Prevent page from scrolling when the dialog is open\n if (this._body) this._body.style.setProperty('overflow', 'hidden');\n\n // Call \"onOpen\" callback function\n if (this.args.onOpen && typeof this.args.onOpen === 'function') {\n this.args.onOpen();\n }\n }\n\n @action\n // eslint-disable-next-line @typescript-eslint/require-await\n async onDismiss(): Promise<void> {\n // allow ember test helpers to be aware of when the `close` event fires\n // when using `click` or other helpers from '@ember/test-helpers'\n if (this._element.open) {\n const token = waiter.beginAsync();\n const listener = () => {\n waiter.endAsync(token);\n this._element.removeEventListener('close', listener);\n };\n this._element.addEventListener('close', listener);\n }\n\n // Make modal dialog invisible using the native `close` method\n this._element.close();\n }\n}\n"],"names":["waiter","buildWaiter","DEFAULT_SIZE","HdsModalSizeValues","Medium","DEFAULT_COLOR","HdsModalColorValues","Neutral","SIZES","Object","values","COLORS","HdsModal","Component","g","prototype","tracked","i","void 0","_element","_body","_bodyInitialOverflowValue","_clickHandler","constructor","owner","args","registerDestructor","_isOpen","dispatchEvent","Event","removeEventListener","registerOnCloseCallback","document","isDismissDisabled","size","assert","join","includes","color","id","getElementId","classNames","classes","push","event","onClose","parentElement","showModal","style","removeProperty","length","removeAttribute","setProperty","returnFocusTo","initiator","getElementById","focus","n","action","didInsert","element","body","getPropertyValue","addEventListener","open","contains","target","onDismiss","capture","passive","onOpen","token","beginAsync","listener","endAsync","close","setComponentTemplate","TEMPLATE"],"mappings":"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"}
|
package/dist/components.js
CHANGED
|
@@ -49,6 +49,7 @@ export { default as HdsBreadcrumb } from './components/hds/breadcrumb/index.js';
|
|
|
49
49
|
export { default as HdsBreadcrumbItem } from './components/hds/breadcrumb/item.js';
|
|
50
50
|
export { default as HdsBreadcrumbTruncation } from './components/hds/breadcrumb/truncation.js';
|
|
51
51
|
export { default as HdsButton } from './components/hds/button/index.js';
|
|
52
|
+
export { HdsButtonColorValues, HdsButtonIconPositionValues, HdsButtonSizeValues } from './components/hds/button/types.js';
|
|
52
53
|
export { default as HdsButtonSet } from './components/hds/button-set/index.js';
|
|
53
54
|
export { default as HdsCardContainer } from './components/hds/card/container.js';
|
|
54
55
|
export { HdsCardBackgroundValues, HdsCardLevelValues, HdsCardOverflowValues, HdsCardTagValues } from './components/hds/card/types.js';
|
|
@@ -216,8 +217,10 @@ export { default as HdsAppFrameModals } from './components/hds/app-frame/parts/m
|
|
|
216
217
|
export { default as HdsAppFrameSidebar } from './components/hds/app-frame/parts/sidebar.js';
|
|
217
218
|
export { default as HdsLayoutFlex } from './components/hds/layout/flex/index.js';
|
|
218
219
|
export { default as HdsLayoutFlexItem } from './components/hds/layout/flex/item.js';
|
|
220
|
+
export { HdsLayoutFlexAlignValues, HdsLayoutFlexDirectionValues, HdsLayoutFlexGapValues, HdsLayoutFlexJustifyValues } from './components/hds/layout/flex/types.js';
|
|
219
221
|
export { default as HdsLayoutGrid } from './components/hds/layout/grid/index.js';
|
|
220
222
|
export { default as HdsLayoutGridItem } from './components/hds/layout/grid/item.js';
|
|
223
|
+
export { HdsLayoutGridAlignValues, HdsLayoutGridGapValues } from './components/hds/layout/grid/types.js';
|
|
221
224
|
export { default as HdsDialogPrimitiveBody } from './components/hds/dialog-primitive/body.js';
|
|
222
225
|
export { default as HdsDialogPrimitiveDescription } from './components/hds/dialog-primitive/description.js';
|
|
223
226
|
export { default as HdsDialogPrimitiveFooter } from './components/hds/dialog-primitive/footer.js';
|
package/dist/components.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"components.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hashicorp/design-system-components",
|
|
3
|
-
"version": "4.20.
|
|
3
|
+
"version": "4.20.2-rc-20250620095749",
|
|
4
4
|
"description": "Helios Design System Components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"hashicorp",
|
|
@@ -32,25 +32,25 @@
|
|
|
32
32
|
"@ember/render-modifiers": "^2.1.0",
|
|
33
33
|
"@ember/string": "^3.1.1",
|
|
34
34
|
"@ember/test-waiters": "^3.1.0",
|
|
35
|
-
"@embroider/addon-shim": "^1.
|
|
36
|
-
"@embroider/macros": "^1.
|
|
35
|
+
"@embroider/addon-shim": "^1.10.0",
|
|
36
|
+
"@embroider/macros": "^1.18.0",
|
|
37
37
|
"@embroider/util": "^1.13.2",
|
|
38
38
|
"@floating-ui/dom": "^1.6.12",
|
|
39
39
|
"@hashicorp/design-system-tokens": "^2.3.0",
|
|
40
|
-
"@hashicorp/flight-icons": "
|
|
40
|
+
"@hashicorp/flight-icons": "3.11.1-rc-20250620095749",
|
|
41
41
|
"@lezer/highlight": "^1.2.1",
|
|
42
|
-
"@nullvoxpopuli/ember-composable-helpers": "^5.2.
|
|
42
|
+
"@nullvoxpopuli/ember-composable-helpers": "^5.2.10",
|
|
43
43
|
"clipboard-polyfill": "^4.1.1",
|
|
44
44
|
"codemirror-lang-hcl": "^0.0.0-beta.2",
|
|
45
45
|
"decorator-transforms": "^2.3.0",
|
|
46
46
|
"ember-a11y-refocus": "^4.1.4",
|
|
47
47
|
"ember-cli-sass": "^11.0.1",
|
|
48
|
-
"ember-concurrency": "^4.0.
|
|
48
|
+
"ember-concurrency": "^4.0.4",
|
|
49
49
|
"ember-element-helper": "^0.8.6",
|
|
50
50
|
"ember-focus-trap": "^1.1.1",
|
|
51
51
|
"ember-get-config": "^2.1.1",
|
|
52
|
-
"ember-modifier": "^4.2.
|
|
53
|
-
"ember-power-select": "^8.
|
|
52
|
+
"ember-modifier": "^4.2.2",
|
|
53
|
+
"ember-power-select": "^8.7.1",
|
|
54
54
|
"ember-stargate": "^0.5.0",
|
|
55
55
|
"ember-style-modifier": "^4.4.0",
|
|
56
56
|
"ember-truth-helpers": "^4.0.3",
|
|
@@ -79,8 +79,8 @@
|
|
|
79
79
|
"@types/prismjs": "^1.26.5",
|
|
80
80
|
"babel-plugin-ember-template-compilation": "^2.4.1",
|
|
81
81
|
"concurrently": "^9.1.2",
|
|
82
|
-
"ember-basic-dropdown": "^8.
|
|
83
|
-
"ember-source": "^
|
|
82
|
+
"ember-basic-dropdown": "^8.6.1",
|
|
83
|
+
"ember-source": "^6.4.0",
|
|
84
84
|
"ember-template-lint": "^7.0.2",
|
|
85
85
|
"ember-template-lint-plugin-prettier": "^5.0.0",
|
|
86
86
|
"eslint": "^9.23.0",
|