mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
Upgrade sveld to v0.10 (#856)
* chore(deps-dev): upgrade sveld to v0.10.2 * feat(types): regenerate types using sveld@0.10.2 * fix(types): update @extends to use .svelte extension
This commit is contained in:
parent
c6fc8548d3
commit
3203e7a61f
190 changed files with 345 additions and 263 deletions
81
types/Grid/Column.svelte.d.ts
vendored
Normal file
81
types/Grid/Column.svelte.d.ts
vendored
Normal file
|
@ -0,0 +1,81 @@
|
|||
/// <reference types="svelte" />
|
||||
import { SvelteComponentTyped } from "svelte";
|
||||
|
||||
export type ColumnSize = boolean | number;
|
||||
|
||||
export interface ColumnSizeDescriptor {
|
||||
span?: ColumnSize;
|
||||
offset: number;
|
||||
}
|
||||
|
||||
export type ColumnBreakpoint = ColumnSize | ColumnSizeDescriptor;
|
||||
|
||||
export interface ColumnProps
|
||||
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
|
||||
/**
|
||||
* Set to `true` to render a custom HTML element
|
||||
* Props are destructured as `props` in the default slot (e.g., <Column let:props><article {...props}>...</article></Column>)
|
||||
* @default false
|
||||
*/
|
||||
as?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to remove the gutter
|
||||
* @default false
|
||||
*/
|
||||
noGutter?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to remove the left gutter
|
||||
* @default false
|
||||
*/
|
||||
noGutterLeft?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to remove the right gutter
|
||||
* @default false
|
||||
*/
|
||||
noGutterRight?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to add top and bottom padding to the column
|
||||
* @default false
|
||||
*/
|
||||
padding?: boolean;
|
||||
|
||||
/**
|
||||
* Specify the aspect ratio of the column
|
||||
*/
|
||||
aspectRatio?: "2x1" | "16x9" | "9x16" | "1x2" | "4x3" | "3x4" | "1x1";
|
||||
|
||||
/**
|
||||
* Set the small breakpoint
|
||||
*/
|
||||
sm?: ColumnBreakpoint;
|
||||
|
||||
/**
|
||||
* Set the medium breakpoint
|
||||
*/
|
||||
md?: ColumnBreakpoint;
|
||||
|
||||
/**
|
||||
* Set the large breakpoint
|
||||
*/
|
||||
lg?: ColumnBreakpoint;
|
||||
|
||||
/**
|
||||
* Set the extra large breakpoint
|
||||
*/
|
||||
xlg?: ColumnBreakpoint;
|
||||
|
||||
/**
|
||||
* Set the maximum breakpoint
|
||||
*/
|
||||
max?: ColumnBreakpoint;
|
||||
}
|
||||
|
||||
export default class Column extends SvelteComponentTyped<
|
||||
ColumnProps,
|
||||
{},
|
||||
{ default: { props: { class: string; [key: string]: any } } }
|
||||
> {}
|
Loading…
Add table
Add a link
Reference in a new issue