@react-hive/honey-layout 4.0.0 → 4.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/HoneyBox.d.ts +5 -6
- package/dist/components/HoneyFlexBox.d.ts +2 -8
- package/dist/components/HoneyGrid/HoneyGrid.d.ts +3 -25
- package/dist/components/HoneyGrid/HoneyGridStyled.d.ts +4 -10
- package/dist/components/HoneyGridColumn/HoneyGridColumn.types.d.ts +1 -1
- package/dist/components/HoneyGridColumn/HoneyGridColumnStyled.d.ts +4 -10
- package/dist/components/HoneyLazyContent.d.ts +2 -2
- package/dist/components/HoneyList/HoneyList.d.ts +2 -3
- package/dist/components/HoneyList/HoneyList.types.d.ts +6 -10
- package/dist/components/HoneyList/HoneyListStyled.d.ts +4 -16
- package/dist/components/HoneyLoopingList/HoneyLoopingList.d.ts +3 -6
- package/dist/components/HoneyOverlay.d.ts +5 -5
- package/dist/components/HoneyStatusContent.d.ts +2 -2
- package/dist/contexts/HoneyLayoutContext.d.ts +13 -13
- package/dist/effects.d.ts +4 -4
- package/dist/helpers/helpers.d.ts +32 -31
- package/dist/hooks/use-honey-drag.d.ts +11 -11
- package/dist/hooks/use-honey-media-query.d.ts +2 -2
- package/dist/hooks/use-honey-overlay.d.ts +2 -2
- package/dist/hooks/use-honey-synthetic-scrollable-container.d.ts +4 -4
- package/dist/hooks/use-register-honey-overlay.d.ts +3 -3
- package/dist/index.js +350 -349
- package/dist/providers/HoneyLayoutProvider.d.ts +2 -2
- package/dist/providers/HoneyLayoutThemeOverride.d.ts +3 -3
- package/dist/types/css.types.d.ts +2 -2
- package/dist/types/data.types.d.ts +11 -14
- package/dist/types/state.types.d.ts +2 -2
- package/dist/types/types.d.ts +8 -8
- package/dist/utils.d.ts +20 -20
- package/package.json +10 -10
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { StyledTarget } from 'styled-components/dist/types';
|
|
3
3
|
import { HoneyPrefixedCSSProperties, HoneyEffectResultFn } from '../types';
|
|
4
|
-
export
|
|
4
|
+
export interface HoneyBoxProps extends HoneyPrefixedCSSProperties {
|
|
5
5
|
as?: StyledTarget<'web'>;
|
|
6
6
|
effects?: HoneyEffectResultFn<object>[];
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}>> & string;
|
|
7
|
+
}
|
|
8
|
+
type HoneyBoxInnerProps = HTMLAttributes<HTMLDivElement> & HoneyBoxProps;
|
|
9
|
+
export declare const HoneyBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, HoneyBoxInnerProps>> & string;
|
|
10
|
+
export {};
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
export declare const HoneyFlexBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width" | "$height" | "$margin" | "$marginTop" | "$marginRight" | "$marginBottom" | "$marginLeft" | "$padding" | "$paddingTop" | "$paddingRight" | "$paddingBottom" | "$paddingLeft" | "$top" | "$right" | "$bottom" | "$left" | "$gap" | "$rowGap" | "$columnGap" | "$accentColor" | "$alignContent" | "$alignItems" | "$alignSelf" | "$alignTracks" | "$animationComposition" | "$animationDelay" | "$animationDirection" | "$animationDuration" | "$animationFillMode" | "$animationIterationCount" | "$animationName" | "$animationPlayState" | "$animationRangeEnd" | "$animationRangeStart" | "$animationTimeline" | "$animationTimingFunction" | "$appearance" | "$aspectRatio" | "$backdropFilter" | "$backfaceVisibility" | "$backgroundAttachment" | "$backgroundBlendMode" | "$backgroundClip" | "$backgroundColor" | "$backgroundImage" | "$backgroundOrigin" | "$backgroundPositionX" | "$backgroundPositionY" | "$backgroundRepeat" | "$backgroundSize" | "$blockOverflow" | "$blockSize" | "$borderBlockColor" | "$borderBlockEndColor" | "$borderBlockEndStyle" | "$borderBlockEndWidth" | "$borderBlockStartColor" | "$borderBlockStartStyle" | "$borderBlockStartWidth" | "$borderBlockStyle" | "$borderBlockWidth" | "$borderBottomColor" | "$borderBottomLeftRadius" | "$borderBottomRightRadius" | "$borderBottomStyle" | "$borderBottomWidth" | "$borderCollapse" | "$borderEndEndRadius" | "$borderEndStartRadius" | "$borderImageOutset" | "$borderImageRepeat" | "$borderImageSlice" | "$borderImageSource" | "$borderImageWidth" | "$borderInlineColor" | "$borderInlineEndColor" | "$borderInlineEndStyle" | "$borderInlineEndWidth" | "$borderInlineStartColor" | "$borderInlineStartStyle" | "$borderInlineStartWidth" | "$borderInlineStyle" | "$borderInlineWidth" | "$borderLeftColor" | "$borderLeftStyle" | "$borderLeftWidth" | "$borderRightColor" | "$borderRightStyle" | "$borderRightWidth" | "$borderSpacing" | "$borderStartEndRadius" | "$borderStartStartRadius" | "$borderTopColor" | "$borderTopLeftRadius" | "$borderTopRightRadius" | "$borderTopStyle" | "$borderTopWidth" | "$boxDecorationBreak" | "$boxShadow" | "$boxSizing" | "$breakAfter" | "$breakBefore" | "$breakInside" | "$captionSide" | "$caretColor" | "$caretShape" | "$clear" | "$clipPath" | "$color" | "$colorAdjust" | "$colorScheme" | "$columnCount" | "$columnFill" | "$columnRuleColor" | "$columnRuleStyle" | "$columnRuleWidth" | "$columnSpan" | "$columnWidth" | "$contain" | "$containIntrinsicBlockSize" | "$containIntrinsicHeight" | "$containIntrinsicInlineSize" | "$containIntrinsicWidth" | "$containerName" | "$containerType" | "$content" | "$contentVisibility" | "$counterIncrement" | "$counterReset" | "$counterSet" | "$cursor" | "$direction" | "$display" | "$emptyCells" | "$filter" | "$flexBasis" | "$flexDirection" | "$flexGrow" | "$flexShrink" | "$flexWrap" | "$float" | "$fontFamily" | "$fontFeatureSettings" | "$fontKerning" | "$fontLanguageOverride" | "$fontOpticalSizing" | "$fontPalette" | "$fontSize" | "$fontSizeAdjust" | "$fontSmooth" | "$fontStretch" | "$fontStyle" | "$fontSynthesis" | "$fontSynthesisPosition" | "$fontSynthesisSmallCaps" | "$fontSynthesisStyle" | "$fontSynthesisWeight" | "$fontVariant" | "$fontVariantAlternates" | "$fontVariantCaps" | "$fontVariantEastAsian" | "$fontVariantEmoji" | "$fontVariantLigatures" | "$fontVariantNumeric" | "$fontVariantPosition" | "$fontVariationSettings" | "$fontWeight" | "$forcedColorAdjust" | "$gridAutoColumns" | "$gridAutoFlow" | "$gridAutoRows" | "$gridColumnEnd" | "$gridColumnStart" | "$gridRowEnd" | "$gridRowStart" | "$gridTemplateAreas" | "$gridTemplateColumns" | "$gridTemplateRows" | "$hangingPunctuation" | "$hyphenateCharacter" | "$hyphenateLimitChars" | "$hyphens" | "$imageOrientation" | "$imageRendering" | "$imageResolution" | "$initialLetter" | "$inlineSize" | "$inputSecurity" | "$insetBlockEnd" | "$insetBlockStart" | "$insetInlineEnd" | "$insetInlineStart" | "$isolation" | "$justifyContent" | "$justifyItems" | "$justifySelf" | "$justifyTracks" | "$letterSpacing" | "$lineBreak" | "$lineHeight" | "$lineHeightStep" | "$listStyleImage" | "$listStylePosition" | "$listStyleType" | "$marginBlockEnd" | "$marginBlockStart" | "$marginInlineEnd" | "$marginInlineStart" | "$marginTrim" | "$maskBorderMode" | "$maskBorderOutset" | "$maskBorderRepeat" | "$maskBorderSlice" | "$maskBorderSource" | "$maskBorderWidth" | "$maskClip" | "$maskComposite" | "$maskImage" | "$maskMode" | "$maskOrigin" | "$maskPosition" | "$maskRepeat" | "$maskSize" | "$maskType" | "$masonryAutoFlow" | "$mathDepth" | "$mathShift" | "$mathStyle" | "$maxBlockSize" | "$maxHeight" | "$maxInlineSize" | "$maxLines" | "$maxWidth" | "$minBlockSize" | "$minHeight" | "$minInlineSize" | "$minWidth" | "$mixBlendMode" | "$motionDistance" | "$motionPath" | "$motionRotation" | "$objectFit" | "$objectPosition" | "$offsetAnchor" | "$offsetDistance" | "$offsetPath" | "$offsetPosition" | "$offsetRotate" | "$offsetRotation" | "$opacity" | "$order" | "$orphans" | "$outlineColor" | "$outlineOffset" | "$outlineStyle" | "$outlineWidth" | "$overflowAnchor" | "$overflowBlock" | "$overflowClipBox" | "$overflowClipMargin" | "$overflowInline" | "$overflowWrap" | "$overflowX" | "$overflowY" | "$overlay" | "$overscrollBehaviorBlock" | "$overscrollBehaviorInline" | "$overscrollBehaviorX" | "$overscrollBehaviorY" | "$paddingBlockEnd" | "$paddingBlockStart" | "$paddingInlineEnd" | "$paddingInlineStart" | "$page" | "$pageBreakAfter" | "$pageBreakBefore" | "$pageBreakInside" | "$paintOrder" | "$perspective" | "$perspectiveOrigin" | "$pointerEvents" | "$position" | "$printColorAdjust" | "$quotes" | "$resize" | "$rotate" | "$rubyAlign" | "$rubyMerge" | "$rubyPosition" | "$scale" | "$scrollBehavior" | "$scrollMarginBlockEnd" | "$scrollMarginBlockStart" | "$scrollMarginBottom" | "$scrollMarginInlineEnd" | "$scrollMarginInlineStart" | "$scrollMarginLeft" | "$scrollMarginRight" | "$scrollMarginTop" | "$scrollPaddingBlockEnd" | "$scrollPaddingBlockStart" | "$scrollPaddingBottom" | "$scrollPaddingInlineEnd" | "$scrollPaddingInlineStart" | "$scrollPaddingLeft" | "$scrollPaddingRight" | "$scrollPaddingTop" | "$scrollSnapAlign" | "$scrollSnapMarginBottom" | "$scrollSnapMarginLeft" | "$scrollSnapMarginRight" | "$scrollSnapMarginTop" | "$scrollSnapStop" | "$scrollSnapType" | "$scrollTimelineAxis" | "$scrollTimelineName" | "$scrollbarColor" | "$scrollbarGutter" | "$scrollbarWidth" | "$shapeImageThreshold" | "$shapeMargin" | "$shapeOutside" | "$tabSize" | "$tableLayout" | "$textAlign" | "$textAlignLast" | "$textCombineUpright" | "$textDecorationColor" | "$textDecorationLine" | "$textDecorationSkip" | "$textDecorationSkipInk" | "$textDecorationStyle" | "$textDecorationThickness" | "$textEmphasisColor" | "$textEmphasisPosition" | "$textEmphasisStyle" | "$textIndent" | "$textJustify" | "$textOrientation" | "$textOverflow" | "$textRendering" | "$textShadow" | "$textSizeAdjust" | "$textTransform" | "$textUnderlineOffset" | "$textUnderlinePosition" | "$textWrap" | "$timelineScope" | "$touchAction" | "$transform" | "$transformBox" | "$transformOrigin" | "$transformStyle" | "$transitionBehavior" | "$transitionDelay" | "$transitionDuration" | "$transitionProperty" | "$transitionTimingFunction" | "$translate" | "$unicodeBidi" | "$userSelect" | "$verticalAlign" | "$viewTimelineAxis" | "$viewTimelineInset" | "$viewTimelineName" | "$viewTransitionName" | "$visibility" | "$whiteSpace" | "$whiteSpaceCollapse" | "$whiteSpaceTrim" | "$widows" | "$willChange" | "$wordBreak" | "$wordSpacing" | "$wordWrap" | "$writingMode" | "$zIndex" | "$zoom" | "$all" | "$animation" | "$animationRange" | "$background" | "$backgroundPosition" | "$border" | "$borderBlock" | "$borderBlockEnd" | "$borderBlockStart" | "$borderBottom" | "$borderColor" | "$borderImage" | "$borderInline" | "$borderInlineEnd" | "$borderInlineStart" | "$borderLeft" | "$borderRadius" | "$borderRight" | "$borderStyle" | "$borderTop" | "$borderWidth" | "$caret" | "$columnRule" | "$columns" | "$containIntrinsicSize" | "$container" | "$flex" | "$flexFlow" | "$font" | "$grid" | "$gridArea" | "$gridColumn" | "$gridRow" | "$gridTemplate" | "$inset" | "$insetBlock" | "$insetInline" | "$lineClamp" | "$listStyle" | "$marginBlock" | "$marginInline" | "$mask" | "$maskBorder" | "$motion" | "$offset" | "$outline" | "$overflow" | "$overscrollBehavior" | "$paddingBlock" | "$paddingInline" | "$placeContent" | "$placeItems" | "$placeSelf" | "$scrollMargin" | "$scrollMarginBlock" | "$scrollMarginInline" | "$scrollPadding" | "$scrollPaddingBlock" | "$scrollPaddingInline" | "$scrollSnapMargin" | "$scrollTimeline" | "$textDecoration" | "$textEmphasis" | "$transition" | "$viewTimeline" | "$MozAnimationDelay" | "$MozAnimationDirection" | "$MozAnimationDuration" | "$MozAnimationFillMode" | "$MozAnimationIterationCount" | "$MozAnimationName" | "$MozAnimationPlayState" | "$MozAnimationTimingFunction" | "$MozAppearance" | "$MozBinding" | "$MozBorderBottomColors" | "$MozBorderEndColor" | "$MozBorderEndStyle" | "$MozBorderEndWidth" | "$MozBorderLeftColors" | "$MozBorderRightColors" | "$MozBorderStartColor" | "$MozBorderStartStyle" | "$MozBorderTopColors" | "$MozBoxSizing" | "$MozColumnCount" | "$MozColumnFill" | "$MozColumnRuleColor" | "$MozColumnRuleStyle" | "$MozColumnRuleWidth" | "$MozColumnWidth" | "$MozContextProperties" | "$MozFontFeatureSettings" | "$MozFontLanguageOverride" | "$MozHyphens" | "$MozImageRegion" | "$MozMarginEnd" | "$MozMarginStart" | "$MozOrient" | "$MozOsxFontSmoothing" | "$MozOutlineRadiusBottomleft" | "$MozOutlineRadiusBottomright" | "$MozOutlineRadiusTopleft" | "$MozOutlineRadiusTopright" | "$MozPaddingEnd" | "$MozPaddingStart" | "$MozStackSizing" | "$MozTabSize" | "$MozTextBlink" | "$MozTextSizeAdjust" | "$MozUserFocus" | "$MozUserModify" | "$MozUserSelect" | "$MozWindowDragging" | "$MozWindowShadow" | "$msAccelerator" | "$msBlockProgression" | "$msContentZoomChaining" | "$msContentZoomLimitMax" | "$msContentZoomLimitMin" | "$msContentZoomSnapPoints" | "$msContentZoomSnapType" | "$msContentZooming" | "$msFilter" | "$msFlexDirection" | "$msFlexPositive" | "$msFlowFrom" | "$msFlowInto" | "$msGridColumns" | "$msGridRows" | "$msHighContrastAdjust" | "$msHyphenateLimitChars" | "$msHyphenateLimitLines" | "$msHyphenateLimitZone" | "$msHyphens" | "$msImeAlign" | "$msLineBreak" | "$msOrder" | "$msOverflowStyle" | "$msOverflowX" | "$msOverflowY" | "$msScrollChaining" | "$msScrollLimitXMax" | "$msScrollLimitXMin" | "$msScrollLimitYMax" | "$msScrollLimitYMin" | "$msScrollRails" | "$msScrollSnapPointsX" | "$msScrollSnapPointsY" | "$msScrollSnapType" | "$msScrollTranslation" | "$msScrollbar3dlightColor" | "$msScrollbarArrowColor" | "$msScrollbarBaseColor" | "$msScrollbarDarkshadowColor" | "$msScrollbarFaceColor" | "$msScrollbarHighlightColor" | "$msScrollbarShadowColor" | "$msScrollbarTrackColor" | "$msTextAutospace" | "$msTextCombineHorizontal" | "$msTextOverflow" | "$msTouchAction" | "$msTouchSelect" | "$msTransform" | "$msTransformOrigin" | "$msTransitionDelay" | "$msTransitionDuration" | "$msTransitionProperty" | "$msTransitionTimingFunction" | "$msUserSelect" | "$msWordBreak" | "$msWrapFlow" | "$msWrapMargin" | "$msWrapThrough" | "$msWritingMode" | "$WebkitAlignContent" | "$WebkitAlignItems" | "$WebkitAlignSelf" | "$WebkitAnimationDelay" | "$WebkitAnimationDirection" | "$WebkitAnimationDuration" | "$WebkitAnimationFillMode" | "$WebkitAnimationIterationCount" | "$WebkitAnimationName" | "$WebkitAnimationPlayState" | "$WebkitAnimationTimingFunction" | "$WebkitAppearance" | "$WebkitBackdropFilter" | "$WebkitBackfaceVisibility" | "$WebkitBackgroundClip" | "$WebkitBackgroundOrigin" | "$WebkitBackgroundSize" | "$WebkitBorderBeforeColor" | "$WebkitBorderBeforeStyle" | "$WebkitBorderBeforeWidth" | "$WebkitBorderBottomLeftRadius" | "$WebkitBorderBottomRightRadius" | "$WebkitBorderImageSlice" | "$WebkitBorderTopLeftRadius" | "$WebkitBorderTopRightRadius" | "$WebkitBoxDecorationBreak" | "$WebkitBoxReflect" | "$WebkitBoxShadow" | "$WebkitBoxSizing" | "$WebkitClipPath" | "$WebkitColumnCount" | "$WebkitColumnFill" | "$WebkitColumnRuleColor" | "$WebkitColumnRuleStyle" | "$WebkitColumnRuleWidth" | "$WebkitColumnSpan" | "$WebkitColumnWidth" | "$WebkitFilter" | "$WebkitFlexBasis" | "$WebkitFlexDirection" | "$WebkitFlexGrow" | "$WebkitFlexShrink" | "$WebkitFlexWrap" | "$WebkitFontFeatureSettings" | "$WebkitFontKerning" | "$WebkitFontSmoothing" | "$WebkitFontVariantLigatures" | "$WebkitHyphenateCharacter" | "$WebkitHyphens" | "$WebkitInitialLetter" | "$WebkitJustifyContent" | "$WebkitLineBreak" | "$WebkitLineClamp" | "$WebkitMarginEnd" | "$WebkitMarginStart" | "$WebkitMaskAttachment" | "$WebkitMaskBoxImageOutset" | "$WebkitMaskBoxImageRepeat" | "$WebkitMaskBoxImageSlice" | "$WebkitMaskBoxImageSource" | "$WebkitMaskBoxImageWidth" | "$WebkitMaskClip" | "$WebkitMaskComposite" | "$WebkitMaskImage" | "$WebkitMaskOrigin" | "$WebkitMaskPosition" | "$WebkitMaskPositionX" | "$WebkitMaskPositionY" | "$WebkitMaskRepeat" | "$WebkitMaskRepeatX" | "$WebkitMaskRepeatY" | "$WebkitMaskSize" | "$WebkitMaxInlineSize" | "$WebkitOrder" | "$WebkitOverflowScrolling" | "$WebkitPaddingEnd" | "$WebkitPaddingStart" | "$WebkitPerspective" | "$WebkitPerspectiveOrigin" | "$WebkitPrintColorAdjust" | "$WebkitRubyPosition" | "$WebkitScrollSnapType" | "$WebkitShapeMargin" | "$WebkitTapHighlightColor" | "$WebkitTextCombine" | "$WebkitTextDecorationColor" | "$WebkitTextDecorationLine" | "$WebkitTextDecorationSkip" | "$WebkitTextDecorationStyle" | "$WebkitTextEmphasisColor" | "$WebkitTextEmphasisPosition" | "$WebkitTextEmphasisStyle" | "$WebkitTextFillColor" | "$WebkitTextOrientation" | "$WebkitTextSizeAdjust" | "$WebkitTextStrokeColor" | "$WebkitTextStrokeWidth" | "$WebkitTextUnderlinePosition" | "$WebkitTouchCallout" | "$WebkitTransform" | "$WebkitTransformOrigin" | "$WebkitTransformStyle" | "$WebkitTransitionDelay" | "$WebkitTransitionDuration" | "$WebkitTransitionProperty" | "$WebkitTransitionTimingFunction" | "$WebkitUserModify" | "$WebkitUserSelect" | "$WebkitWritingMode" | "$MozAnimation" | "$MozBorderImage" | "$MozColumnRule" | "$MozColumns" | "$MozOutlineRadius" | "$msContentZoomLimit" | "$msContentZoomSnap" | "$msFlex" | "$msScrollLimit" | "$msScrollSnapX" | "$msScrollSnapY" | "$msTransition" | "$WebkitAnimation" | "$WebkitBorderBefore" | "$WebkitBorderImage" | "$WebkitBorderRadius" | "$WebkitColumnRule" | "$WebkitColumns" | "$WebkitFlex" | "$WebkitFlexFlow" | "$WebkitMask" | "$WebkitMaskBoxImage" | "$WebkitTextEmphasis" | "$WebkitTextStroke" | "$WebkitTransition" | "$azimuth" | "$boxAlign" | "$boxDirection" | "$boxFlex" | "$boxFlexGroup" | "$boxLines" | "$boxOrdinalGroup" | "$boxOrient" | "$boxPack" | "$clip" | "$gridColumnGap" | "$gridGap" | "$gridRowGap" | "$imeMode" | "$offsetBlock" | "$offsetBlockEnd" | "$offsetBlockStart" | "$offsetInline" | "$offsetInlineEnd" | "$offsetInlineStart" | "$scrollSnapCoordinate" | "$scrollSnapDestination" | "$scrollSnapPointsX" | "$scrollSnapPointsY" | "$scrollSnapTypeX" | "$scrollSnapTypeY" | "$KhtmlBoxAlign" | "$KhtmlBoxDirection" | "$KhtmlBoxFlex" | "$KhtmlBoxFlexGroup" | "$KhtmlBoxLines" | "$KhtmlBoxOrdinalGroup" | "$KhtmlBoxOrient" | "$KhtmlBoxPack" | "$KhtmlLineBreak" | "$KhtmlOpacity" | "$KhtmlUserSelect" | "$MozBackfaceVisibility" | "$MozBackgroundClip" | "$MozBackgroundInlinePolicy" | "$MozBackgroundOrigin" | "$MozBackgroundSize" | "$MozBorderRadius" | "$MozBorderRadiusBottomleft" | "$MozBorderRadiusBottomright" | "$MozBorderRadiusTopleft" | "$MozBorderRadiusTopright" | "$MozBoxAlign" | "$MozBoxDirection" | "$MozBoxFlex" | "$MozBoxOrdinalGroup" | "$MozBoxOrient" | "$MozBoxPack" | "$MozBoxShadow" | "$MozFloatEdge" | "$MozForceBrokenImageIcon" | "$MozOpacity" | "$MozOutline" | "$MozOutlineColor" | "$MozOutlineStyle" | "$MozOutlineWidth" | "$MozPerspective" | "$MozPerspectiveOrigin" | "$MozTextAlignLast" | "$MozTextDecorationColor" | "$MozTextDecorationLine" | "$MozTextDecorationStyle" | "$MozTransform" | "$MozTransformOrigin" | "$MozTransformStyle" | "$MozTransition" | "$MozTransitionDelay" | "$MozTransitionDuration" | "$MozTransitionProperty" | "$MozTransitionTimingFunction" | "$MozUserInput" | "$msImeMode" | "$OAnimation" | "$OAnimationDelay" | "$OAnimationDirection" | "$OAnimationDuration" | "$OAnimationFillMode" | "$OAnimationIterationCount" | "$OAnimationName" | "$OAnimationPlayState" | "$OAnimationTimingFunction" | "$OBackgroundSize" | "$OBorderImage" | "$OObjectFit" | "$OObjectPosition" | "$OTabSize" | "$OTextOverflow" | "$OTransform" | "$OTransformOrigin" | "$OTransition" | "$OTransitionDelay" | "$OTransitionDuration" | "$OTransitionProperty" | "$OTransitionTimingFunction" | "$WebkitBoxAlign" | "$WebkitBoxDirection" | "$WebkitBoxFlex" | "$WebkitBoxFlexGroup" | "$WebkitBoxLines" | "$WebkitBoxOrdinalGroup" | "$WebkitBoxOrient" | "$WebkitBoxPack" | "$alignmentBaseline" | "$baselineShift" | "$clipRule" | "$colorInterpolation" | "$colorRendering" | "$dominantBaseline" | "$fill" | "$fillOpacity" | "$fillRule" | "$floodColor" | "$floodOpacity" | "$glyphOrientationVertical" | "$lightingColor" | "$marker" | "$markerEnd" | "$markerMid" | "$markerStart" | "$shapeRendering" | "$stopColor" | "$stopOpacity" | "$stroke" | "$strokeDasharray" | "$strokeDashoffset" | "$strokeLinecap" | "$strokeLinejoin" | "$strokeMiterlimit" | "$strokeOpacity" | "$strokeWidth" | "$textAnchor" | "$vectorEffect" | "as" | keyof import('react').HTMLAttributes<HTMLDivElement> | "effects"> & import('react').HTMLAttributes<HTMLDivElement> & import('..').HoneyPrefixedCSSProperties & {
|
|
2
|
-
as?: import('styled-components/dist/types').StyledTarget<"web">;
|
|
3
|
-
effects?: import('..').HoneyEffectResultFn<object>[];
|
|
4
|
-
}, "ref"> & {
|
|
1
|
+
export declare const HoneyFlexBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('./HoneyBox').HoneyBoxProps> & import('react').HTMLAttributes<HTMLDivElement> & import('./HoneyBox').HoneyBoxProps, "ref"> & {
|
|
5
2
|
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
6
|
-
}, Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width" | "$height" | "$margin" | "$marginTop" | "$marginRight" | "$marginBottom" | "$marginLeft" | "$padding" | "$paddingTop" | "$paddingRight" | "$paddingBottom" | "$paddingLeft" | "$top" | "$right" | "$bottom" | "$left" | "$gap" | "$rowGap" | "$columnGap" | "$accentColor" | "$alignContent" | "$alignItems" | "$alignSelf" | "$alignTracks" | "$animationComposition" | "$animationDelay" | "$animationDirection" | "$animationDuration" | "$animationFillMode" | "$animationIterationCount" | "$animationName" | "$animationPlayState" | "$animationRangeEnd" | "$animationRangeStart" | "$animationTimeline" | "$animationTimingFunction" | "$appearance" | "$aspectRatio" | "$backdropFilter" | "$backfaceVisibility" | "$backgroundAttachment" | "$backgroundBlendMode" | "$backgroundClip" | "$backgroundColor" | "$backgroundImage" | "$backgroundOrigin" | "$backgroundPositionX" | "$backgroundPositionY" | "$backgroundRepeat" | "$backgroundSize" | "$blockOverflow" | "$blockSize" | "$borderBlockColor" | "$borderBlockEndColor" | "$borderBlockEndStyle" | "$borderBlockEndWidth" | "$borderBlockStartColor" | "$borderBlockStartStyle" | "$borderBlockStartWidth" | "$borderBlockStyle" | "$borderBlockWidth" | "$borderBottomColor" | "$borderBottomLeftRadius" | "$borderBottomRightRadius" | "$borderBottomStyle" | "$borderBottomWidth" | "$borderCollapse" | "$borderEndEndRadius" | "$borderEndStartRadius" | "$borderImageOutset" | "$borderImageRepeat" | "$borderImageSlice" | "$borderImageSource" | "$borderImageWidth" | "$borderInlineColor" | "$borderInlineEndColor" | "$borderInlineEndStyle" | "$borderInlineEndWidth" | "$borderInlineStartColor" | "$borderInlineStartStyle" | "$borderInlineStartWidth" | "$borderInlineStyle" | "$borderInlineWidth" | "$borderLeftColor" | "$borderLeftStyle" | "$borderLeftWidth" | "$borderRightColor" | "$borderRightStyle" | "$borderRightWidth" | "$borderSpacing" | "$borderStartEndRadius" | "$borderStartStartRadius" | "$borderTopColor" | "$borderTopLeftRadius" | "$borderTopRightRadius" | "$borderTopStyle" | "$borderTopWidth" | "$boxDecorationBreak" | "$boxShadow" | "$boxSizing" | "$breakAfter" | "$breakBefore" | "$breakInside" | "$captionSide" | "$caretColor" | "$caretShape" | "$clear" | "$clipPath" | "$color" | "$colorAdjust" | "$colorScheme" | "$columnCount" | "$columnFill" | "$columnRuleColor" | "$columnRuleStyle" | "$columnRuleWidth" | "$columnSpan" | "$columnWidth" | "$contain" | "$containIntrinsicBlockSize" | "$containIntrinsicHeight" | "$containIntrinsicInlineSize" | "$containIntrinsicWidth" | "$containerName" | "$containerType" | "$content" | "$contentVisibility" | "$counterIncrement" | "$counterReset" | "$counterSet" | "$cursor" | "$direction" | "$display" | "$emptyCells" | "$filter" | "$flexBasis" | "$flexDirection" | "$flexGrow" | "$flexShrink" | "$flexWrap" | "$float" | "$fontFamily" | "$fontFeatureSettings" | "$fontKerning" | "$fontLanguageOverride" | "$fontOpticalSizing" | "$fontPalette" | "$fontSize" | "$fontSizeAdjust" | "$fontSmooth" | "$fontStretch" | "$fontStyle" | "$fontSynthesis" | "$fontSynthesisPosition" | "$fontSynthesisSmallCaps" | "$fontSynthesisStyle" | "$fontSynthesisWeight" | "$fontVariant" | "$fontVariantAlternates" | "$fontVariantCaps" | "$fontVariantEastAsian" | "$fontVariantEmoji" | "$fontVariantLigatures" | "$fontVariantNumeric" | "$fontVariantPosition" | "$fontVariationSettings" | "$fontWeight" | "$forcedColorAdjust" | "$gridAutoColumns" | "$gridAutoFlow" | "$gridAutoRows" | "$gridColumnEnd" | "$gridColumnStart" | "$gridRowEnd" | "$gridRowStart" | "$gridTemplateAreas" | "$gridTemplateColumns" | "$gridTemplateRows" | "$hangingPunctuation" | "$hyphenateCharacter" | "$hyphenateLimitChars" | "$hyphens" | "$imageOrientation" | "$imageRendering" | "$imageResolution" | "$initialLetter" | "$inlineSize" | "$inputSecurity" | "$insetBlockEnd" | "$insetBlockStart" | "$insetInlineEnd" | "$insetInlineStart" | "$isolation" | "$justifyContent" | "$justifyItems" | "$justifySelf" | "$justifyTracks" | "$letterSpacing" | "$lineBreak" | "$lineHeight" | "$lineHeightStep" | "$listStyleImage" | "$listStylePosition" | "$listStyleType" | "$marginBlockEnd" | "$marginBlockStart" | "$marginInlineEnd" | "$marginInlineStart" | "$marginTrim" | "$maskBorderMode" | "$maskBorderOutset" | "$maskBorderRepeat" | "$maskBorderSlice" | "$maskBorderSource" | "$maskBorderWidth" | "$maskClip" | "$maskComposite" | "$maskImage" | "$maskMode" | "$maskOrigin" | "$maskPosition" | "$maskRepeat" | "$maskSize" | "$maskType" | "$masonryAutoFlow" | "$mathDepth" | "$mathShift" | "$mathStyle" | "$maxBlockSize" | "$maxHeight" | "$maxInlineSize" | "$maxLines" | "$maxWidth" | "$minBlockSize" | "$minHeight" | "$minInlineSize" | "$minWidth" | "$mixBlendMode" | "$motionDistance" | "$motionPath" | "$motionRotation" | "$objectFit" | "$objectPosition" | "$offsetAnchor" | "$offsetDistance" | "$offsetPath" | "$offsetPosition" | "$offsetRotate" | "$offsetRotation" | "$opacity" | "$order" | "$orphans" | "$outlineColor" | "$outlineOffset" | "$outlineStyle" | "$outlineWidth" | "$overflowAnchor" | "$overflowBlock" | "$overflowClipBox" | "$overflowClipMargin" | "$overflowInline" | "$overflowWrap" | "$overflowX" | "$overflowY" | "$overlay" | "$overscrollBehaviorBlock" | "$overscrollBehaviorInline" | "$overscrollBehaviorX" | "$overscrollBehaviorY" | "$paddingBlockEnd" | "$paddingBlockStart" | "$paddingInlineEnd" | "$paddingInlineStart" | "$page" | "$pageBreakAfter" | "$pageBreakBefore" | "$pageBreakInside" | "$paintOrder" | "$perspective" | "$perspectiveOrigin" | "$pointerEvents" | "$position" | "$printColorAdjust" | "$quotes" | "$resize" | "$rotate" | "$rubyAlign" | "$rubyMerge" | "$rubyPosition" | "$scale" | "$scrollBehavior" | "$scrollMarginBlockEnd" | "$scrollMarginBlockStart" | "$scrollMarginBottom" | "$scrollMarginInlineEnd" | "$scrollMarginInlineStart" | "$scrollMarginLeft" | "$scrollMarginRight" | "$scrollMarginTop" | "$scrollPaddingBlockEnd" | "$scrollPaddingBlockStart" | "$scrollPaddingBottom" | "$scrollPaddingInlineEnd" | "$scrollPaddingInlineStart" | "$scrollPaddingLeft" | "$scrollPaddingRight" | "$scrollPaddingTop" | "$scrollSnapAlign" | "$scrollSnapMarginBottom" | "$scrollSnapMarginLeft" | "$scrollSnapMarginRight" | "$scrollSnapMarginTop" | "$scrollSnapStop" | "$scrollSnapType" | "$scrollTimelineAxis" | "$scrollTimelineName" | "$scrollbarColor" | "$scrollbarGutter" | "$scrollbarWidth" | "$shapeImageThreshold" | "$shapeMargin" | "$shapeOutside" | "$tabSize" | "$tableLayout" | "$textAlign" | "$textAlignLast" | "$textCombineUpright" | "$textDecorationColor" | "$textDecorationLine" | "$textDecorationSkip" | "$textDecorationSkipInk" | "$textDecorationStyle" | "$textDecorationThickness" | "$textEmphasisColor" | "$textEmphasisPosition" | "$textEmphasisStyle" | "$textIndent" | "$textJustify" | "$textOrientation" | "$textOverflow" | "$textRendering" | "$textShadow" | "$textSizeAdjust" | "$textTransform" | "$textUnderlineOffset" | "$textUnderlinePosition" | "$textWrap" | "$timelineScope" | "$touchAction" | "$transform" | "$transformBox" | "$transformOrigin" | "$transformStyle" | "$transitionBehavior" | "$transitionDelay" | "$transitionDuration" | "$transitionProperty" | "$transitionTimingFunction" | "$translate" | "$unicodeBidi" | "$userSelect" | "$verticalAlign" | "$viewTimelineAxis" | "$viewTimelineInset" | "$viewTimelineName" | "$viewTransitionName" | "$visibility" | "$whiteSpace" | "$whiteSpaceCollapse" | "$whiteSpaceTrim" | "$widows" | "$willChange" | "$wordBreak" | "$wordSpacing" | "$wordWrap" | "$writingMode" | "$zIndex" | "$zoom" | "$all" | "$animation" | "$animationRange" | "$background" | "$backgroundPosition" | "$border" | "$borderBlock" | "$borderBlockEnd" | "$borderBlockStart" | "$borderBottom" | "$borderColor" | "$borderImage" | "$borderInline" | "$borderInlineEnd" | "$borderInlineStart" | "$borderLeft" | "$borderRadius" | "$borderRight" | "$borderStyle" | "$borderTop" | "$borderWidth" | "$caret" | "$columnRule" | "$columns" | "$containIntrinsicSize" | "$container" | "$flex" | "$flexFlow" | "$font" | "$grid" | "$gridArea" | "$gridColumn" | "$gridRow" | "$gridTemplate" | "$inset" | "$insetBlock" | "$insetInline" | "$lineClamp" | "$listStyle" | "$marginBlock" | "$marginInline" | "$mask" | "$maskBorder" | "$motion" | "$offset" | "$outline" | "$overflow" | "$overscrollBehavior" | "$paddingBlock" | "$paddingInline" | "$placeContent" | "$placeItems" | "$placeSelf" | "$scrollMargin" | "$scrollMarginBlock" | "$scrollMarginInline" | "$scrollPadding" | "$scrollPaddingBlock" | "$scrollPaddingInline" | "$scrollSnapMargin" | "$scrollTimeline" | "$textDecoration" | "$textEmphasis" | "$transition" | "$viewTimeline" | "$MozAnimationDelay" | "$MozAnimationDirection" | "$MozAnimationDuration" | "$MozAnimationFillMode" | "$MozAnimationIterationCount" | "$MozAnimationName" | "$MozAnimationPlayState" | "$MozAnimationTimingFunction" | "$MozAppearance" | "$MozBinding" | "$MozBorderBottomColors" | "$MozBorderEndColor" | "$MozBorderEndStyle" | "$MozBorderEndWidth" | "$MozBorderLeftColors" | "$MozBorderRightColors" | "$MozBorderStartColor" | "$MozBorderStartStyle" | "$MozBorderTopColors" | "$MozBoxSizing" | "$MozColumnCount" | "$MozColumnFill" | "$MozColumnRuleColor" | "$MozColumnRuleStyle" | "$MozColumnRuleWidth" | "$MozColumnWidth" | "$MozContextProperties" | "$MozFontFeatureSettings" | "$MozFontLanguageOverride" | "$MozHyphens" | "$MozImageRegion" | "$MozMarginEnd" | "$MozMarginStart" | "$MozOrient" | "$MozOsxFontSmoothing" | "$MozOutlineRadiusBottomleft" | "$MozOutlineRadiusBottomright" | "$MozOutlineRadiusTopleft" | "$MozOutlineRadiusTopright" | "$MozPaddingEnd" | "$MozPaddingStart" | "$MozStackSizing" | "$MozTabSize" | "$MozTextBlink" | "$MozTextSizeAdjust" | "$MozUserFocus" | "$MozUserModify" | "$MozUserSelect" | "$MozWindowDragging" | "$MozWindowShadow" | "$msAccelerator" | "$msBlockProgression" | "$msContentZoomChaining" | "$msContentZoomLimitMax" | "$msContentZoomLimitMin" | "$msContentZoomSnapPoints" | "$msContentZoomSnapType" | "$msContentZooming" | "$msFilter" | "$msFlexDirection" | "$msFlexPositive" | "$msFlowFrom" | "$msFlowInto" | "$msGridColumns" | "$msGridRows" | "$msHighContrastAdjust" | "$msHyphenateLimitChars" | "$msHyphenateLimitLines" | "$msHyphenateLimitZone" | "$msHyphens" | "$msImeAlign" | "$msLineBreak" | "$msOrder" | "$msOverflowStyle" | "$msOverflowX" | "$msOverflowY" | "$msScrollChaining" | "$msScrollLimitXMax" | "$msScrollLimitXMin" | "$msScrollLimitYMax" | "$msScrollLimitYMin" | "$msScrollRails" | "$msScrollSnapPointsX" | "$msScrollSnapPointsY" | "$msScrollSnapType" | "$msScrollTranslation" | "$msScrollbar3dlightColor" | "$msScrollbarArrowColor" | "$msScrollbarBaseColor" | "$msScrollbarDarkshadowColor" | "$msScrollbarFaceColor" | "$msScrollbarHighlightColor" | "$msScrollbarShadowColor" | "$msScrollbarTrackColor" | "$msTextAutospace" | "$msTextCombineHorizontal" | "$msTextOverflow" | "$msTouchAction" | "$msTouchSelect" | "$msTransform" | "$msTransformOrigin" | "$msTransitionDelay" | "$msTransitionDuration" | "$msTransitionProperty" | "$msTransitionTimingFunction" | "$msUserSelect" | "$msWordBreak" | "$msWrapFlow" | "$msWrapMargin" | "$msWrapThrough" | "$msWritingMode" | "$WebkitAlignContent" | "$WebkitAlignItems" | "$WebkitAlignSelf" | "$WebkitAnimationDelay" | "$WebkitAnimationDirection" | "$WebkitAnimationDuration" | "$WebkitAnimationFillMode" | "$WebkitAnimationIterationCount" | "$WebkitAnimationName" | "$WebkitAnimationPlayState" | "$WebkitAnimationTimingFunction" | "$WebkitAppearance" | "$WebkitBackdropFilter" | "$WebkitBackfaceVisibility" | "$WebkitBackgroundClip" | "$WebkitBackgroundOrigin" | "$WebkitBackgroundSize" | "$WebkitBorderBeforeColor" | "$WebkitBorderBeforeStyle" | "$WebkitBorderBeforeWidth" | "$WebkitBorderBottomLeftRadius" | "$WebkitBorderBottomRightRadius" | "$WebkitBorderImageSlice" | "$WebkitBorderTopLeftRadius" | "$WebkitBorderTopRightRadius" | "$WebkitBoxDecorationBreak" | "$WebkitBoxReflect" | "$WebkitBoxShadow" | "$WebkitBoxSizing" | "$WebkitClipPath" | "$WebkitColumnCount" | "$WebkitColumnFill" | "$WebkitColumnRuleColor" | "$WebkitColumnRuleStyle" | "$WebkitColumnRuleWidth" | "$WebkitColumnSpan" | "$WebkitColumnWidth" | "$WebkitFilter" | "$WebkitFlexBasis" | "$WebkitFlexDirection" | "$WebkitFlexGrow" | "$WebkitFlexShrink" | "$WebkitFlexWrap" | "$WebkitFontFeatureSettings" | "$WebkitFontKerning" | "$WebkitFontSmoothing" | "$WebkitFontVariantLigatures" | "$WebkitHyphenateCharacter" | "$WebkitHyphens" | "$WebkitInitialLetter" | "$WebkitJustifyContent" | "$WebkitLineBreak" | "$WebkitLineClamp" | "$WebkitMarginEnd" | "$WebkitMarginStart" | "$WebkitMaskAttachment" | "$WebkitMaskBoxImageOutset" | "$WebkitMaskBoxImageRepeat" | "$WebkitMaskBoxImageSlice" | "$WebkitMaskBoxImageSource" | "$WebkitMaskBoxImageWidth" | "$WebkitMaskClip" | "$WebkitMaskComposite" | "$WebkitMaskImage" | "$WebkitMaskOrigin" | "$WebkitMaskPosition" | "$WebkitMaskPositionX" | "$WebkitMaskPositionY" | "$WebkitMaskRepeat" | "$WebkitMaskRepeatX" | "$WebkitMaskRepeatY" | "$WebkitMaskSize" | "$WebkitMaxInlineSize" | "$WebkitOrder" | "$WebkitOverflowScrolling" | "$WebkitPaddingEnd" | "$WebkitPaddingStart" | "$WebkitPerspective" | "$WebkitPerspectiveOrigin" | "$WebkitPrintColorAdjust" | "$WebkitRubyPosition" | "$WebkitScrollSnapType" | "$WebkitShapeMargin" | "$WebkitTapHighlightColor" | "$WebkitTextCombine" | "$WebkitTextDecorationColor" | "$WebkitTextDecorationLine" | "$WebkitTextDecorationSkip" | "$WebkitTextDecorationStyle" | "$WebkitTextEmphasisColor" | "$WebkitTextEmphasisPosition" | "$WebkitTextEmphasisStyle" | "$WebkitTextFillColor" | "$WebkitTextOrientation" | "$WebkitTextSizeAdjust" | "$WebkitTextStrokeColor" | "$WebkitTextStrokeWidth" | "$WebkitTextUnderlinePosition" | "$WebkitTouchCallout" | "$WebkitTransform" | "$WebkitTransformOrigin" | "$WebkitTransformStyle" | "$WebkitTransitionDelay" | "$WebkitTransitionDuration" | "$WebkitTransitionProperty" | "$WebkitTransitionTimingFunction" | "$WebkitUserModify" | "$WebkitUserSelect" | "$WebkitWritingMode" | "$MozAnimation" | "$MozBorderImage" | "$MozColumnRule" | "$MozColumns" | "$MozOutlineRadius" | "$msContentZoomLimit" | "$msContentZoomSnap" | "$msFlex" | "$msScrollLimit" | "$msScrollSnapX" | "$msScrollSnapY" | "$msTransition" | "$WebkitAnimation" | "$WebkitBorderBefore" | "$WebkitBorderImage" | "$WebkitBorderRadius" | "$WebkitColumnRule" | "$WebkitColumns" | "$WebkitFlex" | "$WebkitFlexFlow" | "$WebkitMask" | "$WebkitMaskBoxImage" | "$WebkitTextEmphasis" | "$WebkitTextStroke" | "$WebkitTransition" | "$azimuth" | "$boxAlign" | "$boxDirection" | "$boxFlex" | "$boxFlexGroup" | "$boxLines" | "$boxOrdinalGroup" | "$boxOrient" | "$boxPack" | "$clip" | "$gridColumnGap" | "$gridGap" | "$gridRowGap" | "$imeMode" | "$offsetBlock" | "$offsetBlockEnd" | "$offsetBlockStart" | "$offsetInline" | "$offsetInlineEnd" | "$offsetInlineStart" | "$scrollSnapCoordinate" | "$scrollSnapDestination" | "$scrollSnapPointsX" | "$scrollSnapPointsY" | "$scrollSnapTypeX" | "$scrollSnapTypeY" | "$KhtmlBoxAlign" | "$KhtmlBoxDirection" | "$KhtmlBoxFlex" | "$KhtmlBoxFlexGroup" | "$KhtmlBoxLines" | "$KhtmlBoxOrdinalGroup" | "$KhtmlBoxOrient" | "$KhtmlBoxPack" | "$KhtmlLineBreak" | "$KhtmlOpacity" | "$KhtmlUserSelect" | "$MozBackfaceVisibility" | "$MozBackgroundClip" | "$MozBackgroundInlinePolicy" | "$MozBackgroundOrigin" | "$MozBackgroundSize" | "$MozBorderRadius" | "$MozBorderRadiusBottomleft" | "$MozBorderRadiusBottomright" | "$MozBorderRadiusTopleft" | "$MozBorderRadiusTopright" | "$MozBoxAlign" | "$MozBoxDirection" | "$MozBoxFlex" | "$MozBoxOrdinalGroup" | "$MozBoxOrient" | "$MozBoxPack" | "$MozBoxShadow" | "$MozFloatEdge" | "$MozForceBrokenImageIcon" | "$MozOpacity" | "$MozOutline" | "$MozOutlineColor" | "$MozOutlineStyle" | "$MozOutlineWidth" | "$MozPerspective" | "$MozPerspectiveOrigin" | "$MozTextAlignLast" | "$MozTextDecorationColor" | "$MozTextDecorationLine" | "$MozTextDecorationStyle" | "$MozTransform" | "$MozTransformOrigin" | "$MozTransformStyle" | "$MozTransition" | "$MozTransitionDelay" | "$MozTransitionDuration" | "$MozTransitionProperty" | "$MozTransitionTimingFunction" | "$MozUserInput" | "$msImeMode" | "$OAnimation" | "$OAnimationDelay" | "$OAnimationDirection" | "$OAnimationDuration" | "$OAnimationFillMode" | "$OAnimationIterationCount" | "$OAnimationName" | "$OAnimationPlayState" | "$OAnimationTimingFunction" | "$OBackgroundSize" | "$OBorderImage" | "$OObjectFit" | "$OObjectPosition" | "$OTabSize" | "$OTextOverflow" | "$OTransform" | "$OTransformOrigin" | "$OTransition" | "$OTransitionDelay" | "$OTransitionDuration" | "$OTransitionProperty" | "$OTransitionTimingFunction" | "$WebkitBoxAlign" | "$WebkitBoxDirection" | "$WebkitBoxFlex" | "$WebkitBoxFlexGroup" | "$WebkitBoxLines" | "$WebkitBoxOrdinalGroup" | "$WebkitBoxOrient" | "$WebkitBoxPack" | "$alignmentBaseline" | "$baselineShift" | "$clipRule" | "$colorInterpolation" | "$colorRendering" | "$dominantBaseline" | "$fill" | "$fillOpacity" | "$fillRule" | "$floodColor" | "$floodOpacity" | "$glyphOrientationVertical" | "$lightingColor" | "$marker" | "$markerEnd" | "$markerMid" | "$markerStart" | "$shapeRendering" | "$stopColor" | "$stopOpacity" | "$stroke" | "$strokeDasharray" | "$strokeDashoffset" | "$strokeLinecap" | "$strokeLinejoin" | "$strokeMiterlimit" | "$strokeOpacity" | "$strokeWidth" | "$textAnchor" | "$vectorEffect" | "as" | keyof import('react').HTMLAttributes<HTMLDivElement> | "effects"> & import('react').HTMLAttributes<HTMLDivElement> & import('..').HoneyPrefixedCSSProperties & {
|
|
7
|
-
as?: import('styled-components/dist/types').StyledTarget<"web">;
|
|
8
|
-
effects?: import('..').HoneyEffectResultFn<object>[];
|
|
9
|
-
}, "ref"> & {
|
|
3
|
+
}, Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('./HoneyBox').HoneyBoxProps> & import('react').HTMLAttributes<HTMLDivElement> & import('./HoneyBox').HoneyBoxProps, "ref"> & {
|
|
10
4
|
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
11
5
|
}>, never>, never>> & string;
|
|
@@ -9,7 +9,7 @@ type HoneyGridContextValue = {
|
|
|
9
9
|
applyColumnMaxWidth: HoneyBreakpointName | false;
|
|
10
10
|
};
|
|
11
11
|
export declare const HoneyGridContext: React.Context<HoneyGridContextValue | undefined>;
|
|
12
|
-
export
|
|
12
|
+
export interface HoneyGridProps extends HoneyGridStyledProps {
|
|
13
13
|
/**
|
|
14
14
|
* The number of columns in the grid layout.
|
|
15
15
|
*/
|
|
@@ -27,30 +27,8 @@ export type HoneyGridProps = HoneyGridStyledProps & {
|
|
|
27
27
|
* @default false
|
|
28
28
|
*/
|
|
29
29
|
applyColumnMaxWidth?: HoneyGridColumnStyledProps['applyMaxWidth'];
|
|
30
|
-
}
|
|
31
|
-
export declare const HoneyGrid: React.ForwardRefExoticComponent<
|
|
32
|
-
columnHeight?: import('csstype').Properties["height"];
|
|
33
|
-
minColumnHeight?: import('csstype').Properties["minHeight"];
|
|
34
|
-
spacing?: number;
|
|
35
|
-
} & {
|
|
36
|
-
/**
|
|
37
|
-
* The number of columns in the grid layout.
|
|
38
|
-
*/
|
|
39
|
-
columns: number;
|
|
40
|
-
/**
|
|
41
|
-
* Specifies whether columns should grow to fill available space.
|
|
42
|
-
*
|
|
43
|
-
* @default true
|
|
44
|
-
*/
|
|
45
|
-
isColumnGrowing?: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Specifies the breakpoint at which the max-width should be applied to the columns or disables it if set to `false`.
|
|
48
|
-
* Can be a breakpoint name.
|
|
49
|
-
*
|
|
50
|
-
* @default false
|
|
51
|
-
*/
|
|
52
|
-
applyColumnMaxWidth?: HoneyGridColumnStyledProps["applyMaxWidth"];
|
|
53
|
-
} & {
|
|
30
|
+
}
|
|
31
|
+
export declare const HoneyGrid: React.ForwardRefExoticComponent<HoneyGridProps & {
|
|
54
32
|
children?: React.ReactNode | undefined;
|
|
55
33
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
56
34
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { HoneyBoxProps } from '../HoneyBox';
|
|
3
3
|
import * as CSS from 'csstype';
|
|
4
|
-
export
|
|
4
|
+
export interface HoneyGridStyledProps extends HTMLAttributes<HTMLDivElement>, Omit<HoneyBoxProps, '$gap'> {
|
|
5
5
|
/**
|
|
6
6
|
* The height of each grid column.
|
|
7
7
|
*/
|
|
@@ -16,15 +16,9 @@ export type HoneyGridStyledProps = HTMLAttributes<HTMLDivElement> & Omit<HoneyBo
|
|
|
16
16
|
* @default 0
|
|
17
17
|
*/
|
|
18
18
|
spacing?: number;
|
|
19
|
-
}
|
|
20
|
-
export declare const HoneyGridStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width" | "$height" | "$margin" | "$marginTop" | "$marginRight" | "$marginBottom" | "$marginLeft" | "$padding" | "$paddingTop" | "$paddingRight" | "$paddingBottom" | "$paddingLeft" | "$top" | "$right" | "$bottom" | "$left" | "$gap" | "$rowGap" | "$columnGap" | "$accentColor" | "$alignContent" | "$alignItems" | "$alignSelf" | "$alignTracks" | "$animationComposition" | "$animationDelay" | "$animationDirection" | "$animationDuration" | "$animationFillMode" | "$animationIterationCount" | "$animationName" | "$animationPlayState" | "$animationRangeEnd" | "$animationRangeStart" | "$animationTimeline" | "$animationTimingFunction" | "$appearance" | "$aspectRatio" | "$backdropFilter" | "$backfaceVisibility" | "$backgroundAttachment" | "$backgroundBlendMode" | "$backgroundClip" | "$backgroundColor" | "$backgroundImage" | "$backgroundOrigin" | "$backgroundPositionX" | "$backgroundPositionY" | "$backgroundRepeat" | "$backgroundSize" | "$blockOverflow" | "$blockSize" | "$borderBlockColor" | "$borderBlockEndColor" | "$borderBlockEndStyle" | "$borderBlockEndWidth" | "$borderBlockStartColor" | "$borderBlockStartStyle" | "$borderBlockStartWidth" | "$borderBlockStyle" | "$borderBlockWidth" | "$borderBottomColor" | "$borderBottomLeftRadius" | "$borderBottomRightRadius" | "$borderBottomStyle" | "$borderBottomWidth" | "$borderCollapse" | "$borderEndEndRadius" | "$borderEndStartRadius" | "$borderImageOutset" | "$borderImageRepeat" | "$borderImageSlice" | "$borderImageSource" | "$borderImageWidth" | "$borderInlineColor" | "$borderInlineEndColor" | "$borderInlineEndStyle" | "$borderInlineEndWidth" | "$borderInlineStartColor" | "$borderInlineStartStyle" | "$borderInlineStartWidth" | "$borderInlineStyle" | "$borderInlineWidth" | "$borderLeftColor" | "$borderLeftStyle" | "$borderLeftWidth" | "$borderRightColor" | "$borderRightStyle" | "$borderRightWidth" | "$borderSpacing" | "$borderStartEndRadius" | "$borderStartStartRadius" | "$borderTopColor" | "$borderTopLeftRadius" | "$borderTopRightRadius" | "$borderTopStyle" | "$borderTopWidth" | "$boxDecorationBreak" | "$boxShadow" | "$boxSizing" | "$breakAfter" | "$breakBefore" | "$breakInside" | "$captionSide" | "$caretColor" | "$caretShape" | "$clear" | "$clipPath" | "$color" | "$colorAdjust" | "$colorScheme" | "$columnCount" | "$columnFill" | "$columnRuleColor" | "$columnRuleStyle" | "$columnRuleWidth" | "$columnSpan" | "$columnWidth" | "$contain" | "$containIntrinsicBlockSize" | "$containIntrinsicHeight" | "$containIntrinsicInlineSize" | "$containIntrinsicWidth" | "$containerName" | "$containerType" | "$content" | "$contentVisibility" | "$counterIncrement" | "$counterReset" | "$counterSet" | "$cursor" | "$direction" | "$display" | "$emptyCells" | "$filter" | "$flexBasis" | "$flexDirection" | "$flexGrow" | "$flexShrink" | "$flexWrap" | "$float" | "$fontFamily" | "$fontFeatureSettings" | "$fontKerning" | "$fontLanguageOverride" | "$fontOpticalSizing" | "$fontPalette" | "$fontSize" | "$fontSizeAdjust" | "$fontSmooth" | "$fontStretch" | "$fontStyle" | "$fontSynthesis" | "$fontSynthesisPosition" | "$fontSynthesisSmallCaps" | "$fontSynthesisStyle" | "$fontSynthesisWeight" | "$fontVariant" | "$fontVariantAlternates" | "$fontVariantCaps" | "$fontVariantEastAsian" | "$fontVariantEmoji" | "$fontVariantLigatures" | "$fontVariantNumeric" | "$fontVariantPosition" | "$fontVariationSettings" | "$fontWeight" | "$forcedColorAdjust" | "$gridAutoColumns" | "$gridAutoFlow" | "$gridAutoRows" | "$gridColumnEnd" | "$gridColumnStart" | "$gridRowEnd" | "$gridRowStart" | "$gridTemplateAreas" | "$gridTemplateColumns" | "$gridTemplateRows" | "$hangingPunctuation" | "$hyphenateCharacter" | "$hyphenateLimitChars" | "$hyphens" | "$imageOrientation" | "$imageRendering" | "$imageResolution" | "$initialLetter" | "$inlineSize" | "$inputSecurity" | "$insetBlockEnd" | "$insetBlockStart" | "$insetInlineEnd" | "$insetInlineStart" | "$isolation" | "$justifyContent" | "$justifyItems" | "$justifySelf" | "$justifyTracks" | "$letterSpacing" | "$lineBreak" | "$lineHeight" | "$lineHeightStep" | "$listStyleImage" | "$listStylePosition" | "$listStyleType" | "$marginBlockEnd" | "$marginBlockStart" | "$marginInlineEnd" | "$marginInlineStart" | "$marginTrim" | "$maskBorderMode" | "$maskBorderOutset" | "$maskBorderRepeat" | "$maskBorderSlice" | "$maskBorderSource" | "$maskBorderWidth" | "$maskClip" | "$maskComposite" | "$maskImage" | "$maskMode" | "$maskOrigin" | "$maskPosition" | "$maskRepeat" | "$maskSize" | "$maskType" | "$masonryAutoFlow" | "$mathDepth" | "$mathShift" | "$mathStyle" | "$maxBlockSize" | "$maxHeight" | "$maxInlineSize" | "$maxLines" | "$maxWidth" | "$minBlockSize" | "$minHeight" | "$minInlineSize" | "$minWidth" | "$mixBlendMode" | "$motionDistance" | "$motionPath" | "$motionRotation" | "$objectFit" | "$objectPosition" | "$offsetAnchor" | "$offsetDistance" | "$offsetPath" | "$offsetPosition" | "$offsetRotate" | "$offsetRotation" | "$opacity" | "$order" | "$orphans" | "$outlineColor" | "$outlineOffset" | "$outlineStyle" | "$outlineWidth" | "$overflowAnchor" | "$overflowBlock" | "$overflowClipBox" | "$overflowClipMargin" | "$overflowInline" | "$overflowWrap" | "$overflowX" | "$overflowY" | "$overlay" | "$overscrollBehaviorBlock" | "$overscrollBehaviorInline" | "$overscrollBehaviorX" | "$overscrollBehaviorY" | "$paddingBlockEnd" | "$paddingBlockStart" | "$paddingInlineEnd" | "$paddingInlineStart" | "$page" | "$pageBreakAfter" | "$pageBreakBefore" | "$pageBreakInside" | "$paintOrder" | "$perspective" | "$perspectiveOrigin" | "$pointerEvents" | "$position" | "$printColorAdjust" | "$quotes" | "$resize" | "$rotate" | "$rubyAlign" | "$rubyMerge" | "$rubyPosition" | "$scale" | "$scrollBehavior" | "$scrollMarginBlockEnd" | "$scrollMarginBlockStart" | "$scrollMarginBottom" | "$scrollMarginInlineEnd" | "$scrollMarginInlineStart" | "$scrollMarginLeft" | "$scrollMarginRight" | "$scrollMarginTop" | "$scrollPaddingBlockEnd" | "$scrollPaddingBlockStart" | "$scrollPaddingBottom" | "$scrollPaddingInlineEnd" | "$scrollPaddingInlineStart" | "$scrollPaddingLeft" | "$scrollPaddingRight" | "$scrollPaddingTop" | "$scrollSnapAlign" | "$scrollSnapMarginBottom" | "$scrollSnapMarginLeft" | "$scrollSnapMarginRight" | "$scrollSnapMarginTop" | "$scrollSnapStop" | "$scrollSnapType" | "$scrollTimelineAxis" | "$scrollTimelineName" | "$scrollbarColor" | "$scrollbarGutter" | "$scrollbarWidth" | "$shapeImageThreshold" | "$shapeMargin" | "$shapeOutside" | "$tabSize" | "$tableLayout" | "$textAlign" | "$textAlignLast" | "$textCombineUpright" | "$textDecorationColor" | "$textDecorationLine" | "$textDecorationSkip" | "$textDecorationSkipInk" | "$textDecorationStyle" | "$textDecorationThickness" | "$textEmphasisColor" | "$textEmphasisPosition" | "$textEmphasisStyle" | "$textIndent" | "$textJustify" | "$textOrientation" | "$textOverflow" | "$textRendering" | "$textShadow" | "$textSizeAdjust" | "$textTransform" | "$textUnderlineOffset" | "$textUnderlinePosition" | "$textWrap" | "$timelineScope" | "$touchAction" | "$transform" | "$transformBox" | "$transformOrigin" | "$transformStyle" | "$transitionBehavior" | "$transitionDelay" | "$transitionDuration" | "$transitionProperty" | "$transitionTimingFunction" | "$translate" | "$unicodeBidi" | "$userSelect" | "$verticalAlign" | "$viewTimelineAxis" | "$viewTimelineInset" | "$viewTimelineName" | "$viewTransitionName" | "$visibility" | "$whiteSpace" | "$whiteSpaceCollapse" | "$whiteSpaceTrim" | "$widows" | "$willChange" | "$wordBreak" | "$wordSpacing" | "$wordWrap" | "$writingMode" | "$zIndex" | "$zoom" | "$all" | "$animation" | "$animationRange" | "$background" | "$backgroundPosition" | "$border" | "$borderBlock" | "$borderBlockEnd" | "$borderBlockStart" | "$borderBottom" | "$borderColor" | "$borderImage" | "$borderInline" | "$borderInlineEnd" | "$borderInlineStart" | "$borderLeft" | "$borderRadius" | "$borderRight" | "$borderStyle" | "$borderTop" | "$borderWidth" | "$caret" | "$columnRule" | "$columns" | "$containIntrinsicSize" | "$container" | "$flex" | "$flexFlow" | "$font" | "$grid" | "$gridArea" | "$gridColumn" | "$gridRow" | "$gridTemplate" | "$inset" | "$insetBlock" | "$insetInline" | "$lineClamp" | "$listStyle" | "$marginBlock" | "$marginInline" | "$mask" | "$maskBorder" | "$motion" | "$offset" | "$outline" | "$overflow" | "$overscrollBehavior" | "$paddingBlock" | "$paddingInline" | "$placeContent" | "$placeItems" | "$placeSelf" | "$scrollMargin" | "$scrollMarginBlock" | "$scrollMarginInline" | "$scrollPadding" | "$scrollPaddingBlock" | "$scrollPaddingInline" | "$scrollSnapMargin" | "$scrollTimeline" | "$textDecoration" | "$textEmphasis" | "$transition" | "$viewTimeline" | "$MozAnimationDelay" | "$MozAnimationDirection" | "$MozAnimationDuration" | "$MozAnimationFillMode" | "$MozAnimationIterationCount" | "$MozAnimationName" | "$MozAnimationPlayState" | "$MozAnimationTimingFunction" | "$MozAppearance" | "$MozBinding" | "$MozBorderBottomColors" | "$MozBorderEndColor" | "$MozBorderEndStyle" | "$MozBorderEndWidth" | "$MozBorderLeftColors" | "$MozBorderRightColors" | "$MozBorderStartColor" | "$MozBorderStartStyle" | "$MozBorderTopColors" | "$MozBoxSizing" | "$MozColumnCount" | "$MozColumnFill" | "$MozColumnRuleColor" | "$MozColumnRuleStyle" | "$MozColumnRuleWidth" | "$MozColumnWidth" | "$MozContextProperties" | "$MozFontFeatureSettings" | "$MozFontLanguageOverride" | "$MozHyphens" | "$MozImageRegion" | "$MozMarginEnd" | "$MozMarginStart" | "$MozOrient" | "$MozOsxFontSmoothing" | "$MozOutlineRadiusBottomleft" | "$MozOutlineRadiusBottomright" | "$MozOutlineRadiusTopleft" | "$MozOutlineRadiusTopright" | "$MozPaddingEnd" | "$MozPaddingStart" | "$MozStackSizing" | "$MozTabSize" | "$MozTextBlink" | "$MozTextSizeAdjust" | "$MozUserFocus" | "$MozUserModify" | "$MozUserSelect" | "$MozWindowDragging" | "$MozWindowShadow" | "$msAccelerator" | "$msBlockProgression" | "$msContentZoomChaining" | "$msContentZoomLimitMax" | "$msContentZoomLimitMin" | "$msContentZoomSnapPoints" | "$msContentZoomSnapType" | "$msContentZooming" | "$msFilter" | "$msFlexDirection" | "$msFlexPositive" | "$msFlowFrom" | "$msFlowInto" | "$msGridColumns" | "$msGridRows" | "$msHighContrastAdjust" | "$msHyphenateLimitChars" | "$msHyphenateLimitLines" | "$msHyphenateLimitZone" | "$msHyphens" | "$msImeAlign" | "$msLineBreak" | "$msOrder" | "$msOverflowStyle" | "$msOverflowX" | "$msOverflowY" | "$msScrollChaining" | "$msScrollLimitXMax" | "$msScrollLimitXMin" | "$msScrollLimitYMax" | "$msScrollLimitYMin" | "$msScrollRails" | "$msScrollSnapPointsX" | "$msScrollSnapPointsY" | "$msScrollSnapType" | "$msScrollTranslation" | "$msScrollbar3dlightColor" | "$msScrollbarArrowColor" | "$msScrollbarBaseColor" | "$msScrollbarDarkshadowColor" | "$msScrollbarFaceColor" | "$msScrollbarHighlightColor" | "$msScrollbarShadowColor" | "$msScrollbarTrackColor" | "$msTextAutospace" | "$msTextCombineHorizontal" | "$msTextOverflow" | "$msTouchAction" | "$msTouchSelect" | "$msTransform" | "$msTransformOrigin" | "$msTransitionDelay" | "$msTransitionDuration" | "$msTransitionProperty" | "$msTransitionTimingFunction" | "$msUserSelect" | "$msWordBreak" | "$msWrapFlow" | "$msWrapMargin" | "$msWrapThrough" | "$msWritingMode" | "$WebkitAlignContent" | "$WebkitAlignItems" | "$WebkitAlignSelf" | "$WebkitAnimationDelay" | "$WebkitAnimationDirection" | "$WebkitAnimationDuration" | "$WebkitAnimationFillMode" | "$WebkitAnimationIterationCount" | "$WebkitAnimationName" | "$WebkitAnimationPlayState" | "$WebkitAnimationTimingFunction" | "$WebkitAppearance" | "$WebkitBackdropFilter" | "$WebkitBackfaceVisibility" | "$WebkitBackgroundClip" | "$WebkitBackgroundOrigin" | "$WebkitBackgroundSize" | "$WebkitBorderBeforeColor" | "$WebkitBorderBeforeStyle" | "$WebkitBorderBeforeWidth" | "$WebkitBorderBottomLeftRadius" | "$WebkitBorderBottomRightRadius" | "$WebkitBorderImageSlice" | "$WebkitBorderTopLeftRadius" | "$WebkitBorderTopRightRadius" | "$WebkitBoxDecorationBreak" | "$WebkitBoxReflect" | "$WebkitBoxShadow" | "$WebkitBoxSizing" | "$WebkitClipPath" | "$WebkitColumnCount" | "$WebkitColumnFill" | "$WebkitColumnRuleColor" | "$WebkitColumnRuleStyle" | "$WebkitColumnRuleWidth" | "$WebkitColumnSpan" | "$WebkitColumnWidth" | "$WebkitFilter" | "$WebkitFlexBasis" | "$WebkitFlexDirection" | "$WebkitFlexGrow" | "$WebkitFlexShrink" | "$WebkitFlexWrap" | "$WebkitFontFeatureSettings" | "$WebkitFontKerning" | "$WebkitFontSmoothing" | "$WebkitFontVariantLigatures" | "$WebkitHyphenateCharacter" | "$WebkitHyphens" | "$WebkitInitialLetter" | "$WebkitJustifyContent" | "$WebkitLineBreak" | "$WebkitLineClamp" | "$WebkitMarginEnd" | "$WebkitMarginStart" | "$WebkitMaskAttachment" | "$WebkitMaskBoxImageOutset" | "$WebkitMaskBoxImageRepeat" | "$WebkitMaskBoxImageSlice" | "$WebkitMaskBoxImageSource" | "$WebkitMaskBoxImageWidth" | "$WebkitMaskClip" | "$WebkitMaskComposite" | "$WebkitMaskImage" | "$WebkitMaskOrigin" | "$WebkitMaskPosition" | "$WebkitMaskPositionX" | "$WebkitMaskPositionY" | "$WebkitMaskRepeat" | "$WebkitMaskRepeatX" | "$WebkitMaskRepeatY" | "$WebkitMaskSize" | "$WebkitMaxInlineSize" | "$WebkitOrder" | "$WebkitOverflowScrolling" | "$WebkitPaddingEnd" | "$WebkitPaddingStart" | "$WebkitPerspective" | "$WebkitPerspectiveOrigin" | "$WebkitPrintColorAdjust" | "$WebkitRubyPosition" | "$WebkitScrollSnapType" | "$WebkitShapeMargin" | "$WebkitTapHighlightColor" | "$WebkitTextCombine" | "$WebkitTextDecorationColor" | "$WebkitTextDecorationLine" | "$WebkitTextDecorationSkip" | "$WebkitTextDecorationStyle" | "$WebkitTextEmphasisColor" | "$WebkitTextEmphasisPosition" | "$WebkitTextEmphasisStyle" | "$WebkitTextFillColor" | "$WebkitTextOrientation" | "$WebkitTextSizeAdjust" | "$WebkitTextStrokeColor" | "$WebkitTextStrokeWidth" | "$WebkitTextUnderlinePosition" | "$WebkitTouchCallout" | "$WebkitTransform" | "$WebkitTransformOrigin" | "$WebkitTransformStyle" | "$WebkitTransitionDelay" | "$WebkitTransitionDuration" | "$WebkitTransitionProperty" | "$WebkitTransitionTimingFunction" | "$WebkitUserModify" | "$WebkitUserSelect" | "$WebkitWritingMode" | "$MozAnimation" | "$MozBorderImage" | "$MozColumnRule" | "$MozColumns" | "$MozOutlineRadius" | "$msContentZoomLimit" | "$msContentZoomSnap" | "$msFlex" | "$msScrollLimit" | "$msScrollSnapX" | "$msScrollSnapY" | "$msTransition" | "$WebkitAnimation" | "$WebkitBorderBefore" | "$WebkitBorderImage" | "$WebkitBorderRadius" | "$WebkitColumnRule" | "$WebkitColumns" | "$WebkitFlex" | "$WebkitFlexFlow" | "$WebkitMask" | "$WebkitMaskBoxImage" | "$WebkitTextEmphasis" | "$WebkitTextStroke" | "$WebkitTransition" | "$azimuth" | "$boxAlign" | "$boxDirection" | "$boxFlex" | "$boxFlexGroup" | "$boxLines" | "$boxOrdinalGroup" | "$boxOrient" | "$boxPack" | "$clip" | "$gridColumnGap" | "$gridGap" | "$gridRowGap" | "$imeMode" | "$offsetBlock" | "$offsetBlockEnd" | "$offsetBlockStart" | "$offsetInline" | "$offsetInlineEnd" | "$offsetInlineStart" | "$scrollSnapCoordinate" | "$scrollSnapDestination" | "$scrollSnapPointsX" | "$scrollSnapPointsY" | "$scrollSnapTypeX" | "$scrollSnapTypeY" | "$KhtmlBoxAlign" | "$KhtmlBoxDirection" | "$KhtmlBoxFlex" | "$KhtmlBoxFlexGroup" | "$KhtmlBoxLines" | "$KhtmlBoxOrdinalGroup" | "$KhtmlBoxOrient" | "$KhtmlBoxPack" | "$KhtmlLineBreak" | "$KhtmlOpacity" | "$KhtmlUserSelect" | "$MozBackfaceVisibility" | "$MozBackgroundClip" | "$MozBackgroundInlinePolicy" | "$MozBackgroundOrigin" | "$MozBackgroundSize" | "$MozBorderRadius" | "$MozBorderRadiusBottomleft" | "$MozBorderRadiusBottomright" | "$MozBorderRadiusTopleft" | "$MozBorderRadiusTopright" | "$MozBoxAlign" | "$MozBoxDirection" | "$MozBoxFlex" | "$MozBoxOrdinalGroup" | "$MozBoxOrient" | "$MozBoxPack" | "$MozBoxShadow" | "$MozFloatEdge" | "$MozForceBrokenImageIcon" | "$MozOpacity" | "$MozOutline" | "$MozOutlineColor" | "$MozOutlineStyle" | "$MozOutlineWidth" | "$MozPerspective" | "$MozPerspectiveOrigin" | "$MozTextAlignLast" | "$MozTextDecorationColor" | "$MozTextDecorationLine" | "$MozTextDecorationStyle" | "$MozTransform" | "$MozTransformOrigin" | "$MozTransformStyle" | "$MozTransition" | "$MozTransitionDelay" | "$MozTransitionDuration" | "$MozTransitionProperty" | "$MozTransitionTimingFunction" | "$MozUserInput" | "$msImeMode" | "$OAnimation" | "$OAnimationDelay" | "$OAnimationDirection" | "$OAnimationDuration" | "$OAnimationFillMode" | "$OAnimationIterationCount" | "$OAnimationName" | "$OAnimationPlayState" | "$OAnimationTimingFunction" | "$OBackgroundSize" | "$OBorderImage" | "$OObjectFit" | "$OObjectPosition" | "$OTabSize" | "$OTextOverflow" | "$OTransform" | "$OTransformOrigin" | "$OTransition" | "$OTransitionDelay" | "$OTransitionDuration" | "$OTransitionProperty" | "$OTransitionTimingFunction" | "$WebkitBoxAlign" | "$WebkitBoxDirection" | "$WebkitBoxFlex" | "$WebkitBoxFlexGroup" | "$WebkitBoxLines" | "$WebkitBoxOrdinalGroup" | "$WebkitBoxOrient" | "$WebkitBoxPack" | "$alignmentBaseline" | "$baselineShift" | "$clipRule" | "$colorInterpolation" | "$colorRendering" | "$dominantBaseline" | "$fill" | "$fillOpacity" | "$fillRule" | "$floodColor" | "$floodOpacity" | "$glyphOrientationVertical" | "$lightingColor" | "$marker" | "$markerEnd" | "$markerMid" | "$markerStart" | "$shapeRendering" | "$stopColor" | "$stopOpacity" | "$stroke" | "$strokeDasharray" | "$strokeDashoffset" | "$strokeLinecap" | "$strokeLinejoin" | "$strokeMiterlimit" | "$strokeOpacity" | "$strokeWidth" | "$textAnchor" | "$vectorEffect" | "as" | keyof HTMLAttributes<HTMLDivElement> | "effects"> & HTMLAttributes<HTMLDivElement> & import('../..').HoneyPrefixedCSSProperties & {
|
|
21
|
-
as?: import('styled-components/dist/types').StyledTarget<"web">;
|
|
22
|
-
effects?: import('../..').HoneyEffectResultFn<object>[];
|
|
23
|
-
}, "ref"> & {
|
|
19
|
+
}
|
|
20
|
+
export declare const HoneyGridStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | keyof HoneyBoxProps> & HTMLAttributes<HTMLDivElement> & HoneyBoxProps, "ref"> & {
|
|
24
21
|
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
25
|
-
}, Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width" | "$height" | "$margin" | "$marginTop" | "$marginRight" | "$marginBottom" | "$marginLeft" | "$padding" | "$paddingTop" | "$paddingRight" | "$paddingBottom" | "$paddingLeft" | "$top" | "$right" | "$bottom" | "$left" | "$gap" | "$rowGap" | "$columnGap" | "$accentColor" | "$alignContent" | "$alignItems" | "$alignSelf" | "$alignTracks" | "$animationComposition" | "$animationDelay" | "$animationDirection" | "$animationDuration" | "$animationFillMode" | "$animationIterationCount" | "$animationName" | "$animationPlayState" | "$animationRangeEnd" | "$animationRangeStart" | "$animationTimeline" | "$animationTimingFunction" | "$appearance" | "$aspectRatio" | "$backdropFilter" | "$backfaceVisibility" | "$backgroundAttachment" | "$backgroundBlendMode" | "$backgroundClip" | "$backgroundColor" | "$backgroundImage" | "$backgroundOrigin" | "$backgroundPositionX" | "$backgroundPositionY" | "$backgroundRepeat" | "$backgroundSize" | "$blockOverflow" | "$blockSize" | "$borderBlockColor" | "$borderBlockEndColor" | "$borderBlockEndStyle" | "$borderBlockEndWidth" | "$borderBlockStartColor" | "$borderBlockStartStyle" | "$borderBlockStartWidth" | "$borderBlockStyle" | "$borderBlockWidth" | "$borderBottomColor" | "$borderBottomLeftRadius" | "$borderBottomRightRadius" | "$borderBottomStyle" | "$borderBottomWidth" | "$borderCollapse" | "$borderEndEndRadius" | "$borderEndStartRadius" | "$borderImageOutset" | "$borderImageRepeat" | "$borderImageSlice" | "$borderImageSource" | "$borderImageWidth" | "$borderInlineColor" | "$borderInlineEndColor" | "$borderInlineEndStyle" | "$borderInlineEndWidth" | "$borderInlineStartColor" | "$borderInlineStartStyle" | "$borderInlineStartWidth" | "$borderInlineStyle" | "$borderInlineWidth" | "$borderLeftColor" | "$borderLeftStyle" | "$borderLeftWidth" | "$borderRightColor" | "$borderRightStyle" | "$borderRightWidth" | "$borderSpacing" | "$borderStartEndRadius" | "$borderStartStartRadius" | "$borderTopColor" | "$borderTopLeftRadius" | "$borderTopRightRadius" | "$borderTopStyle" | "$borderTopWidth" | "$boxDecorationBreak" | "$boxShadow" | "$boxSizing" | "$breakAfter" | "$breakBefore" | "$breakInside" | "$captionSide" | "$caretColor" | "$caretShape" | "$clear" | "$clipPath" | "$color" | "$colorAdjust" | "$colorScheme" | "$columnCount" | "$columnFill" | "$columnRuleColor" | "$columnRuleStyle" | "$columnRuleWidth" | "$columnSpan" | "$columnWidth" | "$contain" | "$containIntrinsicBlockSize" | "$containIntrinsicHeight" | "$containIntrinsicInlineSize" | "$containIntrinsicWidth" | "$containerName" | "$containerType" | "$content" | "$contentVisibility" | "$counterIncrement" | "$counterReset" | "$counterSet" | "$cursor" | "$direction" | "$display" | "$emptyCells" | "$filter" | "$flexBasis" | "$flexDirection" | "$flexGrow" | "$flexShrink" | "$flexWrap" | "$float" | "$fontFamily" | "$fontFeatureSettings" | "$fontKerning" | "$fontLanguageOverride" | "$fontOpticalSizing" | "$fontPalette" | "$fontSize" | "$fontSizeAdjust" | "$fontSmooth" | "$fontStretch" | "$fontStyle" | "$fontSynthesis" | "$fontSynthesisPosition" | "$fontSynthesisSmallCaps" | "$fontSynthesisStyle" | "$fontSynthesisWeight" | "$fontVariant" | "$fontVariantAlternates" | "$fontVariantCaps" | "$fontVariantEastAsian" | "$fontVariantEmoji" | "$fontVariantLigatures" | "$fontVariantNumeric" | "$fontVariantPosition" | "$fontVariationSettings" | "$fontWeight" | "$forcedColorAdjust" | "$gridAutoColumns" | "$gridAutoFlow" | "$gridAutoRows" | "$gridColumnEnd" | "$gridColumnStart" | "$gridRowEnd" | "$gridRowStart" | "$gridTemplateAreas" | "$gridTemplateColumns" | "$gridTemplateRows" | "$hangingPunctuation" | "$hyphenateCharacter" | "$hyphenateLimitChars" | "$hyphens" | "$imageOrientation" | "$imageRendering" | "$imageResolution" | "$initialLetter" | "$inlineSize" | "$inputSecurity" | "$insetBlockEnd" | "$insetBlockStart" | "$insetInlineEnd" | "$insetInlineStart" | "$isolation" | "$justifyContent" | "$justifyItems" | "$justifySelf" | "$justifyTracks" | "$letterSpacing" | "$lineBreak" | "$lineHeight" | "$lineHeightStep" | "$listStyleImage" | "$listStylePosition" | "$listStyleType" | "$marginBlockEnd" | "$marginBlockStart" | "$marginInlineEnd" | "$marginInlineStart" | "$marginTrim" | "$maskBorderMode" | "$maskBorderOutset" | "$maskBorderRepeat" | "$maskBorderSlice" | "$maskBorderSource" | "$maskBorderWidth" | "$maskClip" | "$maskComposite" | "$maskImage" | "$maskMode" | "$maskOrigin" | "$maskPosition" | "$maskRepeat" | "$maskSize" | "$maskType" | "$masonryAutoFlow" | "$mathDepth" | "$mathShift" | "$mathStyle" | "$maxBlockSize" | "$maxHeight" | "$maxInlineSize" | "$maxLines" | "$maxWidth" | "$minBlockSize" | "$minHeight" | "$minInlineSize" | "$minWidth" | "$mixBlendMode" | "$motionDistance" | "$motionPath" | "$motionRotation" | "$objectFit" | "$objectPosition" | "$offsetAnchor" | "$offsetDistance" | "$offsetPath" | "$offsetPosition" | "$offsetRotate" | "$offsetRotation" | "$opacity" | "$order" | "$orphans" | "$outlineColor" | "$outlineOffset" | "$outlineStyle" | "$outlineWidth" | "$overflowAnchor" | "$overflowBlock" | "$overflowClipBox" | "$overflowClipMargin" | "$overflowInline" | "$overflowWrap" | "$overflowX" | "$overflowY" | "$overlay" | "$overscrollBehaviorBlock" | "$overscrollBehaviorInline" | "$overscrollBehaviorX" | "$overscrollBehaviorY" | "$paddingBlockEnd" | "$paddingBlockStart" | "$paddingInlineEnd" | "$paddingInlineStart" | "$page" | "$pageBreakAfter" | "$pageBreakBefore" | "$pageBreakInside" | "$paintOrder" | "$perspective" | "$perspectiveOrigin" | "$pointerEvents" | "$position" | "$printColorAdjust" | "$quotes" | "$resize" | "$rotate" | "$rubyAlign" | "$rubyMerge" | "$rubyPosition" | "$scale" | "$scrollBehavior" | "$scrollMarginBlockEnd" | "$scrollMarginBlockStart" | "$scrollMarginBottom" | "$scrollMarginInlineEnd" | "$scrollMarginInlineStart" | "$scrollMarginLeft" | "$scrollMarginRight" | "$scrollMarginTop" | "$scrollPaddingBlockEnd" | "$scrollPaddingBlockStart" | "$scrollPaddingBottom" | "$scrollPaddingInlineEnd" | "$scrollPaddingInlineStart" | "$scrollPaddingLeft" | "$scrollPaddingRight" | "$scrollPaddingTop" | "$scrollSnapAlign" | "$scrollSnapMarginBottom" | "$scrollSnapMarginLeft" | "$scrollSnapMarginRight" | "$scrollSnapMarginTop" | "$scrollSnapStop" | "$scrollSnapType" | "$scrollTimelineAxis" | "$scrollTimelineName" | "$scrollbarColor" | "$scrollbarGutter" | "$scrollbarWidth" | "$shapeImageThreshold" | "$shapeMargin" | "$shapeOutside" | "$tabSize" | "$tableLayout" | "$textAlign" | "$textAlignLast" | "$textCombineUpright" | "$textDecorationColor" | "$textDecorationLine" | "$textDecorationSkip" | "$textDecorationSkipInk" | "$textDecorationStyle" | "$textDecorationThickness" | "$textEmphasisColor" | "$textEmphasisPosition" | "$textEmphasisStyle" | "$textIndent" | "$textJustify" | "$textOrientation" | "$textOverflow" | "$textRendering" | "$textShadow" | "$textSizeAdjust" | "$textTransform" | "$textUnderlineOffset" | "$textUnderlinePosition" | "$textWrap" | "$timelineScope" | "$touchAction" | "$transform" | "$transformBox" | "$transformOrigin" | "$transformStyle" | "$transitionBehavior" | "$transitionDelay" | "$transitionDuration" | "$transitionProperty" | "$transitionTimingFunction" | "$translate" | "$unicodeBidi" | "$userSelect" | "$verticalAlign" | "$viewTimelineAxis" | "$viewTimelineInset" | "$viewTimelineName" | "$viewTransitionName" | "$visibility" | "$whiteSpace" | "$whiteSpaceCollapse" | "$whiteSpaceTrim" | "$widows" | "$willChange" | "$wordBreak" | "$wordSpacing" | "$wordWrap" | "$writingMode" | "$zIndex" | "$zoom" | "$all" | "$animation" | "$animationRange" | "$background" | "$backgroundPosition" | "$border" | "$borderBlock" | "$borderBlockEnd" | "$borderBlockStart" | "$borderBottom" | "$borderColor" | "$borderImage" | "$borderInline" | "$borderInlineEnd" | "$borderInlineStart" | "$borderLeft" | "$borderRadius" | "$borderRight" | "$borderStyle" | "$borderTop" | "$borderWidth" | "$caret" | "$columnRule" | "$columns" | "$containIntrinsicSize" | "$container" | "$flex" | "$flexFlow" | "$font" | "$grid" | "$gridArea" | "$gridColumn" | "$gridRow" | "$gridTemplate" | "$inset" | "$insetBlock" | "$insetInline" | "$lineClamp" | "$listStyle" | "$marginBlock" | "$marginInline" | "$mask" | "$maskBorder" | "$motion" | "$offset" | "$outline" | "$overflow" | "$overscrollBehavior" | "$paddingBlock" | "$paddingInline" | "$placeContent" | "$placeItems" | "$placeSelf" | "$scrollMargin" | "$scrollMarginBlock" | "$scrollMarginInline" | "$scrollPadding" | "$scrollPaddingBlock" | "$scrollPaddingInline" | "$scrollSnapMargin" | "$scrollTimeline" | "$textDecoration" | "$textEmphasis" | "$transition" | "$viewTimeline" | "$MozAnimationDelay" | "$MozAnimationDirection" | "$MozAnimationDuration" | "$MozAnimationFillMode" | "$MozAnimationIterationCount" | "$MozAnimationName" | "$MozAnimationPlayState" | "$MozAnimationTimingFunction" | "$MozAppearance" | "$MozBinding" | "$MozBorderBottomColors" | "$MozBorderEndColor" | "$MozBorderEndStyle" | "$MozBorderEndWidth" | "$MozBorderLeftColors" | "$MozBorderRightColors" | "$MozBorderStartColor" | "$MozBorderStartStyle" | "$MozBorderTopColors" | "$MozBoxSizing" | "$MozColumnCount" | "$MozColumnFill" | "$MozColumnRuleColor" | "$MozColumnRuleStyle" | "$MozColumnRuleWidth" | "$MozColumnWidth" | "$MozContextProperties" | "$MozFontFeatureSettings" | "$MozFontLanguageOverride" | "$MozHyphens" | "$MozImageRegion" | "$MozMarginEnd" | "$MozMarginStart" | "$MozOrient" | "$MozOsxFontSmoothing" | "$MozOutlineRadiusBottomleft" | "$MozOutlineRadiusBottomright" | "$MozOutlineRadiusTopleft" | "$MozOutlineRadiusTopright" | "$MozPaddingEnd" | "$MozPaddingStart" | "$MozStackSizing" | "$MozTabSize" | "$MozTextBlink" | "$MozTextSizeAdjust" | "$MozUserFocus" | "$MozUserModify" | "$MozUserSelect" | "$MozWindowDragging" | "$MozWindowShadow" | "$msAccelerator" | "$msBlockProgression" | "$msContentZoomChaining" | "$msContentZoomLimitMax" | "$msContentZoomLimitMin" | "$msContentZoomSnapPoints" | "$msContentZoomSnapType" | "$msContentZooming" | "$msFilter" | "$msFlexDirection" | "$msFlexPositive" | "$msFlowFrom" | "$msFlowInto" | "$msGridColumns" | "$msGridRows" | "$msHighContrastAdjust" | "$msHyphenateLimitChars" | "$msHyphenateLimitLines" | "$msHyphenateLimitZone" | "$msHyphens" | "$msImeAlign" | "$msLineBreak" | "$msOrder" | "$msOverflowStyle" | "$msOverflowX" | "$msOverflowY" | "$msScrollChaining" | "$msScrollLimitXMax" | "$msScrollLimitXMin" | "$msScrollLimitYMax" | "$msScrollLimitYMin" | "$msScrollRails" | "$msScrollSnapPointsX" | "$msScrollSnapPointsY" | "$msScrollSnapType" | "$msScrollTranslation" | "$msScrollbar3dlightColor" | "$msScrollbarArrowColor" | "$msScrollbarBaseColor" | "$msScrollbarDarkshadowColor" | "$msScrollbarFaceColor" | "$msScrollbarHighlightColor" | "$msScrollbarShadowColor" | "$msScrollbarTrackColor" | "$msTextAutospace" | "$msTextCombineHorizontal" | "$msTextOverflow" | "$msTouchAction" | "$msTouchSelect" | "$msTransform" | "$msTransformOrigin" | "$msTransitionDelay" | "$msTransitionDuration" | "$msTransitionProperty" | "$msTransitionTimingFunction" | "$msUserSelect" | "$msWordBreak" | "$msWrapFlow" | "$msWrapMargin" | "$msWrapThrough" | "$msWritingMode" | "$WebkitAlignContent" | "$WebkitAlignItems" | "$WebkitAlignSelf" | "$WebkitAnimationDelay" | "$WebkitAnimationDirection" | "$WebkitAnimationDuration" | "$WebkitAnimationFillMode" | "$WebkitAnimationIterationCount" | "$WebkitAnimationName" | "$WebkitAnimationPlayState" | "$WebkitAnimationTimingFunction" | "$WebkitAppearance" | "$WebkitBackdropFilter" | "$WebkitBackfaceVisibility" | "$WebkitBackgroundClip" | "$WebkitBackgroundOrigin" | "$WebkitBackgroundSize" | "$WebkitBorderBeforeColor" | "$WebkitBorderBeforeStyle" | "$WebkitBorderBeforeWidth" | "$WebkitBorderBottomLeftRadius" | "$WebkitBorderBottomRightRadius" | "$WebkitBorderImageSlice" | "$WebkitBorderTopLeftRadius" | "$WebkitBorderTopRightRadius" | "$WebkitBoxDecorationBreak" | "$WebkitBoxReflect" | "$WebkitBoxShadow" | "$WebkitBoxSizing" | "$WebkitClipPath" | "$WebkitColumnCount" | "$WebkitColumnFill" | "$WebkitColumnRuleColor" | "$WebkitColumnRuleStyle" | "$WebkitColumnRuleWidth" | "$WebkitColumnSpan" | "$WebkitColumnWidth" | "$WebkitFilter" | "$WebkitFlexBasis" | "$WebkitFlexDirection" | "$WebkitFlexGrow" | "$WebkitFlexShrink" | "$WebkitFlexWrap" | "$WebkitFontFeatureSettings" | "$WebkitFontKerning" | "$WebkitFontSmoothing" | "$WebkitFontVariantLigatures" | "$WebkitHyphenateCharacter" | "$WebkitHyphens" | "$WebkitInitialLetter" | "$WebkitJustifyContent" | "$WebkitLineBreak" | "$WebkitLineClamp" | "$WebkitMarginEnd" | "$WebkitMarginStart" | "$WebkitMaskAttachment" | "$WebkitMaskBoxImageOutset" | "$WebkitMaskBoxImageRepeat" | "$WebkitMaskBoxImageSlice" | "$WebkitMaskBoxImageSource" | "$WebkitMaskBoxImageWidth" | "$WebkitMaskClip" | "$WebkitMaskComposite" | "$WebkitMaskImage" | "$WebkitMaskOrigin" | "$WebkitMaskPosition" | "$WebkitMaskPositionX" | "$WebkitMaskPositionY" | "$WebkitMaskRepeat" | "$WebkitMaskRepeatX" | "$WebkitMaskRepeatY" | "$WebkitMaskSize" | "$WebkitMaxInlineSize" | "$WebkitOrder" | "$WebkitOverflowScrolling" | "$WebkitPaddingEnd" | "$WebkitPaddingStart" | "$WebkitPerspective" | "$WebkitPerspectiveOrigin" | "$WebkitPrintColorAdjust" | "$WebkitRubyPosition" | "$WebkitScrollSnapType" | "$WebkitShapeMargin" | "$WebkitTapHighlightColor" | "$WebkitTextCombine" | "$WebkitTextDecorationColor" | "$WebkitTextDecorationLine" | "$WebkitTextDecorationSkip" | "$WebkitTextDecorationStyle" | "$WebkitTextEmphasisColor" | "$WebkitTextEmphasisPosition" | "$WebkitTextEmphasisStyle" | "$WebkitTextFillColor" | "$WebkitTextOrientation" | "$WebkitTextSizeAdjust" | "$WebkitTextStrokeColor" | "$WebkitTextStrokeWidth" | "$WebkitTextUnderlinePosition" | "$WebkitTouchCallout" | "$WebkitTransform" | "$WebkitTransformOrigin" | "$WebkitTransformStyle" | "$WebkitTransitionDelay" | "$WebkitTransitionDuration" | "$WebkitTransitionProperty" | "$WebkitTransitionTimingFunction" | "$WebkitUserModify" | "$WebkitUserSelect" | "$WebkitWritingMode" | "$MozAnimation" | "$MozBorderImage" | "$MozColumnRule" | "$MozColumns" | "$MozOutlineRadius" | "$msContentZoomLimit" | "$msContentZoomSnap" | "$msFlex" | "$msScrollLimit" | "$msScrollSnapX" | "$msScrollSnapY" | "$msTransition" | "$WebkitAnimation" | "$WebkitBorderBefore" | "$WebkitBorderImage" | "$WebkitBorderRadius" | "$WebkitColumnRule" | "$WebkitColumns" | "$WebkitFlex" | "$WebkitFlexFlow" | "$WebkitMask" | "$WebkitMaskBoxImage" | "$WebkitTextEmphasis" | "$WebkitTextStroke" | "$WebkitTransition" | "$azimuth" | "$boxAlign" | "$boxDirection" | "$boxFlex" | "$boxFlexGroup" | "$boxLines" | "$boxOrdinalGroup" | "$boxOrient" | "$boxPack" | "$clip" | "$gridColumnGap" | "$gridGap" | "$gridRowGap" | "$imeMode" | "$offsetBlock" | "$offsetBlockEnd" | "$offsetBlockStart" | "$offsetInline" | "$offsetInlineEnd" | "$offsetInlineStart" | "$scrollSnapCoordinate" | "$scrollSnapDestination" | "$scrollSnapPointsX" | "$scrollSnapPointsY" | "$scrollSnapTypeX" | "$scrollSnapTypeY" | "$KhtmlBoxAlign" | "$KhtmlBoxDirection" | "$KhtmlBoxFlex" | "$KhtmlBoxFlexGroup" | "$KhtmlBoxLines" | "$KhtmlBoxOrdinalGroup" | "$KhtmlBoxOrient" | "$KhtmlBoxPack" | "$KhtmlLineBreak" | "$KhtmlOpacity" | "$KhtmlUserSelect" | "$MozBackfaceVisibility" | "$MozBackgroundClip" | "$MozBackgroundInlinePolicy" | "$MozBackgroundOrigin" | "$MozBackgroundSize" | "$MozBorderRadius" | "$MozBorderRadiusBottomleft" | "$MozBorderRadiusBottomright" | "$MozBorderRadiusTopleft" | "$MozBorderRadiusTopright" | "$MozBoxAlign" | "$MozBoxDirection" | "$MozBoxFlex" | "$MozBoxOrdinalGroup" | "$MozBoxOrient" | "$MozBoxPack" | "$MozBoxShadow" | "$MozFloatEdge" | "$MozForceBrokenImageIcon" | "$MozOpacity" | "$MozOutline" | "$MozOutlineColor" | "$MozOutlineStyle" | "$MozOutlineWidth" | "$MozPerspective" | "$MozPerspectiveOrigin" | "$MozTextAlignLast" | "$MozTextDecorationColor" | "$MozTextDecorationLine" | "$MozTextDecorationStyle" | "$MozTransform" | "$MozTransformOrigin" | "$MozTransformStyle" | "$MozTransition" | "$MozTransitionDelay" | "$MozTransitionDuration" | "$MozTransitionProperty" | "$MozTransitionTimingFunction" | "$MozUserInput" | "$msImeMode" | "$OAnimation" | "$OAnimationDelay" | "$OAnimationDirection" | "$OAnimationDuration" | "$OAnimationFillMode" | "$OAnimationIterationCount" | "$OAnimationName" | "$OAnimationPlayState" | "$OAnimationTimingFunction" | "$OBackgroundSize" | "$OBorderImage" | "$OObjectFit" | "$OObjectPosition" | "$OTabSize" | "$OTextOverflow" | "$OTransform" | "$OTransformOrigin" | "$OTransition" | "$OTransitionDelay" | "$OTransitionDuration" | "$OTransitionProperty" | "$OTransitionTimingFunction" | "$WebkitBoxAlign" | "$WebkitBoxDirection" | "$WebkitBoxFlex" | "$WebkitBoxFlexGroup" | "$WebkitBoxLines" | "$WebkitBoxOrdinalGroup" | "$WebkitBoxOrient" | "$WebkitBoxPack" | "$alignmentBaseline" | "$baselineShift" | "$clipRule" | "$colorInterpolation" | "$colorRendering" | "$dominantBaseline" | "$fill" | "$fillOpacity" | "$fillRule" | "$floodColor" | "$floodOpacity" | "$glyphOrientationVertical" | "$lightingColor" | "$marker" | "$markerEnd" | "$markerMid" | "$markerStart" | "$shapeRendering" | "$stopColor" | "$stopOpacity" | "$stroke" | "$strokeDasharray" | "$strokeDashoffset" | "$strokeLinecap" | "$strokeLinejoin" | "$strokeMiterlimit" | "$strokeOpacity" | "$strokeWidth" | "$textAnchor" | "$vectorEffect" | "as" | keyof HTMLAttributes<HTMLDivElement> | "effects"> & HTMLAttributes<HTMLDivElement> & import('../..').HoneyPrefixedCSSProperties & {
|
|
26
|
-
as?: import('styled-components/dist/types').StyledTarget<"web">;
|
|
27
|
-
effects?: import('../..').HoneyEffectResultFn<object>[];
|
|
28
|
-
}, "ref"> & {
|
|
22
|
+
}, Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | keyof HoneyBoxProps> & HTMLAttributes<HTMLDivElement> & HoneyBoxProps, "ref"> & {
|
|
29
23
|
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
30
24
|
}>, never>, HoneyGridStyledProps>> & string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { HoneyGridColumnStyledProps } from './HoneyGridColumnStyled';
|
|
2
|
-
export type HoneyGridColumnProps = Omit<HoneyGridColumnStyledProps, 'columns' | 'spacing' | 'totalColumns' | 'totalTakeColumns' | 'applyMaxWidth'
|
|
2
|
+
export type HoneyGridColumnProps = Omit<HoneyGridColumnStyledProps, 'columns' | 'spacing' | 'totalColumns' | 'totalTakeColumns' | 'applyMaxWidth'>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { HoneyBreakpointName } from '../../types';
|
|
3
3
|
import { HoneyBoxProps } from '../HoneyBox';
|
|
4
|
-
export
|
|
4
|
+
export interface HoneyGridColumnStyledProps extends HTMLAttributes<HTMLDivElement>, HoneyBoxProps {
|
|
5
5
|
/**
|
|
6
6
|
* Total number of columns in the grid.
|
|
7
7
|
*/
|
|
@@ -23,20 +23,14 @@ export type HoneyGridColumnStyledProps = HTMLAttributes<HTMLDivElement> & HoneyB
|
|
|
23
23
|
* Can be a breakpoint name.
|
|
24
24
|
*/
|
|
25
25
|
applyMaxWidth?: HoneyBreakpointName | false;
|
|
26
|
-
}
|
|
26
|
+
}
|
|
27
27
|
/**
|
|
28
28
|
* This styled component defines the layout and styling for individual columns in a grid layout.
|
|
29
29
|
* It provides flexibility in specifying the number of columns to take, the total number of columns in the grid,
|
|
30
30
|
* and the spacing between columns.
|
|
31
31
|
*/
|
|
32
|
-
export declare const HoneyGridColumnStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width" | "$height" | "$margin" | "$marginTop" | "$marginRight" | "$marginBottom" | "$marginLeft" | "$padding" | "$paddingTop" | "$paddingRight" | "$paddingBottom" | "$paddingLeft" | "$top" | "$right" | "$bottom" | "$left" | "$gap" | "$rowGap" | "$columnGap" | "$accentColor" | "$alignContent" | "$alignItems" | "$alignSelf" | "$alignTracks" | "$animationComposition" | "$animationDelay" | "$animationDirection" | "$animationDuration" | "$animationFillMode" | "$animationIterationCount" | "$animationName" | "$animationPlayState" | "$animationRangeEnd" | "$animationRangeStart" | "$animationTimeline" | "$animationTimingFunction" | "$appearance" | "$aspectRatio" | "$backdropFilter" | "$backfaceVisibility" | "$backgroundAttachment" | "$backgroundBlendMode" | "$backgroundClip" | "$backgroundColor" | "$backgroundImage" | "$backgroundOrigin" | "$backgroundPositionX" | "$backgroundPositionY" | "$backgroundRepeat" | "$backgroundSize" | "$blockOverflow" | "$blockSize" | "$borderBlockColor" | "$borderBlockEndColor" | "$borderBlockEndStyle" | "$borderBlockEndWidth" | "$borderBlockStartColor" | "$borderBlockStartStyle" | "$borderBlockStartWidth" | "$borderBlockStyle" | "$borderBlockWidth" | "$borderBottomColor" | "$borderBottomLeftRadius" | "$borderBottomRightRadius" | "$borderBottomStyle" | "$borderBottomWidth" | "$borderCollapse" | "$borderEndEndRadius" | "$borderEndStartRadius" | "$borderImageOutset" | "$borderImageRepeat" | "$borderImageSlice" | "$borderImageSource" | "$borderImageWidth" | "$borderInlineColor" | "$borderInlineEndColor" | "$borderInlineEndStyle" | "$borderInlineEndWidth" | "$borderInlineStartColor" | "$borderInlineStartStyle" | "$borderInlineStartWidth" | "$borderInlineStyle" | "$borderInlineWidth" | "$borderLeftColor" | "$borderLeftStyle" | "$borderLeftWidth" | "$borderRightColor" | "$borderRightStyle" | "$borderRightWidth" | "$borderSpacing" | "$borderStartEndRadius" | "$borderStartStartRadius" | "$borderTopColor" | "$borderTopLeftRadius" | "$borderTopRightRadius" | "$borderTopStyle" | "$borderTopWidth" | "$boxDecorationBreak" | "$boxShadow" | "$boxSizing" | "$breakAfter" | "$breakBefore" | "$breakInside" | "$captionSide" | "$caretColor" | "$caretShape" | "$clear" | "$clipPath" | "$color" | "$colorAdjust" | "$colorScheme" | "$columnCount" | "$columnFill" | "$columnRuleColor" | "$columnRuleStyle" | "$columnRuleWidth" | "$columnSpan" | "$columnWidth" | "$contain" | "$containIntrinsicBlockSize" | "$containIntrinsicHeight" | "$containIntrinsicInlineSize" | "$containIntrinsicWidth" | "$containerName" | "$containerType" | "$content" | "$contentVisibility" | "$counterIncrement" | "$counterReset" | "$counterSet" | "$cursor" | "$direction" | "$display" | "$emptyCells" | "$filter" | "$flexBasis" | "$flexDirection" | "$flexGrow" | "$flexShrink" | "$flexWrap" | "$float" | "$fontFamily" | "$fontFeatureSettings" | "$fontKerning" | "$fontLanguageOverride" | "$fontOpticalSizing" | "$fontPalette" | "$fontSize" | "$fontSizeAdjust" | "$fontSmooth" | "$fontStretch" | "$fontStyle" | "$fontSynthesis" | "$fontSynthesisPosition" | "$fontSynthesisSmallCaps" | "$fontSynthesisStyle" | "$fontSynthesisWeight" | "$fontVariant" | "$fontVariantAlternates" | "$fontVariantCaps" | "$fontVariantEastAsian" | "$fontVariantEmoji" | "$fontVariantLigatures" | "$fontVariantNumeric" | "$fontVariantPosition" | "$fontVariationSettings" | "$fontWeight" | "$forcedColorAdjust" | "$gridAutoColumns" | "$gridAutoFlow" | "$gridAutoRows" | "$gridColumnEnd" | "$gridColumnStart" | "$gridRowEnd" | "$gridRowStart" | "$gridTemplateAreas" | "$gridTemplateColumns" | "$gridTemplateRows" | "$hangingPunctuation" | "$hyphenateCharacter" | "$hyphenateLimitChars" | "$hyphens" | "$imageOrientation" | "$imageRendering" | "$imageResolution" | "$initialLetter" | "$inlineSize" | "$inputSecurity" | "$insetBlockEnd" | "$insetBlockStart" | "$insetInlineEnd" | "$insetInlineStart" | "$isolation" | "$justifyContent" | "$justifyItems" | "$justifySelf" | "$justifyTracks" | "$letterSpacing" | "$lineBreak" | "$lineHeight" | "$lineHeightStep" | "$listStyleImage" | "$listStylePosition" | "$listStyleType" | "$marginBlockEnd" | "$marginBlockStart" | "$marginInlineEnd" | "$marginInlineStart" | "$marginTrim" | "$maskBorderMode" | "$maskBorderOutset" | "$maskBorderRepeat" | "$maskBorderSlice" | "$maskBorderSource" | "$maskBorderWidth" | "$maskClip" | "$maskComposite" | "$maskImage" | "$maskMode" | "$maskOrigin" | "$maskPosition" | "$maskRepeat" | "$maskSize" | "$maskType" | "$masonryAutoFlow" | "$mathDepth" | "$mathShift" | "$mathStyle" | "$maxBlockSize" | "$maxHeight" | "$maxInlineSize" | "$maxLines" | "$maxWidth" | "$minBlockSize" | "$minHeight" | "$minInlineSize" | "$minWidth" | "$mixBlendMode" | "$motionDistance" | "$motionPath" | "$motionRotation" | "$objectFit" | "$objectPosition" | "$offsetAnchor" | "$offsetDistance" | "$offsetPath" | "$offsetPosition" | "$offsetRotate" | "$offsetRotation" | "$opacity" | "$order" | "$orphans" | "$outlineColor" | "$outlineOffset" | "$outlineStyle" | "$outlineWidth" | "$overflowAnchor" | "$overflowBlock" | "$overflowClipBox" | "$overflowClipMargin" | "$overflowInline" | "$overflowWrap" | "$overflowX" | "$overflowY" | "$overlay" | "$overscrollBehaviorBlock" | "$overscrollBehaviorInline" | "$overscrollBehaviorX" | "$overscrollBehaviorY" | "$paddingBlockEnd" | "$paddingBlockStart" | "$paddingInlineEnd" | "$paddingInlineStart" | "$page" | "$pageBreakAfter" | "$pageBreakBefore" | "$pageBreakInside" | "$paintOrder" | "$perspective" | "$perspectiveOrigin" | "$pointerEvents" | "$position" | "$printColorAdjust" | "$quotes" | "$resize" | "$rotate" | "$rubyAlign" | "$rubyMerge" | "$rubyPosition" | "$scale" | "$scrollBehavior" | "$scrollMarginBlockEnd" | "$scrollMarginBlockStart" | "$scrollMarginBottom" | "$scrollMarginInlineEnd" | "$scrollMarginInlineStart" | "$scrollMarginLeft" | "$scrollMarginRight" | "$scrollMarginTop" | "$scrollPaddingBlockEnd" | "$scrollPaddingBlockStart" | "$scrollPaddingBottom" | "$scrollPaddingInlineEnd" | "$scrollPaddingInlineStart" | "$scrollPaddingLeft" | "$scrollPaddingRight" | "$scrollPaddingTop" | "$scrollSnapAlign" | "$scrollSnapMarginBottom" | "$scrollSnapMarginLeft" | "$scrollSnapMarginRight" | "$scrollSnapMarginTop" | "$scrollSnapStop" | "$scrollSnapType" | "$scrollTimelineAxis" | "$scrollTimelineName" | "$scrollbarColor" | "$scrollbarGutter" | "$scrollbarWidth" | "$shapeImageThreshold" | "$shapeMargin" | "$shapeOutside" | "$tabSize" | "$tableLayout" | "$textAlign" | "$textAlignLast" | "$textCombineUpright" | "$textDecorationColor" | "$textDecorationLine" | "$textDecorationSkip" | "$textDecorationSkipInk" | "$textDecorationStyle" | "$textDecorationThickness" | "$textEmphasisColor" | "$textEmphasisPosition" | "$textEmphasisStyle" | "$textIndent" | "$textJustify" | "$textOrientation" | "$textOverflow" | "$textRendering" | "$textShadow" | "$textSizeAdjust" | "$textTransform" | "$textUnderlineOffset" | "$textUnderlinePosition" | "$textWrap" | "$timelineScope" | "$touchAction" | "$transform" | "$transformBox" | "$transformOrigin" | "$transformStyle" | "$transitionBehavior" | "$transitionDelay" | "$transitionDuration" | "$transitionProperty" | "$transitionTimingFunction" | "$translate" | "$unicodeBidi" | "$userSelect" | "$verticalAlign" | "$viewTimelineAxis" | "$viewTimelineInset" | "$viewTimelineName" | "$viewTransitionName" | "$visibility" | "$whiteSpace" | "$whiteSpaceCollapse" | "$whiteSpaceTrim" | "$widows" | "$willChange" | "$wordBreak" | "$wordSpacing" | "$wordWrap" | "$writingMode" | "$zIndex" | "$zoom" | "$all" | "$animation" | "$animationRange" | "$background" | "$backgroundPosition" | "$border" | "$borderBlock" | "$borderBlockEnd" | "$borderBlockStart" | "$borderBottom" | "$borderColor" | "$borderImage" | "$borderInline" | "$borderInlineEnd" | "$borderInlineStart" | "$borderLeft" | "$borderRadius" | "$borderRight" | "$borderStyle" | "$borderTop" | "$borderWidth" | "$caret" | "$columnRule" | "$columns" | "$containIntrinsicSize" | "$container" | "$flex" | "$flexFlow" | "$font" | "$grid" | "$gridArea" | "$gridColumn" | "$gridRow" | "$gridTemplate" | "$inset" | "$insetBlock" | "$insetInline" | "$lineClamp" | "$listStyle" | "$marginBlock" | "$marginInline" | "$mask" | "$maskBorder" | "$motion" | "$offset" | "$outline" | "$overflow" | "$overscrollBehavior" | "$paddingBlock" | "$paddingInline" | "$placeContent" | "$placeItems" | "$placeSelf" | "$scrollMargin" | "$scrollMarginBlock" | "$scrollMarginInline" | "$scrollPadding" | "$scrollPaddingBlock" | "$scrollPaddingInline" | "$scrollSnapMargin" | "$scrollTimeline" | "$textDecoration" | "$textEmphasis" | "$transition" | "$viewTimeline" | "$MozAnimationDelay" | "$MozAnimationDirection" | "$MozAnimationDuration" | "$MozAnimationFillMode" | "$MozAnimationIterationCount" | "$MozAnimationName" | "$MozAnimationPlayState" | "$MozAnimationTimingFunction" | "$MozAppearance" | "$MozBinding" | "$MozBorderBottomColors" | "$MozBorderEndColor" | "$MozBorderEndStyle" | "$MozBorderEndWidth" | "$MozBorderLeftColors" | "$MozBorderRightColors" | "$MozBorderStartColor" | "$MozBorderStartStyle" | "$MozBorderTopColors" | "$MozBoxSizing" | "$MozColumnCount" | "$MozColumnFill" | "$MozColumnRuleColor" | "$MozColumnRuleStyle" | "$MozColumnRuleWidth" | "$MozColumnWidth" | "$MozContextProperties" | "$MozFontFeatureSettings" | "$MozFontLanguageOverride" | "$MozHyphens" | "$MozImageRegion" | "$MozMarginEnd" | "$MozMarginStart" | "$MozOrient" | "$MozOsxFontSmoothing" | "$MozOutlineRadiusBottomleft" | "$MozOutlineRadiusBottomright" | "$MozOutlineRadiusTopleft" | "$MozOutlineRadiusTopright" | "$MozPaddingEnd" | "$MozPaddingStart" | "$MozStackSizing" | "$MozTabSize" | "$MozTextBlink" | "$MozTextSizeAdjust" | "$MozUserFocus" | "$MozUserModify" | "$MozUserSelect" | "$MozWindowDragging" | "$MozWindowShadow" | "$msAccelerator" | "$msBlockProgression" | "$msContentZoomChaining" | "$msContentZoomLimitMax" | "$msContentZoomLimitMin" | "$msContentZoomSnapPoints" | "$msContentZoomSnapType" | "$msContentZooming" | "$msFilter" | "$msFlexDirection" | "$msFlexPositive" | "$msFlowFrom" | "$msFlowInto" | "$msGridColumns" | "$msGridRows" | "$msHighContrastAdjust" | "$msHyphenateLimitChars" | "$msHyphenateLimitLines" | "$msHyphenateLimitZone" | "$msHyphens" | "$msImeAlign" | "$msLineBreak" | "$msOrder" | "$msOverflowStyle" | "$msOverflowX" | "$msOverflowY" | "$msScrollChaining" | "$msScrollLimitXMax" | "$msScrollLimitXMin" | "$msScrollLimitYMax" | "$msScrollLimitYMin" | "$msScrollRails" | "$msScrollSnapPointsX" | "$msScrollSnapPointsY" | "$msScrollSnapType" | "$msScrollTranslation" | "$msScrollbar3dlightColor" | "$msScrollbarArrowColor" | "$msScrollbarBaseColor" | "$msScrollbarDarkshadowColor" | "$msScrollbarFaceColor" | "$msScrollbarHighlightColor" | "$msScrollbarShadowColor" | "$msScrollbarTrackColor" | "$msTextAutospace" | "$msTextCombineHorizontal" | "$msTextOverflow" | "$msTouchAction" | "$msTouchSelect" | "$msTransform" | "$msTransformOrigin" | "$msTransitionDelay" | "$msTransitionDuration" | "$msTransitionProperty" | "$msTransitionTimingFunction" | "$msUserSelect" | "$msWordBreak" | "$msWrapFlow" | "$msWrapMargin" | "$msWrapThrough" | "$msWritingMode" | "$WebkitAlignContent" | "$WebkitAlignItems" | "$WebkitAlignSelf" | "$WebkitAnimationDelay" | "$WebkitAnimationDirection" | "$WebkitAnimationDuration" | "$WebkitAnimationFillMode" | "$WebkitAnimationIterationCount" | "$WebkitAnimationName" | "$WebkitAnimationPlayState" | "$WebkitAnimationTimingFunction" | "$WebkitAppearance" | "$WebkitBackdropFilter" | "$WebkitBackfaceVisibility" | "$WebkitBackgroundClip" | "$WebkitBackgroundOrigin" | "$WebkitBackgroundSize" | "$WebkitBorderBeforeColor" | "$WebkitBorderBeforeStyle" | "$WebkitBorderBeforeWidth" | "$WebkitBorderBottomLeftRadius" | "$WebkitBorderBottomRightRadius" | "$WebkitBorderImageSlice" | "$WebkitBorderTopLeftRadius" | "$WebkitBorderTopRightRadius" | "$WebkitBoxDecorationBreak" | "$WebkitBoxReflect" | "$WebkitBoxShadow" | "$WebkitBoxSizing" | "$WebkitClipPath" | "$WebkitColumnCount" | "$WebkitColumnFill" | "$WebkitColumnRuleColor" | "$WebkitColumnRuleStyle" | "$WebkitColumnRuleWidth" | "$WebkitColumnSpan" | "$WebkitColumnWidth" | "$WebkitFilter" | "$WebkitFlexBasis" | "$WebkitFlexDirection" | "$WebkitFlexGrow" | "$WebkitFlexShrink" | "$WebkitFlexWrap" | "$WebkitFontFeatureSettings" | "$WebkitFontKerning" | "$WebkitFontSmoothing" | "$WebkitFontVariantLigatures" | "$WebkitHyphenateCharacter" | "$WebkitHyphens" | "$WebkitInitialLetter" | "$WebkitJustifyContent" | "$WebkitLineBreak" | "$WebkitLineClamp" | "$WebkitMarginEnd" | "$WebkitMarginStart" | "$WebkitMaskAttachment" | "$WebkitMaskBoxImageOutset" | "$WebkitMaskBoxImageRepeat" | "$WebkitMaskBoxImageSlice" | "$WebkitMaskBoxImageSource" | "$WebkitMaskBoxImageWidth" | "$WebkitMaskClip" | "$WebkitMaskComposite" | "$WebkitMaskImage" | "$WebkitMaskOrigin" | "$WebkitMaskPosition" | "$WebkitMaskPositionX" | "$WebkitMaskPositionY" | "$WebkitMaskRepeat" | "$WebkitMaskRepeatX" | "$WebkitMaskRepeatY" | "$WebkitMaskSize" | "$WebkitMaxInlineSize" | "$WebkitOrder" | "$WebkitOverflowScrolling" | "$WebkitPaddingEnd" | "$WebkitPaddingStart" | "$WebkitPerspective" | "$WebkitPerspectiveOrigin" | "$WebkitPrintColorAdjust" | "$WebkitRubyPosition" | "$WebkitScrollSnapType" | "$WebkitShapeMargin" | "$WebkitTapHighlightColor" | "$WebkitTextCombine" | "$WebkitTextDecorationColor" | "$WebkitTextDecorationLine" | "$WebkitTextDecorationSkip" | "$WebkitTextDecorationStyle" | "$WebkitTextEmphasisColor" | "$WebkitTextEmphasisPosition" | "$WebkitTextEmphasisStyle" | "$WebkitTextFillColor" | "$WebkitTextOrientation" | "$WebkitTextSizeAdjust" | "$WebkitTextStrokeColor" | "$WebkitTextStrokeWidth" | "$WebkitTextUnderlinePosition" | "$WebkitTouchCallout" | "$WebkitTransform" | "$WebkitTransformOrigin" | "$WebkitTransformStyle" | "$WebkitTransitionDelay" | "$WebkitTransitionDuration" | "$WebkitTransitionProperty" | "$WebkitTransitionTimingFunction" | "$WebkitUserModify" | "$WebkitUserSelect" | "$WebkitWritingMode" | "$MozAnimation" | "$MozBorderImage" | "$MozColumnRule" | "$MozColumns" | "$MozOutlineRadius" | "$msContentZoomLimit" | "$msContentZoomSnap" | "$msFlex" | "$msScrollLimit" | "$msScrollSnapX" | "$msScrollSnapY" | "$msTransition" | "$WebkitAnimation" | "$WebkitBorderBefore" | "$WebkitBorderImage" | "$WebkitBorderRadius" | "$WebkitColumnRule" | "$WebkitColumns" | "$WebkitFlex" | "$WebkitFlexFlow" | "$WebkitMask" | "$WebkitMaskBoxImage" | "$WebkitTextEmphasis" | "$WebkitTextStroke" | "$WebkitTransition" | "$azimuth" | "$boxAlign" | "$boxDirection" | "$boxFlex" | "$boxFlexGroup" | "$boxLines" | "$boxOrdinalGroup" | "$boxOrient" | "$boxPack" | "$clip" | "$gridColumnGap" | "$gridGap" | "$gridRowGap" | "$imeMode" | "$offsetBlock" | "$offsetBlockEnd" | "$offsetBlockStart" | "$offsetInline" | "$offsetInlineEnd" | "$offsetInlineStart" | "$scrollSnapCoordinate" | "$scrollSnapDestination" | "$scrollSnapPointsX" | "$scrollSnapPointsY" | "$scrollSnapTypeX" | "$scrollSnapTypeY" | "$KhtmlBoxAlign" | "$KhtmlBoxDirection" | "$KhtmlBoxFlex" | "$KhtmlBoxFlexGroup" | "$KhtmlBoxLines" | "$KhtmlBoxOrdinalGroup" | "$KhtmlBoxOrient" | "$KhtmlBoxPack" | "$KhtmlLineBreak" | "$KhtmlOpacity" | "$KhtmlUserSelect" | "$MozBackfaceVisibility" | "$MozBackgroundClip" | "$MozBackgroundInlinePolicy" | "$MozBackgroundOrigin" | "$MozBackgroundSize" | "$MozBorderRadius" | "$MozBorderRadiusBottomleft" | "$MozBorderRadiusBottomright" | "$MozBorderRadiusTopleft" | "$MozBorderRadiusTopright" | "$MozBoxAlign" | "$MozBoxDirection" | "$MozBoxFlex" | "$MozBoxOrdinalGroup" | "$MozBoxOrient" | "$MozBoxPack" | "$MozBoxShadow" | "$MozFloatEdge" | "$MozForceBrokenImageIcon" | "$MozOpacity" | "$MozOutline" | "$MozOutlineColor" | "$MozOutlineStyle" | "$MozOutlineWidth" | "$MozPerspective" | "$MozPerspectiveOrigin" | "$MozTextAlignLast" | "$MozTextDecorationColor" | "$MozTextDecorationLine" | "$MozTextDecorationStyle" | "$MozTransform" | "$MozTransformOrigin" | "$MozTransformStyle" | "$MozTransition" | "$MozTransitionDelay" | "$MozTransitionDuration" | "$MozTransitionProperty" | "$MozTransitionTimingFunction" | "$MozUserInput" | "$msImeMode" | "$OAnimation" | "$OAnimationDelay" | "$OAnimationDirection" | "$OAnimationDuration" | "$OAnimationFillMode" | "$OAnimationIterationCount" | "$OAnimationName" | "$OAnimationPlayState" | "$OAnimationTimingFunction" | "$OBackgroundSize" | "$OBorderImage" | "$OObjectFit" | "$OObjectPosition" | "$OTabSize" | "$OTextOverflow" | "$OTransform" | "$OTransformOrigin" | "$OTransition" | "$OTransitionDelay" | "$OTransitionDuration" | "$OTransitionProperty" | "$OTransitionTimingFunction" | "$WebkitBoxAlign" | "$WebkitBoxDirection" | "$WebkitBoxFlex" | "$WebkitBoxFlexGroup" | "$WebkitBoxLines" | "$WebkitBoxOrdinalGroup" | "$WebkitBoxOrient" | "$WebkitBoxPack" | "$alignmentBaseline" | "$baselineShift" | "$clipRule" | "$colorInterpolation" | "$colorRendering" | "$dominantBaseline" | "$fill" | "$fillOpacity" | "$fillRule" | "$floodColor" | "$floodOpacity" | "$glyphOrientationVertical" | "$lightingColor" | "$marker" | "$markerEnd" | "$markerMid" | "$markerStart" | "$shapeRendering" | "$stopColor" | "$stopOpacity" | "$stroke" | "$strokeDasharray" | "$strokeDashoffset" | "$strokeLinecap" | "$strokeLinejoin" | "$strokeMiterlimit" | "$strokeOpacity" | "$strokeWidth" | "$textAnchor" | "$vectorEffect" | "as" | keyof HTMLAttributes<HTMLDivElement> | "effects"> & HTMLAttributes<HTMLDivElement> & import('../../types').HoneyPrefixedCSSProperties & {
|
|
33
|
-
as?: import('styled-components/dist/types').StyledTarget<"web">;
|
|
34
|
-
effects?: import('../../types').HoneyEffectResultFn<object>[];
|
|
35
|
-
}, "ref"> & {
|
|
32
|
+
export declare const HoneyGridColumnStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | keyof HoneyBoxProps> & HTMLAttributes<HTMLDivElement> & HoneyBoxProps, "ref"> & {
|
|
36
33
|
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
37
|
-
}, Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width" | "$height" | "$margin" | "$marginTop" | "$marginRight" | "$marginBottom" | "$marginLeft" | "$padding" | "$paddingTop" | "$paddingRight" | "$paddingBottom" | "$paddingLeft" | "$top" | "$right" | "$bottom" | "$left" | "$gap" | "$rowGap" | "$columnGap" | "$accentColor" | "$alignContent" | "$alignItems" | "$alignSelf" | "$alignTracks" | "$animationComposition" | "$animationDelay" | "$animationDirection" | "$animationDuration" | "$animationFillMode" | "$animationIterationCount" | "$animationName" | "$animationPlayState" | "$animationRangeEnd" | "$animationRangeStart" | "$animationTimeline" | "$animationTimingFunction" | "$appearance" | "$aspectRatio" | "$backdropFilter" | "$backfaceVisibility" | "$backgroundAttachment" | "$backgroundBlendMode" | "$backgroundClip" | "$backgroundColor" | "$backgroundImage" | "$backgroundOrigin" | "$backgroundPositionX" | "$backgroundPositionY" | "$backgroundRepeat" | "$backgroundSize" | "$blockOverflow" | "$blockSize" | "$borderBlockColor" | "$borderBlockEndColor" | "$borderBlockEndStyle" | "$borderBlockEndWidth" | "$borderBlockStartColor" | "$borderBlockStartStyle" | "$borderBlockStartWidth" | "$borderBlockStyle" | "$borderBlockWidth" | "$borderBottomColor" | "$borderBottomLeftRadius" | "$borderBottomRightRadius" | "$borderBottomStyle" | "$borderBottomWidth" | "$borderCollapse" | "$borderEndEndRadius" | "$borderEndStartRadius" | "$borderImageOutset" | "$borderImageRepeat" | "$borderImageSlice" | "$borderImageSource" | "$borderImageWidth" | "$borderInlineColor" | "$borderInlineEndColor" | "$borderInlineEndStyle" | "$borderInlineEndWidth" | "$borderInlineStartColor" | "$borderInlineStartStyle" | "$borderInlineStartWidth" | "$borderInlineStyle" | "$borderInlineWidth" | "$borderLeftColor" | "$borderLeftStyle" | "$borderLeftWidth" | "$borderRightColor" | "$borderRightStyle" | "$borderRightWidth" | "$borderSpacing" | "$borderStartEndRadius" | "$borderStartStartRadius" | "$borderTopColor" | "$borderTopLeftRadius" | "$borderTopRightRadius" | "$borderTopStyle" | "$borderTopWidth" | "$boxDecorationBreak" | "$boxShadow" | "$boxSizing" | "$breakAfter" | "$breakBefore" | "$breakInside" | "$captionSide" | "$caretColor" | "$caretShape" | "$clear" | "$clipPath" | "$color" | "$colorAdjust" | "$colorScheme" | "$columnCount" | "$columnFill" | "$columnRuleColor" | "$columnRuleStyle" | "$columnRuleWidth" | "$columnSpan" | "$columnWidth" | "$contain" | "$containIntrinsicBlockSize" | "$containIntrinsicHeight" | "$containIntrinsicInlineSize" | "$containIntrinsicWidth" | "$containerName" | "$containerType" | "$content" | "$contentVisibility" | "$counterIncrement" | "$counterReset" | "$counterSet" | "$cursor" | "$direction" | "$display" | "$emptyCells" | "$filter" | "$flexBasis" | "$flexDirection" | "$flexGrow" | "$flexShrink" | "$flexWrap" | "$float" | "$fontFamily" | "$fontFeatureSettings" | "$fontKerning" | "$fontLanguageOverride" | "$fontOpticalSizing" | "$fontPalette" | "$fontSize" | "$fontSizeAdjust" | "$fontSmooth" | "$fontStretch" | "$fontStyle" | "$fontSynthesis" | "$fontSynthesisPosition" | "$fontSynthesisSmallCaps" | "$fontSynthesisStyle" | "$fontSynthesisWeight" | "$fontVariant" | "$fontVariantAlternates" | "$fontVariantCaps" | "$fontVariantEastAsian" | "$fontVariantEmoji" | "$fontVariantLigatures" | "$fontVariantNumeric" | "$fontVariantPosition" | "$fontVariationSettings" | "$fontWeight" | "$forcedColorAdjust" | "$gridAutoColumns" | "$gridAutoFlow" | "$gridAutoRows" | "$gridColumnEnd" | "$gridColumnStart" | "$gridRowEnd" | "$gridRowStart" | "$gridTemplateAreas" | "$gridTemplateColumns" | "$gridTemplateRows" | "$hangingPunctuation" | "$hyphenateCharacter" | "$hyphenateLimitChars" | "$hyphens" | "$imageOrientation" | "$imageRendering" | "$imageResolution" | "$initialLetter" | "$inlineSize" | "$inputSecurity" | "$insetBlockEnd" | "$insetBlockStart" | "$insetInlineEnd" | "$insetInlineStart" | "$isolation" | "$justifyContent" | "$justifyItems" | "$justifySelf" | "$justifyTracks" | "$letterSpacing" | "$lineBreak" | "$lineHeight" | "$lineHeightStep" | "$listStyleImage" | "$listStylePosition" | "$listStyleType" | "$marginBlockEnd" | "$marginBlockStart" | "$marginInlineEnd" | "$marginInlineStart" | "$marginTrim" | "$maskBorderMode" | "$maskBorderOutset" | "$maskBorderRepeat" | "$maskBorderSlice" | "$maskBorderSource" | "$maskBorderWidth" | "$maskClip" | "$maskComposite" | "$maskImage" | "$maskMode" | "$maskOrigin" | "$maskPosition" | "$maskRepeat" | "$maskSize" | "$maskType" | "$masonryAutoFlow" | "$mathDepth" | "$mathShift" | "$mathStyle" | "$maxBlockSize" | "$maxHeight" | "$maxInlineSize" | "$maxLines" | "$maxWidth" | "$minBlockSize" | "$minHeight" | "$minInlineSize" | "$minWidth" | "$mixBlendMode" | "$motionDistance" | "$motionPath" | "$motionRotation" | "$objectFit" | "$objectPosition" | "$offsetAnchor" | "$offsetDistance" | "$offsetPath" | "$offsetPosition" | "$offsetRotate" | "$offsetRotation" | "$opacity" | "$order" | "$orphans" | "$outlineColor" | "$outlineOffset" | "$outlineStyle" | "$outlineWidth" | "$overflowAnchor" | "$overflowBlock" | "$overflowClipBox" | "$overflowClipMargin" | "$overflowInline" | "$overflowWrap" | "$overflowX" | "$overflowY" | "$overlay" | "$overscrollBehaviorBlock" | "$overscrollBehaviorInline" | "$overscrollBehaviorX" | "$overscrollBehaviorY" | "$paddingBlockEnd" | "$paddingBlockStart" | "$paddingInlineEnd" | "$paddingInlineStart" | "$page" | "$pageBreakAfter" | "$pageBreakBefore" | "$pageBreakInside" | "$paintOrder" | "$perspective" | "$perspectiveOrigin" | "$pointerEvents" | "$position" | "$printColorAdjust" | "$quotes" | "$resize" | "$rotate" | "$rubyAlign" | "$rubyMerge" | "$rubyPosition" | "$scale" | "$scrollBehavior" | "$scrollMarginBlockEnd" | "$scrollMarginBlockStart" | "$scrollMarginBottom" | "$scrollMarginInlineEnd" | "$scrollMarginInlineStart" | "$scrollMarginLeft" | "$scrollMarginRight" | "$scrollMarginTop" | "$scrollPaddingBlockEnd" | "$scrollPaddingBlockStart" | "$scrollPaddingBottom" | "$scrollPaddingInlineEnd" | "$scrollPaddingInlineStart" | "$scrollPaddingLeft" | "$scrollPaddingRight" | "$scrollPaddingTop" | "$scrollSnapAlign" | "$scrollSnapMarginBottom" | "$scrollSnapMarginLeft" | "$scrollSnapMarginRight" | "$scrollSnapMarginTop" | "$scrollSnapStop" | "$scrollSnapType" | "$scrollTimelineAxis" | "$scrollTimelineName" | "$scrollbarColor" | "$scrollbarGutter" | "$scrollbarWidth" | "$shapeImageThreshold" | "$shapeMargin" | "$shapeOutside" | "$tabSize" | "$tableLayout" | "$textAlign" | "$textAlignLast" | "$textCombineUpright" | "$textDecorationColor" | "$textDecorationLine" | "$textDecorationSkip" | "$textDecorationSkipInk" | "$textDecorationStyle" | "$textDecorationThickness" | "$textEmphasisColor" | "$textEmphasisPosition" | "$textEmphasisStyle" | "$textIndent" | "$textJustify" | "$textOrientation" | "$textOverflow" | "$textRendering" | "$textShadow" | "$textSizeAdjust" | "$textTransform" | "$textUnderlineOffset" | "$textUnderlinePosition" | "$textWrap" | "$timelineScope" | "$touchAction" | "$transform" | "$transformBox" | "$transformOrigin" | "$transformStyle" | "$transitionBehavior" | "$transitionDelay" | "$transitionDuration" | "$transitionProperty" | "$transitionTimingFunction" | "$translate" | "$unicodeBidi" | "$userSelect" | "$verticalAlign" | "$viewTimelineAxis" | "$viewTimelineInset" | "$viewTimelineName" | "$viewTransitionName" | "$visibility" | "$whiteSpace" | "$whiteSpaceCollapse" | "$whiteSpaceTrim" | "$widows" | "$willChange" | "$wordBreak" | "$wordSpacing" | "$wordWrap" | "$writingMode" | "$zIndex" | "$zoom" | "$all" | "$animation" | "$animationRange" | "$background" | "$backgroundPosition" | "$border" | "$borderBlock" | "$borderBlockEnd" | "$borderBlockStart" | "$borderBottom" | "$borderColor" | "$borderImage" | "$borderInline" | "$borderInlineEnd" | "$borderInlineStart" | "$borderLeft" | "$borderRadius" | "$borderRight" | "$borderStyle" | "$borderTop" | "$borderWidth" | "$caret" | "$columnRule" | "$columns" | "$containIntrinsicSize" | "$container" | "$flex" | "$flexFlow" | "$font" | "$grid" | "$gridArea" | "$gridColumn" | "$gridRow" | "$gridTemplate" | "$inset" | "$insetBlock" | "$insetInline" | "$lineClamp" | "$listStyle" | "$marginBlock" | "$marginInline" | "$mask" | "$maskBorder" | "$motion" | "$offset" | "$outline" | "$overflow" | "$overscrollBehavior" | "$paddingBlock" | "$paddingInline" | "$placeContent" | "$placeItems" | "$placeSelf" | "$scrollMargin" | "$scrollMarginBlock" | "$scrollMarginInline" | "$scrollPadding" | "$scrollPaddingBlock" | "$scrollPaddingInline" | "$scrollSnapMargin" | "$scrollTimeline" | "$textDecoration" | "$textEmphasis" | "$transition" | "$viewTimeline" | "$MozAnimationDelay" | "$MozAnimationDirection" | "$MozAnimationDuration" | "$MozAnimationFillMode" | "$MozAnimationIterationCount" | "$MozAnimationName" | "$MozAnimationPlayState" | "$MozAnimationTimingFunction" | "$MozAppearance" | "$MozBinding" | "$MozBorderBottomColors" | "$MozBorderEndColor" | "$MozBorderEndStyle" | "$MozBorderEndWidth" | "$MozBorderLeftColors" | "$MozBorderRightColors" | "$MozBorderStartColor" | "$MozBorderStartStyle" | "$MozBorderTopColors" | "$MozBoxSizing" | "$MozColumnCount" | "$MozColumnFill" | "$MozColumnRuleColor" | "$MozColumnRuleStyle" | "$MozColumnRuleWidth" | "$MozColumnWidth" | "$MozContextProperties" | "$MozFontFeatureSettings" | "$MozFontLanguageOverride" | "$MozHyphens" | "$MozImageRegion" | "$MozMarginEnd" | "$MozMarginStart" | "$MozOrient" | "$MozOsxFontSmoothing" | "$MozOutlineRadiusBottomleft" | "$MozOutlineRadiusBottomright" | "$MozOutlineRadiusTopleft" | "$MozOutlineRadiusTopright" | "$MozPaddingEnd" | "$MozPaddingStart" | "$MozStackSizing" | "$MozTabSize" | "$MozTextBlink" | "$MozTextSizeAdjust" | "$MozUserFocus" | "$MozUserModify" | "$MozUserSelect" | "$MozWindowDragging" | "$MozWindowShadow" | "$msAccelerator" | "$msBlockProgression" | "$msContentZoomChaining" | "$msContentZoomLimitMax" | "$msContentZoomLimitMin" | "$msContentZoomSnapPoints" | "$msContentZoomSnapType" | "$msContentZooming" | "$msFilter" | "$msFlexDirection" | "$msFlexPositive" | "$msFlowFrom" | "$msFlowInto" | "$msGridColumns" | "$msGridRows" | "$msHighContrastAdjust" | "$msHyphenateLimitChars" | "$msHyphenateLimitLines" | "$msHyphenateLimitZone" | "$msHyphens" | "$msImeAlign" | "$msLineBreak" | "$msOrder" | "$msOverflowStyle" | "$msOverflowX" | "$msOverflowY" | "$msScrollChaining" | "$msScrollLimitXMax" | "$msScrollLimitXMin" | "$msScrollLimitYMax" | "$msScrollLimitYMin" | "$msScrollRails" | "$msScrollSnapPointsX" | "$msScrollSnapPointsY" | "$msScrollSnapType" | "$msScrollTranslation" | "$msScrollbar3dlightColor" | "$msScrollbarArrowColor" | "$msScrollbarBaseColor" | "$msScrollbarDarkshadowColor" | "$msScrollbarFaceColor" | "$msScrollbarHighlightColor" | "$msScrollbarShadowColor" | "$msScrollbarTrackColor" | "$msTextAutospace" | "$msTextCombineHorizontal" | "$msTextOverflow" | "$msTouchAction" | "$msTouchSelect" | "$msTransform" | "$msTransformOrigin" | "$msTransitionDelay" | "$msTransitionDuration" | "$msTransitionProperty" | "$msTransitionTimingFunction" | "$msUserSelect" | "$msWordBreak" | "$msWrapFlow" | "$msWrapMargin" | "$msWrapThrough" | "$msWritingMode" | "$WebkitAlignContent" | "$WebkitAlignItems" | "$WebkitAlignSelf" | "$WebkitAnimationDelay" | "$WebkitAnimationDirection" | "$WebkitAnimationDuration" | "$WebkitAnimationFillMode" | "$WebkitAnimationIterationCount" | "$WebkitAnimationName" | "$WebkitAnimationPlayState" | "$WebkitAnimationTimingFunction" | "$WebkitAppearance" | "$WebkitBackdropFilter" | "$WebkitBackfaceVisibility" | "$WebkitBackgroundClip" | "$WebkitBackgroundOrigin" | "$WebkitBackgroundSize" | "$WebkitBorderBeforeColor" | "$WebkitBorderBeforeStyle" | "$WebkitBorderBeforeWidth" | "$WebkitBorderBottomLeftRadius" | "$WebkitBorderBottomRightRadius" | "$WebkitBorderImageSlice" | "$WebkitBorderTopLeftRadius" | "$WebkitBorderTopRightRadius" | "$WebkitBoxDecorationBreak" | "$WebkitBoxReflect" | "$WebkitBoxShadow" | "$WebkitBoxSizing" | "$WebkitClipPath" | "$WebkitColumnCount" | "$WebkitColumnFill" | "$WebkitColumnRuleColor" | "$WebkitColumnRuleStyle" | "$WebkitColumnRuleWidth" | "$WebkitColumnSpan" | "$WebkitColumnWidth" | "$WebkitFilter" | "$WebkitFlexBasis" | "$WebkitFlexDirection" | "$WebkitFlexGrow" | "$WebkitFlexShrink" | "$WebkitFlexWrap" | "$WebkitFontFeatureSettings" | "$WebkitFontKerning" | "$WebkitFontSmoothing" | "$WebkitFontVariantLigatures" | "$WebkitHyphenateCharacter" | "$WebkitHyphens" | "$WebkitInitialLetter" | "$WebkitJustifyContent" | "$WebkitLineBreak" | "$WebkitLineClamp" | "$WebkitMarginEnd" | "$WebkitMarginStart" | "$WebkitMaskAttachment" | "$WebkitMaskBoxImageOutset" | "$WebkitMaskBoxImageRepeat" | "$WebkitMaskBoxImageSlice" | "$WebkitMaskBoxImageSource" | "$WebkitMaskBoxImageWidth" | "$WebkitMaskClip" | "$WebkitMaskComposite" | "$WebkitMaskImage" | "$WebkitMaskOrigin" | "$WebkitMaskPosition" | "$WebkitMaskPositionX" | "$WebkitMaskPositionY" | "$WebkitMaskRepeat" | "$WebkitMaskRepeatX" | "$WebkitMaskRepeatY" | "$WebkitMaskSize" | "$WebkitMaxInlineSize" | "$WebkitOrder" | "$WebkitOverflowScrolling" | "$WebkitPaddingEnd" | "$WebkitPaddingStart" | "$WebkitPerspective" | "$WebkitPerspectiveOrigin" | "$WebkitPrintColorAdjust" | "$WebkitRubyPosition" | "$WebkitScrollSnapType" | "$WebkitShapeMargin" | "$WebkitTapHighlightColor" | "$WebkitTextCombine" | "$WebkitTextDecorationColor" | "$WebkitTextDecorationLine" | "$WebkitTextDecorationSkip" | "$WebkitTextDecorationStyle" | "$WebkitTextEmphasisColor" | "$WebkitTextEmphasisPosition" | "$WebkitTextEmphasisStyle" | "$WebkitTextFillColor" | "$WebkitTextOrientation" | "$WebkitTextSizeAdjust" | "$WebkitTextStrokeColor" | "$WebkitTextStrokeWidth" | "$WebkitTextUnderlinePosition" | "$WebkitTouchCallout" | "$WebkitTransform" | "$WebkitTransformOrigin" | "$WebkitTransformStyle" | "$WebkitTransitionDelay" | "$WebkitTransitionDuration" | "$WebkitTransitionProperty" | "$WebkitTransitionTimingFunction" | "$WebkitUserModify" | "$WebkitUserSelect" | "$WebkitWritingMode" | "$MozAnimation" | "$MozBorderImage" | "$MozColumnRule" | "$MozColumns" | "$MozOutlineRadius" | "$msContentZoomLimit" | "$msContentZoomSnap" | "$msFlex" | "$msScrollLimit" | "$msScrollSnapX" | "$msScrollSnapY" | "$msTransition" | "$WebkitAnimation" | "$WebkitBorderBefore" | "$WebkitBorderImage" | "$WebkitBorderRadius" | "$WebkitColumnRule" | "$WebkitColumns" | "$WebkitFlex" | "$WebkitFlexFlow" | "$WebkitMask" | "$WebkitMaskBoxImage" | "$WebkitTextEmphasis" | "$WebkitTextStroke" | "$WebkitTransition" | "$azimuth" | "$boxAlign" | "$boxDirection" | "$boxFlex" | "$boxFlexGroup" | "$boxLines" | "$boxOrdinalGroup" | "$boxOrient" | "$boxPack" | "$clip" | "$gridColumnGap" | "$gridGap" | "$gridRowGap" | "$imeMode" | "$offsetBlock" | "$offsetBlockEnd" | "$offsetBlockStart" | "$offsetInline" | "$offsetInlineEnd" | "$offsetInlineStart" | "$scrollSnapCoordinate" | "$scrollSnapDestination" | "$scrollSnapPointsX" | "$scrollSnapPointsY" | "$scrollSnapTypeX" | "$scrollSnapTypeY" | "$KhtmlBoxAlign" | "$KhtmlBoxDirection" | "$KhtmlBoxFlex" | "$KhtmlBoxFlexGroup" | "$KhtmlBoxLines" | "$KhtmlBoxOrdinalGroup" | "$KhtmlBoxOrient" | "$KhtmlBoxPack" | "$KhtmlLineBreak" | "$KhtmlOpacity" | "$KhtmlUserSelect" | "$MozBackfaceVisibility" | "$MozBackgroundClip" | "$MozBackgroundInlinePolicy" | "$MozBackgroundOrigin" | "$MozBackgroundSize" | "$MozBorderRadius" | "$MozBorderRadiusBottomleft" | "$MozBorderRadiusBottomright" | "$MozBorderRadiusTopleft" | "$MozBorderRadiusTopright" | "$MozBoxAlign" | "$MozBoxDirection" | "$MozBoxFlex" | "$MozBoxOrdinalGroup" | "$MozBoxOrient" | "$MozBoxPack" | "$MozBoxShadow" | "$MozFloatEdge" | "$MozForceBrokenImageIcon" | "$MozOpacity" | "$MozOutline" | "$MozOutlineColor" | "$MozOutlineStyle" | "$MozOutlineWidth" | "$MozPerspective" | "$MozPerspectiveOrigin" | "$MozTextAlignLast" | "$MozTextDecorationColor" | "$MozTextDecorationLine" | "$MozTextDecorationStyle" | "$MozTransform" | "$MozTransformOrigin" | "$MozTransformStyle" | "$MozTransition" | "$MozTransitionDelay" | "$MozTransitionDuration" | "$MozTransitionProperty" | "$MozTransitionTimingFunction" | "$MozUserInput" | "$msImeMode" | "$OAnimation" | "$OAnimationDelay" | "$OAnimationDirection" | "$OAnimationDuration" | "$OAnimationFillMode" | "$OAnimationIterationCount" | "$OAnimationName" | "$OAnimationPlayState" | "$OAnimationTimingFunction" | "$OBackgroundSize" | "$OBorderImage" | "$OObjectFit" | "$OObjectPosition" | "$OTabSize" | "$OTextOverflow" | "$OTransform" | "$OTransformOrigin" | "$OTransition" | "$OTransitionDelay" | "$OTransitionDuration" | "$OTransitionProperty" | "$OTransitionTimingFunction" | "$WebkitBoxAlign" | "$WebkitBoxDirection" | "$WebkitBoxFlex" | "$WebkitBoxFlexGroup" | "$WebkitBoxLines" | "$WebkitBoxOrdinalGroup" | "$WebkitBoxOrient" | "$WebkitBoxPack" | "$alignmentBaseline" | "$baselineShift" | "$clipRule" | "$colorInterpolation" | "$colorRendering" | "$dominantBaseline" | "$fill" | "$fillOpacity" | "$fillRule" | "$floodColor" | "$floodOpacity" | "$glyphOrientationVertical" | "$lightingColor" | "$marker" | "$markerEnd" | "$markerMid" | "$markerStart" | "$shapeRendering" | "$stopColor" | "$stopOpacity" | "$stroke" | "$strokeDasharray" | "$strokeDashoffset" | "$strokeLinecap" | "$strokeLinejoin" | "$strokeMiterlimit" | "$strokeOpacity" | "$strokeWidth" | "$textAnchor" | "$vectorEffect" | "as" | keyof HTMLAttributes<HTMLDivElement> | "effects"> & HTMLAttributes<HTMLDivElement> & import('../../types').HoneyPrefixedCSSProperties & {
|
|
38
|
-
as?: import('styled-components/dist/types').StyledTarget<"web">;
|
|
39
|
-
effects?: import('../../types').HoneyEffectResultFn<object>[];
|
|
40
|
-
}, "ref"> & {
|
|
34
|
+
}, Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement> | keyof HoneyBoxProps> & HTMLAttributes<HTMLDivElement> & HoneyBoxProps, "ref"> & {
|
|
41
35
|
ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
42
36
|
}>, never>, never>, HoneyGridColumnStyledProps>> & string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
|
-
|
|
2
|
+
interface HoneyLazyContentProps {
|
|
3
3
|
/**
|
|
4
4
|
* Determines whether the content should be mounted or unmounted.
|
|
5
5
|
*/
|
|
@@ -22,7 +22,7 @@ type HoneyLazyContentProps = {
|
|
|
22
22
|
* @default false
|
|
23
23
|
*/
|
|
24
24
|
isKeepAfterMount?: boolean;
|
|
25
|
-
}
|
|
25
|
+
}
|
|
26
26
|
/**
|
|
27
27
|
* Component for lazy loading/unloading content based on a mount/unmount state.
|
|
28
28
|
*/
|
|
@@ -2,8 +2,8 @@ import { HTMLAttributes, RefAttributes, default as React } from 'react';
|
|
|
2
2
|
import { HoneyListGenericProps, HoneyListItem } from './HoneyList.types';
|
|
3
3
|
import { HoneyBoxProps } from '../HoneyBox';
|
|
4
4
|
import { HoneyStatusContentProps } from '../HoneyStatusContent';
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
export interface HoneyListProps<Item extends HoneyListItem> extends Omit<HTMLAttributes<HTMLDivElement>, 'children'>, HoneyBoxProps, HoneyListGenericProps<Item>, Omit<HoneyStatusContentProps, 'isNoContent'> {
|
|
6
|
+
}
|
|
7
7
|
/**
|
|
8
8
|
* A generic and reusable list component that handles different states such as loading, error, or no content,
|
|
9
9
|
* and dynamically renders a list of items with custom content for each item.
|
|
@@ -19,4 +19,3 @@ export type HoneyListProps<Item extends HoneyListItem> = InheritedHTMLAttributes
|
|
|
19
19
|
* that will receive the forwarded ref. This allows precise typing for the element.
|
|
20
20
|
*/
|
|
21
21
|
export declare const HoneyList: <Item extends HoneyListItem, Element extends HTMLElement>(props: HoneyListProps<Item> & RefAttributes<Element>) => React.ReactElement;
|
|
22
|
-
export {};
|
|
@@ -8,27 +8,23 @@ export type HoneyListItemId<Item extends HoneyListItem> = Item[keyof Item] | str
|
|
|
8
8
|
* @template Item - The type of the items to be rendered in the list.
|
|
9
9
|
* @template T - Additional props type.
|
|
10
10
|
*/
|
|
11
|
-
export
|
|
11
|
+
export interface HoneyListGenericProps<Item extends HoneyListItem> {
|
|
12
12
|
/**
|
|
13
13
|
* Function to render each item in the list.
|
|
14
14
|
*
|
|
15
|
-
* @param
|
|
16
|
-
* @param
|
|
17
|
-
* @param
|
|
15
|
+
* @param item - The current item to be rendered.
|
|
16
|
+
* @param itemIndex - The index of the current item.
|
|
17
|
+
* @param thisItems - The array of all items.
|
|
18
18
|
*
|
|
19
|
-
* @returns
|
|
19
|
+
* @returns The node to be rendered for each item.
|
|
20
20
|
*/
|
|
21
21
|
children: (item: Item, itemIndex: number, thisItems: Item[]) => ReactNode;
|
|
22
22
|
/**
|
|
23
23
|
* The array of items to be displayed in the list.
|
|
24
|
-
*
|
|
25
|
-
* @type {Item[] | undefined}
|
|
26
24
|
*/
|
|
27
25
|
items: Item[] | undefined;
|
|
28
26
|
/**
|
|
29
27
|
* Optional function or key to uniquely identify each item in the list.
|
|
30
|
-
*
|
|
31
|
-
* @type {HoneyListItemKey<Item>}
|
|
32
28
|
*/
|
|
33
29
|
itemKey?: HoneyListItemKey<Item>;
|
|
34
|
-
}
|
|
30
|
+
}
|