@bosonprotocol/react-kit 0.34.0-alpha.9 → 0.34.0

package/dist/esm/components/productCard/ProductCard.styles.d.ts

@@ -4,12 +4,114 @@ export declare const TopLeftRibbon: import("styled-components").IStyledComponent
 export declare const ProductCardCreator: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ProductCardCreatorAvatar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ProductCardCreatorName: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const ProductCardTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>>;
+export declare const ProductCardTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<{
+    color?: import("csstype").Property.Color | undefined;
+    width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    cursor?: import("csstype").Property.Cursor | undefined;
+    display?: import("csstype").Property.Display | undefined;
+    fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
+    fontWeight?: import("csstype").Property.FontWeight | undefined;
+    letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
+    opacity?: import("csstype").Property.Opacity | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    background?: import("csstype").Property.Background<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    textAlign?: import("csstype").Property.TextAlign | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
+} & import("react").HTMLAttributes<unknown> & {
+    children?: import("react").ReactNode;
+    tag?: keyof JSX.IntrinsicElements | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onClick?: (() => void) | undefined;
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, {
+    color?: import("csstype").Property.Color | undefined;
+    width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    cursor?: import("csstype").Property.Cursor | undefined;
+    display?: import("csstype").Property.Display | undefined;
+    fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
+    fontWeight?: import("csstype").Property.FontWeight | undefined;
+    letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
+    opacity?: import("csstype").Property.Opacity | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    background?: import("csstype").Property.Background<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    textAlign?: import("csstype").Property.TextAlign | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
+} & import("react").HTMLAttributes<unknown> & {
+    children?: import("react").ReactNode;
+    tag?: keyof JSX.IntrinsicElements | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onClick?: (() => void) | undefined;
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>, never>, never>> & Omit<import("react").ForwardRefExoticComponent<{
+    color?: import("csstype").Property.Color | undefined;
+    width?: import("csstype").Property.Width<number | (string & {})> | undefined;
+    cursor?: import("csstype").Property.Cursor | undefined;
+    display?: import("csstype").Property.Display | undefined;
+    fontSize?: import("csstype").Property.FontSize<number | (string & {})> | undefined;
+    fontWeight?: import("csstype").Property.FontWeight | undefined;
+    letterSpacing?: import("csstype").Property.LetterSpacing<number | (string & {})> | undefined;
+    opacity?: import("csstype").Property.Opacity | undefined;
+    flex?: import("csstype").Property.Flex<number | (string & {})> | undefined;
+    padding?: import("csstype").Property.Padding<number | (string & {})> | undefined;
+    background?: import("csstype").Property.Background<number | (string & {})> | undefined;
+    gap?: import("csstype").Property.Gap<number | (string & {})> | undefined;
+    alignItems?: import("csstype").Property.AlignItems | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<number | (string & {})> | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<number | (string & {})> | undefined;
+    flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    flexGrow?: import("csstype").Property.FlexGrow | undefined;
+    flexShrink?: import("csstype").Property.FlexShrink | undefined;
+    flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    lineHeight?: import("csstype").Property.LineHeight<number | (string & {})> | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<number | (string & {})> | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<number | (string & {})> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<number | (string & {})> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<number | (string & {})> | undefined;
+    rowGap?: import("csstype").Property.RowGap<number | (string & {})> | undefined;
+    textAlign?: import("csstype").Property.TextAlign | undefined;
+    margin?: import("csstype").Property.Margin<number | (string & {})> | undefined;
+} & import("react").HTMLAttributes<unknown> & {
+    children?: import("react").ReactNode;
+    tag?: keyof JSX.IntrinsicElements | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onClick?: (() => void) | undefined;
+    className?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const ProductCardPriceWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ProductCardPrice: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const ProductCardData: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ProductCardBottom: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }>, never>, never>>;
@@ -17,10 +119,15 @@ export declare const ProductCardBottomContent: import("styled-components").IStyl
 export declare const ProductCardTitleWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const ProductCardWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isHoverDisabled: boolean;
+    $isImageFitCover?: boolean | undefined;
 }>>;
 export declare const ProductCardTop: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isNotImageLoaded: boolean;
 }>>;
 export declare const BottomText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
 export declare const ProductCardImageWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ProductCardImageAndCTAContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const CTAOnHoverContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isHovered: boolean;
+}>>;
 //# sourceMappingURL=ProductCard.styles.d.ts.map

package/dist/esm/components/productCard/ProductCard.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,aAAa,gNAqCzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,gNAI9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,gNAWpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gNAWlC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;mBAY5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,gNAM5B,CAAC;AAEF,eAAO,MAAM,eAAe,gNAG3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mBAO7B,CAAC;AACF,eAAO,MAAM,wBAAwB,gNASpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAInC,CAAC;AAEF,eAAO,MAAM,kBAAkB;sBAAkC,OAAO;GAqCvE,CAAC;AAEF,eAAO,MAAM,cAAc;uBAAmC,OAAO;GAOpE,CAAC;AAEF,eAAO,MAAM,UAAU,4NAQtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAKnC,CAAC"}
+{"version":3,"file":"ProductCard.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,uBAAuB,gNAQnC,CAAC;AAEF,eAAO,MAAM,aAAa,gNAqCzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,gNAI9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,gNAWpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gNAelC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGAa5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,gNAM5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;mBAQ7B,CAAC;AACF,eAAO,MAAM,wBAAwB,gNAQpC,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNAGnC,CAAC;AAEF,eAAO,MAAM,kBAAkB;sBACX,OAAO;;GAiD1B,CAAC;AAEF,eAAO,MAAM,cAAc;uBAAmC,OAAO;GAOpE,CAAC;AAEF,eAAO,MAAM,UAAU,4NAOtB,CAAC;AAEF,eAAO,MAAM,uBAAuB,gNASnC,CAAC;AAEF,eAAO,MAAM,+BAA+B,gNAE3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;gBAA4B,OAAO;GAKlE,CAAC"}

package/dist/esm/components/productCard/ProductCard.styles.js

@@ -1,12 +1,13 @@
 import styled, { css } from "styled-components";
 import { theme } from "../../theme";
 import { cardWrapperStyles } from "./commonStyles";
+import { Typography } from "../ui/Typography";
+import { zIndex } from "../ui/zIndex";
 export const ProductCardLabelWrapper = styled.div `
   position: absolute;
   top: 0.5rem;
   left: 0.5rem;
   background: white;
-  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
   font-weight: 600;
   color: ${({ theme }) => theme?.colors?.light.darkGrey};
   z-index: 1;
@@ -68,28 +69,33 @@ export const ProductCardCreatorAvatar = styled.div `
 `;
 export const ProductCardCreatorName = styled.div `
   font-weight: 600;
-  font-size: 0.75rem;
+  font-size: 0.625rem;
   line-height: 150%;
-  min-height: 3em;
-  color: ${({ theme }) => theme?.colors?.light.accent};
+  color: ${({ theme }) => theme?.colors?.light.darkGrey};
   flex: none;
   order: 1;
   flex-grow: 0;
-  justify-self: flex-end;
-  margin-bottom: 0.25rem;
+  justify-self: flex-start;
+  margin-right: auto;
+  > span {
+    font-weight: 600;
+    font-size: 0.625rem;
+    color: ${({ theme }) => theme?.colors?.light.darkGrey};
+  }
 `;
-export const ProductCardTitle = styled.div.attrs({ className: "title" }) `
-  font-weight: 600;
-  font-size: 1.25rem;
+export const ProductCardTitle = styled(Typography).attrs({
+    className: "title"
+}) `
   color: ${({ theme }) => theme?.colors?.light.black};
   word-break: break-word;
   overflow: hidden;
-  text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   line-height: 1.5em;
   max-height: calc(1.5em * 2);
+  white-space: nowrap;
+  text-overflow: ellipsis;
 `;
 export const ProductCardPriceWrapper = styled.div `
   display: flex;
@@ -108,31 +114,26 @@ export const ProductCardPrice = styled.div `
   margin-bottom: 0.25rem;
   color: ${({ theme }) => theme?.colors?.light.darkGrey};
 `;
-export const ProductCardData = styled.div `
-  display: flex;
-  flex-direction: column;
-`;
 export const ProductCardBottom = styled.div.attrs({ className: "bottom" }) `
   width: 100%;
-  background: ${theme?.colors?.light.white};
   height: 12rem;
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
+  justify-content: flex-end;
+  z-index: ${zIndex.ChatSeparator};
+  flex: 0;
 `;
 export const ProductCardBottomContent = styled.div `
   display: flex;
   justify-content: space-between;
+  flex-direction: column;
   width: 100%;
-  padding: 1rem 1.5rem 0.5rem 1.5rem;
   box-sizing: border-box;
   align-items: flex-start;
   column-gap: 0.25rem;
-  border-top: 2px solid ${theme.colors.light.border};
 `;
 export const ProductCardTitleWrapper = styled.div `
   width: 100%;
-  padding: 0 1.5rem 0.5rem 1.5rem;
   box-sizing: border-box;
 `;
 export const ProductCardWrapper = styled.div `
@@ -144,6 +145,9 @@ export const ProductCardWrapper = styled.div `
   justify-content: space-between;
   flex-direction: column;
   cursor: pointer;
+  min-height: 286px;
+  height: 286px;
+  padding: 0 1rem 1rem 1rem;
   [data-image-wrapper] {
     position: static;
     padding-top: 0;
@@ -151,20 +155,26 @@ export const ProductCardWrapper = styled.div `
     display: flex;
     justify-content: center;
     align-items: center;
+    ${({ $isImageFitCover }) => $isImageFitCover
+    ? css `
+            width: 100%;
+            img {
+              object-fit: cover;
+            }
+          `
+    : ""}
   }
   ${({ $isHoverDisabled }) => !$isHoverDisabled
     ? css `
           transition: all 300ms ease-in-out;
           &:hover {
-            box-shadow:
-              0px 0px 0px rgba(0, 0, 0, 0.05),
-              4px 4px 4px rgba(0, 0, 0, 0.05),
-              8px 8px 8px rgba(0, 0, 0, 0.05),
-              16px 16px 16px rgba(0, 0, 0, 0.05);
+            border: 2px solid ${theme.colors.light.border};
 
             [data-image-wrapper] {
+              width: 110%;
               img {
-                transform: scale(1.05);
+                transform: scale(1.5);
+                object-position: center;
                 transition: all 300ms ease-in-out;
               }
             }
@@ -177,21 +187,33 @@ export const ProductCardTop = styled.div `
   overflow: hidden;
   width: 100%;
   align-self: stretch;
-  z-index: 0;
+  z-index: ${zIndex.Default};
 `;
 export const BottomText = styled.p `
   font-size: 0.75rem;
   font-weight: 600;
   line-height: 0.975rem;
   margin: 0;
-  padding: 0 1.5rem 1rem 1.5rem;
   letter-spacing: 0.5px;
   color: ${theme.colors.light.darkGrey};
 `;
 export const ProductCardImageWrapper = styled.div `
   width: 100%;
-  min-height: 0;
-  height: auto;
+  height: 13.125rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-top: 0.9375rem;
+  padding-bottom: 0.9375rem;
   flex: 1;
 `;
+export const ProductCardImageAndCTAContainer = styled.div `
+  position: relative;
+`;
+export const CTAOnHoverContainer = styled.div `
+  position: absolute;
+  z-index: ${zIndex.OfferCard};
+  bottom: ${({ $isHovered }) => ($isHovered ? "95px" : "1.875rem")};
+  transition: all 300ms ease-in-out;
+`;
 //# sourceMappingURL=ProductCard.styles.js.map

package/dist/esm/components/productCard/ProductCard.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCard.styles.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProductCard.styles.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/productCard/commonStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"commonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,6CAO7B,CAAC"}
+{"version":3,"file":"commonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,6CAM7B,CAAC"}

package/dist/esm/components/productCard/commonStyles.js

@@ -4,7 +4,6 @@ export const cardWrapperStyles = css `
   padding: 0px;
   isolation: isolate;
   width: 100%;
-  min-height: 31.25rem;
   box-shadow: 0px 4.31783px 107.946px rgba(21, 30, 52, 0.1);
   background: ${theme.colors.light.white};
 `;

package/dist/esm/components/productCard/commonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"commonStyles.js","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;gBAMpB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;CACvC,CAAC"}
+{"version":3,"file":"commonStyles.js","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;gBAKpB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;CACvC,CAAC"}

package/dist/esm/components/skeleton/CollectionsCardSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionsCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/CollectionsCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AA0BpD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AACF,eAAO,MAAM,uBAAuB,UAAW,iBAAiB,gBAoC/D,CAAC"}
+{"version":3,"file":"CollectionsCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/CollectionsCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AA4CpD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AACF,eAAO,MAAM,uBAAuB,UAAW,iBAAiB,gBA0C/D,CAAC"}

package/dist/esm/components/skeleton/CollectionsCardSkeleton.js

@@ -3,33 +3,55 @@ import styled from "styled-components";
 import { theme } from "../../theme";
 import { cardWrapperStyles } from "../productCard/commonStyles";
 import { LoadingBubble } from "./common";
+import { Grid } from "../ui/Grid";
+const colors = theme.colors.light;
 const Container = styled.div `
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: repeat(2, min-content);
+  display: flex;
+  flex-direction: column;
   ${cardWrapperStyles}
+  /* REMs gives bad height here on smaller views */
+  height: 279px;
+  min-width: 265px;
 `;
 const ImagesContainer = styled.div `
   width: 100%;
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: repeat(2, 1fr);
-  grid-column-gap: 1px;
-  grid-row-gap: 1px;
+  position: relative;
+  /* REMs gives bad height here on smaller views */
+  height: 208px;
+  background-color: ${colors.lightGrey};
 `;
 const BottomCard = styled.div `
-  padding: 1rem 1.5rem 1rem 1.5rem;
+  padding: 1rem 1.5rem 1rem 0.3125rem;
+`;
+const ImageOne = styled.div `
+  position: absolute;
+  top: 50%;
+  left: 10%;
+  transform: translateY(-50%);
+`;
+const ImageTwo = styled.div `
+  position: absolute;
+  right: 10%;
+  top: 5%;
+`;
+const ImageThree = styled.div `
+  position: absolute;
+  right: 10%;
+  bottom: 5%;
 `;
 export const CollectionsCardSkeleton = (props) => {
     return (React.createElement(Container, null,
         React.createElement(ImagesContainer, null,
-            React.createElement(LoadingBubble, { "$width": "100%", "$height": "170px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey }),
-            React.createElement(LoadingBubble, { "$width": "100%", "$height": "170px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey }),
-            React.createElement(LoadingBubble, { "$width": "100%", "$height": "170px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey }),
-            React.createElement(LoadingBubble, { "$width": "100%", "$height": "170px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey })),
-        React.createElement(BottomCard, null,
-            React.createElement(LoadingBubble, { "$width": "50%", "$height": "26px", "$margin": "0 0 8.75px 0" }),
-            React.createElement(LoadingBubble, { "$width": "52px", "$height": "18px", "$margin": "0 0 4.375px 0" }),
-            React.createElement(LoadingBubble, { "$width": "30px", "$height": "30px" }))));
+            React.createElement(ImageOne, null,
+                React.createElement(LoadingBubble, { "$width": "140px", "$height": "102px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey })),
+            React.createElement(ImageTwo, null,
+                React.createElement(LoadingBubble, { "$width": "60px", "$height": "50px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey })),
+            React.createElement(ImageThree, null,
+                React.createElement(LoadingBubble, { "$width": "60px", "$height": "50px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey }))),
+        React.createElement(Grid, { justifyContent: "flex-start", "align-items": "center", marginLeft: "1.5rem" },
+            React.createElement(LoadingBubble, { "$width": "43px", "$height": "43px", "$borderRadius": "100%" }),
+            React.createElement(BottomCard, null,
+                React.createElement(LoadingBubble, { "$width": "52px", "$height": "18px", "$margin": "0 0 4.375px 0" }),
+                React.createElement(LoadingBubble, { "$width": "30px", "$height": "25px" })))));
 };
 //# sourceMappingURL=CollectionsCardSkeleton.js.map

package/dist/esm/components/skeleton/CollectionsCardSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionsCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/CollectionsCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;IAIxB,iBAAiB;CACpB,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOjC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE5B,CAAC;AAKF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,eAAe;YACd,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C;YACF,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C;YACF,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C;YACF,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CACc;QAClB,oBAAC,UAAU;YACT,oBAAC,aAAa,cAAQ,KAAK,aAAS,MAAM,aAAS,cAAc,GAAG;YACpE,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,aAAS,eAAe,GAAG;YACtE,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CACnC,CACH,CACb,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CollectionsCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/CollectionsCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;IAGxB,iBAAiB;;;;CAIpB,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;sBAKZ,MAAM,CAAC,SAAS;CACrC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE5B,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK1B,CAAC;AACF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI1B,CAAC;AACF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI5B,CAAC;AAIF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,eAAe;YACd,oBAAC,QAAQ;gBACP,oBAAC,aAAa,cACL,OAAO,aACN,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CACO;YACX,oBAAC,QAAQ;gBACP,oBAAC,aAAa,cACL,MAAM,aACL,MAAM,mBACA,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CACO;YACX,oBAAC,UAAU;gBACT,oBAAC,aAAa,cACL,MAAM,aACL,MAAM,mBACA,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CACS,CACG;QAClB,oBAAC,IAAI,IACH,cAAc,EAAC,YAAY,iBACf,QAAQ,EACpB,UAAU,EAAE,QAAQ;YAEpB,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,mBAAgB,MAAM,GAAI;YACrE,oBAAC,UAAU;gBACT,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,aAAS,eAAe,GAAG;gBACtE,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CACnC,CACR,CACG,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/skeleton/ProductCardSkeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAoBpD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AACF,eAAO,MAAM,mBAAmB,UAAW,iBAAiB,gBAoD3D,CAAC"}
+{"version":3,"file":"ProductCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAapD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAaF,eAAO,MAAM,mBAAmB,UAAW,iBAAiB,gBAkC3D,CAAC"}

package/dist/esm/components/skeleton/ProductCardSkeleton.js

@@ -1,33 +1,32 @@
 import React from "react";
-import { BottomText, ProductCardBottom, ProductCardBottomContent, ProductCardCreator, ProductCardCreatorAvatar, ProductCardCreatorName, ProductCardData, ProductCardImageWrapper, ProductCardPrice, ProductCardPriceWrapper, ProductCardTitle, ProductCardTitleWrapper, ProductCardWrapper } from "../productCard/ProductCard.styles";
-import { Grid } from "../ui/Grid";
+import { BottomText, ProductCardBottom, ProductCardImageWrapper, ProductCardTitle, ProductCardTitleWrapper, ProductCardWrapper } from "../productCard/ProductCard.styles";
 import { theme } from "../../theme";
 import { LoadingBubble } from "./common";
+import styled from "styled-components";
+const ProductCardImageWrapperStyled = styled(ProductCardImageWrapper) `
+  overflow: hidden;
+  width: 100%;
+  /* REMs gives bad height here on smaller views */
+  max-height: 210px;
+  min-height: 11.25rem;
+`;
+const ProductCardTitleWrapperStyled = styled(ProductCardTitleWrapper) `
+  margin-bottom: 5px;
+`;
 export const ProductCardSkeleton = (props) => {
     const { withBottomText } = props;
     return (React.createElement(ProductCardWrapper, { ...props, "$isHoverDisabled": true },
-        React.createElement(ProductCardImageWrapper, null,
+        React.createElement(ProductCardImageWrapperStyled, null,
             React.createElement(LoadingBubble, { "$width": "100%", "$height": "340px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey })),
         React.createElement(ProductCardBottom, null,
             React.createElement("div", null,
-                React.createElement(ProductCardBottomContent, null,
-                    React.createElement(ProductCardData, null,
-                        React.createElement(ProductCardCreator, null,
-                            React.createElement(ProductCardCreatorAvatar, null,
-                                React.createElement(LoadingBubble, { "$width": "16px", "$height": "16px" })),
-                            React.createElement(ProductCardCreatorName, { "data-avatarname": "product-card" },
-                                React.createElement(LoadingBubble, { "$width": "50px", "$height": "12.5px" })))),
-                    React.createElement(ProductCardPriceWrapper, null,
-                        React.createElement(ProductCardPrice, null,
-                            React.createElement(Grid, { justifyContent: "flex-end" },
-                                React.createElement(LoadingBubble, { "$width": "30px", "$height": "10px" }))),
-                        React.createElement(Grid, { justifyContent: "flex-end", gap: "8px" },
-                            React.createElement(LoadingBubble, { "$width": "24px", "$height": "24px" }),
-                            React.createElement(LoadingBubble, { "$width": "calc(100% - 24px - 8px)" })))),
-                React.createElement(ProductCardTitleWrapper, null,
+                React.createElement(ProductCardTitleWrapperStyled, null,
                     React.createElement(ProductCardTitle, null,
-                        React.createElement(LoadingBubble, { "$width": "100%", "$height": "30px" })))),
+                        React.createElement(LoadingBubble, { "$width": "50%", "$height": "12px" }))),
+                React.createElement(ProductCardTitleWrapperStyled, null,
+                    React.createElement(ProductCardTitle, null,
+                        React.createElement(LoadingBubble, { "$width": "20%", "$height": "8px" })))),
             withBottomText && (React.createElement(BottomText, null,
-                React.createElement(LoadingBubble, { "$width": "100%", "$height": "15.5px" }))))));
+                React.createElement(LoadingBubble, { "$width": "15%", "$height": "13px" }))))));
 };
 //# sourceMappingURL=ProductCardSkeleton.js.map

package/dist/esm/components/skeleton/ProductCardSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,wBAAwB,EACxB,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAKzC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC9D,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,oBAAC,kBAAkB,OAAK,KAAK,sBAAoB,IAAI;QACnD,oBAAC,uBAAuB;YACtB,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CACsB;QAC1B,oBAAC,iBAAiB;YAChB;gBACE,oBAAC,wBAAwB;oBACvB,oBAAC,eAAe;wBACd,oBAAC,kBAAkB;4BACjB,oBAAC,wBAAwB;gCACvB,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CACrB;4BAC3B,oBAAC,sBAAsB,uBAAiB,cAAc;gCACpD,oBAAC,aAAa,cAAQ,MAAM,aAAS,QAAQ,GAAG,CACzB,CACN,CACL;oBAClB,oBAAC,uBAAuB;wBACtB,oBAAC,gBAAgB;4BACf,oBAAC,IAAI,IAAC,cAAc,EAAC,UAAU;gCAC7B,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CACzC,CACU;wBACnB,oBAAC,IAAI,IAAC,cAAc,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;4BACvC,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG;4BAC9C,oBAAC,aAAa,cAAQ,yBAAyB,GAAG,CAC7C,CACiB,CACD;gBAC3B,oBAAC,uBAAuB;oBACtB,oBAAC,gBAAgB;wBACf,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CAC7B,CACK,CACtB;YACL,cAAc,IAAI,CACjB,oBAAC,UAAU;gBACT,oBAAC,aAAa,cAAQ,MAAM,aAAS,QAAQ,GAAG,CACrC,CACd,CACiB,CACD,CACtB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ProductCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,6BAA6B,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAA;;;;;;CAMpE,CAAC;AAEF,MAAM,6BAA6B,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAA;;CAEpE,CAAC;AACF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC9D,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,oBAAC,kBAAkB,OAAK,KAAK,sBAAoB,IAAI;QACnD,oBAAC,6BAA6B;YAC5B,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CAC4B;QAChC,oBAAC,iBAAiB;YAChB;gBACE,oBAAC,6BAA6B;oBAC5B,oBAAC,gBAAgB;wBACf,oBAAC,aAAa,cAAQ,KAAK,aAAS,MAAM,GAAG,CAC5B,CACW;gBAChC,oBAAC,6BAA6B;oBAC5B,oBAAC,gBAAgB;wBACf,oBAAC,aAAa,cAAQ,KAAK,aAAS,KAAK,GAAG,CAC3B,CACW,CAC5B;YACL,cAAc,IAAI,CACjB,oBAAC,UAAU;gBACT,oBAAC,aAAa,cAAQ,KAAK,aAAS,MAAM,GAAG,CAClC,CACd,CACiB,CACD,CACtB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ui/ThemedButton.d.ts

@@ -219,7 +219,7 @@ declare const ThemedButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttr
     children?: string | React.ReactNode;
     onClick?: React.MouseEventHandler<HTMLButtonElement> | undefined;
     size?: "regular" | "small" | "large" | ButtonSize | undefined;
-    themeVal?: "warning" | "outline" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
+    themeVal?: "warning" | "black" | "orange" | "white" | "primary" | "bosonPrimary" | "secondary" | "bosonSecondary" | "secondaryInverted" | "accentInvertedNoBorder" | "accentInverted" | "orangeInverse" | "bosonSecondaryInverse" | "outline" | "ghostSecondary" | "blank" | "blankSecondary" | "blankSecondaryOutline" | "blankOutline" | "escalate" | "accentFill" | undefined;
     type?: "button" | "submit" | "reset" | undefined;
     fill?: boolean | undefined;
     step?: number | undefined;

package/dist/esm/components/ui/Video.js

@@ -151,7 +151,7 @@ export const Video = ({ src, children, dataTestId = "video", showPlaceholderText
         if (ComponentWhileLoading) {
             return React.createElement(ComponentWhileLoading, null);
         }
-        return (React.createElement(VideoWrapper, { ...rest },
+        return (React.createElement(VideoWrapper, { ...rest, className: "video-container" },
             React.createElement(VideoPlaceholder, { "$position": "static" },
                 React.createElement(Typography, { tag: "div" },
                     React.createElement(Loading, null)))));

package/dist/esm/components/ui/Video.js.map

@@ -1 +1 @@
-{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/ui/Video.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/ui/Video.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ui/column/index.d.ts

@@ -11,7 +11,7 @@ export declare const ColumnCenter: import("styled-components").IStyledComponent<
 }>>, keyof import("react").Component<any, {}, any>>;
 export declare const AutoColumn: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $gap?: string | undefined;
-    $justify?: "start" | "end" | "center" | "flex-end" | "flex-start" | "stretch" | "space-between" | undefined;
+    $justify?: "start" | "end" | "space-between" | "stretch" | "center" | "flex-end" | "flex-start" | undefined;
     $grow?: true | undefined;
 }>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/ui/styles.d.ts

@@ -1,9 +1,9 @@
 export declare const transition: import("styled-components").RuleSet<object>;
+export declare const buttonText: import("styled-components").RuleSet<object>;
 export declare const button: import("styled-components").RuleSet<object>;
 export declare const clamp: import("styled-components").RuleSet<object>;
 export declare const boxShadow: import("styled-components").RuleSet<object>;
 export declare const text: import("styled-components").RuleSet<object>;
-export declare const buttonText: import("styled-components").RuleSet<object>;
 export declare const small: import("styled-components").RuleSet<object>;
 export declare const regular: import("styled-components").RuleSet<object>;
 export declare const large: import("styled-components").RuleSet<object>;

package/dist/esm/components/ui/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,6CAEtB,CAAC;AAEF,eAAO,MAAM,MAAM,6CAkBlB,CAAC;AACF,eAAO,MAAM,KAAK,6CAOjB,CAAC;AACF,eAAO,MAAM,SAAS,6CAMrB,CAAC;AAEF,eAAO,MAAM,IAAI,6CAKhB,CAAC;AAEF,eAAO,MAAM,UAAU,6CAMtB,CAAC;AAEF,eAAO,MAAM,KAAK,6CASjB,CAAC;AACF,eAAO,MAAM,OAAO,6CAcnB,CAAC;AACF,eAAO,MAAM,KAAK,6CAcjB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU,6CAEtB,CAAC;AAEF,eAAO,MAAM,UAAU,6CAMtB,CAAC;AAEF,eAAO,MAAM,MAAM,6CAkBlB,CAAC;AACF,eAAO,MAAM,KAAK,6CAOjB,CAAC;AACF,eAAO,MAAM,SAAS,6CAMrB,CAAC;AAEF,eAAO,MAAM,IAAI,6CAKhB,CAAC;AAEF,eAAO,MAAM,KAAK,6CAMjB,CAAC;AACF,eAAO,MAAM,OAAO,6CAWnB,CAAC;AACF,eAAO,MAAM,KAAK,6CAWjB,CAAC"}