@ciridae/ui 1.0.4 → 1.0.9

package/dist/styled-system/tokens/tokens.d.ts

@@ -1,56 +1,40 @@
 /* eslint-disable */
-export type Token = `aspectRatios.${AspectRatioToken}` | `borders.${BorderToken}` | `easings.${EasingToken}` | `shadows.${ShadowToken}` | `colors.${ColorToken}` | `blurs.${BlurToken}` | `animations.${AnimationToken}` | `spacing.${SpacingToken}` | `sizes.${SizeToken}` | `opacity.${OpacityToken}` | `fontWeights.${FontWeightToken}` | `letterSpacings.${LetterSpacingToken}` | `fonts.${FontToken}` | `lineHeights.${LineHeightToken}` | `fontSizes.${FontSizeToken}` | `durations.${DurationToken}` | `zIndex.${ZIndexToken}` | `radii.${RadiusToken}` | `breakpoints.${BreakpointToken}` | `gradients.${GradientToken}`
+export type Token = `colors.${ColorToken}` | `spacing.${SpacingToken}` | `sizes.${SizeToken}` | `opacity.${OpacityToken}` | `fontWeights.${FontWeightToken}` | `letterSpacings.${LetterSpacingToken}` | `fonts.${FontToken}` | `lineHeights.${LineHeightToken}` | `fontSizes.${FontSizeToken}` | `durations.${DurationToken}` | `zIndex.${ZIndexToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `gradients.${GradientToken}` | `blurs.${BlurToken}`
 
-export type ColorPalette = "current" | "black" | "white" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "bg.canvas" | "bg.panel" | "bg.card" | "bg.avatar" | "bg.backdrop" | "bg.popover" | "bg.modalShell" | "bg.modalSheet" | "bg.drawerShell" | "bg.drawerSheet" | "bg.infoSubtle" | "bg.successSubtle" | "bg.warningSubtle" | "bg.errorSubtle" | "fg.archived" | "border.subtle" | "border.focus" | "fg.primary" | "fg.muted" | "fg.secondary" | "fg.subtle" | "fg.quietGlyph" | "fg.label" | "border.control" | "border.canvas" | "border.divider" | "border.menuHover" | "bg.field" | "bg.formField" | "bg.openTrigger" | "bg.fieldDisabled" | "border.mark" | "border.error" | "bg.rowHover" | "bg.selected" | "bg.selectedHover" | "border.selected" | "bg.track" | "bg.knob" | "border.panel" | "border.card" | "border.glass" | "border.hairline" | "bg.surface" | "bg.control" | "bg.pill" | "bg.glass" | "bg.glassHover" | "bg.raised" | "bg.raisedHover" | "bg.check" | "bg.hover" | "bg.controlHover" | "bg.pressed" | "bg.fill" | "bg.primary" | "bg.primaryHover" | "bg.tinted" | "bg.danger" | "bg.warningTint" | "bg.successTint" | "bg.errorTint" | "accent.brand" | "accent.green" | "accent.greenDark" | "accent.red" | "accent.redDark" | "accent.yellow" | "accent.yellowIcon" | "accent.blue" | "accent.bronze" | "border.bronze" | "chart.bar" | "chart.trend" | "chart.category1" | "chart.category2" | "chart.category3" | "chart.category4" | "chart.barTrack" | "chart.progressTrack" | "chart.atRiskTrack" | "chart.neutral" | "chart.notStarted" | "fg.onAccent"
+export type ColorPalette = "transparent" | "currentColor" | "bg.canvas" | "bg.panel" | "bg.card" | "bg.avatar" | "bg.backdrop" | "bg.popover" | "bg.modalShell" | "bg.modalSheet" | "bg.drawerShell" | "bg.drawerSheet" | "bg.infoSubtle" | "bg.successSubtle" | "bg.warningSubtle" | "bg.errorSubtle" | "fg.archived" | "border.subtle" | "border.focus" | "fg.primary" | "fg.muted" | "fg.secondary" | "fg.subtle" | "fg.label" | "border.control" | "border.canvas" | "border.divider" | "border.popover" | "border.menuHover" | "bg.field" | "bg.formField" | "bg.openTrigger" | "bg.fieldDisabled" | "border.mark" | "border.error" | "bg.rowHover" | "bg.selected" | "bg.selectedHover" | "border.selected" | "bg.track" | "bg.knob" | "border.panel" | "border.card" | "border.glass" | "border.hairline" | "bg.surface" | "bg.control" | "bg.pill" | "bg.glass" | "bg.raised" | "bg.raisedHover" | "bg.check" | "bg.hover" | "bg.controlHover" | "bg.fill" | "bg.primary" | "bg.primaryHover" | "bg.warningTint" | "bg.successTint" | "bg.errorTint" | "accent.brand" | "accent.green" | "accent.red" | "accent.redDark" | "accent.yellow" | "accent.yellowIcon" | "accent.blue" | "accent.bronze" | "border.bronze" | "chart.bar" | "chart.trend" | "chart.category1" | "chart.category2" | "chart.category3" | "chart.category4" | "chart.barTrack" | "chart.progressTrack" | "chart.atRiskTrack" | "chart.neutral" | "chart.notStarted" | "fg.onAccent"
 
-export type AspectRatioToken = "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden"
+export type ColorToken = "transparent" | "currentColor" | "bg.canvas" | "bg.panel" | "bg.card" | "bg.avatar" | "bg.backdrop" | "bg.popover" | "bg.modalShell" | "bg.modalSheet" | "bg.drawerShell" | "bg.drawerSheet" | "bg.infoSubtle" | "bg.successSubtle" | "bg.warningSubtle" | "bg.errorSubtle" | "fg.archived" | "border.subtle" | "border.focus" | "fg.primary" | "fg.muted" | "fg.secondary" | "fg.subtle" | "fg.label" | "border.control" | "border.canvas" | "border.divider" | "border.popover" | "border.menuHover" | "bg.field" | "bg.formField" | "bg.openTrigger" | "bg.fieldDisabled" | "border.mark" | "border.error" | "bg.rowHover" | "bg.selected" | "bg.selectedHover" | "border.selected" | "bg.track" | "bg.knob" | "border.panel" | "border.card" | "border.glass" | "border.hairline" | "bg.surface" | "bg.control" | "bg.pill" | "bg.glass" | "bg.raised" | "bg.raisedHover" | "bg.check" | "bg.hover" | "bg.controlHover" | "bg.fill" | "bg.primary" | "bg.primaryHover" | "bg.warningTint" | "bg.successTint" | "bg.errorTint" | "accent.brand" | "accent.green" | "accent.red" | "accent.redDark" | "accent.yellow" | "accent.yellowIcon" | "accent.blue" | "accent.bronze" | "border.bronze" | "chart.bar" | "chart.trend" | "chart.category1" | "chart.category2" | "chart.category3" | "chart.category4" | "chart.barTrack" | "chart.progressTrack" | "chart.atRiskTrack" | "chart.neutral" | "chart.notStarted" | "fg.onAccent" | "colorPalette"
 
-export type BorderToken = "none"
+export type SpacingToken = "none" | "control.trackInset" | "focus.ringWidth" | "focus.ringOffset" | "focus.ringReach" | "control.iconGap" | "control.block" | "control.inline" | "control.compactBlock" | "control.compactInline" | "control.largeInline" | "control.iconInline" | "control.launcherInlineEnd" | "search.inline" | "field.block" | "gap.4" | "gap.6" | "gap.8" | "gap.12" | "gap.16" | "gap.20" | "gap.24" | "layout.tightGap" | "sidebar.groupGap" | "sidebar.footerGap" | "sidebar.inline" | "sidebar.block" | "control.tabInline" | "layout.controlGap" | "layout.contentGap" | "layout.clusterGap" | "layout.pageGap" | "layout.projectListOffset" | "layout.sectionGap" | "layout.centeredCardGap" | "log.columnGap" | "log.detailIndent" | "log.detailIndentCompact" | "log.rowBlock" | "log.entryBlock" | "log.entryInline" | "log.entryCompactBlock" | "log.entryPanelBlock" | "log.entryPanelInline" | "menu.inset" | "menu.itemInline" | "sidebar.markGap" | "panel.hairline" | "panel.compact" | "panel.default" | "panel.comfortable" | "panel.roomy" | "panel.card" | "tile.block" | "tile.inline" | "skeleton.tileGap" | "emptyState.pageBlock" | "emptyState.compactBlock" | "stage.connectorGap" | "list.numberGap" | "meter.rowGap" | "page.inline" | "shell.leading" | "table.cell" | "table.compactRowBlock" | "-none" | "-control.trackInset" | "-focus.ringWidth" | "-focus.ringOffset" | "-focus.ringReach" | "-control.iconGap" | "-control.block" | "-control.inline" | "-control.compactBlock" | "-control.compactInline" | "-control.largeInline" | "-control.iconInline" | "-control.launcherInlineEnd" | "-search.inline" | "-field.block" | "-gap.4" | "-gap.6" | "-gap.8" | "-gap.12" | "-gap.16" | "-gap.20" | "-gap.24" | "-layout.tightGap" | "-sidebar.groupGap" | "-sidebar.footerGap" | "-sidebar.inline" | "-sidebar.block" | "-control.tabInline" | "-layout.controlGap" | "-layout.contentGap" | "-layout.clusterGap" | "-layout.pageGap" | "-layout.projectListOffset" | "-layout.sectionGap" | "-layout.centeredCardGap" | "-log.columnGap" | "-log.detailIndent" | "-log.detailIndentCompact" | "-log.rowBlock" | "-log.entryBlock" | "-log.entryInline" | "-log.entryCompactBlock" | "-log.entryPanelBlock" | "-log.entryPanelInline" | "-menu.inset" | "-menu.itemInline" | "-sidebar.markGap" | "-panel.hairline" | "-panel.compact" | "-panel.default" | "-panel.comfortable" | "-panel.roomy" | "-panel.card" | "-tile.block" | "-tile.inline" | "-skeleton.tileGap" | "-emptyState.pageBlock" | "-emptyState.compactBlock" | "-stage.connectorGap" | "-list.numberGap" | "-meter.rowGap" | "-page.inline" | "-shell.leading" | "-table.cell" | "-table.compactRowBlock"
 
-export type EasingToken = "default" | "linear" | "in" | "out" | "in-out"
-
-export type ShadowToken = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "inset-2xs" | "inset-xs" | "inset-sm" | "indicator.live" | "search" | "inset" | "card" | "soft" | "drawerShell" | "focus" | "panel" | "glow" | "badge" | "toast" | "control.raised" | "control.raisedHover" | "control.pressed"
-
-export type ColorToken = "current" | "black" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "bg.canvas" | "bg.panel" | "bg.card" | "bg.avatar" | "bg.backdrop" | "bg.popover" | "bg.modalShell" | "bg.modalSheet" | "bg.drawerShell" | "bg.drawerSheet" | "bg.infoSubtle" | "bg.successSubtle" | "bg.warningSubtle" | "bg.errorSubtle" | "fg.archived" | "border.subtle" | "border.focus" | "fg.primary" | "fg.muted" | "fg.secondary" | "fg.subtle" | "fg.quietGlyph" | "fg.label" | "border.control" | "border.canvas" | "border.divider" | "border.menuHover" | "bg.field" | "bg.formField" | "bg.openTrigger" | "bg.fieldDisabled" | "border.mark" | "border.error" | "bg.rowHover" | "bg.selected" | "bg.selectedHover" | "border.selected" | "bg.track" | "bg.knob" | "border.panel" | "border.card" | "border.glass" | "border.hairline" | "bg.surface" | "bg.control" | "bg.pill" | "bg.glass" | "bg.glassHover" | "bg.raised" | "bg.raisedHover" | "bg.check" | "bg.hover" | "bg.controlHover" | "bg.pressed" | "bg.fill" | "bg.primary" | "bg.primaryHover" | "bg.tinted" | "bg.danger" | "bg.warningTint" | "bg.successTint" | "bg.errorTint" | "accent.brand" | "accent.green" | "accent.greenDark" | "accent.red" | "accent.redDark" | "accent.yellow" | "accent.yellowIcon" | "accent.blue" | "accent.bronze" | "border.bronze" | "chart.bar" | "chart.trend" | "chart.category1" | "chart.category2" | "chart.category3" | "chart.category4" | "chart.barTrack" | "chart.progressTrack" | "chart.atRiskTrack" | "chart.neutral" | "chart.notStarted" | "fg.onAccent" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950"
-
-export type BlurToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "popover" | "modalShell" | "modalSheet" | "drawerShell"
-
-export type AnimationToken = "spin" | "ping" | "pulse" | "bounce"
-
-export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "none" | "control.trackInset" | "focus.ringWidth" | "focus.ringOffset" | "focus.ringReach" | "control.iconGap" | "control.block" | "control.inline" | "control.compactBlock" | "control.compactInline" | "control.largeInline" | "control.iconInline" | "control.launcherInlineEnd" | "search.inline" | "field.block" | "layout.tightGap" | "sidebar.groupGap" | "sidebar.footerGap" | "sidebar.inline" | "sidebar.block" | "control.tabInline" | "layout.controlGap" | "layout.contentGap" | "layout.clusterGap" | "layout.pageGap" | "layout.projectListOffset" | "layout.sectionGap" | "layout.centeredCardGap" | "log.columnGap" | "log.detailIndent" | "log.detailIndentCompact" | "log.rowBlock" | "log.entryBlock" | "log.entryInline" | "log.entryCompactBlock" | "log.entryPanelBlock" | "log.entryPanelInline" | "menu.inset" | "menu.itemInline" | "sidebar.markGap" | "panel.hairline" | "panel.compact" | "panel.default" | "panel.comfortable" | "panel.roomy" | "panel.card" | "tile.block" | "tile.inline" | "skeleton.tileGap" | "emptyState.pageBlock" | "emptyState.compactBlock" | "stage.connectorGap" | "list.numberGap" | "meter.rowGap" | "panel.sidebarBlock" | "page.inline" | "shell.leading" | "table.cell" | "table.rowBlock" | "table.compactRowBlock" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5" | "-4.5" | "-5.5" | "-none" | "-control.trackInset" | "-focus.ringWidth" | "-focus.ringOffset" | "-focus.ringReach" | "-control.iconGap" | "-control.block" | "-control.inline" | "-control.compactBlock" | "-control.compactInline" | "-control.largeInline" | "-control.iconInline" | "-control.launcherInlineEnd" | "-search.inline" | "-field.block" | "-layout.tightGap" | "-sidebar.groupGap" | "-sidebar.footerGap" | "-sidebar.inline" | "-sidebar.block" | "-control.tabInline" | "-layout.controlGap" | "-layout.contentGap" | "-layout.clusterGap" | "-layout.pageGap" | "-layout.projectListOffset" | "-layout.sectionGap" | "-layout.centeredCardGap" | "-log.columnGap" | "-log.detailIndent" | "-log.detailIndentCompact" | "-log.rowBlock" | "-log.entryBlock" | "-log.entryInline" | "-log.entryCompactBlock" | "-log.entryPanelBlock" | "-log.entryPanelInline" | "-menu.inset" | "-menu.itemInline" | "-sidebar.markGap" | "-panel.hairline" | "-panel.compact" | "-panel.default" | "-panel.comfortable" | "-panel.roomy" | "-panel.card" | "-tile.block" | "-tile.inline" | "-skeleton.tileGap" | "-emptyState.pageBlock" | "-emptyState.compactBlock" | "-stage.connectorGap" | "-list.numberGap" | "-meter.rowGap" | "-panel.sidebarBlock" | "-page.inline" | "-shell.leading" | "-table.cell" | "-table.rowBlock" | "-table.compactRowBlock"
-
-export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "border.hairline" | "indicator.dot" | "indicator.live" | "indicator.badge" | "indicator.count" | "log.caretColumn" | "log.minimum" | "log.timeColumn" | "log.rawMaximum" | "assistant.orb" | "widget.header" | "avatar.welcome" | "avatar.micro" | "avatar.small" | "avatar.menu" | "avatar.agent" | "avatar.row" | "avatar.owner" | "avatar.large" | "mark.inline" | "progress.track" | "progress.segment" | "indicator.swatch" | "menu.item" | "select.compactItem" | "code.maximum" | "brand.logo" | "indicator.radio" | "skeleton.line" | "skeleton.bar" | "skeleton.badge" | "skeleton.caption" | "skeleton.short" | "skeleton.pill" | "skeleton.textLine" | "tile.minimum" | "skeleton.card" | "skeleton.cardBody" | "skeleton.medium" | "skeleton.long" | "chart.small" | "chart.medium" | "chart.large" | "control.mark" | "file.chipName" | "control.checkbox" | "control.radio" | "control.knob" | "control.toggleTrack" | "control.clear" | "control.chip" | "control.wordKeycap" | "control.send" | "control.small" | "control.restingTab" | "control.row" | "control.round" | "control.roundSmall" | "control.sidebarSearch" | "list.number" | "tile.icon" | "partsRollup.height" | "sparkline.width" | "sparkline.height" | "sparkline.plotWidth" | "sparkline.plotHeight" | "control.shortcut" | "control.compact" | "control.default" | "control.search" | "control.searchField" | "workspace.mark" | "workspace.avatar" | "control.field" | "sidebar.projectAction" | "sidebar.railRule" | "sidebar.shortRow" | "toast.minimum" | "chat.footer" | "shell.header" | "shell.collapsed" | "table.scroll" | "table.headRow" | "field.textarea" | "field.inline" | "chat.input" | "chat.inputMobile" | "chat.composerMinimum" | "overlay.menu" | "overlay.menuList" | "overlay.helpMenu" | "overlay.tray" | "overlay.trayList" | "overlay.tooltip" | "overlay.popoverNarrow" | "overlay.popover" | "overlay.popoverWide" | "search.dropdownPreview" | "emptyState.minimum" | "search.regularPreview" | "search.sidebarPreview" | "shell.sidebar" | "overlay.dialog" | "overlay.palette" | "commandPalette.query" | "commandPalette.row" | "commandPalette.footer" | "overlay.dialogWide" | "overlay.sheet" | "overlay.sheetNarrow" | "overlay.sheetDocked" | "toast.width" | "toast.progressWidth" | "toast.progressHeight" | "chat.thread" | "chat.composer" | "chat.bubble" | "chat.attachment" | "settings.column" | "card.centered" | "scroll.bar" | "card.centeredWide" | "card.centeredForm" | "steps.image" | "checklist.maximum" | "page.maximum" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
+export type SizeToken = "0" | "full" | "border.hairline" | "indicator.dot" | "indicator.live" | "indicator.badge" | "indicator.count" | "log.caretColumn" | "log.minimum" | "log.timeColumn" | "log.rawMaximum" | "assistant.orb" | "widget.header" | "avatar.welcome" | "avatar.micro" | "avatar.small" | "avatar.menu" | "avatar.agent" | "avatar.row" | "avatar.owner" | "avatar.large" | "mark.inline" | "progress.track" | "progress.segment" | "indicator.swatch" | "menu.item" | "code.maximum" | "brand.logo" | "indicator.radio" | "skeleton.line" | "skeleton.bar" | "skeleton.badge" | "skeleton.caption" | "skeleton.short" | "skeleton.pill" | "skeleton.textLine" | "tile.minimum" | "skeleton.card" | "skeleton.cardBody" | "skeleton.medium" | "skeleton.long" | "chart.small" | "chart.medium" | "chart.large" | "control.mark" | "file.chipName" | "control.checkbox" | "control.radio" | "control.knob" | "control.toggleTrack" | "control.clear" | "control.chip" | "control.wordKeycap" | "control.send" | "control.small" | "control.restingTab" | "control.row" | "control.round" | "control.roundRail" | "control.roundSmall" | "control.sidebarSearch" | "list.number" | "tile.icon" | "partsRollup.height" | "sparkline.width" | "sparkline.height" | "sparkline.plotWidth" | "sparkline.plotHeight" | "control.shortcut" | "control.compact" | "control.default" | "control.search" | "control.searchField" | "workspace.mark" | "workspace.avatar" | "control.field" | "sidebar.projectAction" | "sidebar.railRule" | "sidebar.shortRow" | "chat.footer" | "shell.header" | "shell.collapsed" | "table.scroll" | "table.headRow" | "field.textarea" | "field.inline" | "chat.input" | "chat.inputMobile" | "chat.composerMinimum" | "overlay.menu" | "overlay.menuList" | "overlay.helpMenu" | "overlay.tray" | "overlay.trayList" | "overlay.tooltip" | "overlay.popoverNarrow" | "overlay.popover" | "overlay.popoverWide" | "search.dropdownPreview" | "emptyState.minimum" | "search.regularPreview" | "search.sidebarPreview" | "shell.sidebar" | "overlay.dialog" | "overlay.palette" | "commandPalette.query" | "commandPalette.row" | "commandPalette.footer" | "overlay.dialogWide" | "overlay.sheet" | "overlay.sheetNarrow" | "overlay.sheetDocked" | "toast.width" | "toast.progressWidth" | "toast.progressHeight" | "chat.thread" | "chat.composer" | "chat.bubble" | "chat.attachment" | "settings.column" | "card.centered" | "scroll.bar" | "card.centeredWide" | "card.centeredForm" | "steps.image" | "checklist.maximum" | "page.maximum"
 
 export type OpacityToken = "disabled" | "locked.step" | "locked.requirement" | "disabledRound" | "checkedHover"
 
-export type FontWeightToken = "thin" | "extralight" | "light" | "normal" | "bold" | "extrabold" | "black" | "regular" | "medium" | "semibold"
+export type FontWeightToken = "regular" | "medium" | "semibold"
 
-export type LetterSpacingToken = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | "compact" | "label" | "display"
+export type LetterSpacingToken = "compact" | "label" | "display"
 
-export type FontToken = "serif" | "display" | "sans" | "numeric" | "mono"
+export type FontToken = "display" | "sans" | "numeric" | "mono"
 
-export type LineHeightToken = "none" | "snug" | "normal" | "relaxed" | "loose" | "tight" | "compact" | "log" | "body"
+export type LineHeightToken = "tight" | "compact" | "log" | "body"
 
-export type FontSizeToken = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "display" | "body" | "caption" | "code" | "heading" | "heading.section" | "heading.page" | "log.body" | "log.level" | "avatar.micro" | "avatar.mark" | "avatar.small" | "icon.tiny" | "icon.check" | "icon.compact" | "icon.small" | "icon.medium" | "icon.large" | "icon.rail" | "icon.display" | "icon.hero"
+export type FontSizeToken = "display" | "body" | "caption" | "code" | "heading" | "heading.section" | "heading.page" | "log.body" | "log.level" | "avatar.micro" | "avatar.mark" | "avatar.small" | "icon.tiny" | "icon.check" | "icon.compact" | "icon.small" | "icon.medium" | "icon.large" | "icon.rail" | "icon.display" | "icon.hero"
 
-export type DurationToken = "fastest" | "faster" | "normal" | "slow" | "slower" | "slowest" | "fast" | "default"
+export type DurationToken = "fast" | "default"
 
 export type ZIndexToken = "raised" | "scrollbar" | "drawer" | "dialog" | "popover" | "tooltip" | "toast"
 
-export type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full" | "round" | "nav" | "keycap" | "control" | "action" | "field" | "inset" | "shell" | "card" | "pill"
+export type RadiusToken = "none" | "round" | "nav" | "keycap" | "control" | "action" | "field" | "inset" | "shell" | "card" | "pill"
 
-export type BreakpointToken = "sm" | "md" | "lg" | "xl" | "2xl"
+export type ShadowToken = "indicator.live" | "search" | "inset" | "card" | "soft" | "drawerShell" | "focus" | "panel" | "glow" | "badge" | "toast" | "control.raised" | "control.raisedHover" | "control.pressed"
 
-export type GradientToken = "skeletonFill" | "orb" | "canvas" | "panel" | "card" | "raised" | "raisedHover" | "selected" | "rowHover" | "primary" | "tinted" | "danger" | "border.raised" | "border.primary" | "border.danger" | "border.tinted" | "border.otherWorkspaceMark" | "border.selected" | "chart.area" | "chart.progress" | "chart.atRisk" | "infoGlass" | "successGlass" | "dangerGlass" | "stepDoneGlass" | "currentStageGlass" | "border.infoGlass" | "border.successGlass" | "border.dangerGlass" | "border.stepDoneGlass" | "border.currentStageGlass" | "border.warningTint" | "border.successTint" | "border.errorTint"
+export type GradientToken = "skeletonFill" | "orb" | "canvas" | "panel" | "card" | "raised" | "raisedHover" | "selected" | "rowHover" | "primary" | "primaryHover" | "tinted" | "danger" | "border.raised" | "border.primary" | "border.danger" | "border.tinted" | "border.otherWorkspaceMark" | "border.selected" | "chart.area" | "chart.progress" | "chart.atRisk" | "infoGlass" | "successGlass" | "dangerGlass" | "stepDoneGlass" | "currentStageGlass" | "border.infoGlass" | "border.successGlass" | "border.dangerGlass" | "border.stepDoneGlass" | "border.currentStageGlass" | "border.warningTint" | "border.successTint" | "border.errorTint"
+
+export type BlurToken = "popover" | "modalShell" | "modalSheet" | "drawerShell"
 
 export type Tokens = {
-		aspectRatios: AspectRatioToken
-		borders: BorderToken
-		easings: EasingToken
-		shadows: ShadowToken
 		colors: ColorToken
-		blurs: BlurToken
-		animations: AnimationToken
 		spacing: SpacingToken
 		sizes: SizeToken
 		opacity: OpacityToken
@@ -62,8 +46,9 @@ export type Tokens = {
 		durations: DurationToken
 		zIndex: ZIndexToken
 		radii: RadiusToken
-		breakpoints: BreakpointToken
+		shadows: ShadowToken
 		gradients: GradientToken
+		blurs: BlurToken
 } & { [token: string]: never }
 
 export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "cursor" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"

package/dist/styled-system/types/conditions.d.ts

@@ -226,80 +226,6 @@ export interface Conditions {
 	"_phone": string
 	/** `@media not all and (max-width: 700px)` */
 	"_notPhone": string
-	/** `@media screen and (min-width: 40rem)` */
-	"sm": string
-	/** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */
-	"smOnly": string
-	/** `@media screen and (max-width: 39.9975rem)` */
-	"smDown": string
-	/** `@media screen and (min-width: 48rem)` */
-	"md": string
-	/** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
-	"mdOnly": string
-	/** `@media screen and (max-width: 47.9975rem)` */
-	"mdDown": string
-	/** `@media screen and (min-width: 64rem)` */
-	"lg": string
-	/** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */
-	"lgOnly": string
-	/** `@media screen and (max-width: 63.9975rem)` */
-	"lgDown": string
-	/** `@media screen and (min-width: 80rem)` */
-	"xl": string
-	/** `@media screen and (min-width: 80rem) and (max-width: 95.9975rem)` */
-	"xlOnly": string
-	/** `@media screen and (max-width: 79.9975rem)` */
-	"xlDown": string
-	/** `@media screen and (min-width: 96rem)` */
-	"2xl": string
-	/** `@media screen and (min-width: 96rem)` */
-	"2xlOnly": string
-	/** `@media screen and (max-width: 95.9975rem)` */
-	"2xlDown": string
-	/** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */
-	"smToMd": string
-	/** `@media screen and (min-width: 40rem) and (max-width: 63.9975rem)` */
-	"smToLg": string
-	/** `@media screen and (min-width: 40rem) and (max-width: 79.9975rem)` */
-	"smToXl": string
-	/** `@media screen and (min-width: 40rem) and (max-width: 95.9975rem)` */
-	"smTo2xl": string
-	/** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
-	"mdToLg": string
-	/** `@media screen and (min-width: 48rem) and (max-width: 79.9975rem)` */
-	"mdToXl": string
-	/** `@media screen and (min-width: 48rem) and (max-width: 95.9975rem)` */
-	"mdTo2xl": string
-	/** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */
-	"lgToXl": string
-	/** `@media screen and (min-width: 64rem) and (max-width: 95.9975rem)` */
-	"lgTo2xl": string
-	/** `@media screen and (min-width: 80rem) and (max-width: 95.9975rem)` */
-	"xlTo2xl": string
-	/** `@container  (min-width: 20rem)` */
-	"@/xs": string
-	/** `@container  (min-width: 24rem)` */
-	"@/sm": string
-	/** `@container  (min-width: 28rem)` */
-	"@/md": string
-	/** `@container  (min-width: 32rem)` */
-	"@/lg": string
-	/** `@container  (min-width: 36rem)` */
-	"@/xl": string
-	/** `@container  (min-width: 42rem)` */
-	"@/2xl": string
-	/** `@container  (min-width: 48rem)` */
-	"@/3xl": string
-	/** `@container  (min-width: 56rem)` */
-	"@/4xl": string
-	/** `@container  (min-width: 64rem)` */
-	"@/5xl": string
-	/** `@container  (min-width: 72rem)` */
-	"@/6xl": string
-	/** `@container  (min-width: 80rem)` */
-	"@/7xl": string
-	/** `@container  (min-width: 90rem)` */
-	"@/8xl": string
 	/** The base (=no conditions) styles to apply  */
 	"base": string
 }

package/dist/styled-system/types/prop-type.d.ts

@@ -4,7 +4,6 @@ import type { CssProperties } from './system-types';
 import type { Tokens } from '../tokens/index';
 
 export interface UtilityValues {
-	aspectRatio: Tokens["aspectRatios"];
 	zIndex: Tokens["zIndex"];
 	top: Tokens["spacing"];
 	left: Tokens["spacing"];
@@ -17,9 +16,7 @@ export interface UtilityValues {
 	insetInlineStart: Tokens["spacing"];
 	right: Tokens["spacing"];
 	bottom: Tokens["spacing"];
-	float: "start" | "end" | CssProperties["float"];
-	hideFrom: Tokens["breakpoints"];
-	hideBelow: Tokens["breakpoints"];
+	float: "start" | "end";
 	flexBasis: Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "full";
 	flex: "1" | "auto" | "initial" | "none";
 	gridAutoColumns: "min" | "max" | "fr";
@@ -52,19 +49,15 @@ export interface UtilityValues {
 	marginInline: "auto" | Tokens["spacing"];
 	marginInlineEnd: "auto" | Tokens["spacing"];
 	marginInlineStart: "auto" | Tokens["spacing"];
-	spaceX: "auto" | Tokens["spacing"] | CssProperties["marginInlineStart"];
-	spaceY: "auto" | Tokens["spacing"] | CssProperties["marginBlockStart"];
+	spaceX: "auto" | Tokens["spacing"];
+	spaceY: "auto" | Tokens["spacing"];
 	outlineColor: Tokens["colors"];
-	outline: Tokens["borders"];
 	outlineOffset: Tokens["spacing"];
 	focusRing: "outer" | "inset";
 	focusVisibleRing: "outside" | "inside" | "mixed" | "none";
 	focusRingColor: Tokens["colors"];
 	focusRingOffset: Tokens["spacing"];
-	focusRingWidth: CssProperties["outlineWidth"];
-	focusRingStyle: CssProperties["outlineStyle"];
 	divideColor: Tokens["colors"];
-	divideStyle: CssProperties["borderStyle"];
 	width: "auto" | Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
 	inlineSize: "auto" | Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
 	minWidth: "auto" | Tokens["sizes"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "1/5" | "2/5" | "3/5" | "4/5" | "1/6" | "2/6" | "3/6" | "4/6" | "5/6" | "1/12" | "2/12" | "3/12" | "4/12" | "5/12" | "6/12" | "7/12" | "8/12" | "9/12" | "10/12" | "11/12" | "screen";
@@ -107,37 +100,26 @@ export interface UtilityValues {
 	borderTopRightRadius: Tokens["radii"];
 	borderBottomRightRadius: Tokens["radii"];
 	borderBottomLeftRadius: Tokens["radii"];
-	borderTopRadius: Tokens["radii"] | CssProperties["borderRadius"];
-	borderRightRadius: Tokens["radii"] | CssProperties["borderRadius"];
-	borderBottomRadius: Tokens["radii"] | CssProperties["borderRadius"];
-	borderLeftRadius: Tokens["radii"] | CssProperties["borderRadius"];
+	borderTopRadius: Tokens["radii"];
+	borderRightRadius: Tokens["radii"];
+	borderBottomRadius: Tokens["radii"];
+	borderLeftRadius: Tokens["radii"];
 	borderStartStartRadius: Tokens["radii"];
 	borderStartEndRadius: Tokens["radii"];
-	borderStartRadius: Tokens["radii"] | CssProperties["borderRadius"];
+	borderStartRadius: Tokens["radii"];
 	borderEndStartRadius: Tokens["radii"];
 	borderEndEndRadius: Tokens["radii"];
-	borderEndRadius: Tokens["radii"] | CssProperties["borderRadius"];
-	border: Tokens["borders"];
+	borderEndRadius: Tokens["radii"];
 	borderColor: Tokens["colors"];
-	borderInline: Tokens["borders"];
 	borderInlineColor: Tokens["colors"];
-	borderBlock: Tokens["borders"];
 	borderBlockColor: Tokens["colors"];
-	borderLeft: Tokens["borders"];
 	borderLeftColor: Tokens["colors"];
-	borderInlineStart: Tokens["borders"];
 	borderInlineStartColor: Tokens["colors"];
-	borderRight: Tokens["borders"];
 	borderRightColor: Tokens["colors"];
-	borderInlineEnd: Tokens["borders"];
 	borderInlineEndColor: Tokens["colors"];
-	borderTop: Tokens["borders"];
 	borderTopColor: Tokens["colors"];
-	borderBottom: Tokens["borders"];
 	borderBottomColor: Tokens["colors"];
-	borderBlockEnd: Tokens["borders"];
 	borderBlockEndColor: Tokens["colors"];
-	borderBlockStart: Tokens["borders"];
 	borderBlockStartColor: Tokens["colors"];
 	opacity: Tokens["opacity"];
 	boxShadow: Tokens["shadows"];
@@ -149,22 +131,16 @@ export interface UtilityValues {
 	borderSpacing: Tokens["spacing"] | "auto";
 	borderSpacingX: Tokens["spacing"];
 	borderSpacingY: Tokens["spacing"];
-	transitionTimingFunction: Tokens["easings"];
 	transitionDelay: Tokens["durations"];
 	transitionDuration: Tokens["durations"];
 	transitionProperty: "common" | "colors" | "size" | "position" | "background";
 	transition: "all" | "common" | "size" | "position" | "background" | "colors" | "opacity" | "shadow" | "transform";
-	animation: Tokens["animations"];
-	animationName: "ping" | "pulse" | "bounce" | "spin" | "livePulse" | "wizardEnterForward" | "wizardEnterBack" | "wizardResultIn";
-	animationTimingFunction: Tokens["easings"];
+	animationName: "spin" | "livePulse" | "wizardEnterForward" | "wizardEnterBack" | "wizardResultIn";
 	animationDuration: Tokens["durations"];
 	animationDelay: Tokens["durations"];
-	rotate: "auto" | "auto-3d" | CssProperties["rotate"];
-	rotateX: CssProperties["rotate"];
-	rotateY: CssProperties["rotate"];
-	rotateZ: CssProperties["rotate"];
-	scale: "auto" | CssProperties["scale"];
-	translate: "auto" | "auto-3d" | CssProperties["translate"];
+	rotate: "auto" | "auto-3d";
+	scale: "auto";
+	translate: "auto" | "auto-3d";
 	translateX: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
 	translateY: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
 	translateZ: Tokens["spacing"] | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "full" | "-1/2" | "-1/3" | "-2/3" | "-1/4" | "-2/4" | "-3/4" | "-full";
@@ -206,10 +182,9 @@ export interface UtilityValues {
 	stroke: Tokens["colors"];
 	srOnly: boolean;
 	debug: boolean;
-	containerName: CssProperties["containerName"];
 	ringRoom: boolean;
-	colorPalette: "current" | "black" | "white" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "bg.canvas" | "bg.panel" | "bg.card" | "bg.avatar" | "bg.backdrop" | "bg.popover" | "bg.modalShell" | "bg.modalSheet" | "bg.drawerShell" | "bg.drawerSheet" | "bg.infoSubtle" | "bg.successSubtle" | "bg.warningSubtle" | "bg.errorSubtle" | "fg.archived" | "border.subtle" | "border.focus" | "fg.primary" | "fg.muted" | "fg.secondary" | "fg.subtle" | "fg.quietGlyph" | "fg.label" | "border.control" | "border.canvas" | "border.divider" | "border.menuHover" | "bg.field" | "bg.formField" | "bg.openTrigger" | "bg.fieldDisabled" | "border.mark" | "border.error" | "bg.rowHover" | "bg.selected" | "bg.selectedHover" | "border.selected" | "bg.track" | "bg.knob" | "border.panel" | "border.card" | "border.glass" | "border.hairline" | "bg.surface" | "bg.control" | "bg.pill" | "bg.glass" | "bg.glassHover" | "bg.raised" | "bg.raisedHover" | "bg.check" | "bg.hover" | "bg.controlHover" | "bg.pressed" | "bg.fill" | "bg.primary" | "bg.primaryHover" | "bg.tinted" | "bg.danger" | "bg.warningTint" | "bg.successTint" | "bg.errorTint" | "accent.brand" | "accent.green" | "accent.greenDark" | "accent.red" | "accent.redDark" | "accent.yellow" | "accent.yellowIcon" | "accent.blue" | "accent.bronze" | "border.bronze" | "chart.bar" | "chart.trend" | "chart.category1" | "chart.category2" | "chart.category3" | "chart.category4" | "chart.barTrack" | "chart.progressTrack" | "chart.atRiskTrack" | "chart.neutral" | "chart.notStarted" | "fg.onAccent";
-	textStyle: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "body";
+	colorPalette: "transparent" | "currentColor" | "bg.canvas" | "bg.panel" | "bg.card" | "bg.avatar" | "bg.backdrop" | "bg.popover" | "bg.modalShell" | "bg.modalSheet" | "bg.drawerShell" | "bg.drawerSheet" | "bg.infoSubtle" | "bg.successSubtle" | "bg.warningSubtle" | "bg.errorSubtle" | "fg.archived" | "border.subtle" | "border.focus" | "fg.primary" | "fg.muted" | "fg.secondary" | "fg.subtle" | "fg.label" | "border.control" | "border.canvas" | "border.divider" | "border.popover" | "border.menuHover" | "bg.field" | "bg.formField" | "bg.openTrigger" | "bg.fieldDisabled" | "border.mark" | "border.error" | "bg.rowHover" | "bg.selected" | "bg.selectedHover" | "border.selected" | "bg.track" | "bg.knob" | "border.panel" | "border.card" | "border.glass" | "border.hairline" | "bg.surface" | "bg.control" | "bg.pill" | "bg.glass" | "bg.raised" | "bg.raisedHover" | "bg.check" | "bg.hover" | "bg.controlHover" | "bg.fill" | "bg.primary" | "bg.primaryHover" | "bg.warningTint" | "bg.successTint" | "bg.errorTint" | "accent.brand" | "accent.green" | "accent.red" | "accent.redDark" | "accent.yellow" | "accent.yellowIcon" | "accent.blue" | "accent.bronze" | "border.bronze" | "chart.bar" | "chart.trend" | "chart.category1" | "chart.category2" | "chart.category3" | "chart.category4" | "chart.barTrack" | "chart.progressTrack" | "chart.atRiskTrack" | "chart.neutral" | "chart.notStarted" | "fg.onAccent";
+	textStyle: "body";
 }