@pingux/astro 2.155.1 → 2.157.1-alpha.0

package/lib/cjs/components/Button/Buttons.styles.d.ts

@@ -1024,6 +1024,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>;
@@ -1090,6 +1092,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>;
         colorAdjust?: import("theme-ui").StylePropertyValue<import("csstype").Property.PrintColorAdjust | undefined>;
@@ -1103,6 +1106,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>;
@@ -1123,15 +1132,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>;
@@ -1149,6 +1164,7 @@ declare const _default: {
         gridTemplateRows?: import("theme-ui").StylePropertyValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
         hangingPunctuation?: import("theme-ui").StylePropertyValue<import("csstype").Property.HangingPunctuation | 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>;
@@ -1156,11 +1172,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>;
@@ -1175,16 +1188,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>;
@@ -1200,6 +1212,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>;
@@ -1221,6 +1234,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>;
@@ -1238,27 +1252,26 @@ declare const _default: {
         overflowWrap?: import("theme-ui").StylePropertyValue<import("csstype").Property.OverflowWrap | 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>;
@@ -1272,36 +1285,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>;
@@ -1332,12 +1340,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>;
@@ -1346,7 +1357,13 @@ 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>;
+        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>;
@@ -1357,6 +1374,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>;
@@ -1373,8 +1391,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>;
@@ -1383,9 +1404,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>;
@@ -1394,11 +1420,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>;
@@ -1439,7 +1477,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>;
@@ -1465,20 +1503,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>;
@@ -1658,7 +1692,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>;
@@ -1714,6 +1748,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;
@@ -1780,6 +1818,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;
@@ -1834,8 +1873,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/Button/Buttons.styles.js

@@ -15,9 +15,9 @@ _Object$defineProperty(exports, "__esModule", {
 exports.text = exports.quiet = exports.link = exports.focusWithCroppedOutline = exports.defaultHover = exports.defaultFocus = exports.defaultActive = exports["default"] = exports.base = 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; }
-var base = _objectSpread({
+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 base = exports.base = _objectSpread({
   cursor: 'pointer',
   height: '37px',
   lineHeight: '115%',
@@ -30,8 +30,7 @@ var base = _objectSpread({
   flexShrink: 0,
   whiteSpace: 'nowrap'
 }, _Text.text.buttonLabel);
-exports.base = base;
-var defaultActive = {
+var defaultActive = exports.defaultActive = {
   bg: 'active',
   border: '1px solid',
   borderColor: 'active',
@@ -41,28 +40,24 @@ var defaultActive = {
     fill: 'white'
   }
 };
-exports.defaultActive = defaultActive;
-var defaultHover = {
+var defaultHover = exports.defaultHover = {
   bg: 'accent.99',
   border: '1px solid',
   borderColor: 'accent.40',
   color: 'accent.40',
   boxShadow: 'standard'
 };
-exports.defaultHover = defaultHover;
-var defaultFocus = {
+var defaultFocus = exports.defaultFocus = {
   outline: '1px solid',
   outlineColor: 'focus',
   outlineOffset: '2px'
 };
-exports.defaultFocus = defaultFocus;
-var focusWithCroppedOutline = {
+var focusWithCroppedOutline = exports.focusWithCroppedOutline = {
   boxShadow: 'none',
   outline: '1px solid',
   outlineColor: 'focus',
   outlineOffset: '1px'
 };
-exports.focusWithCroppedOutline = focusWithCroppedOutline;
 var primary = _objectSpread(_objectSpread({}, base), {}, {
   display: 'inline-flex',
   bg: 'active',
@@ -156,7 +151,7 @@ var inlineWithIcon = _objectSpread(_objectSpread({}, inline), {}, {
 var inlinePrimaryWithIcon = _objectSpread(_objectSpread({}, inlinePrimary), {}, {
   padding: '3px 15px 3px 10px'
 });
-var text = _objectSpread(_objectSpread({}, base), {}, {
+var text = exports.text = _objectSpread(_objectSpread({}, base), {}, {
   display: 'inline-flex',
   bg: 'transparent',
   border: '1px solid',
@@ -170,13 +165,11 @@ var text = _objectSpread(_objectSpread({}, base), {}, {
   },
   '&.is-focused': _objectSpread({}, focusWithCroppedOutline)
 });
-exports.text = text;
-var quiet = {
+var quiet = exports.quiet = {
   all: 'unset',
   display: 'flex'
 };
-exports.quiet = quiet;
-var link = _objectSpread(_objectSpread({}, text), {}, {
+var link = exports.link = _objectSpread(_objectSpread({}, text), {}, {
   lineHeight: 'unset',
   textDecoration: 'none',
   display: 'flex',
@@ -188,7 +181,6 @@ var link = _objectSpread(_objectSpread({}, text), {}, {
   },
   '&.is-focused': _objectSpread({}, focusWithCroppedOutline)
 });
-exports.link = link;
 var listBoxLink = _objectSpread({}, link);
 var defaultVariant = _objectSpread(_objectSpread({}, base), {}, {
   bg: 'white',
@@ -310,7 +302,7 @@ var tabLabelButton = _objectSpread(_objectSpread({}, _Text.searchNavTabLabel), {
     borderRadius: '4px'
   })
 });
-var _default = {
+var _default = exports["default"] = {
   colorBlock: colorBlock,
   colorBlockPrimary: colorBlockPrimary,
   critical: critical,
@@ -338,5 +330,4 @@ var _default = {
   withIcon: withIcon,
   filter: filter,
   searchNavTabLabel: tabLabelButton
-};
-exports["default"] = _default;
+};

package/lib/cjs/components/Button/buttonAttributes.js

@@ -18,8 +18,8 @@ var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _docArgTypes = require("../../utils/docUtils/docArgTypes");
 var _hoverProps = require("../../utils/docUtils/hoverProps");
 var _pressAttributes = require("../../utils/docUtils/pressAttributes");
-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; }
 // add designer approved variants for devs to use here
 var variantOptions = ['critical', 'default', 'inline', 'inlinePrimary', 'link', 'primary'];
 var descriptions = {
@@ -29,7 +29,7 @@ var descriptions = {
   tabIndex: 'The focus variation of button',
   variant: 'The styling variation of the button.'
 };
-var buttonArgTypes = _objectSpread(_objectSpread(_objectSpread({
+var buttonArgTypes = exports.buttonArgTypes = _objectSpread(_objectSpread(_objectSpread({
   variant: {
     options: variantOptions,
     control: {
@@ -57,5 +57,4 @@ var buttonArgTypes = _objectSpread(_objectSpread(_objectSpread({
   tabIndex: {
     description: descriptions.tabIndex
   }
-}, _pressAttributes.onPressArgTypes), _hoverProps.onHoverArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes);
-exports.buttonArgTypes = buttonArgTypes;
+}, _pressAttributes.onPressArgTypes), _hoverProps.onHoverArgTypes), _ariaAttributes.ariaAttributeBaseArgTypes);

package/lib/cjs/components/Button/constants.js

@@ -5,8 +5,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.modes = void 0;
-var modes = {
+var modes = exports.modes = {
   DEFAULT: 'default',
   ICON: 'icon'
-};
-exports.modes = modes;
+};

package/lib/cjs/components/ButtonBar/ButtonBar.js

@@ -12,23 +12,29 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../../hooks");
 var _index = require("../../index");
 var _react2 = require("@emotion/react");
-var _excluded = ["align", "children"];
-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; }
+var _excluded = ["align", "children", "className"];
+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); }
 var ButtonBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var align = props.align,
     children = props.children,
+    className = props.className,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
+      isAlignedRight: align === 'right',
+      isAlignedLeft: align === 'left'
+    }),
+    classNames = _useStatusClasses.classNames;
   return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
     ref: ref,
     isRow: true,
-    variant: align === 'right' ? 'buttonBar.justifyRightContainer' : 'buttonBar.container'
+    variant: align === 'right' ? 'buttonBar.justifyRightContainer' : 'buttonBar.container',
+    className: classNames
   }, others), children);
 });
 ButtonBar.defaultProps = {
   align: 'left'
 };
-var _default = ButtonBar;
-exports["default"] = _default;
+var _default = exports["default"] = ButtonBar;

package/lib/cjs/components/ButtonBar/ButtonBar.stories.d.ts

@@ -1,6 +1,6 @@
-import { StoryFn } from '@storybook/react';
+import { Meta, StoryFn } from '@storybook/react';
 import { ButtonBarProps } from '../../types';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+declare const _default: Meta;
 export default _default;
 export declare const Default: StoryFn<ButtonBarProps>;
 export declare const RightAligned: StoryFn;