export const ThemeProvider: import("react").ComponentType<import("@wp-g2/create-styles/types").WrappedThemeProviderProps>;
export const compiler: import("@wp-g2/create-styles/types").Compiler;
export const core: import("@wp-g2/create-styles/types").CoreElements;
export const createCoreElement: (tagName: import("react").ComponentType<{}>) => import("@wp-g2/create-styles/types").PolymorphicComponent<"symbol" | "object" | "meter" | "textarea" | "button" | "style" | "progress" | "text" | "ruby" | "table" | "small" | "sub" | "circle" | "embed" | "pre" | "caption" | "menu" | "menuitem" | "clipPath" | "filter" | "mask" | "marker" | "big" | "link" | "sup" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "canvas" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "map" | "mark" | "meta" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "q" | "rp" | "rt" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "template" | "tbody" | "td" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view", {}>;
export const createToken: (tokenName: string) => string;
export const get: (value: "black" | "grey" | "white" | "fontFamily" | "fontSize" | "fontWeight" | "transitionDuration" | "transitionTimingFunction" | "blueRgba10" | "blue900" | "darkGrayRgba10" | "darkGray900" | "greenRgba10" | "green900" | "lightGray900" | "orangeRgba10" | "orange900" | "purpleRgba10" | "purple900" | "redRgba10" | "red900" | "yellowRgba10" | "yellow900" | "greens" | "colorAdmin" | "colorDestructive" | "cardPaddingX" | "cardPaddingY" | "controlBorderColor" | "controlBoxShadowFocusSize" | "controlPseudoBoxShadowFocusWidth" | "surfaceBackgroundColor" | "controlPseudoBoxShadowFocusRingSize" | "controlPseudoBoxShadowFocusRingSizeSmall" | "controlDestructiveBorderColor" | "controlHeight" | "controlPaddingX" | "flexGap" | "surfaceColor" | "buttonPaddingXRatio" | "buttonTextColor" | "buttonPrimaryColor" | "colorText" | "controlPrimaryTextColor" | "buttonSecondaryColor" | "buttonTertiaryColor" | "buttonControlActiveStateColor" | "buttonPrimaryTextColor" | "buttonControlActiveStateTextColor" | "menuItemFocusBorderColor" | "controlBorderSubtleColor" | "controlBackgroundColor" | "menuItemHeight" | "checkboxBoxShadow" | "checkboxSize" | "controlSurfaceColor" | "colorAdminRgba20" | "colorTextInverted" | "blueRgba20" | "blue300" | "darkGrayRgba20" | "greenRgba20" | "green300" | "orangeRgba20" | "orange300" | "purpleRgba20" | "purple300" | "redRgba20" | "red300" | "yellowRgba20" | "yellow300" | "controlPrimaryTextColorActive" | "colorBodyBackground" | "colorAdminRgba10" | "colorAdminRgba30" | "colorAdminRgba40" | "colorAdminRgba50" | "colorAdminRgba60" | "colorAdminRgba70" | "colorAdminRgba80" | "colorAdminRgba90" | "colorDestructiveRgba10" | "colorDestructiveRgba20" | "colorDestructiveRgba30" | "colorDestructiveRgba40" | "colorDestructiveRgba50" | "colorDestructiveRgba60" | "colorDestructiveRgba70" | "colorDestructiveRgba80" | "colorDestructiveRgba90" | "gray100Text" | "gray300Text" | "gray500Text" | "gray700Text" | "gray900Text" | "darkGray100Text" | "darkGray300Text" | "darkGray500Text" | "darkGray700Text" | "darkGray900Text" | "red100Text" | "red300Text" | "red500Text" | "red700Text" | "red900Text" | "orange100Text" | "orange300Text" | "orange500Text" | "orange700Text" | "orange900Text" | "yellow100Text" | "yellow300Text" | "yellow500Text" | "yellow700Text" | "yellow900Text" | "green100Text" | "green300Text" | "green500Text" | "green700Text" | "green900Text" | "purple100Text" | "purple300Text" | "purple500Text" | "purple700Text" | "purple900Text" | "grayRgba10" | "grayRgba20" | "grayRgba30" | "grayRgba40" | "grayRgba50" | "grayRgba60" | "grayRgba70" | "grayRgba80" | "grayRgba90" | "darkGrayRgba30" | "darkGrayRgba40" | "darkGrayRgba50" | "darkGrayRgba60" | "darkGrayRgba70" | "darkGrayRgba80" | "darkGrayRgba90" | "redRgba30" | "redRgba40" | "redRgba50" | "redRgba60" | "redRgba70" | "redRgba80" | "redRgba90" | "orangeRgba30" | "orangeRgba40" | "orangeRgba50" | "orangeRgba60" | "orangeRgba70" | "orangeRgba80" | "orangeRgba90" | "yellowRgba30" | "yellowRgba40" | "yellowRgba50" | "yellowRgba60" | "yellowRgba70" | "yellowRgba80" | "yellowRgba90" | "greenRgba30" | "greenRgba40" | "greenRgba50" | "greenRgba60" | "greenRgba70" | "greenRgba80" | "greenRgba90" | "purpleRgba30" | "purpleRgba40" | "purpleRgba50" | "purpleRgba60" | "purpleRgba70" | "purpleRgba80" | "purpleRgba90" | "blueRgba30" | "blueRgba40" | "blueRgba50" | "blueRgba60" | "blueRgba70" | "blueRgba80" | "blueRgba90" | "flexItemDisplay" | "surfaceBackgroundSize" | "surfaceBackgroundSizeDotted" | "switchBackdropBackgroundColor" | "switchBackdropBackgroundColorActive" | "switchBackdropBorderColor" | "switchBackdropBorderColorActive" | "switchBackdropBorderColorFocus" | "switchToggleBackgroundColor" | "switchToggleBackgroundColorActive" | "switchToggleBoxShadow" | "switchPaddingOffset" | "sliderThumbBorderColor" | "sliderThumbBoxShadow" | "sliderThumbBoxShadowSizeFocus" | "sliderThumbBoxShadowColorFocus" | "sliderThumbBackgroundColor" | "segmentedControlFontSize" | "segmentedControlBackgroundColor" | "segmentedControlBorderColor" | "segmentedControlBackdropBackgroundColor" | "segmentedControlBackdropBorderColor" | "segmentedControlBackdropBoxShadow" | "segmentedControlButtonColorActive" | "radioBoxShadow" | "radioSize" | "radioDotSize" | "panelHeaderPadding" | "panelBodyPadding" | "menuItemBorderWidth" | "menuItemFocusBackgroundColor" | "menuItemFocusTextColor" | "menuItemFocusBoxShadow" | "menuItemActiveBackgroundColor" | "menuItemActiveBorderColor" | "menuItemActiveTextColor" | "menuItemActiveBoxShadow" | "menuItemHeightLarge" | "menuItemHeightSmall" | "menuItemHeightXLarge" | "menuItemHeightXSmall" | "menuItemHeightXXSmall" | "linkColor" | "linkColorHover" | "linkColorActive" | "linkColorFocus" | "gridBase" | "buttonPaddingX" | "buttonTextColorActive" | "buttonPrimaryColorHover" | "buttonPrimaryColorActive" | "buttonPrimaryColorFocus" | "buttonPrimaryBorderColor" | "buttonPrimaryBorderColorHover" | "buttonPrimaryBorderColorFocus" | "buttonPrimaryBorderColorActive" | "buttonPrimaryTextColorHover" | "buttonPrimaryTextColorActive" | "buttonPrimaryTextColorFocus" | "buttonSecondaryColorHover" | "buttonSecondaryColorActive" | "buttonSecondaryColorFocus" | "buttonSecondaryBorderColor" | "buttonSecondaryTextColor" | "buttonSecondaryTextColorFocus" | "buttonSecondaryTextColorActive" | "buttonSecondaryBorderColorHover" | "buttonSecondaryBorderColorActive" | "buttonSecondaryBorderColorFocus" | "buttonTertiaryColorHover" | "buttonTertiaryColorActive" | "buttonTertiaryColorFocus" | "buttonTertiaryBorderColor" | "buttonTertiaryTextColor" | "buttonTertiaryTextColorFocus" | "buttonTertiaryTextColorActive" | "buttonTertiaryBorderColorHover" | "buttonTertiaryBorderColorActive" | "buttonTertiaryBorderColorFocus" | "buttonControlActiveStateColorHover" | "buttonControlActiveStateColorActive" | "buttonControlActiveStateColorFocus" | "buttonControlActiveStateBorderColorFocus" | "buttonControlActiveStateBoxShadowFocus" | "transitionDurationFast" | "transitionDurationFaster" | "transitionDurationFastest" | "transitionTimingFunctionControl" | "surfaceBackgroundSubtleColor" | "surfaceBackgroundTintColor" | "surfaceBorderColor" | "surfaceBorderBoldColor" | "surfaceBorderSubtleColor" | "surfaceBackgroundTertiaryColor" | "fontFamilyMono" | "fontSizeH1" | "fontSizeH2" | "fontSizeH3" | "fontSizeH4" | "fontSizeH5" | "fontSizeH6" | "fontSizeInputMobile" | "fontSizeMobile" | "fontSizeSmall" | "fontSizeXSmall" | "fontLineHeightBase" | "fontWeightHeading" | "flexItemMarginRight" | "elevationIntensity" | "controlBackgroundColorHover" | "controlBackgroundColorActive" | "controlBackgroundDimColor" | "controlBackgroundBrightColor" | "controlBorderColorHover" | "controlBorderColorSubtle" | "controlBorderRadius" | "controlBoxShadow" | "controlBoxShadowFocus" | "controlPseudoBoxShadowFocus" | "controlPseudoBoxShadowFocusSmall" | "controlDestructivePseudoBoxShadowFocus" | "controlDestructivePseudoBoxShadowFocusSmall" | "controlDestructiveBorderColorFocus" | "controlDestructiveBoxShadowFocus" | "controlHeightLarge" | "controlHeightSmall" | "controlHeightXLarge" | "controlHeightXSmall" | "controlHeightXXSmall" | "controlPaddingXLarge" | "controlPaddingXSmall" | "controlSurfaceBoxShadow" | "controlTextActiveColor" | "controlInnerControltextColor" | "cardBorderRadius" | "cardPadding" | "cardHeaderFooterPaddingY" | "cardHeaderHeight" | "colorDivider" | "colorPositive" | "colorScrollbarThumb" | "colorScrollbarThumbHover" | "colorScrollbarTrack" | "colorTextHeading" | "colorTextMuted" | "colorBackgroundBlue" | "colorBackgroundBlueText" | "colorBackgroundDarkGray" | "colorBackgroundDarkGrayText" | "colorBackgroundGreen" | "colorBackgroundGreenText" | "colorBackgroundLightGray" | "colorBackgroundLightGrayText" | "colorBackgroundOrange" | "colorBackgroundOrangeText" | "colorBackgroundPurple" | "colorBackgroundPurpleText" | "colorBackgroundRed" | "colorBackgroundRedText" | "colorBackgroundYellow" | "colorBackgroundYellowText" | "blue100" | "blue500" | "blue700" | "purple100" | "purple500" | "purple700" | "green100" | "green500" | "green700" | "yellow100" | "yellow500" | "yellow700" | "orange100" | "orange500" | "orange700" | "red100" | "red500" | "red700" | "lightGray100" | "lightGray300" | "lightGray500" | "lightGray700" | "darkGray100" | "darkGray300" | "darkGray500" | "darkGray700" | "blueberry" | "blueberryDark" | "greyBlack" | "lightBlue" | "lightGrey" | "lighterGrey" | "pomegrade" | "wordpressBlue") => string;
export const styled: import("@wp-g2/create-styles/types").CreateStyled;
export type GeneratedDesignTokens = "blueRgba10" | "darkGrayRgba10" | "greenRgba10" | "orangeRgba10" | "purpleRgba10" | "redRgba10" | "yellowRgba10" | "colorAdmin" | "colorDestructive" | "flexGap" | "colorAdminRgba20" | "blueRgba20" | "darkGrayRgba20" | "greenRgba20" | "orangeRgba20" | "purpleRgba20" | "redRgba20" | "yellowRgba20" | "colorAdminRgba10" | "colorAdminRgba30" | "colorAdminRgba40" | "colorAdminRgba50" | "colorAdminRgba60" | "colorAdminRgba70" | "colorAdminRgba80" | "colorAdminRgba90" | "colorDestructiveRgba10" | "colorDestructiveRgba20" | "colorDestructiveRgba30" | "colorDestructiveRgba40" | "colorDestructiveRgba50" | "colorDestructiveRgba60" | "colorDestructiveRgba70" | "colorDestructiveRgba80" | "colorDestructiveRgba90" | "gray100Text" | "gray300Text" | "gray500Text" | "gray700Text" | "gray900Text" | "darkGray100Text" | "darkGray300Text" | "darkGray500Text" | "darkGray700Text" | "darkGray900Text" | "red100Text" | "red300Text" | "red500Text" | "red700Text" | "red900Text" | "orange100Text" | "orange300Text" | "orange500Text" | "orange700Text" | "orange900Text" | "yellow100Text" | "yellow300Text" | "yellow500Text" | "yellow700Text" | "yellow900Text" | "green100Text" | "green300Text" | "green500Text" | "green700Text" | "green900Text" | "purple100Text" | "purple300Text" | "purple500Text" | "purple700Text" | "purple900Text" | "grayRgba10" | "grayRgba20" | "grayRgba30" | "grayRgba40" | "grayRgba50" | "grayRgba60" | "grayRgba70" | "grayRgba80" | "grayRgba90" | "darkGrayRgba30" | "darkGrayRgba40" | "darkGrayRgba50" | "darkGrayRgba60" | "darkGrayRgba70" | "darkGrayRgba80" | "darkGrayRgba90" | "redRgba30" | "redRgba40" | "redRgba50" | "redRgba60" | "redRgba70" | "redRgba80" | "redRgba90" | "orangeRgba30" | "orangeRgba40" | "orangeRgba50" | "orangeRgba60" | "orangeRgba70" | "orangeRgba80" | "orangeRgba90" | "yellowRgba30" | "yellowRgba40" | "yellowRgba50" | "yellowRgba60" | "yellowRgba70" | "yellowRgba80" | "yellowRgba90" | "greenRgba30" | "greenRgba40" | "greenRgba50" | "greenRgba60" | "greenRgba70" | "greenRgba80" | "greenRgba90" | "purpleRgba30" | "purpleRgba40" | "purpleRgba50" | "purpleRgba60" | "purpleRgba70" | "purpleRgba80" | "purpleRgba90" | "blueRgba30" | "blueRgba40" | "blueRgba50" | "blueRgba60" | "blueRgba70" | "blueRgba80" | "blueRgba90" | "flexItemDisplay" | "surfaceBackgroundSize" | "surfaceBackgroundSizeDotted";
//# sourceMappingURL=system.d.ts.map