@hashicorp/design-system-components
Version:
Helios Design System Components
44 lines (43 loc) • 1.42 kB
TypeScript
/**
* Copyright IBM Corp. 2021, 2025
* SPDX-License-Identifier: MPL-2.0
*/
import Component from '@glimmer/component';
import { HdsLayoutGridGapValues } from './types.ts';
import HdsLayoutGridItem from './item';
import type { HdsLayoutGridAligns, HdsLayoutGridGaps, AvailableTagNames, AvailableElements } from './types.ts';
export declare const ALIGNS: HdsLayoutGridAligns[];
export declare const DEFAULT_GAP = HdsLayoutGridGapValues['Zero'];
export declare const GAPS: HdsLayoutGridGaps[];
type ResponsiveColumnWidths = {
sm?: string;
md?: string;
lg?: string;
xl?: string;
xxl?: string;
};
export interface HdsLayoutGridSignature {
Args: {
tag?: AvailableTagNames;
columnMinWidth?: string;
columnWidth?: string | ResponsiveColumnWidths;
align?: HdsLayoutGridAligns;
gap?: HdsLayoutGridGaps | [HdsLayoutGridGaps, HdsLayoutGridGaps];
};
Blocks: {
default: [
{
Item?: typeof HdsLayoutGridItem;
}
];
};
Element: AvailableElements;
}
export default class HdsLayoutGrid extends Component<HdsLayoutGridSignature> {
get componentTag(): AvailableTagNames;
get align(): HdsLayoutGridAligns | undefined;
get gap(): [HdsLayoutGridGaps] | [HdsLayoutGridGaps, HdsLayoutGridGaps] | undefined;
get inlineStyles(): Record<string, unknown>;
get classNames(): string;
}
export {};