@pedidopago/ui 1.7.20 → 1.7.21

package/dist/components/Flex/types.d.ts

@@ -1,176 +1,176 @@
-import { Ref } from 'react';
-import { defaultTheme } from 'src';
-type flexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
-type flexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
-type flexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
-type flexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
-type flexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
-type flexJustifySelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
-type flexAlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
-type flexGrow = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
-type flexShrink = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
-type flexBasis = 'auto' | 'content' | 'max-content' | 'min-content' | 'fit-content' | 'fill-available' | (string & {});
-type flexSpacing = 'auto' | 'inherit' | 'initial' | 'unset' | keyof typeof defaultTheme.space | (string & {});
-export type IFlexProps = {
-    /**
-     * The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
-     * @default 'row'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
-     */
-    direction?: flexDirection | {
-        base?: flexDirection;
-        sm?: flexDirection;
-        md?: flexDirection;
-        lg?: flexDirection;
-        xl?: flexDirection;
-        xxl?: flexDirection;
-    };
-    /**
-     * The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
-     * @default 'stretch'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
-     */
-    alignItems?: flexAlignItems | {
-        base?: flexAlignItems;
-        sm?: flexAlignItems;
-        md?: flexAlignItems;
-        lg?: flexAlignItems;
-        xl?: flexAlignItems;
-        xxl?: flexAlignItems;
-    };
-    /**
-     * The CSS align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.
-     * @default 'stretch'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
-     */
-    alignContent?: flexAlignContent | {
-        base?: flexAlignContent;
-        sm?: flexAlignContent;
-        md?: flexAlignContent;
-        lg?: flexAlignContent;
-        xl?: flexAlignContent;
-        xxl?: flexAlignContent;
-    };
-    /**
-     * The align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.
-     * @default 'auto'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
-     */
-    alignSelf?: flexAlignSelf | {
-        base?: flexAlignSelf;
-        sm?: flexAlignSelf;
-        md?: flexAlignSelf;
-        lg?: flexAlignSelf;
-        xl?: flexAlignSelf;
-        xxl?: flexAlignSelf;
-    };
-    /**
-     * The CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.
-     * @default 'stretch'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
-     */
-    justifyContent?: flexJustifyContent | {
-        base?: flexJustifyContent;
-        sm?: flexJustifyContent;
-        md?: flexJustifyContent;
-        lg?: flexJustifyContent;
-        xl?: flexJustifyContent;
-        xxl?: flexJustifyContent;
-    };
-    /**
-     * The CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis.
-     * @default 'auto'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self
-     */
-    justifySelf?: flexJustifySelf | {
-        base?: flexJustifySelf;
-        sm?: flexJustifySelf;
-        md?: flexJustifySelf;
-        lg?: flexJustifySelf;
-        xl?: flexJustifySelf;
-        xxl?: flexJustifySelf;
-    };
-    /**
-     * The spacing provides a gap CSS property that sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.
-     * @default '0'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/gap
-     */
-    spacing?: flexSpacing | {
-        base?: flexSpacing;
-        sm?: flexSpacing;
-        md?: flexSpacing;
-        lg?: flexSpacing;
-        xl?: flexSpacing;
-        xxl?: flexSpacing;
-    };
-    /**
-     * The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.
-     * @default '0'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
-     */
-    wrap?: flexWrap | {
-        base?: flexWrap;
-        sm?: flexWrap;
-        md?: flexWrap;
-        lg?: flexWrap;
-        xl?: flexWrap;
-        xxl?: flexWrap;
-    };
-    /**
-     * The flex-grow CSS property sets the flex grow factor of a flex item's main size.
-     * @default '0'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
-     */
-    grow?: flexGrow | {
-        base?: flexGrow;
-        sm?: flexGrow;
-        md?: flexGrow;
-        lg?: flexGrow;
-        xl?: flexGrow;
-        xxl?: flexGrow;
-    };
-    /**
-     * The flex-shrink CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink.
-     * @default '0'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
-     */
-    shrink?: flexShrink | {
-        base?: flexShrink;
-        sm?: flexShrink;
-        md?: flexShrink;
-        lg?: flexShrink;
-        xl?: flexShrink;
-        xxl?: flexShrink;
-    };
-    /**
-     * The flex-basis CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing.
-     * @default '0'
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
-     */
-    basis?: flexBasis | {
-        base?: flexBasis;
-        sm?: flexBasis;
-        md?: flexBasis;
-        lg?: flexBasis;
-        xl?: flexBasis;
-        xxl?: flexBasis;
-    };
-    /**
-     * The react ref prop for the flex container.
-     * @see https://reactjs.org/docs/refs-and-the-dom.html#the-ref-callback-attribute
-     */
-    ref?: Ref<any>;
-};
-export type IStyledFlex = IFlexProps & {
-    theme?: typeof defaultTheme;
-    flexDirection?: flexDirection | {
-        base?: flexDirection;
-        sm?: flexDirection;
-        md?: flexDirection;
-        lg?: flexDirection;
-        xl?: flexDirection;
-        xxl?: flexDirection;
-    };
-};
-export {};
+import { Ref } from 'react';
+import { defaultTheme } from 'src';
+type flexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
+type flexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+type flexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
+type flexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
+type flexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
+type flexJustifySelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+type flexAlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
+type flexGrow = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+type flexShrink = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+type flexBasis = 'auto' | 'content' | 'max-content' | 'min-content' | 'fit-content' | 'fill-available' | (string & {});
+type flexSpacing = 'auto' | 'inherit' | 'initial' | 'unset' | keyof typeof defaultTheme.space | (string & {});
+export type IFlexProps = {
+    /**
+     * The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
+     * @default 'row'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
+     */
+    direction?: flexDirection | {
+        base?: flexDirection;
+        sm?: flexDirection;
+        md?: flexDirection;
+        lg?: flexDirection;
+        xl?: flexDirection;
+        xxl?: flexDirection;
+    };
+    /**
+     * The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
+     * @default 'stretch'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
+     */
+    alignItems?: flexAlignItems | {
+        base?: flexAlignItems;
+        sm?: flexAlignItems;
+        md?: flexAlignItems;
+        lg?: flexAlignItems;
+        xl?: flexAlignItems;
+        xxl?: flexAlignItems;
+    };
+    /**
+     * The CSS align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.
+     * @default 'stretch'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
+     */
+    alignContent?: flexAlignContent | {
+        base?: flexAlignContent;
+        sm?: flexAlignContent;
+        md?: flexAlignContent;
+        lg?: flexAlignContent;
+        xl?: flexAlignContent;
+        xxl?: flexAlignContent;
+    };
+    /**
+     * The align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.
+     * @default 'auto'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
+     */
+    alignSelf?: flexAlignSelf | {
+        base?: flexAlignSelf;
+        sm?: flexAlignSelf;
+        md?: flexAlignSelf;
+        lg?: flexAlignSelf;
+        xl?: flexAlignSelf;
+        xxl?: flexAlignSelf;
+    };
+    /**
+     * The CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.
+     * @default 'stretch'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
+     */
+    justifyContent?: flexJustifyContent | {
+        base?: flexJustifyContent;
+        sm?: flexJustifyContent;
+        md?: flexJustifyContent;
+        lg?: flexJustifyContent;
+        xl?: flexJustifyContent;
+        xxl?: flexJustifyContent;
+    };
+    /**
+     * The CSS justify-self property sets the way a box is justified inside its alignment container along the appropriate axis.
+     * @default 'auto'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self
+     */
+    justifySelf?: flexJustifySelf | {
+        base?: flexJustifySelf;
+        sm?: flexJustifySelf;
+        md?: flexJustifySelf;
+        lg?: flexJustifySelf;
+        xl?: flexJustifySelf;
+        xxl?: flexJustifySelf;
+    };
+    /**
+     * The spacing provides a gap CSS property that sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/gap
+     */
+    spacing?: flexSpacing | {
+        base?: flexSpacing;
+        sm?: flexSpacing;
+        md?: flexSpacing;
+        lg?: flexSpacing;
+        xl?: flexSpacing;
+        xxl?: flexSpacing;
+    };
+    /**
+     * The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
+     */
+    wrap?: flexWrap | {
+        base?: flexWrap;
+        sm?: flexWrap;
+        md?: flexWrap;
+        lg?: flexWrap;
+        xl?: flexWrap;
+        xxl?: flexWrap;
+    };
+    /**
+     * The flex-grow CSS property sets the flex grow factor of a flex item's main size.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
+     */
+    grow?: flexGrow | {
+        base?: flexGrow;
+        sm?: flexGrow;
+        md?: flexGrow;
+        lg?: flexGrow;
+        xl?: flexGrow;
+        xxl?: flexGrow;
+    };
+    /**
+     * The flex-shrink CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
+     */
+    shrink?: flexShrink | {
+        base?: flexShrink;
+        sm?: flexShrink;
+        md?: flexShrink;
+        lg?: flexShrink;
+        xl?: flexShrink;
+        xxl?: flexShrink;
+    };
+    /**
+     * The flex-basis CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing.
+     * @default '0'
+     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
+     */
+    basis?: flexBasis | {
+        base?: flexBasis;
+        sm?: flexBasis;
+        md?: flexBasis;
+        lg?: flexBasis;
+        xl?: flexBasis;
+        xxl?: flexBasis;
+    };
+    /**
+     * The react ref prop for the flex container.
+     * @see https://reactjs.org/docs/refs-and-the-dom.html#the-ref-callback-attribute
+     */
+    ref?: Ref<any>;
+};
+export type IStyledFlex = IFlexProps & {
+    theme?: typeof defaultTheme;
+    flexDirection?: flexDirection | {
+        base?: flexDirection;
+        sm?: flexDirection;
+        md?: flexDirection;
+        lg?: flexDirection;
+        xl?: flexDirection;
+        xxl?: flexDirection;
+    };
+};
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Grid/grid.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=grid.test.d.ts.map

package/dist/components/Grid/index.d.ts

@@ -1,5 +1,5 @@
-import { FC, HTMLAttributes } from 'react';
-import { IGridProps } from './types';
-declare const Grid: FC<HTMLAttributes<HTMLDivElement> & IGridProps>;
-export default Grid;
+import { FC, HTMLAttributes } from 'react';
+import { IGridProps } from './types';
+declare const Grid: FC<HTMLAttributes<HTMLDivElement> & IGridProps>;
+export default Grid;
 //# sourceMappingURL=index.d.ts.map