Why Gemfury? Push, build, and install  RubyGems npm packages Python packages Maven artifacts PHP packages Go Modules Debian packages RPM packages NuGet packages

Repository URL to install this package:

Details    
Size: Mime:
"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const styleh_components_1 = require("styleh-components");

const ProductItemV1_1 = tslib_1.__importDefault(require("../../ProductPieces/ProductItemV1"));

const ProductOptions_1 = require("../../ProductOptions");

const Buttons_1 = require("../../Buttons");

const Button_1 = require("@skava/ui/dist/components/atoms/Button");

const PromotionModal_1 = require("./PromotionModal");

const StyledPromotionModal = styleh_components_1.styled(PromotionModal_1.PromotionModal)`${PromotionModal_1.ModalWrapper}{left:-0.5rem;}`;
exports.StyledPromotionModal = StyledPromotionModal;
const StyledAddToCartButton = styleh_components_1.styled(Buttons_1.PrimaryButton)`width:100%;height:2.75rem;margin-bottom:1rem;${Button_1.StyledIcon}{fill:var(--color-pure-white);}`;
exports.StyledAddToCartButton = StyledAddToCartButton;
const StyledProductOptions = styleh_components_1.styled(ProductOptions_1.ProductOptions)`padding:0 0 0.5rem 0;`;
exports.StyledProductOptions = StyledProductOptions;
const ExpandableWrapper = styleh_components_1.styled.div`padding:0 0.5rem 0;max-height:0;height:13.125rem;overflow:hidden;position:absolute;top:21.4375rem;left:0;right:0;bottom:0;z-index:3;background-color:var(--color-pure-white);transition:0.5s ease-in;&:hover{overflow:auto;}`;
exports.ExpandableWrapper = ExpandableWrapper;
const StyledProductItem = styleh_components_1.styled(ProductItemV1_1.default)`width:100%;`;
exports.StyledProductItem = StyledProductItem;
const Wrapper = styleh_components_1.styled.section`display:flex;margin:0.5rem 0.25rem;flex-direction:column;position:relative;width:17.375rem;background-color:var(--color-pure-white);padding:0.5rem;transition:0.5s ease-in;&:after{content:'';position:absolute;left:0;bottom:-10px;width:100%;background:#fff;height:10px;z-index:0;}&:hover{box-shadow:0px 4px 4px rgba(0,0,0,0.3);${ExpandableWrapper}{max-height:25rem;opacity:1;box-shadow:0px 4px 4px rgba(0,0,0,0.3);}}`;
exports.Wrapper = Wrapper;