"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get CellItem () {
        return CellItem;
    },
    get StyledListItem () {
        return StyledListItem;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _mixins = require("../../../mixins");
const _Listtokens = require("../List.tokens");
const _Cell = require("../../Cell");
const _Cellstyles = require("../../Cell/Cell.styles");
const _engines = require("../../../engines");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedCellConfig = (0, _engines.mergeConfig)(_Cell.cellConfig);
const Cell = (0, _engines.component)(mergedCellConfig);
const CellItem = (0, _styledcomponents.default)(Cell).withConfig({
    displayName: "ListItem.styles__CellItem",
    componentId: "sc-3aedd4a5-0"
})([
    ``,
    `:100%;`,
    `:0rem;`,
    `:0rem;`,
    `:var(`,
    `);`,
    `:0rem;`,
    `:0rem;`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:transparent;`
], _Cell.cellTokens.cellWidth, _Cell.cellTokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Listtokens.tokens.listItemContentPadding, _Cell.cellTokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Listtokens.tokens.listItemGap, _Cell.cellTokens.cellColor, _Listtokens.tokens.listItemColor, _Cell.cellTokens.cellBackgroundColor);
const StyledListItem = _styledcomponents.default.li.withConfig({
    displayName: "ListItem.styles__StyledListItem",
    componentId: "sc-3aedd4a5-1"
})([
    `padding:var(`,
    `) var(`,
    `) var(`,
    `) var(`,
    `);border-radius:var(`,
    `);background:transparent;border:var(`,
    `) solid var(`,
    `);outline:none;position:relative;box-sizing:border-box;min-width:0;display:flex;justify-content:space-between;align-items:center;color:var(`,
    `);font-size:var(`,
    `);font-weight:var(`,
    `);font-family:var(`,
    `);font-style:var(`,
    `);line-height:var(`,
    `);letter-spacing:var(`,
    `);&.`,
    `{background:var(`,
    `);}&.`,
    ` `,
    `{position:relative;}&.`,
    `:not(:last-child){margin-bottom:calc( var(`,
    `,0rem) + var(`,
    `) + var(`,
    `,0rem) );}&.`,
    `:not(:last-child) `,
    `::after{content:'';position:absolute;pointer-events:none;left:0;right:0;bottom:calc( -1 * (var(`,
    `) + var(`,
    `,0rem) + var(`,
    `)) );height:var(`,
    `);background:var(`,
    `);}&:not(.`,
    `):hover{background:var(`,
    `);border-color:var(`,
    `);color:var(`,
    `);}&.`,
    `{cursor:not-allowed;opacity:var(`,
    `);}`,
    `;`
], _Listtokens.tokens.listItemPaddingTop, _Listtokens.tokens.listItemPaddingRight, _Listtokens.tokens.listItemPaddingBottom, _Listtokens.tokens.listItemPaddingLeft, _Listtokens.tokens.listItemBorderRadius, _Listtokens.tokens.listItemBorderWidth, _Listtokens.tokens.listItemBorderColor, _Listtokens.tokens.listItemColor, _Listtokens.tokens.listItemFontSize, _Listtokens.tokens.listItemFontWeight, _Listtokens.tokens.listItemFontFamily, _Listtokens.tokens.listItemFontStyle, _Listtokens.tokens.listItemLineHeight, _Listtokens.tokens.listItemLetterSpacing, _Listtokens.classes.hasItemBackground, _Listtokens.tokens.listItemBackground, _Listtokens.classes.hasItemDivider, _Cellstyles.CellContentWrapper, _Listtokens.classes.hasItemDivider, _Listtokens.tokens.listItemDividerMarginTop, _Listtokens.tokens.listItemDividerHeight, _Listtokens.tokens.listItemDividerMarginBottom, _Listtokens.classes.hasItemDivider, _Cellstyles.CellContentWrapper, _Listtokens.tokens.listItemPaddingBottom, _Listtokens.tokens.listItemDividerMarginTop, _Listtokens.tokens.listItemDividerHeight, _Listtokens.tokens.listItemDividerHeight, _Listtokens.tokens.listItemDividerColor, _Listtokens.classes.disabledListItem, _Listtokens.tokens.listItemBackgroundHover, _Listtokens.tokens.listItemBorderColorHover, _Listtokens.tokens.listItemColorHover, _Listtokens.classes.disabledListItem, _Listtokens.tokens.listDisabledOpacity, (0, _mixins.addFocus)({
    outlineOffset: '0',
    outlineSize: '0.063rem',
    outlineColor: `var(${_Listtokens.tokens.listItemFocusColor})`,
    outlineRadius: `var(${_Listtokens.tokens.listItemBorderRadius})`
}));
