"use strict";

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

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

const Text_1 = require("@skava/ui/dist/components/atoms/Text");

const SelectDropDown_1 = require("@skava/ui/dist/components/molecules/SelectDropDown");

const ProductPieces_1 = require("../../ProductPieces");

const Quantity_1 = require("../../Quantity");

const Incrementer_1 = require("@skava/ui/dist/inputs/Incrementer");

const List_1 = require("@skava/ui/dist/components/molecules/List");

const SwatchList_1 = require("../../SwatchList");

const StyledSwatchList = styleh_components_1.styled.withComponent(SwatchList_1.SwatchList)`${SwatchList_1.StyledSwatchesButton}{width:6.25rem;margin-bottom:1.5rem;padding:0;@media (max-width:767px){width:5.625rem;margin-bottom:1rem;}&.selected{border-width:2px;}@media (max-width:767px){margin-bottom:1rem;}}`;
exports.StyledSwatchList = StyledSwatchList;
const StyledHeading = styleh_components_1.styled.withComponent(Text_1.Heading)`color:var(--color-black);text-transform:capitalize;margin:0;margin-bottom:1.5rem;font-size:1.25rem;@media (max-width:767px){font-size:1.125rem;}`;
exports.StyledHeading = StyledHeading;
const StyledProductTitle = styleh_components_1.styled.withComponent(ProductPieces_1.ProductName).attrs({
  'data-qa': 'qa-product-name'
})`margin:0;margin-bottom:0.5rem;font-size:1.5rem;font-weight:700;@media (max-width:767px){font-size:1.25rem;}`;
exports.StyledProductTitle = StyledProductTitle;
const StyledSkuLabel = styleh_components_1.styled.withComponent(Text_1.Text)`text-transform:uppercase;color:var(--color-dark-grey);font-size:1rem;`;
exports.StyledSkuLabel = StyledSkuLabel;
const StyledSkuValue = styleh_components_1.styled.withComponent(Text_1.Text)`margin-left:0.25rem;color:var(--color-dark-grey);font-size:1rem;`;
exports.StyledSkuValue = StyledSkuValue;
const StyledProductPrice = styleh_components_1.styled.withComponent(ProductPieces_1.ProductPrice).attrs({
  'data-qa': 'qa-product-price'
})`font-size:1.625rem;font-weight:bold;@media (max-width:767px){font-size:1.25rem;}`;
exports.StyledProductPrice = StyledProductPrice;
const StyledList = styleh_components_1.styled.withComponent(List_1.List)`line-height:1.5rem;padding-left:1.5rem;${List_1.ItemPanel}{list-style:disc;color:var(--color-dark-grey);padding:0;font-size:0.625rem;${List_1.StyledText}{font-size:1rem;margin-left:0.875rem;}}`;
exports.StyledList = StyledList;
const StyledQuantity = styleh_components_1.styled.withComponent(Quantity_1.Quantity).attrs({
  'data-qa': 'qa-product-quantity'
})`width:6.25rem;${Quantity_1.StyledTitle}{display:none;}${Incrementer_1.StyledButton}{padding:0 0.3125rem;}${Incrementer_1.IncrementerWrapper}{padding:0.625rem 1.25rem;border:0.0625rem solid var(--color-light-grey);border-radius:0.25rem;}`;
exports.StyledQuantity = StyledQuantity;
const StyledSelectDropdown = styleh_components_1.styled.withComponent(SelectDropDown_1.SelectDropDown).attrs({
  'data-qa': 'qa-frequency-dropdown'
})`width:20.5rem;border-radius:0.25rem;${SelectDropDown_1.StyledSelect}{padding:0 0.5rem;}${SelectDropDown_1.SelectText}{font-size:1rem;color:var(--color-black);}svg{fill:var(--color-dark-grey);}@media (max-width:767px){width:100%;}`;
exports.StyledSelectDropdown = StyledSelectDropdown;