Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@yamada-ui/layouts

Package Overview
Dependencies
Maintainers
1
Versions
971
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@yamada-ui/layouts - npm Package Compare versions

Comparing version 0.0.0-dev-20230625235915 to 0.0.0-dev-20230701130255

5

dist/aspect-ratio.d.ts

@@ -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 @@ };

6

package.json
{
"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"
}
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc