@veracity/vui/dist/system/effects.d.ts

Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.

import { AnyString } from "../utils/types.js";
import { Property } from "../node_modules/csstype/index.js";
import { VuiTheme } from "../theme/types.js";
import { SystemProp, VariantsType } from "@xstyled/system";

//#region src/system/effects.d.ts
type ShadowGetter = VariantsType<VuiTheme['shadows']>;
type OpacityProp = SystemProp<Property.Opacity, VuiTheme>;
type OpacityProps = {
  opacity?: OpacityProp;
  hoverOpacity?: OpacityProp;
};
type BoxShadowProp = SystemProp<ShadowGetter | AnyString, VuiTheme>;
type BoxShadowProps = {
  boxShadow?: BoxShadowProp;
  elevation?: BoxShadowProp;
  hoverBoxShadow?: BoxShadowProp;
};
type TextShadowProp = SystemProp<ShadowGetter | AnyString, VuiTheme>;
type TextShadowProps = {
  textShadow?: TextShadowProp;
};
type EffectsProps = OpacityProps & BoxShadowProps & TextShadowProps;
//#endregion
export { BoxShadowProps, EffectsProps, OpacityProps, ShadowGetter, TextShadowProps };

//# sourceMappingURL=effects.d.ts.map