@planningcenter/tapestry-react 2.10.0-rc.2 → 2.10.0-rc.3

package/dist/types/TimeField/TimeField.d.ts

@@ -0,0 +1,35 @@
+declare type TimeFieldProps = {
+    /**
+     * An array of keys to ignore when pushed.
+     * ex: ["ArrowUp", "ArrowDown"].
+     */
+    ignoredKeys?: string[];
+    interval?: number;
+    /**
+     * Render native time input, defaults to `true` if user platform is an iOS device, otherwise `false`.
+     */
+    isIOS?: boolean;
+    max?: number;
+    min?: number;
+    /**
+     * Receives new time from typing or navigating with up and down arrow keys.
+     */
+    onChange: (event: any) => void;
+    /**
+     * Displays time based on a 12 hour clock, `true` by default.
+     */
+    twelveHourClock?: boolean;
+    /**
+     * The controlled value passed to the internal input.
+     * Accepts an array of [hours, minutes] based on a 24 hour clock.
+     */
+    value: [number, number];
+};
+declare const TimeField: {
+    ({ ignoredKeys, interval, isIOS, max, min, onChange, twelveHourClock, value, ...restProps }: TimeFieldProps): JSX.Element;
+    addHoursToTime: any;
+    addMinutesToTime: any;
+    addTimeToDate: any;
+    getTimeFromDate: any;
+};
+export default TimeField;

package/dist/types/TimeField/TimeField.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/types/ToggleSwitch/ToggleSwitch.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { StackViewProps } from '../StackView';
+import { MediaQueries } from '..';
+export declare type ToggleSwitchProps = {
+    /** The color of the toggle background when it is active. */
+    backgroundColor?: string;
+    /** Whether the toggle is disabled. */
+    disabled?: boolean;
+    /** Whether the toggle is checked. */
+    isChecked: boolean;
+    /** The label for the toggle. */
+    label: string;
+    /** The function to call when the toggle is clicked. */
+    onClick: () => void;
+    /** The size of the toggle. */
+    size?: 'xs' | 'sm' | 'md';
+    /** The tooltip to display when the toggle is hovered. */
+    tooltip?: string;
+} & StackViewProps;
+declare type Props = React.RefAttributes<any> & ToggleSwitchProps & MediaQueries<ToggleSwitchProps>;
+export declare function ToggleSwitch(props: Props): JSX.Element;
+export default ToggleSwitch;

package/dist/types/ToggleSwitch/ToggleSwitch.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/types/ToggleSwitch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ToggleSwitch';
+export { ToggleSwitch as default } from './ToggleSwitch';

package/dist/types/Tooltip/Tooltip.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/types/Wizard/Wizard.d.ts

@@ -0,0 +1,63 @@
+import React from 'react';
+import { ButtonProps } from '../Button/Button';
+export declare type Step = {
+    name: string;
+    valid?: (payload: Record<string, any>) => boolean;
+};
+export declare type WizardProps = {
+    /**
+     * Pass props to the back button.
+     */
+    backButtonProps?: ButtonProps;
+    /**
+     * Pass props to all Button components in the footer.
+     */
+    buttonProps?: ButtonProps;
+    /**
+     * Pass props to the cancel button.
+     */
+    cancelButtonProps?: ButtonProps;
+    /**
+     * The content of the component.
+     */
+    children: React.ReactNode;
+    /**
+     * Pass props to the Button components.
+     */
+    footerProps?: ButtonProps;
+    /**
+     * The initial payload state.
+     */
+    initialPayload?: Record<string, any>;
+    /**
+     * Pass props to the next button.
+     */
+    nextButtonProps?: ButtonProps;
+    /**
+     * Determines what the next button title displays.
+     */
+    nextButtonTitle?: (props: {
+        activeStepIndex: number;
+        steps: Step[];
+        totalSteps: number;
+    }) => string;
+    /**
+     * Creates a cancel button for canceling a process from the first step.
+     */
+    onCancel?: () => void;
+    /**
+     * Called when the `Done` button is pressed on the last view. Passes back the `payload` state
+     * as well as an option `complete` callback to revert the button spinner back to normal.
+     */
+    onSubmit?: (payload: Record<string, any>, complete: () => void) => void;
+    /**
+     * Provide a custom progress component to render in place of `StepperProgress`.
+     */
+    renderProgress?: (props: {
+        activeStepIndex: number;
+        steps: Step[];
+        totalSteps: number;
+    }) => React.ReactNode;
+};
+declare const Wizard: (props: WizardProps) => JSX.Element;
+export default Wizard;

package/dist/types/WrapView/WrapView.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BoxProps } from '../Box';
+export declare type WrapViewProps = {
+    children?: any;
+    /** The amount of space between children. */
+    spacing?: number | string;
+} & BoxProps;
+declare type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & WrapViewProps;
+export declare function WrapView({ children, spacing, ...restProps }: Props): JSX.Element;
+export {};

package/dist/types/WrapView/index.d.ts

@@ -0,0 +1,2 @@
+export * from './WrapView';
+export { WrapView as default } from './WrapView';

package/dist/types/designTokens/index.d.ts

@@ -0,0 +1,4 @@
+export declare const designTokens: {
+    borderRadius: number;
+    inputRadius: number;
+};

package/dist/types/hooks/use-accessibility-violation.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+/**
+ * Provide an on-screen and optional console accessibilty violation.
+ */
+export declare function useAccessibilityViolation(
+/** Content to be displayed in tooltip when hovering element. */
+tooltipContent: React.ReactNode, 
+/** Content to be displayed in the console with a reference to the element. */
+consoleContent: string): {
+    tooltipProps?: undefined;
+    wrapperProps?: undefined;
+} | {
+    tooltipProps: {
+        title: JSX.Element;
+        openDelay: number;
+        closeDelay: number;
+        popoverProps: {
+            textAlign: string;
+            paddingHorizontal: number;
+            paddingVertical: number;
+            backgroundColor: string;
+            color: string;
+            stroke: string;
+            strokeWeight: number;
+            elevation: number;
+        };
+    };
+    wrapperProps: {
+        innerRef: React.MutableRefObject<any>;
+        stroke: string;
+        strokeAlign: string;
+        strokeWeight: number;
+    };
+};

package/dist/types/hooks/useConstant.d.ts

@@ -0,0 +1 @@
+export default function useConstant<T>(fn: () => T): T;

package/dist/types/index.d.ts

@@ -0,0 +1,415 @@
+import * as React from 'react'
+import { LiteralUnion } from 'type-fest'
+
+import { BoxProps } from './Box'
+import { NativeStyleNames, ColorStyleNames } from './system/style-names'
+
+export interface BoxSizes {}
+
+export interface Breakpoints {}
+
+export interface DefaultBreakpoints {
+  xs: number
+  sm: number
+  md: number
+  lg: number
+  xl: number
+}
+
+export interface SpinnerSizes {
+  xxs: number
+  xs: number
+  sm: number
+  md: number
+  lg: number
+  xl: number
+  xxl: number
+}
+
+export interface SpinnerThickness {
+  xxs: number
+  xs: number
+  sm: number
+  md: number
+  lg: number
+  xl: number
+  xxl: number
+}
+
+export interface Colors {
+  foreground: string
+  foregroundSecondary: string
+  foregroundTertiary: string
+  background: string
+  backgroundSecondary: string
+  backgroundTertiary: string
+  surface: string
+  surfaceSecondary: string
+  surfaceTertiary: string
+  separator: string
+  separatorSecondary: string
+  separatorTertiary: string
+  separatorHover: string
+  separatorFocus: string
+  separatorFocusSecondary: string
+  highlight: string
+  highlightSecondary: string
+  linkForeground: string
+  linkBackground: string
+  primary: string
+  'primary-light': string
+  'primary-lighter': string
+  'primary-lightest': string
+  'primary-dark': string
+  'primary-darker': string
+  'primary-darkest': string
+  warning: string
+  'warning-light': string
+  'warning-lighter': string
+  'warning-lightest': string
+  'warning-dark': string
+  'warning-darker': string
+  'warning-darkest': string
+  error: string
+  'error-light': string
+  'error-lighter': string
+  'error-lightest': string
+  'error-dark': string
+  'error-darker': string
+  'error-darkest': string
+  success: string
+  'success-light': string
+  'success-lighter': string
+  'success-lightest': string
+  'success-dark': string
+  'success-darker': string
+  'success-darkest': string
+  sunday: string
+  monday: string
+  tuesday: string
+  wednesday: string
+  thursday: string
+  friday: string
+  saturday: string
+  'check-ins': string
+  giving: string
+  groups: string
+  'music-stand': string
+  pco: string
+  people: string
+  'planning-center': string
+  projector: string
+  registrations: string
+  calendar: string
+  services: string
+  'red-0': string
+  'red-1': string
+  'red-2': string
+  'red-3': string
+  'red-4': string
+  'red-5': string
+  'red-6': string
+  'red-7': string
+  'red-8': string
+  'red-9': string
+  'blue-0': string
+  'blue-1': string
+  'blue-2': string
+  'blue-3': string
+  'blue-4': string
+  'blue-5': string
+  'blue-6': string
+  'blue-7': string
+  'blue-8': string
+  'blue-9': string
+  'green-0': string
+  'green-1': string
+  'green-2': string
+  'green-3': string
+  'green-4': string
+  'green-5': string
+  'green-6': string
+  'green-7': string
+  'green-8': string
+  'green-9': string
+  'yellow-0': string
+  'yellow-1': string
+  'yellow-2': string
+  'yellow-3': string
+  'yellow-4': string
+  'yellow-5': string
+  'yellow-6': string
+  'yellow-7': string
+  'yellow-8': string
+  'yellow-9': string
+  'light-0': string
+  'light-1': string
+  'light-2': string
+  'light-3': string
+  'light-4': string
+  'light-5': string
+  'light-6': string
+  'light-7': string
+  'light-8': string
+  'light-9': string
+  'dark-0': string
+  'dark-1': string
+  'dark-2': string
+  'dark-3': string
+  'dark-4': string
+  'dark-5': string
+  'dark-6': string
+  'dark-7': string
+  'dark-8': string
+  'dark-9': string
+  'grey-0': string
+  'grey-1': string
+  'grey-2': string
+  'grey-3': string
+  'grey-4': string
+  'grey-5': string
+  'grey-6': string
+  'grey-7': string
+  'grey-8': string
+  'grey-9': string
+  transparent: string
+}
+
+export type ColorProp = LiteralUnion<keyof Colors, string>
+
+export interface ButtonTheme {
+  fill: any
+  outline: any
+  naked: any
+}
+
+export interface Theme {
+  id?: string
+  boxSizes?: Record<keyof BoxSizes, BoxProps>
+  breakpoints?: Partial<Breakpoints>
+  button?: { themes?: { [key: string]: ButtonTheme } }
+  calendar?: any
+  checkbox?: any
+  colors?: Partial<Colors>
+  elevations?: Array<string>
+  fontSizes?: Array<number>
+  group?: { radius?: number }
+  pageBody?: BoxProps
+  pageButton?: any
+  pageDropdown?: any
+  pageHeader?: BoxProps
+  pageTitle?: any
+  icons?: object
+  lineHeights?: Array<number>
+  radio?: any
+  spinner?: {
+    color?: ColorProp
+    sizes?: Partial<SpinnerSizes>
+    thickness?: Partial<SpinnerThickness>
+    trackColor?: ColorProp
+  }
+  toggleSwitch?: {
+    backgroundColor?: ColorProp
+  }
+}
+
+export interface MediaQueries<T> {
+  mediaQueries?: Partial<Record<keyof Breakpoints, T>>
+}
+
+export interface Variants<T> {
+  variants?: {
+    [key in any]?: T
+  }
+}
+
+type CustomStyles = {
+  css?: any
+  paddingHorizontal?: number | string
+  paddingVertical?: number | string
+  marginHorizontal?: number | string
+  marginVertical?: number | string
+  column?: React.CSSProperties['gridColumn']
+  columnStart?: React.CSSProperties['gridColumnStart']
+  columnEnd?: React.CSSProperties['gridColumnEnd']
+  row?: React.CSSProperties['gridRow']
+  rowStart?: React.CSSProperties['gridRowStart']
+  rowEnd?: React.CSSProperties['gridRowEnd']
+  basis?: React.CSSProperties['flexBasis']
+  grow?: React.CSSProperties['flexGrow']
+  shrink?: React.CSSProperties['flexShrink']
+  wrap?: boolean | string
+  radius?: React.CSSProperties['borderRadius']
+  radiusTop?: number | string
+  radiusRight?: number | string
+  radiusBottom?: number | string
+  radiusLeft?: number | string
+  strokeAlign?: 'inside' | 'center' | 'outside'
+  strokeWeight?: number
+  elevation?: number
+  x?: number | string
+  y?: number | string
+  rotate?: number
+  scale?: number
+  uppercase?: boolean
+}
+
+export type StyleProps = Pick<React.CSSProperties, NativeStyleNames> &
+  Partial<Record<ColorStyleNames, ColorProp>> &
+  CustomStyles
+
+export type CommonProps = React.RefAttributes<any> &
+  React.HTMLAttributes<any> &
+  any
+
+export type CommonComponent = React.FC<CommonProps>
+export type CommonPropsWith<T extends object> = Omit<CommonProps, keyof T> & T
+export type CommonComponentWith<T extends object> = React.FC<CommonPropsWith<T>>
+
+export const designSystem: any
+export const hooks: any
+export const server: any
+export const utils: any
+
+export const Avatar: React.FC<CommonProps>
+export const Badge: React.FC<CommonProps>
+export const Calendar: React.FC<CommonProps>
+export const CheckboxCard: React.FC<CommonProps>
+export const CheckboxGroup: React.FC<CommonProps>
+export const ChurchCenterStatus: React.FC<CommonProps>
+export const Collapse: React.FC<CommonProps>
+export const ColumnView: React.FC<CommonProps>
+export const Combobox: React.FC<CommonProps>
+export const DataTable: React.FC<CommonProps>
+export const DateField: React.FC<CommonProps>
+export const DragDrop: React.FC<CommonProps>
+export const Drawer: React.FC<CommonProps>
+export const Dropdown: React.FC<CommonProps>
+export const EditActions: React.FC<CommonProps>
+export const Field: React.FC<CommonProps>
+export const Form: React.FC<CommonProps>
+export const FieldSet: React.FC<CommonProps>
+export const Heading: React.FC<CommonProps>
+export const HelperDrawer: React.FC<CommonProps>
+export const Highlight: React.FC<CommonProps>
+export const Icon: React.FC<CommonProps>
+export const Link: React.FC<CommonProps>
+export const LinkList: React.FC<CommonProps>
+export const Logo: React.FC<CommonProps>
+export const Menu: React.FC<CommonProps>
+export const Modal: React.FC<CommonProps>
+export const NumberField: React.FC<CommonProps>
+export const PageActions: CommonComponent
+export const PageBody: CommonComponent
+export const PageButton: CommonComponent
+export const PageDropdown: CommonComponent
+export const PageHeader: CommonComponent
+export const PageTab: CommonComponent
+export const PageTabList: CommonComponent
+export const PageTitle: CommonComponent
+export const PageToolbar: CommonComponent
+export const PagerView: React.FC<CommonProps>
+export const Pagination: React.FC<CommonProps>
+export const Progress: React.FC<CommonProps>
+export const Radio: React.FC<CommonProps>
+export const RangeSlider: React.FC<CommonProps>
+export const ScreenReader: React.FC<CommonProps>
+export const Section: React.FC<CommonProps>
+export const HeadingUppercase: React.FC<CommonProps>
+export const SegmentedControl: React.FC<CommonProps>
+export const SegmentedTabs: React.FC<CommonProps>
+export const Sidebar: React.FC<CommonProps>
+export const StepperField: React.FC<CommonProps>
+export const StepperProgress: React.FC<CommonProps>
+export const Summary: React.FC<CommonProps>
+export const Table: React.FC<CommonProps>
+export const Tabs: React.FC<CommonProps>
+export const TextArea: React.FC<CommonProps>
+export const TimeField: React.FC<CommonProps>
+export const ToggleSwitch: React.FC<CommonProps>
+export const Toolbar: React.FC<CommonProps>
+export const TokenInput: React.FC<CommonProps>
+export const Tooltip: React.FC<CommonProps>
+export const VariantProvider: React.FC<CommonProps>
+export const Wizard: React.FC<CommonProps>
+
+// ============
+// Manual Types
+// ===========
+// These are components written in JS, where we can provide very small (one prop at a time) useful
+// typings for consumers.
+// ============
+
+type HTMLInputWrapperComponent = CommonComponentWith<{
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void
+}>
+
+// ========
+// Checkbox
+// ========
+
+export const Checkbox: HTMLInputWrapperComponent
+
+// =====
+// Input
+// =====
+
+export const Input: HTMLInputWrapperComponent & {
+  Inline: HTMLInputWrapperComponent
+  Input: HTMLInputWrapperComponent
+  InputBox: CommonComponent
+  InputField: HTMLInputWrapperComponent
+  InputLabel: CommonComponent
+}
+
+// ====
+// List
+// ====
+
+export const List: CommonComponent & { Item: CommonComponent }
+
+// ======
+// Select
+// ======
+
+export const Select: CommonComponent & {
+  Inline: CommonComponent
+  Option: CommonComponent
+  OptionGroup: CommonComponent
+  Value: CommonComponent
+  toggleValue: (...args: unknown) => unknown
+}
+
+// ========
+// Sortable
+// ========
+
+export const Sortable: CommonComponent & {
+  SortableManager: CommonComponent
+  SortableList: CommonComponent
+  SortableItem: CommonComponent
+}
+
+// =====================
+// Typescript Components
+// =====================
+
+export * from './Alert'
+export * from './Box'
+export * from './Button'
+export * from './Card'
+export * from './Divider'
+export * from './FilterLayout'
+export * from './GridView'
+export * from './Group'
+export * from './Popover'
+export * from './Portal'
+export * from './Scrim'
+export * from './Spinner'
+export * from './StackView'
+export * from './Tab'
+export * from './Text'
+export * from './TileView'
+export * from './ToggleSwitch'
+export * from './ThemeProvider'
+export * from './WrapView'

package/dist/types/system/default-theme.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '../index';
+declare const defaultTheme: Theme;
+export default defaultTheme;

package/dist/types/system/style-names.d.ts

@@ -0,0 +1,8 @@
+export declare const nativeStyleNames: readonly ["alignContent", "alignItems", "alignSelf", "alignmentBaseline", "animation", "animationDelay", "animationDirection", "animationDuration", "animationFillMode", "animationIterationCount", "animationName", "animationPlayState", "animationTimingFunction", "backfaceVisibility", "background", "backgroundAttachment", "backgroundBlendMode", "backgroundClip", "backgroundImage", "backgroundOrigin", "backgroundPosition", "backgroundPositionX", "backgroundPositionY", "backgroundRepeat", "backgroundSize", "baselineShift", "border", "borderBottom", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStyle", "borderBottomWidth", "borderCollapse", "borderImage", "borderImageOutset", "borderImageRepeat", "borderImageSlice", "borderImageSource", "borderImageWidth", "borderLeft", "borderLeftStyle", "borderLeftWidth", "borderRadius", "borderRight", "borderRightStyle", "borderRightWidth", "borderSpacing", "borderStyle", "borderTop", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStyle", "borderTopWidth", "borderWidth", "bottom", "boxShadow", "boxSizing", "breakAfter", "breakBefore", "breakInside", "clear", "clip", "clipPath", "clipRule", "columnCount", "columnFill", "columnGap", "columnRule", "columnRuleColor", "columnRuleStyle", "columnRuleWidth", "columnSpan", "columnWidth", "columns", "contain", "content", "counterIncrement", "counterReset", "cursor", "direction", "display", "fillOpacity", "fillRule", "filter", "flex", "flexBasis", "flexDirection", "flexFlow", "flexGrow", "flexShrink", "flexWrap", "font", "fontFamily", "fontFeatureSettings", "fontKerning", "fontSize", "fontStretch", "fontStyle", "fontVariant", "fontVariantCaps", "fontVariantLigatures", "fontVariantNumeric", "fontWeight", "gap", "gridArea", "gridAutoColumns", "gridAutoFlow", "gridAutoRows", "gridColumn", "gridColumnEnd", "gridColumnGap", "gridColumnStart", "gridGap", "gridRow", "gridRowEnd", "gridRowGap", "gridRowStart", "gridTemplate", "gridTemplateAreas", "gridTemplateColumns", "gridTemplateRows", "height", "imageRendering", "isolation", "justifyContent", "justifyItems", "justifySelf", "left", "letterSpacing", "lightingColor", "lineHeight", "listStyle", "listStyleImage", "listStylePosition", "listStyleType", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "mask", "maskType", "maxHeight", "maxWidth", "minHeight", "minWidth", "mixBlendMode", "motion", "objectFit", "objectPosition", "opacity", "order", "outline", "outlineColor", "outlineOffset", "outlineStyle", "outlineWidth", "overflow", "overflowWrap", "overflowX", "overflowY", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "pageBreakAfter", "pageBreakBefore", "pageBreakInside", "perspective", "perspectiveOrigin", "placeItems", "placeSelf", "pointerEvents", "position", "resize", "right", "strokeDasharray", "strokeDashoffset", "strokeLinecap", "strokeLinejoin", "strokeMiterlimit", "strokeOpacity", "strokeWidth", "tabSize", "tableLayout", "textAlign", "textDecoration", "textIndent", "textOrientation", "textOverflow", "textRendering", "textShadow", "textTransform", "top", "touchAction", "transform", "transformOrigin", "transformStyle", "transition", "transitionDelay", "transitionDuration", "transitionProperty", "transitionTimingFunction", "verticalAlign", "visibility", "clipPath", "filter", "userSelect", "WebkitOverflowScrolling", "writingMode", "whiteSpace", "width", "willChange", "wordBreak", "wordSpacing", "wordWrap", "zIndex"];
+export declare type NativeStyleNames = typeof nativeStyleNames[number];
+export declare const colorStyleNames: readonly ["backgroundColor", "borderColor", "borderBottomColor", "borderLeftColor", "borderRightColor", "borderTopColor", "color", "fill", "outlineColor", "stroke"];
+export declare type ColorStyleNames = typeof colorStyleNames[number];
+export declare const customStyleNames: readonly ["css", "column", "columnStart", "columnEnd", "row", "rowStart", "rowEnd", "basis", "elevation", "grow", "marginHorizontal", "marginVertical", "paddingHorizontal", "paddingVertical", "radius", "radiusTop", "radiusRight", "radiusBottom", "radiusLeft", "x", "y", "rotate", "scale", "uppercase", "shrink", "wrap", "strokeAlign", "strokeWeight"];
+export declare type CustomStyleNames = typeof customStyleNames[number];
+export declare const stylePropNames: readonly ["alignContent", "alignItems", "alignSelf", "alignmentBaseline", "animation", "animationDelay", "animationDirection", "animationDuration", "animationFillMode", "animationIterationCount", "animationName", "animationPlayState", "animationTimingFunction", "backfaceVisibility", "background", "backgroundAttachment", "backgroundBlendMode", "backgroundClip", "backgroundImage", "backgroundOrigin", "backgroundPosition", "backgroundPositionX", "backgroundPositionY", "backgroundRepeat", "backgroundSize", "baselineShift", "border", "borderBottom", "borderBottomLeftRadius", "borderBottomRightRadius", "borderBottomStyle", "borderBottomWidth", "borderCollapse", "borderImage", "borderImageOutset", "borderImageRepeat", "borderImageSlice", "borderImageSource", "borderImageWidth", "borderLeft", "borderLeftStyle", "borderLeftWidth", "borderRadius", "borderRight", "borderRightStyle", "borderRightWidth", "borderSpacing", "borderStyle", "borderTop", "borderTopLeftRadius", "borderTopRightRadius", "borderTopStyle", "borderTopWidth", "borderWidth", "bottom", "boxShadow", "boxSizing", "breakAfter", "breakBefore", "breakInside", "clear", "clip", "clipPath", "clipRule", "columnCount", "columnFill", "columnGap", "columnRule", "columnRuleColor", "columnRuleStyle", "columnRuleWidth", "columnSpan", "columnWidth", "columns", "contain", "content", "counterIncrement", "counterReset", "cursor", "direction", "display", "fillOpacity", "fillRule", "filter", "flex", "flexBasis", "flexDirection", "flexFlow", "flexGrow", "flexShrink", "flexWrap", "font", "fontFamily", "fontFeatureSettings", "fontKerning", "fontSize", "fontStretch", "fontStyle", "fontVariant", "fontVariantCaps", "fontVariantLigatures", "fontVariantNumeric", "fontWeight", "gap", "gridArea", "gridAutoColumns", "gridAutoFlow", "gridAutoRows", "gridColumn", "gridColumnEnd", "gridColumnGap", "gridColumnStart", "gridGap", "gridRow", "gridRowEnd", "gridRowGap", "gridRowStart", "gridTemplate", "gridTemplateAreas", "gridTemplateColumns", "gridTemplateRows", "height", "imageRendering", "isolation", "justifyContent", "justifyItems", "justifySelf", "left", "letterSpacing", "lightingColor", "lineHeight", "listStyle", "listStyleImage", "listStylePosition", "listStyleType", "margin", "marginBottom", "marginLeft", "marginRight", "marginTop", "mask", "maskType", "maxHeight", "maxWidth", "minHeight", "minWidth", "mixBlendMode", "motion", "objectFit", "objectPosition", "opacity", "order", "outline", "outlineColor", "outlineOffset", "outlineStyle", "outlineWidth", "overflow", "overflowWrap", "overflowX", "overflowY", "padding", "paddingBottom", "paddingLeft", "paddingRight", "paddingTop", "pageBreakAfter", "pageBreakBefore", "pageBreakInside", "perspective", "perspectiveOrigin", "placeItems", "placeSelf", "pointerEvents", "position", "resize", "right", "strokeDasharray", "strokeDashoffset", "strokeLinecap", "strokeLinejoin", "strokeMiterlimit", "strokeOpacity", "strokeWidth", "tabSize", "tableLayout", "textAlign", "textDecoration", "textIndent", "textOrientation", "textOverflow", "textRendering", "textShadow", "textTransform", "top", "touchAction", "transform", "transformOrigin", "transformStyle", "transition", "transitionDelay", "transitionDuration", "transitionProperty", "transitionTimingFunction", "verticalAlign", "visibility", "clipPath", "filter", "userSelect", "WebkitOverflowScrolling", "writingMode", "whiteSpace", "width", "willChange", "wordBreak", "wordSpacing", "wordWrap", "zIndex", "backgroundColor", "borderColor", "borderBottomColor", "borderLeftColor", "borderRightColor", "borderTopColor", "color", "fill", "outlineColor", "stroke", "css", "column", "columnStart", "columnEnd", "row", "rowStart", "rowEnd", "basis", "elevation", "grow", "marginHorizontal", "marginVertical", "paddingHorizontal", "paddingVertical", "radius", "radiusTop", "radiusRight", "radiusBottom", "radiusLeft", "x", "y", "rotate", "scale", "uppercase", "shrink", "wrap", "strokeAlign", "strokeWeight"];
+export declare const pseudoPropNames: readonly ["active", "focus", "hover"];