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

@chakra-ui/styled-system

Package Overview
Dependencies
Maintainers
3
Versions
489
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@chakra-ui/styled-system - npm Package Compare versions

Comparing version 0.0.0-pr-20211126153854 to 0.0.0-pr-20211126154235

244

dist/declarations/src/theming.types.d.ts
// regenerate by running
// npx @chakra-ui/cli tokens path/to/your/theme.(js|ts)
export interface ThemeTypings {
blur: "none" | "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl"
borders: "none" | "1px" | "2px" | "4px" | "8px"
borderStyles: never
borderWidths: never
breakpoints: "base" | "sm" | "md" | "lg" | "xl" | "2xl"
blur:
| "none"
| "sm"
| "base"
| "md"
| "lg"
| "xl"
| "2xl"
| "3xl"
| (string & {})
borders: "none" | "1px" | "2px" | "4px" | "8px" | (string & {})
borderStyles: string & {}
borderWidths: string & {}
breakpoints: "base" | "sm" | "md" | "lg" | "xl" | "2xl" | (string & {})
colors:

@@ -194,2 +203,3 @@ | "transparent"

| "telegram.900"
| (string & {})
colorSchemes:

@@ -214,3 +224,4 @@ | "whiteAlpha"

| "telegram"
fonts: "heading" | "body" | "mono"
| (string & {})
fonts: "heading" | "body" | "mono" | (string & {})
fontSizes:

@@ -230,2 +241,3 @@ | "xs"

| "9xl"
| (string & {})
fontWeights:

@@ -241,4 +253,12 @@ | "hairline"

| "black"
layerStyles: never
letterSpacings: "tighter" | "tight" | "normal" | "wide" | "wider" | "widest"
| (string & {})
layerStyles: string & {}
letterSpacings:
| "tighter"
| "tight"
| "normal"
| "wide"
| "wider"
| "widest"
| (string & {})
lineHeights:

@@ -260,3 +280,14 @@ | "3"

| "taller"
radii: "none" | "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"
| (string & {})
radii:
| "none"
| "sm"
| "base"
| "md"
| "lg"
| "xl"
| "2xl"
| "3xl"
| "full"
| (string & {})
shadows:

@@ -274,2 +305,3 @@ | "xs"

| "dark-lg"
| (string & {})
sizes:

@@ -330,2 +362,3 @@ | "1"

| "container.xl"
| (string & {})
space:

@@ -398,4 +431,5 @@ | "1"

| "-3.5"
textStyles: never
transition: never
| (string & {})
textStyles: string & {}
transition: string & {}
zIndices:

@@ -415,86 +449,116 @@ | "hide"

| "tooltip"
| (string & {})
components: {
Accordion: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
Alert: {
sizes: never
variants: "subtle" | "left-accent" | "top-accent" | "solid"
sizes: string & {}
variants:
| "subtle"
| "left-accent"
| "top-accent"
| "solid"
| (string & {})
}
Avatar: {
sizes: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full"
variants: never
sizes:
| "2xs"
| "xs"
| "sm"
| "md"
| "lg"
| "xl"
| "2xl"
| "full"
| (string & {})
variants: string & {}
}
Badge: {
sizes: never
variants: "solid" | "subtle" | "outline"
sizes: string & {}
variants: "solid" | "subtle" | "outline" | (string & {})
}
Breadcrumb: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
Button: {
sizes: "lg" | "md" | "sm" | "xs"
variants: "ghost" | "outline" | "solid" | "link" | "unstyled"
sizes: "lg" | "md" | "sm" | "xs" | (string & {})
variants:
| "ghost"
| "outline"
| "solid"
| "link"
| "unstyled"
| (string & {})
}
Checkbox: {
sizes: "sm" | "md" | "lg"
variants: never
sizes: "sm" | "md" | "lg" | (string & {})
variants: string & {}
}
CloseButton: {
sizes: "lg" | "md" | "sm"
variants: never
sizes: "lg" | "md" | "sm" | (string & {})
variants: string & {}
}
Code: {
sizes: never
variants: "solid" | "subtle" | "outline"
sizes: string & {}
variants: "solid" | "subtle" | "outline" | (string & {})
}
Container: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
Divider: {
sizes: never
variants: "solid" | "dashed"
sizes: string & {}
variants: "solid" | "dashed" | (string & {})
}
Drawer: {
sizes: "xs" | "sm" | "md" | "lg" | "xl" | "full"
variants: never
sizes: "xs" | "sm" | "md" | "lg" | "xl" | "full" | (string & {})
variants: string & {}
}
Editable: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
Form: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
FormLabel: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
Heading: {
sizes: "4xl" | "3xl" | "2xl" | "xl" | "lg" | "md" | "sm" | "xs"
variants: never
sizes:
| "4xl"
| "3xl"
| "2xl"
| "xl"
| "lg"
| "md"
| "sm"
| "xs"
| (string & {})
variants: string & {}
}
Input: {
sizes: "lg" | "md" | "sm" | "xs"
variants: "outline" | "filled" | "flushed" | "unstyled"
sizes: "lg" | "md" | "sm" | "xs" | (string & {})
variants: "outline" | "filled" | "flushed" | "unstyled" | (string & {})
}
Kbd: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
Link: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
List: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
Menu: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}

@@ -514,58 +578,59 @@ Modal: {

| "full"
variants: never
| (string & {})
variants: string & {}
}
NumberInput: {
sizes: "xs" | "sm" | "md" | "lg"
variants: "outline" | "filled" | "flushed" | "unstyled"
sizes: "xs" | "sm" | "md" | "lg" | (string & {})
variants: "outline" | "filled" | "flushed" | "unstyled" | (string & {})
}
PinInput: {
sizes: "lg" | "md" | "sm" | "xs"
variants: "outline" | "flushed" | "filled" | "unstyled"
sizes: "lg" | "md" | "sm" | "xs" | (string & {})
variants: "outline" | "flushed" | "filled" | "unstyled" | (string & {})
}
Popover: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
Progress: {
sizes: "xs" | "sm" | "md" | "lg"
variants: never
sizes: "xs" | "sm" | "md" | "lg" | (string & {})
variants: string & {}
}
Radio: {
sizes: "md" | "lg" | "sm"
variants: never
sizes: "md" | "lg" | "sm" | (string & {})
variants: string & {}
}
Select: {
sizes: "lg" | "md" | "sm" | "xs"
variants: "outline" | "filled" | "flushed" | "unstyled"
sizes: "lg" | "md" | "sm" | "xs" | (string & {})
variants: "outline" | "filled" | "flushed" | "unstyled" | (string & {})
}
Skeleton: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
SkipLink: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
Slider: {
sizes: "lg" | "md" | "sm"
variants: never
sizes: "lg" | "md" | "sm" | (string & {})
variants: string & {}
}
Spinner: {
sizes: "xs" | "sm" | "md" | "lg" | "xl"
variants: never
sizes: "xs" | "sm" | "md" | "lg" | "xl" | (string & {})
variants: string & {}
}
Stat: {
sizes: "md"
variants: never
sizes: "md" | (string & {})
variants: string & {}
}
Switch: {
sizes: "sm" | "md" | "lg"
variants: never
sizes: "sm" | "md" | "lg" | (string & {})
variants: string & {}
}
Table: {
sizes: "sm" | "md" | "lg"
variants: "simple" | "striped" | "unstyled"
sizes: "sm" | "md" | "lg" | (string & {})
variants: "simple" | "striped" | "unstyled" | (string & {})
}
Tabs: {
sizes: "sm" | "md" | "lg"
sizes: "sm" | "md" | "lg" | (string & {})
variants:

@@ -578,20 +643,21 @@ | "line"

| "unstyled"
| (string & {})
}
Tag: {
sizes: "sm" | "md" | "lg"
variants: "subtle" | "solid" | "outline"
sizes: "sm" | "md" | "lg" | (string & {})
variants: "subtle" | "solid" | "outline" | (string & {})
}
Textarea: {
sizes: "xs" | "sm" | "md" | "lg"
variants: "outline" | "flushed" | "filled" | "unstyled"
sizes: "xs" | "sm" | "md" | "lg" | (string & {})
variants: "outline" | "flushed" | "filled" | "unstyled" | (string & {})
}
Tooltip: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
FormError: {
sizes: never
variants: never
sizes: string & {}
variants: string & {}
}
}
}
{
"name": "@chakra-ui/styled-system",
"version": "0.0.0-pr-20211126153854",
"version": "0.0.0-pr-20211126154235",
"description": "Style function for css-in-js building component libraries",

@@ -5,0 +5,0 @@ "keywords": [

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