@vef-framework/components 2.0.11 → 2.1.0

package/dist/types/src/_base/constants/css-vars.d.ts

@@ -0,0 +1,673 @@
+export declare const globalCssVars: Readonly<{
+    readonly blue: "var(--vef-blue)";
+    readonly purple: "var(--vef-purple)";
+    readonly cyan: "var(--vef-cyan)";
+    readonly green: "var(--vef-green)";
+    readonly magenta: "var(--vef-magenta)";
+    readonly pink: "var(--vef-pink)";
+    readonly red: "var(--vef-red)";
+    readonly orange: "var(--vef-orange)";
+    readonly yellow: "var(--vef-yellow)";
+    readonly volcano: "var(--vef-volcano)";
+    readonly geekblue: "var(--vef-geekblue)";
+    readonly gold: "var(--vef-gold)";
+    readonly lime: "var(--vef-lime)";
+    readonly colorPrimary: "var(--vef-color-primary)";
+    readonly colorSuccess: "var(--vef-color-success)";
+    readonly colorWarning: "var(--vef-color-warning)";
+    readonly colorError: "var(--vef-color-error)";
+    readonly colorInfo: "var(--vef-color-info)";
+    readonly colorLink: "var(--vef-color-link)";
+    readonly colorTextBase: "var(--vef-color-text-base)";
+    readonly colorBgBase: "var(--vef-color-bg-base)";
+    readonly fontFamily: "var(--vef-font-family)";
+    readonly fontFamilyCode: "var(--vef-font-family-code)";
+    readonly fontSize: "var(--vef-font-size)";
+    readonly lineWidth: "var(--vef-line-width)";
+    readonly lineType: "var(--vef-line-type)";
+    readonly motionEaseOutCirc: "var(--vef-motion-ease-out-circ)";
+    readonly motionEaseInOutCirc: "var(--vef-motion-ease-in-out-circ)";
+    readonly motionEaseOut: "var(--vef-motion-ease-out)";
+    readonly motionEaseInOut: "var(--vef-motion-ease-in-out)";
+    readonly motionEaseOutBack: "var(--vef-motion-ease-out-back)";
+    readonly motionEaseInBack: "var(--vef-motion-ease-in-back)";
+    readonly motionEaseInQuint: "var(--vef-motion-ease-in-quint)";
+    readonly motionEaseOutQuint: "var(--vef-motion-ease-out-quint)";
+    readonly borderRadius: "var(--vef-border-radius)";
+    readonly sizeUnit: "var(--vef-size-unit)";
+    readonly sizeStep: "var(--vef-size-step)";
+    readonly sizePopupArrow: "var(--vef-size-popup-arrow)";
+    readonly controlHeight: "var(--vef-control-height)";
+    readonly zIndexBase: "var(--vef-z-index-base)";
+    readonly zIndexPopupBase: "var(--vef-z-index-popup-base)";
+    readonly opacityImage: "var(--vef-opacity-image)";
+    readonly blue1: "var(--vef-blue-1)";
+    readonly blue2: "var(--vef-blue-2)";
+    readonly blue3: "var(--vef-blue-3)";
+    readonly blue4: "var(--vef-blue-4)";
+    readonly blue5: "var(--vef-blue-5)";
+    readonly blue6: "var(--vef-blue-6)";
+    readonly blue7: "var(--vef-blue-7)";
+    readonly blue8: "var(--vef-blue-8)";
+    readonly blue9: "var(--vef-blue-9)";
+    readonly blue10: "var(--vef-blue-10)";
+    readonly purple1: "var(--vef-purple-1)";
+    readonly purple2: "var(--vef-purple-2)";
+    readonly purple3: "var(--vef-purple-3)";
+    readonly purple4: "var(--vef-purple-4)";
+    readonly purple5: "var(--vef-purple-5)";
+    readonly purple6: "var(--vef-purple-6)";
+    readonly purple7: "var(--vef-purple-7)";
+    readonly purple8: "var(--vef-purple-8)";
+    readonly purple9: "var(--vef-purple-9)";
+    readonly purple10: "var(--vef-purple-10)";
+    readonly cyan1: "var(--vef-cyan-1)";
+    readonly cyan2: "var(--vef-cyan-2)";
+    readonly cyan3: "var(--vef-cyan-3)";
+    readonly cyan4: "var(--vef-cyan-4)";
+    readonly cyan5: "var(--vef-cyan-5)";
+    readonly cyan6: "var(--vef-cyan-6)";
+    readonly cyan7: "var(--vef-cyan-7)";
+    readonly cyan8: "var(--vef-cyan-8)";
+    readonly cyan9: "var(--vef-cyan-9)";
+    readonly cyan10: "var(--vef-cyan-10)";
+    readonly green1: "var(--vef-green-1)";
+    readonly green2: "var(--vef-green-2)";
+    readonly green3: "var(--vef-green-3)";
+    readonly green4: "var(--vef-green-4)";
+    readonly green5: "var(--vef-green-5)";
+    readonly green6: "var(--vef-green-6)";
+    readonly green7: "var(--vef-green-7)";
+    readonly green8: "var(--vef-green-8)";
+    readonly green9: "var(--vef-green-9)";
+    readonly green10: "var(--vef-green-10)";
+    readonly magenta1: "var(--vef-magenta-1)";
+    readonly magenta2: "var(--vef-magenta-2)";
+    readonly magenta3: "var(--vef-magenta-3)";
+    readonly magenta4: "var(--vef-magenta-4)";
+    readonly magenta5: "var(--vef-magenta-5)";
+    readonly magenta6: "var(--vef-magenta-6)";
+    readonly magenta7: "var(--vef-magenta-7)";
+    readonly magenta8: "var(--vef-magenta-8)";
+    readonly magenta9: "var(--vef-magenta-9)";
+    readonly magenta10: "var(--vef-magenta-10)";
+    readonly pink1: "var(--vef-pink-1)";
+    readonly pink2: "var(--vef-pink-2)";
+    readonly pink3: "var(--vef-pink-3)";
+    readonly pink4: "var(--vef-pink-4)";
+    readonly pink5: "var(--vef-pink-5)";
+    readonly pink6: "var(--vef-pink-6)";
+    readonly pink7: "var(--vef-pink-7)";
+    readonly pink8: "var(--vef-pink-8)";
+    readonly pink9: "var(--vef-pink-9)";
+    readonly pink10: "var(--vef-pink-10)";
+    readonly red1: "var(--vef-red-1)";
+    readonly red2: "var(--vef-red-2)";
+    readonly red3: "var(--vef-red-3)";
+    readonly red4: "var(--vef-red-4)";
+    readonly red5: "var(--vef-red-5)";
+    readonly red6: "var(--vef-red-6)";
+    readonly red7: "var(--vef-red-7)";
+    readonly red8: "var(--vef-red-8)";
+    readonly red9: "var(--vef-red-9)";
+    readonly red10: "var(--vef-red-10)";
+    readonly orange1: "var(--vef-orange-1)";
+    readonly orange2: "var(--vef-orange-2)";
+    readonly orange3: "var(--vef-orange-3)";
+    readonly orange4: "var(--vef-orange-4)";
+    readonly orange5: "var(--vef-orange-5)";
+    readonly orange6: "var(--vef-orange-6)";
+    readonly orange7: "var(--vef-orange-7)";
+    readonly orange8: "var(--vef-orange-8)";
+    readonly orange9: "var(--vef-orange-9)";
+    readonly orange10: "var(--vef-orange-10)";
+    readonly yellow1: "var(--vef-yellow-1)";
+    readonly yellow2: "var(--vef-yellow-2)";
+    readonly yellow3: "var(--vef-yellow-3)";
+    readonly yellow4: "var(--vef-yellow-4)";
+    readonly yellow5: "var(--vef-yellow-5)";
+    readonly yellow6: "var(--vef-yellow-6)";
+    readonly yellow7: "var(--vef-yellow-7)";
+    readonly yellow8: "var(--vef-yellow-8)";
+    readonly yellow9: "var(--vef-yellow-9)";
+    readonly yellow10: "var(--vef-yellow-10)";
+    readonly volcano1: "var(--vef-volcano-1)";
+    readonly volcano2: "var(--vef-volcano-2)";
+    readonly volcano3: "var(--vef-volcano-3)";
+    readonly volcano4: "var(--vef-volcano-4)";
+    readonly volcano5: "var(--vef-volcano-5)";
+    readonly volcano6: "var(--vef-volcano-6)";
+    readonly volcano7: "var(--vef-volcano-7)";
+    readonly volcano8: "var(--vef-volcano-8)";
+    readonly volcano9: "var(--vef-volcano-9)";
+    readonly volcano10: "var(--vef-volcano-10)";
+    readonly geekblue1: "var(--vef-geekblue-1)";
+    readonly geekblue2: "var(--vef-geekblue-2)";
+    readonly geekblue3: "var(--vef-geekblue-3)";
+    readonly geekblue4: "var(--vef-geekblue-4)";
+    readonly geekblue5: "var(--vef-geekblue-5)";
+    readonly geekblue6: "var(--vef-geekblue-6)";
+    readonly geekblue7: "var(--vef-geekblue-7)";
+    readonly geekblue8: "var(--vef-geekblue-8)";
+    readonly geekblue9: "var(--vef-geekblue-9)";
+    readonly geekblue10: "var(--vef-geekblue-10)";
+    readonly gold1: "var(--vef-gold-1)";
+    readonly gold2: "var(--vef-gold-2)";
+    readonly gold3: "var(--vef-gold-3)";
+    readonly gold4: "var(--vef-gold-4)";
+    readonly gold5: "var(--vef-gold-5)";
+    readonly gold6: "var(--vef-gold-6)";
+    readonly gold7: "var(--vef-gold-7)";
+    readonly gold8: "var(--vef-gold-8)";
+    readonly gold9: "var(--vef-gold-9)";
+    readonly gold10: "var(--vef-gold-10)";
+    readonly lime1: "var(--vef-lime-1)";
+    readonly lime2: "var(--vef-lime-2)";
+    readonly lime3: "var(--vef-lime-3)";
+    readonly lime4: "var(--vef-lime-4)";
+    readonly lime5: "var(--vef-lime-5)";
+    readonly lime6: "var(--vef-lime-6)";
+    readonly lime7: "var(--vef-lime-7)";
+    readonly lime8: "var(--vef-lime-8)";
+    readonly lime9: "var(--vef-lime-9)";
+    readonly lime10: "var(--vef-lime-10)";
+    readonly colorText: "var(--vef-color-text)";
+    readonly colorTextSecondary: "var(--vef-color-text-secondary)";
+    readonly colorTextTertiary: "var(--vef-color-text-tertiary)";
+    readonly colorTextQuaternary: "var(--vef-color-text-quaternary)";
+    readonly colorFill: "var(--vef-color-fill)";
+    readonly colorFillSecondary: "var(--vef-color-fill-secondary)";
+    readonly colorFillTertiary: "var(--vef-color-fill-tertiary)";
+    readonly colorFillQuaternary: "var(--vef-color-fill-quaternary)";
+    readonly colorBgSolid: "var(--vef-color-bg-solid)";
+    readonly colorBgSolidHover: "var(--vef-color-bg-solid-hover)";
+    readonly colorBgSolidActive: "var(--vef-color-bg-solid-active)";
+    readonly colorBgLayout: "var(--vef-color-bg-layout)";
+    readonly colorBgContainer: "var(--vef-color-bg-container)";
+    readonly colorBgElevated: "var(--vef-color-bg-elevated)";
+    readonly colorBgSpotlight: "var(--vef-color-bg-spotlight)";
+    readonly colorBgBlur: "var(--vef-color-bg-blur)";
+    readonly colorBorder: "var(--vef-color-border)";
+    readonly colorBorderSecondary: "var(--vef-color-border-secondary)";
+    readonly colorPrimaryBg: "var(--vef-color-primary-bg)";
+    readonly colorPrimaryBgHover: "var(--vef-color-primary-bg-hover)";
+    readonly colorPrimaryBorder: "var(--vef-color-primary-border)";
+    readonly colorPrimaryBorderHover: "var(--vef-color-primary-border-hover)";
+    readonly colorPrimaryHover: "var(--vef-color-primary-hover)";
+    readonly colorPrimaryActive: "var(--vef-color-primary-active)";
+    readonly colorPrimaryTextHover: "var(--vef-color-primary-text-hover)";
+    readonly colorPrimaryText: "var(--vef-color-primary-text)";
+    readonly colorPrimaryTextActive: "var(--vef-color-primary-text-active)";
+    readonly colorSuccessBg: "var(--vef-color-success-bg)";
+    readonly colorSuccessBgHover: "var(--vef-color-success-bg-hover)";
+    readonly colorSuccessBorder: "var(--vef-color-success-border)";
+    readonly colorSuccessBorderHover: "var(--vef-color-success-border-hover)";
+    readonly colorSuccessHover: "var(--vef-color-success-hover)";
+    readonly colorSuccessActive: "var(--vef-color-success-active)";
+    readonly colorSuccessTextHover: "var(--vef-color-success-text-hover)";
+    readonly colorSuccessText: "var(--vef-color-success-text)";
+    readonly colorSuccessTextActive: "var(--vef-color-success-text-active)";
+    readonly colorErrorBg: "var(--vef-color-error-bg)";
+    readonly colorErrorBgHover: "var(--vef-color-error-bg-hover)";
+    readonly colorErrorBgFilledHover: "var(--vef-color-error-bg-filled-hover)";
+    readonly colorErrorBgActive: "var(--vef-color-error-bg-active)";
+    readonly colorErrorBorder: "var(--vef-color-error-border)";
+    readonly colorErrorBorderHover: "var(--vef-color-error-border-hover)";
+    readonly colorErrorHover: "var(--vef-color-error-hover)";
+    readonly colorErrorActive: "var(--vef-color-error-active)";
+    readonly colorErrorTextHover: "var(--vef-color-error-text-hover)";
+    readonly colorErrorText: "var(--vef-color-error-text)";
+    readonly colorErrorTextActive: "var(--vef-color-error-text-active)";
+    readonly colorWarningBg: "var(--vef-color-warning-bg)";
+    readonly colorWarningBgHover: "var(--vef-color-warning-bg-hover)";
+    readonly colorWarningBorder: "var(--vef-color-warning-border)";
+    readonly colorWarningBorderHover: "var(--vef-color-warning-border-hover)";
+    readonly colorWarningHover: "var(--vef-color-warning-hover)";
+    readonly colorWarningActive: "var(--vef-color-warning-active)";
+    readonly colorWarningTextHover: "var(--vef-color-warning-text-hover)";
+    readonly colorWarningText: "var(--vef-color-warning-text)";
+    readonly colorWarningTextActive: "var(--vef-color-warning-text-active)";
+    readonly colorInfoBg: "var(--vef-color-info-bg)";
+    readonly colorInfoBgHover: "var(--vef-color-info-bg-hover)";
+    readonly colorInfoBorder: "var(--vef-color-info-border)";
+    readonly colorInfoBorderHover: "var(--vef-color-info-border-hover)";
+    readonly colorInfoHover: "var(--vef-color-info-hover)";
+    readonly colorInfoActive: "var(--vef-color-info-active)";
+    readonly colorInfoTextHover: "var(--vef-color-info-text-hover)";
+    readonly colorInfoText: "var(--vef-color-info-text)";
+    readonly colorInfoTextActive: "var(--vef-color-info-text-active)";
+    readonly colorLinkHover: "var(--vef-color-link-hover)";
+    readonly colorLinkActive: "var(--vef-color-link-active)";
+    readonly colorBgMask: "var(--vef-color-bg-mask)";
+    readonly colorWhite: "var(--vef-color-white)";
+    readonly fontSizeSm: "var(--vef-font-size-sm)";
+    readonly fontSizeLg: "var(--vef-font-size-lg)";
+    readonly fontSizeXl: "var(--vef-font-size-xl)";
+    readonly fontSizeHeading1: "var(--vef-font-size-heading-1)";
+    readonly fontSizeHeading2: "var(--vef-font-size-heading-2)";
+    readonly fontSizeHeading3: "var(--vef-font-size-heading-3)";
+    readonly fontSizeHeading4: "var(--vef-font-size-heading-4)";
+    readonly fontSizeHeading5: "var(--vef-font-size-heading-5)";
+    readonly lineHeight: "var(--vef-line-height)";
+    readonly lineHeightLg: "var(--vef-line-height-lg)";
+    readonly lineHeightSm: "var(--vef-line-height-sm)";
+    readonly fontHeight: "var(--vef-font-height)";
+    readonly fontHeightLg: "var(--vef-font-height-lg)";
+    readonly fontHeightSm: "var(--vef-font-height-sm)";
+    readonly lineHeightHeading1: "var(--vef-line-height-heading-1)";
+    readonly lineHeightHeading2: "var(--vef-line-height-heading-2)";
+    readonly lineHeightHeading3: "var(--vef-line-height-heading-3)";
+    readonly lineHeightHeading4: "var(--vef-line-height-heading-4)";
+    readonly lineHeightHeading5: "var(--vef-line-height-heading-5)";
+    readonly sizeXxl: "var(--vef-size-xxl)";
+    readonly sizeXl: "var(--vef-size-xl)";
+    readonly sizeLg: "var(--vef-size-lg)";
+    readonly sizeMd: "var(--vef-size-md)";
+    readonly sizeMs: "var(--vef-size-ms)";
+    readonly size: "var(--vef-size)";
+    readonly sizeSm: "var(--vef-size-sm)";
+    readonly sizeXs: "var(--vef-size-xs)";
+    readonly sizeXxs: "var(--vef-size-xxs)";
+    readonly controlHeightSm: "var(--vef-control-height-sm)";
+    readonly controlHeightXs: "var(--vef-control-height-xs)";
+    readonly controlHeightLg: "var(--vef-control-height-lg)";
+    readonly motionDurationFast: "var(--vef-motion-duration-fast)";
+    readonly motionDurationMid: "var(--vef-motion-duration-mid)";
+    readonly motionDurationSlow: "var(--vef-motion-duration-slow)";
+    readonly lineWidthBold: "var(--vef-line-width-bold)";
+    readonly borderRadiusXs: "var(--vef-border-radius-xs)";
+    readonly borderRadiusSm: "var(--vef-border-radius-sm)";
+    readonly borderRadiusLg: "var(--vef-border-radius-lg)";
+    readonly borderRadiusOuter: "var(--vef-border-radius-outer)";
+    readonly colorFillContent: "var(--vef-color-fill-content)";
+    readonly colorFillContentHover: "var(--vef-color-fill-content-hover)";
+    readonly colorFillAlter: "var(--vef-color-fill-alter)";
+    readonly colorBgContainerDisabled: "var(--vef-color-bg-container-disabled)";
+    readonly colorBorderBg: "var(--vef-color-border-bg)";
+    readonly colorSplit: "var(--vef-color-split)";
+    readonly colorTextPlaceholder: "var(--vef-color-text-placeholder)";
+    readonly colorTextDisabled: "var(--vef-color-text-disabled)";
+    readonly colorTextHeading: "var(--vef-color-text-heading)";
+    readonly colorTextLabel: "var(--vef-color-text-label)";
+    readonly colorTextDescription: "var(--vef-color-text-description)";
+    readonly colorTextLightSolid: "var(--vef-color-text-light-solid)";
+    readonly colorHighlight: "var(--vef-color-highlight)";
+    readonly colorBgTextHover: "var(--vef-color-bg-text-hover)";
+    readonly colorBgTextActive: "var(--vef-color-bg-text-active)";
+    readonly colorIcon: "var(--vef-color-icon)";
+    readonly colorIconHover: "var(--vef-color-icon-hover)";
+    readonly colorErrorOutline: "var(--vef-color-error-outline)";
+    readonly colorWarningOutline: "var(--vef-color-warning-outline)";
+    readonly fontSizeIcon: "var(--vef-font-size-icon)";
+    readonly lineWidthFocus: "var(--vef-line-width-focus)";
+    readonly controlOutlineWidth: "var(--vef-control-outline-width)";
+    readonly controlInteractiveSize: "var(--vef-control-interactive-size)";
+    readonly controlItemBgHover: "var(--vef-control-item-bg-hover)";
+    readonly controlItemBgActive: "var(--vef-control-item-bg-active)";
+    readonly controlItemBgActiveHover: "var(--vef-control-item-bg-active-hover)";
+    readonly controlItemBgActiveDisabled: "var(--vef-control-item-bg-active-disabled)";
+    readonly controlTmpOutline: "var(--vef-control-tmp-outline)";
+    readonly controlOutline: "var(--vef-control-outline)";
+    readonly fontWeightStrong: "var(--vef-font-weight-strong)";
+    readonly opacityLoading: "var(--vef-opacity-loading)";
+    readonly linkDecoration: "var(--vef-link-decoration)";
+    readonly linkHoverDecoration: "var(--vef-link-hover-decoration)";
+    readonly linkFocusDecoration: "var(--vef-link-focus-decoration)";
+    readonly controlPaddingHorizontal: "var(--vef-control-padding-horizontal)";
+    readonly controlPaddingHorizontalSm: "var(--vef-control-padding-horizontal-sm)";
+    readonly paddingXxs: "var(--vef-padding-xxs)";
+    readonly paddingXs: "var(--vef-padding-xs)";
+    readonly paddingSm: "var(--vef-padding-sm)";
+    readonly padding: "var(--vef-padding)";
+    readonly paddingMd: "var(--vef-padding-md)";
+    readonly paddingLg: "var(--vef-padding-lg)";
+    readonly paddingXl: "var(--vef-padding-xl)";
+    readonly paddingContentHorizontalLg: "var(--vef-padding-content-horizontal-lg)";
+    readonly paddingContentVerticalLg: "var(--vef-padding-content-vertical-lg)";
+    readonly paddingContentHorizontal: "var(--vef-padding-content-horizontal)";
+    readonly paddingContentVertical: "var(--vef-padding-content-vertical)";
+    readonly paddingContentHorizontalSm: "var(--vef-padding-content-horizontal-sm)";
+    readonly paddingContentVerticalSm: "var(--vef-padding-content-vertical-sm)";
+    readonly marginXxs: "var(--vef-margin-xxs)";
+    readonly marginXs: "var(--vef-margin-xs)";
+    readonly marginSm: "var(--vef-margin-sm)";
+    readonly margin: "var(--vef-margin)";
+    readonly marginMd: "var(--vef-margin-md)";
+    readonly marginLg: "var(--vef-margin-lg)";
+    readonly marginXl: "var(--vef-margin-xl)";
+    readonly marginXxl: "var(--vef-margin-xxl)";
+    readonly boxShadow: "var(--vef-box-shadow)";
+    readonly boxShadowSecondary: "var(--vef-box-shadow-secondary)";
+    readonly boxShadowTertiary: "var(--vef-box-shadow-tertiary)";
+    readonly boxShadowPopoverArrow: "var(--vef-box-shadow-popover-arrow)";
+    readonly boxShadowCard: "var(--vef-box-shadow-card)";
+    readonly boxShadowDrawerRight: "var(--vef-box-shadow-drawer-right)";
+    readonly boxShadowDrawerLeft: "var(--vef-box-shadow-drawer-left)";
+    readonly boxShadowDrawerUp: "var(--vef-box-shadow-drawer-up)";
+    readonly boxShadowDrawerDown: "var(--vef-box-shadow-drawer-down)";
+    readonly boxShadowTabsOverflowLeft: "var(--vef-box-shadow-tabs-overflow-left)";
+    readonly boxShadowTabsOverflowRight: "var(--vef-box-shadow-tabs-overflow-right)";
+    readonly boxShadowTabsOverflowTop: "var(--vef-box-shadow-tabs-overflow-top)";
+    readonly boxShadowTabsOverflowBottom: "var(--vef-box-shadow-tabs-overflow-bottom)";
+    readonly colorInverted: "var(--vef-color-inverted)";
+    readonly spacingXxs: "var(--vef-spacing-xxs)";
+    readonly spacingXs: "var(--vef-spacing-xs)";
+    readonly spacingSm: "var(--vef-spacing-sm)";
+    readonly spacingMd: "var(--vef-spacing-md)";
+    readonly spacingLg: "var(--vef-spacing-lg)";
+    readonly spacingXl: "var(--vef-spacing-xl)";
+    readonly spacingXxl: "var(--vef-spacing-xxl)";
+    readonly shadowXxs: "var(--vef-shadow-xxs)";
+    readonly shadowXs: "var(--vef-shadow-xs)";
+    readonly shadowSm: "var(--vef-shadow-sm)";
+    readonly shadowMd: "var(--vef-shadow-md)";
+    readonly shadowLg: "var(--vef-shadow-lg)";
+    readonly shadowXl: "var(--vef-shadow-xl)";
+    readonly shadowXxl: "var(--vef-shadow-xxl)";
+    readonly breakpointXs: "var(--vef-breakpoint-xs)";
+    readonly breakpointSm: "var(--vef-breakpoint-sm)";
+    readonly breakpointMd: "var(--vef-breakpoint-md)";
+    readonly breakpointLg: "var(--vef-breakpoint-lg)";
+    readonly breakpointXl: "var(--vef-breakpoint-xl)";
+    readonly animateSpin: "var(--vef-animate-spin)";
+    readonly animatePing: "var(--vef-animate-ping)";
+    readonly animatePulse: "var(--vef-animate-pulse)";
+    readonly animateBounce: "var(--vef-animate-bounce)";
+    readonly colorPrimary50: "var(--vef-color-primary-50)";
+    readonly colorPrimary100: "var(--vef-color-primary-100)";
+    readonly colorPrimary200: "var(--vef-color-primary-200)";
+    readonly colorPrimary300: "var(--vef-color-primary-300)";
+    readonly colorPrimary400: "var(--vef-color-primary-400)";
+    readonly colorPrimary500: "var(--vef-color-primary-500)";
+    readonly colorPrimary600: "var(--vef-color-primary-600)";
+    readonly colorPrimary700: "var(--vef-color-primary-700)";
+    readonly colorPrimary800: "var(--vef-color-primary-800)";
+    readonly colorPrimary900: "var(--vef-color-primary-900)";
+    readonly colorPrimary950: "var(--vef-color-primary-950)";
+    readonly colorSuccess50: "var(--vef-color-success-50)";
+    readonly colorSuccess100: "var(--vef-color-success-100)";
+    readonly colorSuccess200: "var(--vef-color-success-200)";
+    readonly colorSuccess300: "var(--vef-color-success-300)";
+    readonly colorSuccess400: "var(--vef-color-success-400)";
+    readonly colorSuccess500: "var(--vef-color-success-500)";
+    readonly colorSuccess600: "var(--vef-color-success-600)";
+    readonly colorSuccess700: "var(--vef-color-success-700)";
+    readonly colorSuccess800: "var(--vef-color-success-800)";
+    readonly colorSuccess900: "var(--vef-color-success-900)";
+    readonly colorSuccess950: "var(--vef-color-success-950)";
+    readonly colorInfo50: "var(--vef-color-info-50)";
+    readonly colorInfo100: "var(--vef-color-info-100)";
+    readonly colorInfo200: "var(--vef-color-info-200)";
+    readonly colorInfo300: "var(--vef-color-info-300)";
+    readonly colorInfo400: "var(--vef-color-info-400)";
+    readonly colorInfo500: "var(--vef-color-info-500)";
+    readonly colorInfo600: "var(--vef-color-info-600)";
+    readonly colorInfo700: "var(--vef-color-info-700)";
+    readonly colorInfo800: "var(--vef-color-info-800)";
+    readonly colorInfo900: "var(--vef-color-info-900)";
+    readonly colorInfo950: "var(--vef-color-info-950)";
+    readonly colorWarning50: "var(--vef-color-warning-50)";
+    readonly colorWarning100: "var(--vef-color-warning-100)";
+    readonly colorWarning200: "var(--vef-color-warning-200)";
+    readonly colorWarning300: "var(--vef-color-warning-300)";
+    readonly colorWarning400: "var(--vef-color-warning-400)";
+    readonly colorWarning500: "var(--vef-color-warning-500)";
+    readonly colorWarning600: "var(--vef-color-warning-600)";
+    readonly colorWarning700: "var(--vef-color-warning-700)";
+    readonly colorWarning800: "var(--vef-color-warning-800)";
+    readonly colorWarning900: "var(--vef-color-warning-900)";
+    readonly colorWarning950: "var(--vef-color-warning-950)";
+    readonly colorError50: "var(--vef-color-error-50)";
+    readonly colorError100: "var(--vef-color-error-100)";
+    readonly colorError200: "var(--vef-color-error-200)";
+    readonly colorError300: "var(--vef-color-error-300)";
+    readonly colorError400: "var(--vef-color-error-400)";
+    readonly colorError500: "var(--vef-color-error-500)";
+    readonly colorError600: "var(--vef-color-error-600)";
+    readonly colorError700: "var(--vef-color-error-700)";
+    readonly colorError800: "var(--vef-color-error-800)";
+    readonly colorError900: "var(--vef-color-error-900)";
+    readonly colorError950: "var(--vef-color-error-950)";
+    readonly colorRed50: "var(--vef-color-red-50)";
+    readonly colorRed100: "var(--vef-color-red-100)";
+    readonly colorRed200: "var(--vef-color-red-200)";
+    readonly colorRed300: "var(--vef-color-red-300)";
+    readonly colorRed400: "var(--vef-color-red-400)";
+    readonly colorRed500: "var(--vef-color-red-500)";
+    readonly colorRed600: "var(--vef-color-red-600)";
+    readonly colorRed700: "var(--vef-color-red-700)";
+    readonly colorRed800: "var(--vef-color-red-800)";
+    readonly colorRed900: "var(--vef-color-red-900)";
+    readonly colorRed950: "var(--vef-color-red-950)";
+    readonly colorOrange50: "var(--vef-color-orange-50)";
+    readonly colorOrange100: "var(--vef-color-orange-100)";
+    readonly colorOrange200: "var(--vef-color-orange-200)";
+    readonly colorOrange300: "var(--vef-color-orange-300)";
+    readonly colorOrange400: "var(--vef-color-orange-400)";
+    readonly colorOrange500: "var(--vef-color-orange-500)";
+    readonly colorOrange600: "var(--vef-color-orange-600)";
+    readonly colorOrange700: "var(--vef-color-orange-700)";
+    readonly colorOrange800: "var(--vef-color-orange-800)";
+    readonly colorOrange900: "var(--vef-color-orange-900)";
+    readonly colorOrange950: "var(--vef-color-orange-950)";
+    readonly colorAmber50: "var(--vef-color-amber-50)";
+    readonly colorAmber100: "var(--vef-color-amber-100)";
+    readonly colorAmber200: "var(--vef-color-amber-200)";
+    readonly colorAmber300: "var(--vef-color-amber-300)";
+    readonly colorAmber400: "var(--vef-color-amber-400)";
+    readonly colorAmber500: "var(--vef-color-amber-500)";
+    readonly colorAmber600: "var(--vef-color-amber-600)";
+    readonly colorAmber700: "var(--vef-color-amber-700)";
+    readonly colorAmber800: "var(--vef-color-amber-800)";
+    readonly colorAmber900: "var(--vef-color-amber-900)";
+    readonly colorAmber950: "var(--vef-color-amber-950)";
+    readonly colorYellow50: "var(--vef-color-yellow-50)";
+    readonly colorYellow100: "var(--vef-color-yellow-100)";
+    readonly colorYellow200: "var(--vef-color-yellow-200)";
+    readonly colorYellow300: "var(--vef-color-yellow-300)";
+    readonly colorYellow400: "var(--vef-color-yellow-400)";
+    readonly colorYellow500: "var(--vef-color-yellow-500)";
+    readonly colorYellow600: "var(--vef-color-yellow-600)";
+    readonly colorYellow700: "var(--vef-color-yellow-700)";
+    readonly colorYellow800: "var(--vef-color-yellow-800)";
+    readonly colorYellow900: "var(--vef-color-yellow-900)";
+    readonly colorYellow950: "var(--vef-color-yellow-950)";
+    readonly colorLime50: "var(--vef-color-lime-50)";
+    readonly colorLime100: "var(--vef-color-lime-100)";
+    readonly colorLime200: "var(--vef-color-lime-200)";
+    readonly colorLime300: "var(--vef-color-lime-300)";
+    readonly colorLime400: "var(--vef-color-lime-400)";
+    readonly colorLime500: "var(--vef-color-lime-500)";
+    readonly colorLime600: "var(--vef-color-lime-600)";
+    readonly colorLime700: "var(--vef-color-lime-700)";
+    readonly colorLime800: "var(--vef-color-lime-800)";
+    readonly colorLime900: "var(--vef-color-lime-900)";
+    readonly colorLime950: "var(--vef-color-lime-950)";
+    readonly colorGreen50: "var(--vef-color-green-50)";
+    readonly colorGreen100: "var(--vef-color-green-100)";
+    readonly colorGreen200: "var(--vef-color-green-200)";
+    readonly colorGreen300: "var(--vef-color-green-300)";
+    readonly colorGreen400: "var(--vef-color-green-400)";
+    readonly colorGreen500: "var(--vef-color-green-500)";
+    readonly colorGreen600: "var(--vef-color-green-600)";
+    readonly colorGreen700: "var(--vef-color-green-700)";
+    readonly colorGreen800: "var(--vef-color-green-800)";
+    readonly colorGreen900: "var(--vef-color-green-900)";
+    readonly colorGreen950: "var(--vef-color-green-950)";
+    readonly colorEmerald50: "var(--vef-color-emerald-50)";
+    readonly colorEmerald100: "var(--vef-color-emerald-100)";
+    readonly colorEmerald200: "var(--vef-color-emerald-200)";
+    readonly colorEmerald300: "var(--vef-color-emerald-300)";
+    readonly colorEmerald400: "var(--vef-color-emerald-400)";
+    readonly colorEmerald500: "var(--vef-color-emerald-500)";
+    readonly colorEmerald600: "var(--vef-color-emerald-600)";
+    readonly colorEmerald700: "var(--vef-color-emerald-700)";
+    readonly colorEmerald800: "var(--vef-color-emerald-800)";
+    readonly colorEmerald900: "var(--vef-color-emerald-900)";
+    readonly colorEmerald950: "var(--vef-color-emerald-950)";
+    readonly colorTeal50: "var(--vef-color-teal-50)";
+    readonly colorTeal100: "var(--vef-color-teal-100)";
+    readonly colorTeal200: "var(--vef-color-teal-200)";
+    readonly colorTeal300: "var(--vef-color-teal-300)";
+    readonly colorTeal400: "var(--vef-color-teal-400)";
+    readonly colorTeal500: "var(--vef-color-teal-500)";
+    readonly colorTeal600: "var(--vef-color-teal-600)";
+    readonly colorTeal700: "var(--vef-color-teal-700)";
+    readonly colorTeal800: "var(--vef-color-teal-800)";
+    readonly colorTeal900: "var(--vef-color-teal-900)";
+    readonly colorTeal950: "var(--vef-color-teal-950)";
+    readonly colorCyan50: "var(--vef-color-cyan-50)";
+    readonly colorCyan100: "var(--vef-color-cyan-100)";
+    readonly colorCyan200: "var(--vef-color-cyan-200)";
+    readonly colorCyan300: "var(--vef-color-cyan-300)";
+    readonly colorCyan400: "var(--vef-color-cyan-400)";
+    readonly colorCyan500: "var(--vef-color-cyan-500)";
+    readonly colorCyan600: "var(--vef-color-cyan-600)";
+    readonly colorCyan700: "var(--vef-color-cyan-700)";
+    readonly colorCyan800: "var(--vef-color-cyan-800)";
+    readonly colorCyan900: "var(--vef-color-cyan-900)";
+    readonly colorCyan950: "var(--vef-color-cyan-950)";
+    readonly colorSky50: "var(--vef-color-sky-50)";
+    readonly colorSky100: "var(--vef-color-sky-100)";
+    readonly colorSky200: "var(--vef-color-sky-200)";
+    readonly colorSky300: "var(--vef-color-sky-300)";
+    readonly colorSky400: "var(--vef-color-sky-400)";
+    readonly colorSky500: "var(--vef-color-sky-500)";
+    readonly colorSky600: "var(--vef-color-sky-600)";
+    readonly colorSky700: "var(--vef-color-sky-700)";
+    readonly colorSky800: "var(--vef-color-sky-800)";
+    readonly colorSky900: "var(--vef-color-sky-900)";
+    readonly colorSky950: "var(--vef-color-sky-950)";
+    readonly colorBlue50: "var(--vef-color-blue-50)";
+    readonly colorBlue100: "var(--vef-color-blue-100)";
+    readonly colorBlue200: "var(--vef-color-blue-200)";
+    readonly colorBlue300: "var(--vef-color-blue-300)";
+    readonly colorBlue400: "var(--vef-color-blue-400)";
+    readonly colorBlue500: "var(--vef-color-blue-500)";
+    readonly colorBlue600: "var(--vef-color-blue-600)";
+    readonly colorBlue700: "var(--vef-color-blue-700)";
+    readonly colorBlue800: "var(--vef-color-blue-800)";
+    readonly colorBlue900: "var(--vef-color-blue-900)";
+    readonly colorBlue950: "var(--vef-color-blue-950)";
+    readonly colorIndigo50: "var(--vef-color-indigo-50)";
+    readonly colorIndigo100: "var(--vef-color-indigo-100)";
+    readonly colorIndigo200: "var(--vef-color-indigo-200)";
+    readonly colorIndigo300: "var(--vef-color-indigo-300)";
+    readonly colorIndigo400: "var(--vef-color-indigo-400)";
+    readonly colorIndigo500: "var(--vef-color-indigo-500)";
+    readonly colorIndigo600: "var(--vef-color-indigo-600)";
+    readonly colorIndigo700: "var(--vef-color-indigo-700)";
+    readonly colorIndigo800: "var(--vef-color-indigo-800)";
+    readonly colorIndigo900: "var(--vef-color-indigo-900)";
+    readonly colorIndigo950: "var(--vef-color-indigo-950)";
+    readonly colorViolet50: "var(--vef-color-violet-50)";
+    readonly colorViolet100: "var(--vef-color-violet-100)";
+    readonly colorViolet200: "var(--vef-color-violet-200)";
+    readonly colorViolet300: "var(--vef-color-violet-300)";
+    readonly colorViolet400: "var(--vef-color-violet-400)";
+    readonly colorViolet500: "var(--vef-color-violet-500)";
+    readonly colorViolet600: "var(--vef-color-violet-600)";
+    readonly colorViolet700: "var(--vef-color-violet-700)";
+    readonly colorViolet800: "var(--vef-color-violet-800)";
+    readonly colorViolet900: "var(--vef-color-violet-900)";
+    readonly colorViolet950: "var(--vef-color-violet-950)";
+    readonly colorPurple50: "var(--vef-color-purple-50)";
+    readonly colorPurple100: "var(--vef-color-purple-100)";
+    readonly colorPurple200: "var(--vef-color-purple-200)";
+    readonly colorPurple300: "var(--vef-color-purple-300)";
+    readonly colorPurple400: "var(--vef-color-purple-400)";
+    readonly colorPurple500: "var(--vef-color-purple-500)";
+    readonly colorPurple600: "var(--vef-color-purple-600)";
+    readonly colorPurple700: "var(--vef-color-purple-700)";
+    readonly colorPurple800: "var(--vef-color-purple-800)";
+    readonly colorPurple900: "var(--vef-color-purple-900)";
+    readonly colorPurple950: "var(--vef-color-purple-950)";
+    readonly colorFuchsia50: "var(--vef-color-fuchsia-50)";
+    readonly colorFuchsia100: "var(--vef-color-fuchsia-100)";
+    readonly colorFuchsia200: "var(--vef-color-fuchsia-200)";
+    readonly colorFuchsia300: "var(--vef-color-fuchsia-300)";
+    readonly colorFuchsia400: "var(--vef-color-fuchsia-400)";
+    readonly colorFuchsia500: "var(--vef-color-fuchsia-500)";
+    readonly colorFuchsia600: "var(--vef-color-fuchsia-600)";
+    readonly colorFuchsia700: "var(--vef-color-fuchsia-700)";
+    readonly colorFuchsia800: "var(--vef-color-fuchsia-800)";
+    readonly colorFuchsia900: "var(--vef-color-fuchsia-900)";
+    readonly colorFuchsia950: "var(--vef-color-fuchsia-950)";
+    readonly colorPink50: "var(--vef-color-pink-50)";
+    readonly colorPink100: "var(--vef-color-pink-100)";
+    readonly colorPink200: "var(--vef-color-pink-200)";
+    readonly colorPink300: "var(--vef-color-pink-300)";
+    readonly colorPink400: "var(--vef-color-pink-400)";
+    readonly colorPink500: "var(--vef-color-pink-500)";
+    readonly colorPink600: "var(--vef-color-pink-600)";
+    readonly colorPink700: "var(--vef-color-pink-700)";
+    readonly colorPink800: "var(--vef-color-pink-800)";
+    readonly colorPink900: "var(--vef-color-pink-900)";
+    readonly colorPink950: "var(--vef-color-pink-950)";
+    readonly colorRose50: "var(--vef-color-rose-50)";
+    readonly colorRose100: "var(--vef-color-rose-100)";
+    readonly colorRose200: "var(--vef-color-rose-200)";
+    readonly colorRose300: "var(--vef-color-rose-300)";
+    readonly colorRose400: "var(--vef-color-rose-400)";
+    readonly colorRose500: "var(--vef-color-rose-500)";
+    readonly colorRose600: "var(--vef-color-rose-600)";
+    readonly colorRose700: "var(--vef-color-rose-700)";
+    readonly colorRose800: "var(--vef-color-rose-800)";
+    readonly colorRose900: "var(--vef-color-rose-900)";
+    readonly colorRose950: "var(--vef-color-rose-950)";
+    readonly colorSlate50: "var(--vef-color-slate-50)";
+    readonly colorSlate100: "var(--vef-color-slate-100)";
+    readonly colorSlate200: "var(--vef-color-slate-200)";
+    readonly colorSlate300: "var(--vef-color-slate-300)";
+    readonly colorSlate400: "var(--vef-color-slate-400)";
+    readonly colorSlate500: "var(--vef-color-slate-500)";
+    readonly colorSlate600: "var(--vef-color-slate-600)";
+    readonly colorSlate700: "var(--vef-color-slate-700)";
+    readonly colorSlate800: "var(--vef-color-slate-800)";
+    readonly colorSlate900: "var(--vef-color-slate-900)";
+    readonly colorSlate950: "var(--vef-color-slate-950)";
+    readonly colorGray50: "var(--vef-color-gray-50)";
+    readonly colorGray100: "var(--vef-color-gray-100)";
+    readonly colorGray200: "var(--vef-color-gray-200)";
+    readonly colorGray300: "var(--vef-color-gray-300)";
+    readonly colorGray400: "var(--vef-color-gray-400)";
+    readonly colorGray500: "var(--vef-color-gray-500)";
+    readonly colorGray600: "var(--vef-color-gray-600)";
+    readonly colorGray700: "var(--vef-color-gray-700)";
+    readonly colorGray800: "var(--vef-color-gray-800)";
+    readonly colorGray900: "var(--vef-color-gray-900)";
+    readonly colorGray950: "var(--vef-color-gray-950)";
+    readonly colorZinc50: "var(--vef-color-zinc-50)";
+    readonly colorZinc100: "var(--vef-color-zinc-100)";
+    readonly colorZinc200: "var(--vef-color-zinc-200)";
+    readonly colorZinc300: "var(--vef-color-zinc-300)";
+    readonly colorZinc400: "var(--vef-color-zinc-400)";
+    readonly colorZinc500: "var(--vef-color-zinc-500)";
+    readonly colorZinc600: "var(--vef-color-zinc-600)";
+    readonly colorZinc700: "var(--vef-color-zinc-700)";
+    readonly colorZinc800: "var(--vef-color-zinc-800)";
+    readonly colorZinc900: "var(--vef-color-zinc-900)";
+    readonly colorZinc950: "var(--vef-color-zinc-950)";
+    readonly colorNeutral50: "var(--vef-color-neutral-50)";
+    readonly colorNeutral100: "var(--vef-color-neutral-100)";
+    readonly colorNeutral200: "var(--vef-color-neutral-200)";
+    readonly colorNeutral300: "var(--vef-color-neutral-300)";
+    readonly colorNeutral400: "var(--vef-color-neutral-400)";
+    readonly colorNeutral500: "var(--vef-color-neutral-500)";
+    readonly colorNeutral600: "var(--vef-color-neutral-600)";
+    readonly colorNeutral700: "var(--vef-color-neutral-700)";
+    readonly colorNeutral800: "var(--vef-color-neutral-800)";
+    readonly colorNeutral900: "var(--vef-color-neutral-900)";
+    readonly colorNeutral950: "var(--vef-color-neutral-950)";
+    readonly colorStone50: "var(--vef-color-stone-50)";
+    readonly colorStone100: "var(--vef-color-stone-100)";
+    readonly colorStone200: "var(--vef-color-stone-200)";
+    readonly colorStone300: "var(--vef-color-stone-300)";
+    readonly colorStone400: "var(--vef-color-stone-400)";
+    readonly colorStone500: "var(--vef-color-stone-500)";
+    readonly colorStone600: "var(--vef-color-stone-600)";
+    readonly colorStone700: "var(--vef-color-stone-700)";
+    readonly colorStone800: "var(--vef-color-stone-800)";
+    readonly colorStone900: "var(--vef-color-stone-900)";
+    readonly colorStone950: "var(--vef-color-stone-950)";
+}>;