react-cascading-style-sheets
Version:
Package used to integrate CSS onto javascript.
729 lines (724 loc) • 20.4 kB
text/typescript
interface CSSProps {
accentColor?: string;
alignContent?: string;
alignItems?: string;
alignSelf?: string;
all?: string;
animation?: string;
animationDelay?: string;
animationDirection?: string;
animationDuration?: string;
animationFillMode?: string;
animationIterationCount?: string;
animationName?: string;
animationPlayState?: string;
animationTimingFunction?: string;
aspectRatio?: string;
backdropFilter?: string;
backfaceVisibility?: string;
background?: string;
backgroundAttachment?: string;
backgroundBlendMode?: string;
backgroundClip?: string;
backgroundColor?: string;
backgroundImage?: string;
backgroundOrigin?: string;
backgroundPosition?: string;
backgroundPositionX?: string;
backgroundPositionY?: string;
backgroundRepeat?: string;
backgroundSize?: string;
blockSize?: string;
border?: string;
borderBlock?: string;
borderBlockColor?: string;
borderBlockEnd?: string;
borderBlockEndColor?: string;
borderBlockEndStyle?: string;
borderBlockEndWidth?: string;
borderBlockStart?: string;
borderBlockStartColor?: string;
borderBlockStartStyle?: string;
borderBlockStartWidth?: string;
borderBlockStyle?: string;
borderBlockWidth?: string;
borderBottom?: string;
borderBottomColor?: string;
borderBottomLeftRadius?: string;
borderBottomRightRadius?: string;
borderBottomStyle?: string;
borderBottomWidth?: string;
borderCollapse?: string;
borderColor?: string;
borderEndEndRadius?: string;
borderEndStartRadius?: string;
borderImage?: string;
borderImageOutset?: string;
borderImageRepeat?: string;
borderImageSlice?: string;
borderImageSource?: string;
borderImageWidth?: string;
borderInline?: string;
borderInlineColor?: string;
borderInlineEnd?: string;
borderInlineEndColor?: string;
borderInlineEndStyle?: string;
borderInlineEndWidth?: string;
borderInlineStart?: string;
borderInlineStartColor?: string;
borderInlineStartStyle?: string;
borderInlineStartWidth?: string;
borderInlineStyle?: string;
borderInlineWidth?: string;
borderLeft?: string;
borderLeftColor?: string;
borderLeftStyle?: string;
borderLeftWidth?: string;
borderRadius?: string;
borderRight?: string;
borderRightColor?: string;
borderRightStyle?: string;
borderRightWidth?: string;
borderSpacing?: string;
borderStartEndRadius?: string;
borderStartStartRadius?: string;
borderStyle?: string;
borderTop?: string;
borderTopColor?: string;
borderTopLeftRadius?: string;
borderTopRightRadius?: string;
borderTopStyle?: string;
borderTopWidth?: string;
borderWidth?: string;
bottom?: string;
boxDecorationBreak?: string;
boxReflect?: string;
boxShadow?: string;
boxSizing?: string;
breakAfter?: string;
breakBefore?: string;
breakInside?: string;
captionSide?: string;
caretColor?: string;
clear?: string;
clip?: string;
clipPath?: string;
color?: string;
colorScheme?: string;
columnCount?: string;
columnFill?: string;
columnGap?: string;
columnRule?: string;
columnRuleColor?: string;
columnRuleStyle?: string;
columnRuleWidth?: string;
columnSpan?: string;
columnWidth?: string;
columns?: string;
content?: string;
counterIncrement?: string;
counterReset?: string;
counterSet?: string;
cursor?: string;
direction?: string;
display?: string;
emptyCells?: string;
filter?: string;
flex?: string;
flexBasis?: string;
flexDirection?: string;
flexFlow?: string;
flexGrow?: string;
flexShrink?: string;
flexWrap?: string;
float?: string;
font?: string;
fontFamily?: string;
fontFeatureSettings?: string;
fontKerning?: string;
fontLanguageOverride?: string;
fontSize?: string;
fontSizeAdjust?: string;
fontStretch?: string;
fontStyle?: string;
fontSynthesis?: string;
fontVariant?: string;
fontVariantAlternates?: string;
fontVariantCaps?: string;
fontVariantEastAsian?: string;
fontVariantLigatures?: string;
fontVariantNumeric?: string;
fontVariantPosition?: string;
fontWeight?: string;
gap?: string;
grid?: string;
gridArea?: string;
gridAutoColumns?: string;
gridAutoFlow?: string;
gridAutoRows?: string;
gridColumn?: string;
gridColumnEnd?: string;
gridColumnStart?: string;
gridRow?: string;
gridRowEnd?: string;
gridRowStart?: string;
gridTemplate?: string;
gridTemplateAreas?: string;
gridTemplateColumns?: string;
gridTemplateRows?: string;
hangingPunctuation?: string;
height?: string;
hyphens?: string;
hypenateCharacter?: string;
imageRendering?: string;
initialLetter?: string;
inlineSize?: string;
inset?: string;
insetBlock?: string;
insetBlockEnd?: string;
insetBlockStart?: string;
insetInline?: string;
insetInlineEnd?: string;
insetInlineStart?: string;
isolation?: string;
justifyContent?: string;
justifyItems?: string;
justifySelf?: string;
left?: string;
letterSpacing?: string;
lineBreak?: string;
lineHeight?: string;
listStyle?: string;
listStyleImage?: string;
listStylePosition?: string;
listStyleType?: string;
margin?: string;
marginBlock?: string;
marginBlockEnd?: string;
marginBlockStart?: string;
marginBottom?: string;
marginInline?: string;
marginInlineEnd?: string;
marginInlineStart?: string;
marginLeft?: string;
marginRight?: string;
marginTop?: string;
marker?: string;
markerEnd?: string;
markerMid?: string;
markerStart?: string;
mask?: string;
maskClip?: string;
maskComposite?: string;
maskImage?: string;
maskMode?: string;
maskOrigin?: string;
maskPosition?: string;
maskRepeat?: string;
maskSize?: string;
maskType?: string;
maxHeight?: string;
maxWidth?: string;
maxBlockSize?: string;
maxInlineSize?: string;
minBlockSize?: string;
minInlineSize?: string;
minHeight?: string;
minWidth?: string;
mixBlendMode?: string;
objectFit?: string;
objectPosition?: string;
offset?: string;
offsetAnchor?: string;
offsetDistance?: string;
offsetPath?: string;
offsetPosition?: string;
offsetRotate?: string;
opacity?: string;
order?: string;
orphans?: string;
outline?: string;
outlineColor?: string;
outlineOffset?: string;
outlineStyle?: string;
outlineWidth?: string;
overflow?: string;
overflowAnchor?: string;
overflowWrap?: string;
overflowX?: string;
overflowY?: string;
overscrollBehavior?: string;
overscrollBehaviorBlock?: string;
overscrollBehaviorInline?: string;
overscrollBehaviorX?: string;
overscrollBehaviorY?: string;
padding?: string;
paddingBlock?: string;
paddingBlockEnd?: string;
paddingBlockStart?: string;
paddingBottom?: string;
paddingInline?: string;
paddingInlineEnd?: string;
paddingInlineStart?: string;
paddingLeft?: string;
paddingRight?: string;
paddingTop?: string;
pageBreakAfter?: string;
pageBreakBefore?: string;
pageBreakInside?: string;
paintOrder?: string;
perspective?: string;
perspectiveOrigin?: string;
placeContent?: string;
placeItems?: string;
placeSelf?: string;
pointerEvents?: string;
position?: string;
quotes?: string;
resize?: string;
right?: string;
rotate?: string;
rowGap?: string;
scale?: string;
scrollBehavior?: string;
scrollMargin?: string;
scrollMarginBlock?: string;
scrollMarginBlockEnd?: string;
scrollMarginBlockStart?: string;
scrollMarginBottom?: string;
scrollMarginInline?: string;
scrollMarginInlineEnd?: string;
scrollMarginInlineStart?: string;
scrollMarginLeft?: string;
scrollMarginRight?: string;
scrollMarginTop?: string;
scrollPadding?: string;
scrollPaddingBlock?: string;
scrollPaddingBlockEnd?: string;
scrollPaddingBlockStart?: string;
scrollPaddingBottom?: string;
scrollPaddingInline?: string;
scrollPaddingInlineEnd?: string;
scrollPaddingInlineStart?: string;
scrollPaddingLeft?: string;
scrollPaddingRight?: string;
scrollPaddingTop?: string;
scrollSnapAlign?: string;
scrollSnapStop?: string;
scrollSnapType?: string;
scrollbarColor?: string;
shapeOutside?: string;
tabSize?: string;
tableLayout?: string;
textAlign?: string;
textAlignLast?: string;
textCombineUpright?: string;
textDecoration?: string;
textDecorationColor?: string;
textDecorationLine?: string;
textDecorationStyle?: string;
textDecorationThickness?: string;
textEmphasis?: string;
textEmphasisColor?: string;
textEmphasisPosition?: string;
textEmphasisStyle?: string;
textIndent?: string;
textJustify?: string;
textOrientation?: string;
textOverflow?: string;
textShadow?: string;
textTransform?: string;
textUnderlineOffset?: string;
textUnderlinePosition?: string;
top?: string;
transform?: string;
transformOrigin?: string;
transformStyle?: string;
transition?: string;
transitionDelay?: string;
transitionDuration?: string;
transitionProperty?: string;
transitionTimingFunction?: string;
translate?: string;
unicodeBidi?: string;
userSelect?: string;
verticalAlign?: string;
visibility?: string;
whiteSpace?: string;
widows?: string;
width?: string;
wordBreak?: string;
wordSpacing?: string;
wordWrap?: string;
writingMode?: string;
zIndex?: string;
zoom?: string;
}
/**
* @class CascadingStyleSheet
* @description Used to create a react CSS.
*/
declare class CascadingStyleSheet implements CSSProps {
accentColor?: string;
alignContent?: string;
alignItems?: string;
alignSelf?: string;
all?: string;
animation?: string;
animationDelay?: string;
animationDirection?: string;
animationDuration?: string;
animationFillMode?: string;
animationIterationCount?: string;
animationName?: string;
animationPlayState?: string;
animationTimingFunction?: string;
aspectRatio?: string;
backdropFilter?: string;
backfaceVisibility?: string;
background?: string;
backgroundAttachment?: string;
backgroundBlendMode?: string;
backgroundClip?: string;
backgroundColor?: string;
backgroundImage?: string;
backgroundOrigin?: string;
backgroundPosition?: string;
backgroundPositionX?: string;
backgroundPositionY?: string;
backgroundRepeat?: string;
backgroundSize?: string;
blockSize?: string;
border?: string;
borderBlock?: string;
borderBlockColor?: string;
borderBlockEnd?: string;
borderBlockEndColor?: string;
borderBlockEndStyle?: string;
borderBlockEndWidth?: string;
borderBlockStart?: string;
borderBlockStartColor?: string;
borderBlockStartStyle?: string;
borderBlockStartWidth?: string;
borderBlockStyle?: string;
borderBlockWidth?: string;
borderBottom?: string;
borderBottomColor?: string;
borderBottomLeftRadius?: string;
borderBottomRightRadius?: string;
borderBottomStyle?: string;
borderBottomWidth?: string;
borderCollapse?: string;
borderColor?: string;
borderEndEndRadius?: string;
borderEndStartRadius?: string;
borderImage?: string;
borderImageOutset?: string;
borderImageRepeat?: string;
borderImageSlice?: string;
borderImageSource?: string;
borderImageWidth?: string;
borderInline?: string;
borderInlineColor?: string;
borderInlineEnd?: string;
borderInlineEndColor?: string;
borderInlineEndStyle?: string;
borderInlineEndWidth?: string;
borderInlineStart?: string;
borderInlineStartColor?: string;
borderInlineStartStyle?: string;
borderInlineStartWidth?: string;
borderInlineStyle?: string;
borderInlineWidth?: string;
borderLeft?: string;
borderLeftColor?: string;
borderLeftStyle?: string;
borderLeftWidth?: string;
borderRadius?: string;
borderRight?: string;
borderRightColor?: string;
borderRightStyle?: string;
borderRightWidth?: string;
borderSpacing?: string;
borderStartEndRadius?: string;
borderStartStartRadius?: string;
borderStyle?: string;
borderTop?: string;
borderTopColor?: string;
borderTopLeftRadius?: string;
borderTopRightRadius?: string;
borderTopStyle?: string;
borderTopWidth?: string;
borderWidth?: string;
bottom?: string;
boxDecorationBreak?: string;
boxReflect?: string;
boxShadow?: string;
boxSizing?: string;
breakAfter?: string;
breakBefore?: string;
breakInside?: string;
captionSide?: string;
caretColor?: string;
clear?: string;
clip?: string;
clipPath?: string;
color?: string;
colorScheme?: string;
columnCount?: string;
columnFill?: string;
columnGap?: string;
columnRule?: string;
columnRuleColor?: string;
columnRuleStyle?: string;
columnRuleWidth?: string;
columnSpan?: string;
columnWidth?: string;
columns?: string;
content?: string;
counterIncrement?: string;
counterReset?: string;
counterSet?: string;
cursor?: string;
direction?: string;
display?: string;
emptyCells?: string;
filter?: string;
flex?: string;
flexBasis?: string;
flexDirection?: string;
flexFlow?: string;
flexGrow?: string;
flexShrink?: string;
flexWrap?: string;
float?: string;
font?: string;
fontFamily?: string;
fontFeatureSettings?: string;
fontKerning?: string;
fontLanguageOverride?: string;
fontSize?: string;
fontSizeAdjust?: string;
fontStretch?: string;
fontStyle?: string;
fontSynthesis?: string;
fontVariant?: string;
fontVariantAlternates?: string;
fontVariantCaps?: string;
fontVariantEastAsian?: string;
fontVariantLigatures?: string;
fontVariantNumeric?: string;
fontVariantPosition?: string;
fontWeight?: string;
gap?: string;
grid?: string;
gridArea?: string;
gridAutoColumns?: string;
gridAutoFlow?: string;
gridAutoRows?: string;
gridColumn?: string;
gridColumnEnd?: string;
gridColumnStart?: string;
gridRow?: string;
gridRowEnd?: string;
gridRowStart?: string;
gridTemplate?: string;
gridTemplateAreas?: string;
gridTemplateColumns?: string;
gridTemplateRows?: string;
hangingPunctuation?: string;
height?: string;
hyphens?: string;
hypenateCharacter?: string;
imageRendering?: string;
initialLetter?: string;
inlineSize?: string;
inset?: string;
insetBlock?: string;
insetBlockEnd?: string;
insetBlockStart?: string;
insetInline?: string;
insetInlineEnd?: string;
insetInlineStart?: string;
isolation?: string;
justifyContent?: string;
justifyItems?: string;
justifySelf?: string;
left?: string;
letterSpacing?: string;
lineBreak?: string;
lineHeight?: string;
listStyle?: string;
listStyleImage?: string;
listStylePosition?: string;
listStyleType?: string;
margin?: string;
marginBlock?: string;
marginBlockEnd?: string;
marginBlockStart?: string;
marginBottom?: string;
marginInline?: string;
marginInlineEnd?: string;
marginInlineStart?: string;
marginLeft?: string;
marginRight?: string;
marginTop?: string;
marker?: string;
markerEnd?: string;
markerMid?: string;
markerStart?: string;
mask?: string;
maskClip?: string;
maskComposite?: string;
maskImage?: string;
maskMode?: string;
maskOrigin?: string;
maskPosition?: string;
maskRepeat?: string;
maskSize?: string;
maskType?: string;
maxHeight?: string;
maxWidth?: string;
maxBlockSize?: string;
maxInlineSize?: string;
minBlockSize?: string;
minInlineSize?: string;
minHeight?: string;
minWidth?: string;
mixBlendMode?: string;
objectFit?: string;
objectPosition?: string;
offset?: string;
offsetAnchor?: string;
offsetDistance?: string;
offsetPath?: string;
offsetPosition?: string;
offsetRotate?: string;
opacity?: string;
order?: string;
orphans?: string;
outline?: string;
outlineColor?: string;
outlineOffset?: string;
outlineStyle?: string;
outlineWidth?: string;
overflow?: string;
overflowAnchor?: string;
overflowWrap?: string;
overflowX?: string;
overflowY?: string;
overscrollBehavior?: string;
overscrollBehaviorBlock?: string;
overscrollBehaviorInline?: string;
overscrollBehaviorX?: string;
overscrollBehaviorY?: string;
padding?: string;
paddingBlock?: string;
paddingBlockEnd?: string;
paddingBlockStart?: string;
paddingBottom?: string;
paddingInline?: string;
paddingInlineEnd?: string;
paddingInlineStart?: string;
paddingLeft?: string;
paddingRight?: string;
paddingTop?: string;
pageBreakAfter?: string;
pageBreakBefore?: string;
pageBreakInside?: string;
paintOrder?: string;
perspective?: string;
perspectiveOrigin?: string;
placeContent?: string;
placeItems?: string;
placeSelf?: string;
pointerEvents?: string;
position?: string;
quotes?: string;
resize?: string;
right?: string;
rotate?: string;
rowGap?: string;
scale?: string;
scrollBehavior?: string;
scrollMargin?: string;
scrollMarginBlock?: string;
scrollMarginBlockEnd?: string;
scrollMarginBlockStart?: string;
scrollMarginBottom?: string;
scrollMarginInline?: string;
scrollMarginInlineEnd?: string;
scrollMarginInlineStart?: string;
scrollMarginLeft?: string;
scrollMarginRight?: string;
scrollMarginTop?: string;
scrollPadding?: string;
scrollPaddingBlock?: string;
scrollPaddingBlockEnd?: string;
scrollPaddingBlockStart?: string;
scrollPaddingBottom?: string;
scrollPaddingInline?: string;
scrollPaddingInlineEnd?: string;
scrollPaddingInlineStart?: string;
scrollPaddingLeft?: string;
scrollPaddingRight?: string;
scrollPaddingTop?: string;
scrollSnapAlign?: string;
scrollSnapStop?: string;
scrollSnapType?: string;
scrollbarColor?: string;
shapeOutside?: string;
tabSize?: string;
tableLayout?: string;
textAlign?: string;
textAlignLast?: string;
textCombineUpright?: string;
textDecoration?: string;
textDecorationColor?: string;
textDecorationLine?: string;
textDecorationStyle?: string;
textDecorationThickness?: string;
textEmphasis?: string;
textEmphasisColor?: string;
textEmphasisPosition?: string;
textEmphasisStyle?: string;
textIndent?: string;
textJustify?: string;
textOrientation?: string;
textOverflow?: string;
textShadow?: string;
textTransform?: string;
textUnderlineOffset?: string;
textUnderlinePosition?: string;
top?: string;
transform?: string;
transformOrigin?: string;
transformStyle?: string;
transition?: string;
transitionDelay?: string;
transitionDuration?: string;
transitionProperty?: string;
transitionTimingFunction?: string;
translate?: string;
unicodeBidi?: string;
userSelect?: string;
verticalAlign?: string;
visibility?: string;
whiteSpace?: string;
widows?: string;
width?: string;
wordBreak?: string;
wordSpacing?: string;
wordWrap?: string;
writingMode?: string;
zIndex?: string;
zoom?: string;
constructor(options: CSSProps);
toKebab(): Record<string, string>;
toStyle(): React.CSSProperties;
}
declare const styling: StyleHelpers;
type StyleHelpers = {
[K in keyof CSSProps]: (value: CSSProps[K]) => CascadingStyleSheet;
};
export { type CSSProps, CascadingStyleSheet, type StyleHelpers, styling };