npm - @pingux/astro - Versions diffs - 2.155.1 → 2.157.1-alpha.0 - Mend

@pingux/astro 2.155.1 → 2.157.1-alpha.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.

Files changed (1576) hide show

package/lib/cjs/components/FieldHelperText/FieldHelperText.styles.d.ts CHANGED Viewed

@@ -36,6 +36,8 @@ declare const _default: {
         animationIterationCount?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationIterationCount | undefined>;
         animationName?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationName | undefined>;
         animationPlayState?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationPlayState | undefined>;
+        animationRangeEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRangeEnd<string | number> | undefined>;
+        animationRangeStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRangeStart<string | number> | undefined>;
         animationTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimeline | undefined>;
         animationTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimingFunction | undefined>;
         appearance?: import("theme-ui").StylePropertyValue<import("csstype").Property.Appearance | undefined>;
@@ -103,6 +105,7 @@ declare const _default: {
         breakInside?: import("theme-ui").StylePropertyValue<import("csstype").Property.BreakInside | undefined>;
         captionSide?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaptionSide | undefined>;
         caretColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaretColor | undefined>;
+        caretShape?: import("theme-ui").StylePropertyValue<import("csstype").Property.CaretShape | undefined>;
         clear?: import("theme-ui").StylePropertyValue<import("csstype").Property.Clear | undefined>;
         clipPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.ClipPath | undefined>;
         color?: import("theme-ui").StylePropertyValue<import("csstype").Property.Color | undefined>;
@@ -117,6 +120,12 @@ declare const _default: {
         columnSpan?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnSpan | undefined>;
         columnWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnWidth<string | number> | undefined>;
         contain?: import("theme-ui").StylePropertyValue<import("csstype").Property.Contain | undefined>;
+        containIntrinsicBlockSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined>;
+        containIntrinsicHeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined>;
+        containIntrinsicInlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined>;
+        containIntrinsicWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined>;
+        containerName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainerName | undefined>;
+        containerType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainerType | undefined>;
         content?: import("theme-ui").StylePropertyValue<import("csstype").Property.Content | undefined>;
         contentVisibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContentVisibility | undefined>;
         counterIncrement?: import("theme-ui").StylePropertyValue<import("csstype").Property.CounterIncrement | undefined>;
@@ -137,15 +146,21 @@ declare const _default: {
         fontKerning?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontKerning | undefined>;
         fontLanguageOverride?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontLanguageOverride | undefined>;
         fontOpticalSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontOpticalSizing | undefined>;
+        fontPalette?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontPalette | undefined>;
         fontSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSizeAdjust | undefined>;
         fontSmooth?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSmooth<string | number> | undefined>;
         fontStretch?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontStretch | undefined>;
         fontStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontStyle | undefined>;
         fontSynthesis?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesis | undefined>;
+        fontSynthesisPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisPosition | undefined>;
+        fontSynthesisSmallCaps?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisSmallCaps | undefined>;
+        fontSynthesisStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisStyle | undefined>;
+        fontSynthesisWeight?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSynthesisWeight | undefined>;
         fontVariant?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariant | undefined>;
         fontVariantAlternates?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantAlternates | undefined>;
         fontVariantCaps?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantCaps | undefined>;
         fontVariantEastAsian?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantEastAsian | undefined>;
+        fontVariantEmoji?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantEmoji | undefined>;
         fontVariantLigatures?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantLigatures | undefined>;
         fontVariantNumeric?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantNumeric | undefined>;
         fontVariantPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontVariantPosition | undefined>;
@@ -164,6 +179,7 @@ declare const _default: {
         hangingPunctuation?: import("theme-ui").StylePropertyValue<import("csstype").Property.HangingPunctuation | undefined>;
         height?: import("theme-ui").StylePropertyValue<import("csstype").Property.Height<string | number> | undefined>;
         hyphenateCharacter?: import("theme-ui").StylePropertyValue<import("csstype").Property.HyphenateCharacter | undefined>;
+        hyphenateLimitChars?: import("theme-ui").StylePropertyValue<import("csstype").Property.HyphenateLimitChars | undefined>;
         hyphens?: import("theme-ui").StylePropertyValue<import("csstype").Property.Hyphens | undefined>;
         imageOrientation?: import("theme-ui").StylePropertyValue<import("csstype").Property.ImageOrientation | undefined>;
         imageRendering?: import("theme-ui").StylePropertyValue<import("csstype").Property.ImageRendering | undefined>;
@@ -171,11 +187,8 @@ declare const _default: {
         initialLetter?: import("theme-ui").StylePropertyValue<import("csstype").Property.InitialLetter | undefined>;
         inlineSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.InlineSize<string | number> | undefined>;
         inputSecurity?: import("theme-ui").StylePropertyValue<import("csstype").Property.InputSecurity | undefined>;
-        inset?: import("theme-ui").StylePropertyValue<import("csstype").Property.Inset<string | number> | undefined>;
-        insetBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlock<string | number> | undefined>;
         insetBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlockEnd<string | number> | undefined>;
         insetBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlockStart<string | number> | undefined>;
-        insetInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInline<string | number> | undefined>;
         insetInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInlineEnd<string | number> | undefined>;
         insetInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInlineStart<string | number> | undefined>;
         isolation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Isolation | undefined>;
@@ -191,16 +204,15 @@ declare const _default: {
         listStyleImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyleImage | undefined>;
         listStylePosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStylePosition | undefined>;
         listStyleType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyleType | undefined>;
-        marginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlock<string | number> | undefined>;
         marginBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlockEnd<string | number> | undefined>;
         marginBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlockStart<string | number> | undefined>;
         marginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBottom<string | number> | undefined>;
-        marginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInline<string | number> | undefined>;
         marginInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineEnd<string | number> | undefined>;
         marginInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineStart<string | number> | undefined>;
         marginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginLeft<string | number> | undefined>;
         marginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginRight<string | number> | undefined>;
         marginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTop<string | number> | undefined>;
+        marginTrim?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginTrim | undefined>;
         maskBorderMode?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderMode | undefined>;
         maskBorderOutset?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderOutset<string | number> | undefined>;
         maskBorderRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorderRepeat | undefined>;
@@ -216,6 +228,7 @@ declare const _default: {
         maskRepeat?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskRepeat | undefined>;
         maskSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskSize<string | number> | undefined>;
         maskType?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskType | undefined>;
+        masonryAutoFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.MasonryAutoFlow | undefined>;
         mathDepth?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathDepth | undefined>;
         mathShift?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathShift | undefined>;
         mathStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.MathStyle | undefined>;
@@ -236,6 +249,7 @@ declare const _default: {
         offsetAnchor?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetAnchor<string | number> | undefined>;
         offsetDistance?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetDistance<string | number> | undefined>;
         offsetPath?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetPath | undefined>;
+        offsetPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetPosition<string | number> | undefined>;
         offsetRotate?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetRotate | undefined>;
         offsetRotation?: import("theme-ui").StylePropertyValue<import("csstype").Property.OffsetRotate | undefined>;
         opacity?: import("theme-ui").StylePropertyValue<import("csstype").Property.Opacity | undefined>;
@@ -252,27 +266,26 @@ declare const _default: {
         overflowInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowInline | undefined>;
         overflowX?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowX | undefined>;
         overflowY?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowY | undefined>;
+        overlay?: import("theme-ui").StylePropertyValue<import("csstype").Property.Overlay | undefined>;
         overscrollBehaviorBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorBlock | undefined>;
         overscrollBehaviorInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorInline | undefined>;
         overscrollBehaviorX?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorX | undefined>;
         overscrollBehaviorY?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehaviorY | undefined>;
-        paddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
         paddingBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlockEnd<string | number> | undefined>;
         paddingBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlockStart<string | number> | undefined>;
         paddingBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBottom<string | number> | undefined>;
-        paddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
         paddingInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>;
         paddingInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineStart<string | number> | undefined>;
         paddingLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingLeft<string | number> | undefined>;
         paddingRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingRight<string | number> | undefined>;
         paddingTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingTop<string | number> | undefined>;
+        page?: import("theme-ui").StylePropertyValue<import("csstype").Property.Page | undefined>;
         pageBreakAfter?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakAfter | undefined>;
         pageBreakBefore?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakBefore | undefined>;
         pageBreakInside?: import("theme-ui").StylePropertyValue<import("csstype").Property.PageBreakInside | undefined>;
         paintOrder?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaintOrder | undefined>;
         perspective?: import("theme-ui").StylePropertyValue<import("csstype").Property.Perspective<string | number> | undefined>;
         perspectiveOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.PerspectiveOrigin<string | number> | undefined>;
-        placeContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceContent | undefined>;
         pointerEvents?: import("theme-ui").StylePropertyValue<import("csstype").Property.PointerEvents | undefined>;
         position?: import("theme-ui").StylePropertyValue<import("csstype").Property.Position | undefined>;
         printColorAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.PrintColorAdjust | undefined>;
@@ -286,36 +299,31 @@ declare const _default: {
         rubyPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.RubyPosition | undefined>;
         scale?: import("theme-ui").StylePropertyValue<import("csstype").Property.Scale | undefined>;
         scrollBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollBehavior | undefined>;
-        scrollMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
-        scrollMarginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlock<string | number> | undefined>;
         scrollMarginBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlockEnd<string | number> | undefined>;
         scrollMarginBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlockStart<string | number> | undefined>;
         scrollMarginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBottom<string | number> | undefined>;
-        scrollMarginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInline<string | number> | undefined>;
         scrollMarginInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInlineEnd<string | number> | undefined>;
         scrollMarginInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInlineStart<string | number> | undefined>;
         scrollMarginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginLeft<string | number> | undefined>;
         scrollMarginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginRight<string | number> | undefined>;
         scrollMarginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginTop<string | number> | undefined>;
-        scrollPadding?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPadding<string | number> | undefined>;
-        scrollPaddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined>;
         scrollPaddingBlockEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined>;
         scrollPaddingBlockStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined>;
         scrollPaddingBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBottom<string | number> | undefined>;
-        scrollPaddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInline<string | number> | undefined>;
         scrollPaddingInlineEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined>;
         scrollPaddingInlineStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined>;
         scrollPaddingLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingLeft<string | number> | undefined>;
         scrollPaddingRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingRight<string | number> | undefined>;
         scrollPaddingTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingTop<string | number> | undefined>;
         scrollSnapAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapAlign | undefined>;
-        scrollSnapMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
         scrollSnapMarginBottom?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBottom<string | number> | undefined>;
         scrollSnapMarginLeft?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginLeft<string | number> | undefined>;
         scrollSnapMarginRight?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginRight<string | number> | undefined>;
         scrollSnapMarginTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginTop<string | number> | undefined>;
         scrollSnapStop?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapStop | undefined>;
         scrollSnapType?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollSnapType | undefined>;
+        scrollTimelineAxis?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimelineAxis | undefined>;
+        scrollTimelineName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimelineName | undefined>;
         scrollbarColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarColor | undefined>;
         scrollbarGutter?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarGutter | undefined>;
         scrollbarWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollbarWidth | undefined>;
@@ -346,12 +354,15 @@ declare const _default: {
         textTransform?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextTransform | undefined>;
         textUnderlineOffset?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextUnderlineOffset<string | number> | undefined>;
         textUnderlinePosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextUnderlinePosition | undefined>;
+        textWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextWrap | undefined>;
+        timelineScope?: import("theme-ui").StylePropertyValue<import("csstype").Property.TimelineScope | undefined>;
         top?: import("theme-ui").StylePropertyValue<import("csstype").Property.Top<string | number> | undefined>;
         touchAction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TouchAction | undefined>;
         transform?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transform | undefined>;
         transformBox?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformBox | undefined>;
         transformOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformOrigin<string | number> | undefined>;
         transformStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformStyle | undefined>;
+        transitionBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionBehavior | undefined>;
         transitionDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDelay<string & {}> | undefined>;
         transitionDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDuration<string & {}> | undefined>;
         transitionProperty?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionProperty | undefined>;
@@ -360,8 +371,14 @@ declare const _default: {
         unicodeBidi?: import("theme-ui").StylePropertyValue<import("csstype").Property.UnicodeBidi | undefined>;
         userSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.UserSelect | undefined>;
         verticalAlign?: import("theme-ui").StylePropertyValue<import("csstype").Property.VerticalAlign<string | number> | undefined>;
+        viewTimelineAxis?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineAxis | undefined>;
+        viewTimelineInset?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineInset<string | number> | undefined>;
+        viewTimelineName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimelineName | undefined>;
+        viewTransitionName?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTransitionName | undefined>;
         visibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.Visibility | undefined>;
         whiteSpace?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpace | undefined>;
+        whiteSpaceCollapse?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpaceCollapse | undefined>;
+        whiteSpaceTrim?: import("theme-ui").StylePropertyValue<import("csstype").Property.WhiteSpaceTrim | undefined>;
         widows?: import("theme-ui").StylePropertyValue<import("csstype").Property.Widows | undefined>;
         width?: import("theme-ui").StylePropertyValue<import("csstype").Property.Width<string | number> | undefined>;
         willChange?: import("theme-ui").StylePropertyValue<import("csstype").Property.WillChange | undefined>;
@@ -370,6 +387,7 @@ declare const _default: {
         zoom?: import("theme-ui").StylePropertyValue<import("csstype").Property.Zoom | undefined>;
         all?: import("theme-ui").StylePropertyValue<import("csstype").Globals | undefined>;
         animation?: import("theme-ui").StylePropertyValue<import("csstype").Property.Animation<string & {}> | undefined>;
+        animationRange?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationRange<string | number> | undefined>;
         background?: import("theme-ui").StylePropertyValue<import("csstype").Property.Background<string | number> | undefined>;
         backgroundPosition?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackgroundPosition<string | number> | undefined>;
         border?: import("theme-ui").StylePropertyValue<import("csstype").Property.Border<string | number> | undefined>;
@@ -387,8 +405,11 @@ declare const _default: {
         borderStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderStyle | undefined>;
         borderTop?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderTop<string | number> | undefined>;
         borderWidth?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderWidth<string | number> | undefined>;
+        caret?: import("theme-ui").StylePropertyValue<import("csstype").Property.Caret | undefined>;
         columnRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRule<string | number> | undefined>;
         columns?: import("theme-ui").StylePropertyValue<import("csstype").Property.Columns<string | number> | undefined>;
+        containIntrinsicSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.ContainIntrinsicSize<string | number> | undefined>;
+        container?: import("theme-ui").StylePropertyValue<import("csstype").Property.Container | undefined>;
         flex?: import("theme-ui").StylePropertyValue<import("csstype").Property.Flex<string | number> | undefined>;
         flexFlow?: import("theme-ui").StylePropertyValue<import("csstype").Property.FlexFlow | undefined>;
         font?: import("theme-ui").StylePropertyValue<import("csstype").Property.Font | undefined>;
@@ -397,9 +418,14 @@ declare const _default: {
         gridColumn?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridColumn | undefined>;
         gridRow?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridRow | undefined>;
         gridTemplate?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridTemplate | undefined>;
+        inset?: import("theme-ui").StylePropertyValue<import("csstype").Property.Inset<string | number> | undefined>;
+        insetBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetBlock<string | number> | undefined>;
+        insetInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.InsetInline<string | number> | undefined>;
         lineClamp?: import("theme-ui").StylePropertyValue<import("csstype").Property.LineClamp | undefined>;
         listStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.ListStyle | undefined>;
         margin?: import("theme-ui").StylePropertyValue<import("csstype").Property.Margin<string | number> | undefined>;
+        marginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginBlock<string | number> | undefined>;
+        marginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInline<string | number> | undefined>;
         mask?: import("theme-ui").StylePropertyValue<import("csstype").Property.Mask<string | number> | undefined>;
         maskBorder?: import("theme-ui").StylePropertyValue<import("csstype").Property.MaskBorder | undefined>;
         motion?: import("theme-ui").StylePropertyValue<import("csstype").Property.Offset<string | number> | undefined>;
@@ -408,11 +434,23 @@ declare const _default: {
         overflow?: import("theme-ui").StylePropertyValue<import("csstype").Property.Overflow | undefined>;
         overscrollBehavior?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverscrollBehavior | undefined>;
         padding?: import("theme-ui").StylePropertyValue<import("csstype").Property.Padding<string | number> | undefined>;
+        paddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
+        paddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
+        placeContent?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceContent | undefined>;
         placeItems?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceItems | undefined>;
         placeSelf?: import("theme-ui").StylePropertyValue<import("csstype").Property.PlaceSelf | undefined>;
+        scrollMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
+        scrollMarginBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginBlock<string | number> | undefined>;
+        scrollMarginInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMarginInline<string | number> | undefined>;
+        scrollPadding?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPadding<string | number> | undefined>;
+        scrollPaddingBlock?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingBlock<string | number> | undefined>;
+        scrollPaddingInline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollPaddingInline<string | number> | undefined>;
+        scrollSnapMargin?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollMargin<string | number> | undefined>;
+        scrollTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ScrollTimeline | undefined>;
         textDecoration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextDecoration<string | number> | undefined>;
         textEmphasis?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextEmphasis | undefined>;
         transition?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transition<string & {}> | undefined>;
+        viewTimeline?: import("theme-ui").StylePropertyValue<import("csstype").Property.ViewTimeline | undefined>;
         alignmentBaseline?: import("theme-ui").StylePropertyValue<import("csstype").Property.AlignmentBaseline | undefined>;
         baselineShift?: import("theme-ui").StylePropertyValue<import("csstype").Property.BaselineShift<string | number> | undefined>;
         clip?: import("theme-ui").StylePropertyValue<import("csstype").Property.Clip | undefined>;
@@ -453,7 +491,7 @@ declare const _default: {
         MozAnimationPlayState?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationPlayState | undefined>;
         MozAnimationTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.AnimationTimingFunction | undefined>;
         MozAppearance?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozAppearance | undefined>;
-        MozBackfaceVisibility?: import("theme-ui").StylePropertyValue<import("csstype").Property.BackfaceVisibility | undefined>;
+        MozBinding?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBinding | undefined>;
         MozBorderBottomColors?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozBorderBottomColors | undefined>;
         MozBorderEndColor?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndColor | undefined>;
         MozBorderEndStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderInlineEndStyle | undefined>;
@@ -479,20 +517,16 @@ declare const _default: {
         MozMarginStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.MarginInlineStart<string | number> | undefined>;
         MozOrient?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOrient | undefined>;
         MozOsxFontSmoothing?: import("theme-ui").StylePropertyValue<import("csstype").Property.FontSmooth<string | number> | undefined>;
+        MozOutlineRadiusBottomleft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined>;
+        MozOutlineRadiusBottomright?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined>;
+        MozOutlineRadiusTopleft?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined>;
+        MozOutlineRadiusTopright?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined>;
         MozPaddingEnd?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineEnd<string | number> | undefined>;
         MozPaddingStart?: import("theme-ui").StylePropertyValue<import("csstype").Property.PaddingInlineStart<string | number> | undefined>;
-        MozPerspective?: import("theme-ui").StylePropertyValue<import("csstype").Property.Perspective<string | number> | undefined>;
-        MozPerspectiveOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.PerspectiveOrigin<string | number> | undefined>;
         MozStackSizing?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozStackSizing | undefined>;
         MozTabSize?: import("theme-ui").StylePropertyValue<import("csstype").Property.TabSize<string | number> | undefined>;
         MozTextBlink?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozTextBlink | undefined>;
         MozTextSizeAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.TextSizeAdjust | undefined>;
-        MozTransformOrigin?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformOrigin<string | number> | undefined>;
-        MozTransformStyle?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransformStyle | undefined>;
-        MozTransitionDelay?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDelay<string & {}> | undefined>;
-        MozTransitionDuration?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionDuration<string & {}> | undefined>;
-        MozTransitionProperty?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionProperty | undefined>;
-        MozTransitionTimingFunction?: import("theme-ui").StylePropertyValue<import("csstype").Property.TransitionTimingFunction | undefined>;
         MozUserFocus?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozUserFocus | undefined>;
         MozUserModify?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozUserModify | undefined>;
         MozUserSelect?: import("theme-ui").StylePropertyValue<import("csstype").Property.UserSelect | undefined>;
@@ -672,7 +706,7 @@ declare const _default: {
         MozBorderImage?: import("theme-ui").StylePropertyValue<import("csstype").Property.BorderImage | undefined>;
         MozColumnRule?: import("theme-ui").StylePropertyValue<import("csstype").Property.ColumnRule<string | number> | undefined>;
         MozColumns?: import("theme-ui").StylePropertyValue<import("csstype").Property.Columns<string | number> | undefined>;
-        MozTransition?: import("theme-ui").StylePropertyValue<import("csstype").Property.Transition<string & {}> | undefined>;
+        MozOutlineRadius?: import("theme-ui").StylePropertyValue<import("csstype").Property.MozOutlineRadius<string | number> | undefined>;
         msContentZoomLimit?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomLimit | undefined>;
         msContentZoomSnap?: import("theme-ui").StylePropertyValue<import("csstype").Property.MsContentZoomSnap | undefined>;
         msFlex?: import("theme-ui").StylePropertyValue<import("csstype").Property.Flex<string | number> | undefined>;
@@ -732,6 +766,10 @@ declare const _default: {
         "::cue-region"?: import("theme-ui").ThemeUIStyleObject | undefined;
         "::part"?: import("theme-ui").ThemeUIStyleObject | undefined;
         "::slotted"?: import("theme-ui").ThemeUIStyleObject | undefined;
+        "::view-transition-group"?: import("theme-ui").ThemeUIStyleObject | undefined;
+        "::view-transition-image-pair"?: import("theme-ui").ThemeUIStyleObject | undefined;
+        "::view-transition-new"?: import("theme-ui").ThemeUIStyleObject | undefined;
+        "::view-transition-old"?: import("theme-ui").ThemeUIStyleObject | undefined;
         ":dir"?: import("theme-ui").ThemeUIStyleObject | undefined;
         ":has"?: import("theme-ui").ThemeUIStyleObject | undefined;
         ":host"?: import("theme-ui").ThemeUIStyleObject | undefined;
@@ -798,6 +836,7 @@ declare const _default: {
         "::selection"?: import("theme-ui").ThemeUIStyleObject | undefined;
         "::spelling-error"?: import("theme-ui").ThemeUIStyleObject | undefined;
         "::target-text"?: import("theme-ui").ThemeUIStyleObject | undefined;
+        "::view-transition"?: import("theme-ui").ThemeUIStyleObject | undefined;
         ":active"?: import("theme-ui").ThemeUIStyleObject | undefined;
         ":after"?: import("theme-ui").ThemeUIStyleObject | undefined;
         ":any-link"?: import("theme-ui").ThemeUIStyleObject | undefined;
@@ -852,8 +891,8 @@ declare const _default: {
         ":user-valid"?: import("theme-ui").ThemeUIStyleObject | undefined;
         ":valid"?: import("theme-ui").ThemeUIStyleObject | undefined;
         ":visited"?: import("theme-ui").ThemeUIStyleObject | undefined;
-        variant?: string | undefined;
-        label?: string | undefined;
+        variant?: string;
+        label?: string;
     };
 };
 export default _default;

package/lib/cjs/components/FieldHelperText/FieldHelperText.styles.js CHANGED Viewed

@@ -15,8 +15,8 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _Text = require("../Text/Text.styles");
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var title = _objectSpread(_objectSpread(_objectSpread({}, _Text.base), _Text.wordWrap), {}, {
   fontSize: 'sm',
   '&.is-default': {
@@ -36,7 +36,6 @@ var title = _objectSpread(_objectSpread(_objectSpread({}, _Text.base), _Text.wor
     gridColumnEnd: 3
   }
 });
-var _default = {
+var _default = exports["default"] = {
   title: title
-};
-exports["default"] = _default;
+};

package/lib/cjs/components/FileInputField/FileInputField.js CHANGED Viewed

@@ -46,10 +46,9 @@ var _FileSelect = _interopRequireDefault(require("./FileSelect"));
 var _FileSelectIcon = _interopRequireDefault(require("./FileSelectIcon"));
 var _react2 = require("@emotion/react");
 var _excluded = ["buttonProps", "defaultButtonText", "defaultFileList", "fileList", "helperText", "iconContainerProps", "iconProps", "isDisabled", "isIconButton", "isLoading", "isMultiple", "label", "onFileSelect", "onRemove", "status", "textProps", "fileTypes"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty2(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var displayName = 'FileInputField';
 var FILE_CHANGE_STATUS = {
   ADDED: 'added',
@@ -59,7 +58,7 @@ var getFileExtension = function getFileExtension(file) {
   var extension = file.name.split('.')[file.name.split('.').length - 1];
   return ".".concat(extension);
 };
-var filterFileTypes = function filterFileTypes(_ref) {
+var filterFileTypes = exports.filterFileTypes = function filterFileTypes(_ref) {
   var arrayWithNewFiles = _ref.arrayWithNewFiles,
     fileTypes = _ref.fileTypes;
   return (0, _filter["default"])(arrayWithNewFiles).call(arrayWithNewFiles, function (newFile) {
@@ -68,7 +67,6 @@ var filterFileTypes = function filterFileTypes(_ref) {
     });
   });
 };
-exports.filterFileTypes = filterFileTypes;
 var FileInputField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var buttonProps = props.buttonProps,
     defaultButtonText = props.defaultButtonText,
@@ -339,5 +337,4 @@ FileInputField.propTypes = _objectSpread(_objectSpread(_objectSpread({
 FileInputField.defaultProps = _objectSpread({
   defaultButtonText: 'Select a file'
 }, _statusProp.statusDefaultProp);
-var _default = FileInputField;
-exports["default"] = _default;
+var _default = exports["default"] = FileInputField;

package/lib/cjs/components/FileInputField/FileInputField.stories.js CHANGED Viewed

@@ -29,11 +29,10 @@ var _fieldAttributes = require("../../utils/docUtils/fieldAttributes");
 var _statusProp = require("../../utils/docUtils/statusProp");
 var _FileInputField = _interopRequireDefault(require("./FileInputField.mdx"));
 var _react2 = require("@emotion/react");
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-var _default = {
+function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _default = exports["default"] = {
   title: 'Form/FileInputField',
   component: _index.FileInputField,
   parameters: {
@@ -95,25 +94,22 @@ var _default = {
     'aria-label': 'File Input Field'
   }
 };
-exports["default"] = _default;
 var fitContentWidthSx = {
   width: 'fit-content'
 };
-var Default = function Default(args) {
+var Default = exports.Default = function Default(args) {
   return (0, _react2.jsx)(_index.FileInputField, (0, _extends2["default"])({
     sx: fitContentWidthSx
   }, args));
 };
-exports.Default = Default;
-var CustomButtonText = function CustomButtonText(args) {
+var CustomButtonText = exports.CustomButtonText = function CustomButtonText(args) {
   return (0, _react2.jsx)(_index.FileInputField, (0, _extends2["default"])({}, args, {
     defaultButtonText: "Original Button Name",
     label: "Custom Button Text",
     sx: fitContentWidthSx
   }));
 };
-exports.CustomButtonText = CustomButtonText;
-var ControlledState = function ControlledState(args) {
+var ControlledState = exports.ControlledState = function ControlledState(args) {
   var _useState = (0, _react.useState)([]),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     userFiles = _useState2[0],
@@ -153,8 +149,7 @@ var ControlledState = function ControlledState(args) {
     isMultiple: true
   }));
 };
-exports.ControlledState = ControlledState;
-var DefaultFileListUncontrolled = function DefaultFileListUncontrolled() {
+var DefaultFileListUncontrolled = exports.DefaultFileListUncontrolled = function DefaultFileListUncontrolled() {
   return (0, _react2.jsx)(_index.FileInputField, {
     defaultFileList: [{
       id: 'test-id1',
@@ -174,8 +169,7 @@ var DefaultFileListUncontrolled = function DefaultFileListUncontrolled() {
     sx: fitContentWidthSx
   });
 };
-exports.DefaultFileListUncontrolled = DefaultFileListUncontrolled;
-var ErrorStatusSingleFile = function ErrorStatusSingleFile(args) {
+var ErrorStatusSingleFile = exports.ErrorStatusSingleFile = function ErrorStatusSingleFile(args) {
   return (0, _react2.jsx)(_index.FileInputField, (0, _extends2["default"])({}, args, {
     defaultFileList: [{
       id: 'test-id3',
@@ -189,8 +183,7 @@ var ErrorStatusSingleFile = function ErrorStatusSingleFile(args) {
     status: _statuses["default"].ERROR
   }));
 };
-exports.ErrorStatusSingleFile = ErrorStatusSingleFile;
-var ErrorWithMultipleFiles = function ErrorWithMultipleFiles(args) {
+var ErrorWithMultipleFiles = exports.ErrorWithMultipleFiles = function ErrorWithMultipleFiles(args) {
   return (0, _react2.jsx)(_index.FileInputField, (0, _extends2["default"])({}, args, {
     defaultFileList: [{
       id: 'test-id3',
@@ -208,8 +201,7 @@ var ErrorWithMultipleFiles = function ErrorWithMultipleFiles(args) {
     isMultiple: true
   }));
 };
-exports.ErrorWithMultipleFiles = ErrorWithMultipleFiles;
-var WithCustomWidth = function WithCustomWidth(args) {
+var WithCustomWidth = exports.WithCustomWidth = function WithCustomWidth(args) {
   var textSx = {
     textOverflow: 'ellipsis',
     overflow: 'hidden',
@@ -231,8 +223,7 @@ var WithCustomWidth = function WithCustomWidth(args) {
     isMultiple: true
   })));
 };
-exports.WithCustomWidth = WithCustomWidth;
-var WithFileTypePdfAndImage = function WithFileTypePdfAndImage() {
+var WithFileTypePdfAndImage = exports.WithFileTypePdfAndImage = function WithFileTypePdfAndImage() {
   var fileTypes = ['application/pdf', 'image/*'];
   var _useState5 = (0, _react.useState)(),
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
@@ -261,11 +252,9 @@ var WithFileTypePdfAndImage = function WithFileTypePdfAndImage() {
     helperText: error
   });
 };
-exports.WithFileTypePdfAndImage = WithFileTypePdfAndImage;
-var WithCustomFileTypes = function WithCustomFileTypes() {
+var WithCustomFileTypes = exports.WithCustomFileTypes = function WithCustomFileTypes() {
   return (0, _react2.jsx)(_index.FileInputField, {
     fileTypes: ['.p8'],
     sx: fitContentWidthSx
   });
-};
-exports.WithCustomFileTypes = WithCustomFileTypes;
+};

package/lib/cjs/components/FileInputField/FileInputField.styles.js CHANGED Viewed

@@ -15,8 +15,8 @@ _Object$defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _Buttons = require("../Button/Buttons.styles");
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var wrapper = {
   display: 'flex',
   border: '1px dashed',
@@ -56,8 +56,7 @@ var button = {
   },
   '&.is-focused': _objectSpread({}, _Buttons.focusWithCroppedOutline)
 };
-var _default = {
+var _default = exports["default"] = {
   wrapper: wrapper,
   button: button
-};
-exports["default"] = _default;
+};