@vef-framework/components 1.0.135 → 2.0.0

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

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

package/dist/types/_base/constants/index.d.ts

@@ -0,0 +1,3 @@
+export * from './breakpoints';
+export * from './common';
+export * from './css-vars';

package/dist/types/_base/constants/theme.d.ts

@@ -0,0 +1,9 @@
+export interface GlobalThemeTokens {
+    light: {
+        colors: Record<string, string | number>;
+    };
+    dark: {
+        colors: Record<string, string | number>;
+    };
+}
+export declare const globalThemeTokens: GlobalThemeTokens;

package/dist/types/_base/helpers/breakpoints.d.ts

@@ -0,0 +1,10 @@
+import { MaybeUndefined } from '@vef-framework/shared';
+import { Breakpoint, Length } from '../types';
+/**
+ * Resolves a breakpoint value from a partial breakpoints config.
+ *
+ * @param breakpointValues - Partial config with breakpoint values
+ * @param breakpoint - The current breakpoint to resolve
+ * @returns The resolved value, or undefined if no value can be found
+ */
+export declare function resolveBreakpointValue(breakpointValues: Partial<Record<Breakpoint, Length>>, breakpoint: Breakpoint): MaybeUndefined<Length>;

package/dist/types/_base/helpers/color.d.ts

@@ -0,0 +1,15 @@
+import { PresetColor, SemanticColor } from '../types';
+/**
+ * Check if the given color is a preset color
+ *
+ * @param color - The color to check
+ * @returns True if the color is a preset color, false otherwise
+ */
+export declare function isPresetColor(color: string): color is PresetColor;
+/**
+ * Check if the given color is a semantic color
+ *
+ * @param color - The color to check
+ * @returns True if the color is a semantic color, false otherwise
+ */
+export declare function isSemanticColor(color: string): color is SemanticColor;