chore: Support autocomplete for Row and Column gap and alignment (#1424)

Amsterdam · Jul 19, 2024 · 84eb512 · 84eb512
1 parent 3af0b1f
commit 84eb512
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/packages/react/src/Column/Column.tsx b/packages/react/src/Column/Column.tsx
@@ -7,7 +7,7 @@ import clsx from 'clsx'
 import { forwardRef } from 'react'
 import type { HTMLAttributes, PropsWithChildren } from 'react'
 
-export const columnGapSizes: Array<string> = ['none', 'extra-small', 'small', 'large', 'extra-large']
+export const columnGapSizes: Array<string> = ['none', 'extra-small', 'small', 'large', 'extra-large'] as const
 
 type ColumnTag = 'article' | 'div' | 'section'
 type ColumnGap = (typeof columnGapSizes)[number]

diff --git a/packages/react/src/Row/Row.tsx b/packages/react/src/Row/Row.tsx
@@ -8,7 +8,7 @@ import { forwardRef } from 'react'
 import type { HTMLAttributes, PropsWithChildren } from 'react'
 import type { CrossAlign, MainAlign } from '../common/layout'
 
-export const rowGapSizes: Array<string> = ['none', 'extra-small', 'small', 'large', 'extra-large']
+export const rowGapSizes: Array<string> = ['none', 'extra-small', 'small', 'large', 'extra-large'] as const
 
 type RowGap = (typeof rowGapSizes)[number]
 type RowTag = 'article' | 'div' | 'section'

diff --git a/packages/react/src/common/layout.ts b/packages/react/src/common/layout.ts
@@ -1,5 +1,5 @@
-export const crossAlignOptions: Array<string> = ['baseline', 'center', 'end', 'start']
+export const crossAlignOptions: Array<string> = ['baseline', 'center', 'end', 'start'] as const
 export type CrossAlign = (typeof crossAlignOptions)[number]
 
-export const mainAlignOptions: Array<string> = ['around', 'between', 'center', 'end', 'evenly']
+export const mainAlignOptions: Array<string> = ['around', 'between', 'center', 'end', 'evenly'] as const
 export type MainAlign = (typeof mainAlignOptions)[number]