@yamada-ui/layouts
Advanced tools
Comparing version 0.0.0-dev-20230625235915 to 0.0.0-dev-20230701130255
@@ -5,2 +5,7 @@ import * as _yamada_ui_core from '@yamada-ui/core'; | ||
type AspectRatioOptions = { | ||
/** | ||
* The aspect ratio of the Box. | ||
* | ||
* @default '4 / 3' | ||
*/ | ||
ratio?: Token<number>; | ||
@@ -7,0 +12,0 @@ }; |
@@ -5,2 +5,7 @@ import * as _yamada_ui_core from '@yamada-ui/core'; | ||
type ContainerOptions = { | ||
/** | ||
* If `true`, container will center its children regardless of their width. | ||
* | ||
* @default false | ||
*/ | ||
centerContent?: boolean; | ||
@@ -7,0 +12,0 @@ }; |
@@ -5,2 +5,7 @@ import * as _yamada_ui_core from '@yamada-ui/core'; | ||
type DividerOptions = { | ||
/** | ||
* The orientation of the divider. | ||
* | ||
* @default 'horizontal' | ||
*/ | ||
orientation?: 'horizontal' | 'vertical'; | ||
@@ -7,0 +12,0 @@ }; |
@@ -5,8 +5,29 @@ import * as _yamada_ui_core from '@yamada-ui/core'; | ||
type FlexOptions = { | ||
/** | ||
* The CSS `flex-direction` property. | ||
*/ | ||
direction?: CSSUIProps['flexDirection']; | ||
/** | ||
* The CSS `justify-content` property. | ||
*/ | ||
justify?: CSSUIProps['justifyContent']; | ||
/** | ||
* The CSS `align-items` property. | ||
*/ | ||
align?: CSSUIProps['alignItems']; | ||
/** | ||
* The CSS `flex-wrap` property. | ||
*/ | ||
wrap?: CSSUIProps['flexWrap']; | ||
/** | ||
* The CSS `flex-basis` property. | ||
*/ | ||
basis?: CSSUIProps['flexBasis']; | ||
/** | ||
* The CSS `flex-grow` property. | ||
*/ | ||
grow?: CSSUIProps['flexGrow']; | ||
/** | ||
* The CSS `flex-shrink` property. | ||
*/ | ||
shrink?: CSSUIProps['flexShrink']; | ||
@@ -13,0 +34,0 @@ }; |
@@ -5,13 +5,49 @@ import * as _yamada_ui_core from '@yamada-ui/core'; | ||
type GridOptions = { | ||
/** | ||
* The CSS `grid-template-columns` property. | ||
*/ | ||
templateColumns?: CSSUIProps['gridTemplateColumns']; | ||
/** | ||
* The CSS `grid-template-rows` property. | ||
*/ | ||
templateRows?: CSSUIProps['gridTemplateRows']; | ||
/** | ||
* The CSS `grid-template-areas` property. | ||
*/ | ||
templateAreas?: CSSUIProps['gridTemplateAreas']; | ||
/** | ||
* The CSS `grid-column` property. | ||
*/ | ||
column?: CSSUIProps['gridColumn']; | ||
/** | ||
* The CSS `grid-row` property. | ||
*/ | ||
row?: CSSUIProps['gridRow']; | ||
/** | ||
* The CSS `grid-area` property. | ||
*/ | ||
area?: CSSUIProps['gridArea']; | ||
/** | ||
* The CSS `grid-gap` property. | ||
*/ | ||
gap?: CSSUIProps['gridGap']; | ||
/** | ||
* The CSS `grid-row-gap` property. | ||
*/ | ||
rowGap?: CSSUIProps['gridRowGap']; | ||
/** | ||
* The CSS `grid-column-gap` property. | ||
*/ | ||
columnGap?: CSSUIProps['gridColumnGap']; | ||
/** | ||
* The CSS `grid-auto-flow` property. | ||
*/ | ||
autoFlow?: CSSUIProps['gridAutoFlow']; | ||
/** | ||
* The CSS `grid-auto-columns` property. | ||
*/ | ||
autoColumns?: CSSUIProps['gridAutoColumns']; | ||
/** | ||
* The CSS `grid-auto-rows` property. | ||
*/ | ||
autoRows?: CSSUIProps['gridAutoRows']; | ||
@@ -22,8 +58,29 @@ }; | ||
type GridItemOptions = { | ||
/** | ||
* The CSS `grid-area` property. | ||
*/ | ||
area?: CSSUIProps['gridArea']; | ||
/** | ||
* The number of columns the grid item should `span`. | ||
*/ | ||
colSpan?: Token<number>; | ||
/** | ||
* The number of rows the grid item should `span`. | ||
*/ | ||
rowSpan?: Token<number>; | ||
/** | ||
* The CSS `grid-column-start` property. | ||
*/ | ||
colStart?: CSSUIProps['gridColumnStart']; | ||
/** | ||
* The CSS `grid-column-end` property. | ||
*/ | ||
colEnd?: CSSUIProps['gridColumnEnd']; | ||
/** | ||
* The CSS `grid-row-start` property. | ||
*/ | ||
rowStart?: CSSUIProps['gridRowStart']; | ||
/** | ||
* The CSS `grid-row-end` property. | ||
*/ | ||
rowEnd?: CSSUIProps['gridRowEnd']; | ||
@@ -30,0 +87,0 @@ }; |
@@ -6,6 +6,21 @@ import * as _yamada_ui_core from '@yamada-ui/core'; | ||
type StackOptions = { | ||
/** | ||
* The CSS `flex-direction` property. | ||
*/ | ||
direction?: CSSUIProps['flexDirection']; | ||
/** | ||
* The CSS `justify-content` property. | ||
*/ | ||
justify?: CSSUIProps['justifyContent']; | ||
/** | ||
* The CSS `align-items` property. | ||
*/ | ||
align?: CSSUIProps['alignItems']; | ||
/** | ||
* The CSS `flex-wrap` property. | ||
*/ | ||
wrap?: CSSUIProps['flexWrap']; | ||
/** | ||
* If `true`, each stack item will show a divider. | ||
*/ | ||
divider?: ReactElement; | ||
@@ -12,0 +27,0 @@ }; |
{ | ||
"name": "@yamada-ui/layouts", | ||
"version": "0.0.0-dev-20230625235915", | ||
"version": "0.0.0-dev-20230701130255", | ||
"description": "Yamada UI layouts components", | ||
@@ -38,3 +38,3 @@ "keywords": [ | ||
"dependencies": { | ||
"@yamada-ui/core": "0.0.0-dev-20230625235915", | ||
"@yamada-ui/core": "0.0.0-dev-20230701130255", | ||
"@yamada-ui/utils": "0.1.1" | ||
@@ -74,4 +74,4 @@ }, | ||
"typecheck": "tsc --noEmit", | ||
"gen:types": "tsx ../../../scripts/generate-types" | ||
"gen:docs": "tsx ../../../scripts/generate-docs" | ||
} | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
48775
1513
+ Added@yamada-ui/core@0.0.0-dev-20230701130255(transitive)
+ Added@yamada-ui/portal@0.0.0-dev-20230701130255(transitive)
- Removed@yamada-ui/core@0.0.0-dev-20230625235915(transitive)
- Removed@yamada-ui/portal@0.1.2(transitive)