@chakra-ui/theme
Advanced tools
Comparing version 0.0.0-dev-20230718130742 to 0.0.0-dev-20230718132637
@@ -5,4 +5,14 @@ import * as _chakra_ui_styled_system from '@chakra-ui/styled-system'; | ||
baseStyle?: { | ||
addon: { | ||
height: string; | ||
fontSize: string; | ||
px: string; | ||
borderRadius: string; | ||
}; | ||
field: { | ||
width: string; | ||
height: string; | ||
fontSize: string; | ||
px: string; | ||
borderRadius: string; | ||
minWidth: number; | ||
@@ -23,12 +33,6 @@ outline: number; | ||
field: { | ||
fontSize: string; | ||
px: string; | ||
h: string; | ||
borderRadius: string; | ||
[x: string]: string; | ||
}; | ||
addon: { | ||
fontSize: string; | ||
px: string; | ||
h: string; | ||
borderRadius: string; | ||
group: { | ||
[x: string]: string; | ||
}; | ||
@@ -38,12 +42,6 @@ }; | ||
field: { | ||
fontSize: string; | ||
px: string; | ||
h: string; | ||
borderRadius: string; | ||
[x: string]: string; | ||
}; | ||
addon: { | ||
fontSize: string; | ||
px: string; | ||
h: string; | ||
borderRadius: string; | ||
group: { | ||
[x: string]: string; | ||
}; | ||
@@ -53,12 +51,6 @@ }; | ||
field: { | ||
fontSize: string; | ||
px: string; | ||
h: string; | ||
borderRadius: string; | ||
[x: string]: string; | ||
}; | ||
addon: { | ||
fontSize: string; | ||
px: string; | ||
h: string; | ||
borderRadius: string; | ||
group: { | ||
[x: string]: string; | ||
}; | ||
@@ -68,12 +60,6 @@ }; | ||
field: { | ||
fontSize: string; | ||
px: string; | ||
h: string; | ||
borderRadius: string; | ||
[x: string]: string; | ||
}; | ||
addon: { | ||
fontSize: string; | ||
px: string; | ||
h: string; | ||
borderRadius: string; | ||
group: { | ||
[x: string]: string; | ||
}; | ||
@@ -183,5 +169,5 @@ }; | ||
} | undefined; | ||
parts: ("element" | "addon" | "field")[]; | ||
parts: ("element" | "group" | "addon" | "field")[]; | ||
}; | ||
export { inputTheme }; |
@@ -31,5 +31,19 @@ 'use client' | ||
var { definePartsStyle, defineMultiStyleConfig } = (0, import_styled_system.createMultiStyleConfigHelpers)(import_anatomy.inputAnatomy.keys); | ||
var $height = (0, import_styled_system.cssVar)("input-height"); | ||
var $fontSize = (0, import_styled_system.cssVar)("input-font-size"); | ||
var $padding = (0, import_styled_system.cssVar)("input-padding"); | ||
var $borderRadius = (0, import_styled_system.cssVar)("input-border-radius"); | ||
var baseStyle = definePartsStyle({ | ||
addon: { | ||
height: $height.reference, | ||
fontSize: $fontSize.reference, | ||
px: $padding.reference, | ||
borderRadius: $borderRadius.reference | ||
}, | ||
field: { | ||
width: "100%", | ||
height: $height.reference, | ||
fontSize: $fontSize.reference, | ||
px: $padding.reference, | ||
borderRadius: $borderRadius.reference, | ||
minWidth: 0, | ||
@@ -49,24 +63,24 @@ outline: 0, | ||
lg: (0, import_styled_system.defineStyle)({ | ||
fontSize: "lg", | ||
px: "4", | ||
h: "12", | ||
borderRadius: "md" | ||
[$fontSize.variable]: "fontSizes.lg", | ||
[$padding.variable]: "space.4", | ||
[$borderRadius.variable]: "radii.md", | ||
[$height.variable]: "sizes.12" | ||
}), | ||
md: (0, import_styled_system.defineStyle)({ | ||
fontSize: "md", | ||
px: "4", | ||
h: "10", | ||
borderRadius: "md" | ||
[$fontSize.variable]: "fontSizes.md", | ||
[$padding.variable]: "space.4", | ||
[$borderRadius.variable]: "radii.md", | ||
[$height.variable]: "sizes.10" | ||
}), | ||
sm: (0, import_styled_system.defineStyle)({ | ||
fontSize: "sm", | ||
px: "3", | ||
h: "8", | ||
borderRadius: "sm" | ||
[$fontSize.variable]: "fontSizes.sm", | ||
[$padding.variable]: "space.3", | ||
[$borderRadius.variable]: "radii.sm", | ||
[$height.variable]: "sizes.8" | ||
}), | ||
xs: (0, import_styled_system.defineStyle)({ | ||
fontSize: "xs", | ||
px: "2", | ||
h: "6", | ||
borderRadius: "sm" | ||
[$fontSize.variable]: "fontSizes.xs", | ||
[$padding.variable]: "space.2", | ||
[$borderRadius.variable]: "radii.sm", | ||
[$height.variable]: "sizes.6" | ||
}) | ||
@@ -77,15 +91,15 @@ }; | ||
field: size.lg, | ||
addon: size.lg | ||
group: size.lg | ||
}), | ||
md: definePartsStyle({ | ||
field: size.md, | ||
addon: size.md | ||
group: size.md | ||
}), | ||
sm: definePartsStyle({ | ||
field: size.sm, | ||
addon: size.sm | ||
group: size.sm | ||
}), | ||
xs: definePartsStyle({ | ||
field: size.xs, | ||
addon: size.xs | ||
group: size.xs | ||
}) | ||
@@ -92,0 +106,0 @@ }; |
@@ -99,5 +99,19 @@ 'use client' | ||
var { definePartsStyle, defineMultiStyleConfig } = (0, import_styled_system.createMultiStyleConfigHelpers)(import_anatomy.inputAnatomy.keys); | ||
var $height = (0, import_styled_system.cssVar)("input-height"); | ||
var $fontSize = (0, import_styled_system.cssVar)("input-font-size"); | ||
var $padding = (0, import_styled_system.cssVar)("input-padding"); | ||
var $borderRadius = (0, import_styled_system.cssVar)("input-border-radius"); | ||
var baseStyle = definePartsStyle({ | ||
addon: { | ||
height: $height.reference, | ||
fontSize: $fontSize.reference, | ||
px: $padding.reference, | ||
borderRadius: $borderRadius.reference | ||
}, | ||
field: { | ||
width: "100%", | ||
height: $height.reference, | ||
fontSize: $fontSize.reference, | ||
px: $padding.reference, | ||
borderRadius: $borderRadius.reference, | ||
minWidth: 0, | ||
@@ -117,24 +131,24 @@ outline: 0, | ||
lg: (0, import_styled_system.defineStyle)({ | ||
fontSize: "lg", | ||
px: "4", | ||
h: "12", | ||
borderRadius: "md" | ||
[$fontSize.variable]: "fontSizes.lg", | ||
[$padding.variable]: "space.4", | ||
[$borderRadius.variable]: "radii.md", | ||
[$height.variable]: "sizes.12" | ||
}), | ||
md: (0, import_styled_system.defineStyle)({ | ||
fontSize: "md", | ||
px: "4", | ||
h: "10", | ||
borderRadius: "md" | ||
[$fontSize.variable]: "fontSizes.md", | ||
[$padding.variable]: "space.4", | ||
[$borderRadius.variable]: "radii.md", | ||
[$height.variable]: "sizes.10" | ||
}), | ||
sm: (0, import_styled_system.defineStyle)({ | ||
fontSize: "sm", | ||
px: "3", | ||
h: "8", | ||
borderRadius: "sm" | ||
[$fontSize.variable]: "fontSizes.sm", | ||
[$padding.variable]: "space.3", | ||
[$borderRadius.variable]: "radii.sm", | ||
[$height.variable]: "sizes.8" | ||
}), | ||
xs: (0, import_styled_system.defineStyle)({ | ||
fontSize: "xs", | ||
px: "2", | ||
h: "6", | ||
borderRadius: "sm" | ||
[$fontSize.variable]: "fontSizes.xs", | ||
[$padding.variable]: "space.2", | ||
[$borderRadius.variable]: "radii.sm", | ||
[$height.variable]: "sizes.6" | ||
}) | ||
@@ -145,15 +159,15 @@ }; | ||
field: size.lg, | ||
addon: size.lg | ||
group: size.lg | ||
}), | ||
md: definePartsStyle({ | ||
field: size.md, | ||
addon: size.md | ||
group: size.md | ||
}), | ||
sm: definePartsStyle({ | ||
field: size.sm, | ||
addon: size.sm | ||
group: size.sm | ||
}), | ||
xs: definePartsStyle({ | ||
field: size.xs, | ||
addon: size.xs | ||
group: size.xs | ||
}) | ||
@@ -160,0 +174,0 @@ }; |
@@ -7,2 +7,6 @@ import * as _chakra_ui_styled_system from '@chakra-ui/styled-system'; | ||
width?: string | undefined; | ||
height?: string | undefined; | ||
fontSize?: string | undefined; | ||
px?: string | undefined; | ||
borderRadius?: string | undefined; | ||
minWidth?: number | undefined; | ||
@@ -9,0 +13,0 @@ outline?: number | undefined; |
@@ -34,5 +34,19 @@ 'use client' | ||
var { definePartsStyle, defineMultiStyleConfig } = (0, import_styled_system.createMultiStyleConfigHelpers)(import_anatomy.inputAnatomy.keys); | ||
var $height = (0, import_styled_system.cssVar)("input-height"); | ||
var $fontSize = (0, import_styled_system.cssVar)("input-font-size"); | ||
var $padding = (0, import_styled_system.cssVar)("input-padding"); | ||
var $borderRadius = (0, import_styled_system.cssVar)("input-border-radius"); | ||
var baseStyle = definePartsStyle({ | ||
addon: { | ||
height: $height.reference, | ||
fontSize: $fontSize.reference, | ||
px: $padding.reference, | ||
borderRadius: $borderRadius.reference | ||
}, | ||
field: { | ||
width: "100%", | ||
height: $height.reference, | ||
fontSize: $fontSize.reference, | ||
px: $padding.reference, | ||
borderRadius: $borderRadius.reference, | ||
minWidth: 0, | ||
@@ -52,24 +66,24 @@ outline: 0, | ||
lg: (0, import_styled_system.defineStyle)({ | ||
fontSize: "lg", | ||
px: "4", | ||
h: "12", | ||
borderRadius: "md" | ||
[$fontSize.variable]: "fontSizes.lg", | ||
[$padding.variable]: "space.4", | ||
[$borderRadius.variable]: "radii.md", | ||
[$height.variable]: "sizes.12" | ||
}), | ||
md: (0, import_styled_system.defineStyle)({ | ||
fontSize: "md", | ||
px: "4", | ||
h: "10", | ||
borderRadius: "md" | ||
[$fontSize.variable]: "fontSizes.md", | ||
[$padding.variable]: "space.4", | ||
[$borderRadius.variable]: "radii.md", | ||
[$height.variable]: "sizes.10" | ||
}), | ||
sm: (0, import_styled_system.defineStyle)({ | ||
fontSize: "sm", | ||
px: "3", | ||
h: "8", | ||
borderRadius: "sm" | ||
[$fontSize.variable]: "fontSizes.sm", | ||
[$padding.variable]: "space.3", | ||
[$borderRadius.variable]: "radii.sm", | ||
[$height.variable]: "sizes.8" | ||
}), | ||
xs: (0, import_styled_system.defineStyle)({ | ||
fontSize: "xs", | ||
px: "2", | ||
h: "6", | ||
borderRadius: "sm" | ||
[$fontSize.variable]: "fontSizes.xs", | ||
[$padding.variable]: "space.2", | ||
[$borderRadius.variable]: "radii.sm", | ||
[$height.variable]: "sizes.6" | ||
}) | ||
@@ -80,15 +94,15 @@ }; | ||
field: size.lg, | ||
addon: size.lg | ||
group: size.lg | ||
}), | ||
md: definePartsStyle({ | ||
field: size.md, | ||
addon: size.md | ||
group: size.md | ||
}), | ||
sm: definePartsStyle({ | ||
field: size.sm, | ||
addon: size.sm | ||
group: size.sm | ||
}), | ||
xs: definePartsStyle({ | ||
field: size.xs, | ||
addon: size.xs | ||
group: size.xs | ||
}) | ||
@@ -95,0 +109,0 @@ }; |
@@ -17,2 +17,6 @@ import * as _chakra_ui_styled_system from '@chakra-ui/styled-system'; | ||
width?: string | undefined; | ||
height?: string | undefined; | ||
fontSize?: string | undefined; | ||
px?: string | undefined; | ||
borderRadius?: string | undefined; | ||
minWidth?: number | undefined; | ||
@@ -44,12 +48,5 @@ outline?: number | undefined; | ||
paddingInlineEnd: string; | ||
fontSize?: string | undefined; | ||
px?: string | undefined; | ||
h?: string | undefined; | ||
borderRadius?: string | undefined; | ||
}; | ||
addon?: { | ||
fontSize: string; | ||
px: string; | ||
h: string; | ||
borderRadius: string; | ||
group?: { | ||
[x: string]: string; | ||
} | undefined; | ||
@@ -60,12 +57,5 @@ }; | ||
paddingInlineEnd: string; | ||
fontSize?: string | undefined; | ||
px?: string | undefined; | ||
h?: string | undefined; | ||
borderRadius?: string | undefined; | ||
}; | ||
addon?: { | ||
fontSize: string; | ||
px: string; | ||
h: string; | ||
borderRadius: string; | ||
group?: { | ||
[x: string]: string; | ||
} | undefined; | ||
@@ -76,12 +66,5 @@ }; | ||
paddingInlineEnd: string; | ||
fontSize?: string | undefined; | ||
px?: string | undefined; | ||
h?: string | undefined; | ||
borderRadius?: string | undefined; | ||
}; | ||
addon?: { | ||
fontSize: string; | ||
px: string; | ||
h: string; | ||
borderRadius: string; | ||
group?: { | ||
[x: string]: string; | ||
} | undefined; | ||
@@ -92,6 +75,2 @@ }; | ||
paddingInlineEnd: string; | ||
fontSize?: string | undefined; | ||
px?: string | undefined; | ||
h?: string | undefined; | ||
borderRadius?: string | undefined; | ||
}; | ||
@@ -101,7 +80,4 @@ icon: { | ||
}; | ||
addon?: { | ||
fontSize: string; | ||
px: string; | ||
h: string; | ||
borderRadius: string; | ||
group?: { | ||
[x: string]: string; | ||
} | undefined; | ||
@@ -108,0 +84,0 @@ }; |
@@ -35,5 +35,19 @@ 'use client' | ||
var { definePartsStyle, defineMultiStyleConfig } = (0, import_styled_system.createMultiStyleConfigHelpers)(import_anatomy.inputAnatomy.keys); | ||
var $height = (0, import_styled_system.cssVar)("input-height"); | ||
var $fontSize = (0, import_styled_system.cssVar)("input-font-size"); | ||
var $padding = (0, import_styled_system.cssVar)("input-padding"); | ||
var $borderRadius = (0, import_styled_system.cssVar)("input-border-radius"); | ||
var baseStyle = definePartsStyle({ | ||
addon: { | ||
height: $height.reference, | ||
fontSize: $fontSize.reference, | ||
px: $padding.reference, | ||
borderRadius: $borderRadius.reference | ||
}, | ||
field: { | ||
width: "100%", | ||
height: $height.reference, | ||
fontSize: $fontSize.reference, | ||
px: $padding.reference, | ||
borderRadius: $borderRadius.reference, | ||
minWidth: 0, | ||
@@ -53,24 +67,24 @@ outline: 0, | ||
lg: (0, import_styled_system.defineStyle)({ | ||
fontSize: "lg", | ||
px: "4", | ||
h: "12", | ||
borderRadius: "md" | ||
[$fontSize.variable]: "fontSizes.lg", | ||
[$padding.variable]: "space.4", | ||
[$borderRadius.variable]: "radii.md", | ||
[$height.variable]: "sizes.12" | ||
}), | ||
md: (0, import_styled_system.defineStyle)({ | ||
fontSize: "md", | ||
px: "4", | ||
h: "10", | ||
borderRadius: "md" | ||
[$fontSize.variable]: "fontSizes.md", | ||
[$padding.variable]: "space.4", | ||
[$borderRadius.variable]: "radii.md", | ||
[$height.variable]: "sizes.10" | ||
}), | ||
sm: (0, import_styled_system.defineStyle)({ | ||
fontSize: "sm", | ||
px: "3", | ||
h: "8", | ||
borderRadius: "sm" | ||
[$fontSize.variable]: "fontSizes.sm", | ||
[$padding.variable]: "space.3", | ||
[$borderRadius.variable]: "radii.sm", | ||
[$height.variable]: "sizes.8" | ||
}), | ||
xs: (0, import_styled_system.defineStyle)({ | ||
fontSize: "xs", | ||
px: "2", | ||
h: "6", | ||
borderRadius: "sm" | ||
[$fontSize.variable]: "fontSizes.xs", | ||
[$padding.variable]: "space.2", | ||
[$borderRadius.variable]: "radii.sm", | ||
[$height.variable]: "sizes.6" | ||
}) | ||
@@ -81,15 +95,15 @@ }; | ||
field: size.lg, | ||
addon: size.lg | ||
group: size.lg | ||
}), | ||
md: definePartsStyle({ | ||
field: size.md, | ||
addon: size.md | ||
group: size.md | ||
}), | ||
sm: definePartsStyle({ | ||
field: size.sm, | ||
addon: size.sm | ||
group: size.sm | ||
}), | ||
xs: definePartsStyle({ | ||
field: size.xs, | ||
addon: size.xs | ||
group: size.xs | ||
}) | ||
@@ -96,0 +110,0 @@ }; |
@@ -10,2 +10,6 @@ import * as _chakra_ui_styled_system from '@chakra-ui/styled-system'; | ||
width?: string | undefined; | ||
height?: string | undefined; | ||
fontSize?: string | undefined; | ||
px?: string | undefined; | ||
borderRadius?: string | undefined; | ||
minWidth?: number | undefined; | ||
@@ -23,6 +27,14 @@ outline?: number | undefined; | ||
sizes?: { | ||
xs: {}; | ||
sm: {}; | ||
md: {}; | ||
lg: {}; | ||
xs: { | ||
[x: string]: string; | ||
}; | ||
sm: { | ||
[x: string]: string; | ||
}; | ||
md: { | ||
[x: string]: string; | ||
}; | ||
lg: { | ||
[x: string]: string; | ||
}; | ||
} | undefined; | ||
@@ -29,0 +41,0 @@ variants?: { |
@@ -34,5 +34,19 @@ 'use client' | ||
var { definePartsStyle, defineMultiStyleConfig } = (0, import_styled_system.createMultiStyleConfigHelpers)(import_anatomy.inputAnatomy.keys); | ||
var $height = (0, import_styled_system.cssVar)("input-height"); | ||
var $fontSize = (0, import_styled_system.cssVar)("input-font-size"); | ||
var $padding = (0, import_styled_system.cssVar)("input-padding"); | ||
var $borderRadius = (0, import_styled_system.cssVar)("input-border-radius"); | ||
var baseStyle = definePartsStyle({ | ||
addon: { | ||
height: $height.reference, | ||
fontSize: $fontSize.reference, | ||
px: $padding.reference, | ||
borderRadius: $borderRadius.reference | ||
}, | ||
field: { | ||
width: "100%", | ||
height: $height.reference, | ||
fontSize: $fontSize.reference, | ||
px: $padding.reference, | ||
borderRadius: $borderRadius.reference, | ||
minWidth: 0, | ||
@@ -52,24 +66,24 @@ outline: 0, | ||
lg: (0, import_styled_system.defineStyle)({ | ||
fontSize: "lg", | ||
px: "4", | ||
h: "12", | ||
borderRadius: "md" | ||
[$fontSize.variable]: "fontSizes.lg", | ||
[$padding.variable]: "space.4", | ||
[$borderRadius.variable]: "radii.md", | ||
[$height.variable]: "sizes.12" | ||
}), | ||
md: (0, import_styled_system.defineStyle)({ | ||
fontSize: "md", | ||
px: "4", | ||
h: "10", | ||
borderRadius: "md" | ||
[$fontSize.variable]: "fontSizes.md", | ||
[$padding.variable]: "space.4", | ||
[$borderRadius.variable]: "radii.md", | ||
[$height.variable]: "sizes.10" | ||
}), | ||
sm: (0, import_styled_system.defineStyle)({ | ||
fontSize: "sm", | ||
px: "3", | ||
h: "8", | ||
borderRadius: "sm" | ||
[$fontSize.variable]: "fontSizes.sm", | ||
[$padding.variable]: "space.3", | ||
[$borderRadius.variable]: "radii.sm", | ||
[$height.variable]: "sizes.8" | ||
}), | ||
xs: (0, import_styled_system.defineStyle)({ | ||
fontSize: "xs", | ||
px: "2", | ||
h: "6", | ||
borderRadius: "sm" | ||
[$fontSize.variable]: "fontSizes.xs", | ||
[$padding.variable]: "space.2", | ||
[$borderRadius.variable]: "radii.sm", | ||
[$height.variable]: "sizes.6" | ||
}) | ||
@@ -80,15 +94,15 @@ }; | ||
field: size.lg, | ||
addon: size.lg | ||
group: size.lg | ||
}), | ||
md: definePartsStyle({ | ||
field: size.md, | ||
addon: size.md | ||
group: size.md | ||
}), | ||
sm: definePartsStyle({ | ||
field: size.sm, | ||
addon: size.sm | ||
group: size.sm | ||
}), | ||
xs: definePartsStyle({ | ||
field: size.xs, | ||
addon: size.xs | ||
group: size.xs | ||
}) | ||
@@ -95,0 +109,0 @@ }; |
{ | ||
"name": "@chakra-ui/theme", | ||
"version": "0.0.0-dev-20230718130742", | ||
"version": "0.0.0-dev-20230718132637", | ||
"description": "The default theme for chakra components", | ||
@@ -31,4 +31,4 @@ "keywords": [ | ||
"dependencies": { | ||
"@chakra-ui/anatomy": "0.0.0-dev-20230718130742", | ||
"@chakra-ui/theme-tools": "0.0.0-dev-20230718130742", | ||
"@chakra-ui/anatomy": "0.0.0-dev-20230718132637", | ||
"@chakra-ui/theme-tools": "0.0.0-dev-20230718132637", | ||
"@chakra-ui/shared-utils": "2.0.5" | ||
@@ -35,0 +35,0 @@ }, |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
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
1677300
31521
+ Added@chakra-ui/anatomy@0.0.0-dev-20230718132637(transitive)
+ Added@chakra-ui/theme-tools@0.0.0-dev-20230718132637(transitive)
- Removed@chakra-ui/anatomy@0.0.0-dev-20230718130742(transitive)
- Removed@chakra-ui/theme-tools@0.0.0-dev-20230718130742(transitive)