"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 _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
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 = /*#__PURE__*/ (0, _styled.default)(Cell, {
    target: "e1xks76y0",
    label: "CellItem"
})(_Cell.cellTokens.cellWidth, ":100%;", _Cell.cellTokens.cellPadding, ":0rem;", _Cell.cellTokens.cellPaddingLeftContent, ":0rem;", _Cell.cellTokens.cellPaddingContent, ":var(", _Listtokens.tokens.listItemContentPadding, ");", _Cell.cellTokens.cellPaddingRightContent, ":0rem;", _Cell.cellTokens.cellTextboxGap, ":0rem;", _Cell.cellTokens.cellGap, ":var(", _Listtokens.tokens.listItemGap, ");", _Cell.cellTokens.cellColor, ":var(", _Listtokens.tokens.listItemColor, ");", _Cell.cellTokens.cellBackgroundColor, ":transparent;");
const StyledListItem = (0, /*#__PURE__*/ _styled.default)("li", {
    target: "e1xks76y1",
    label: "StyledListItem"
})("padding:var(", _Listtokens.tokens.listItemPaddingTop, ") var(", _Listtokens.tokens.listItemPaddingRight, ") var(", _Listtokens.tokens.listItemPaddingBottom, ")\n        var(", _Listtokens.tokens.listItemPaddingLeft, ");border-radius:var(", _Listtokens.tokens.listItemBorderRadius, ");background:transparent;border:var(", _Listtokens.tokens.listItemBorderWidth, ") solid var(", _Listtokens.tokens.listItemBorderColor, ");outline:none;position:relative;box-sizing:border-box;min-width:0;display:flex;justify-content:space-between;align-items:center;color:var(", _Listtokens.tokens.listItemColor, ");font-size:var(", _Listtokens.tokens.listItemFontSize, ");font-weight:var(", _Listtokens.tokens.listItemFontWeight, ");font-family:var(", _Listtokens.tokens.listItemFontFamily, ");font-style:var(", _Listtokens.tokens.listItemFontStyle, ");line-height:var(", _Listtokens.tokens.listItemLineHeight, ");letter-spacing:var(", _Listtokens.tokens.listItemLetterSpacing, ");&.", _Listtokens.classes.hasItemBackground, "{background:var(", _Listtokens.tokens.listItemBackground, ");}&.", _Listtokens.classes.hasItemDivider, " ", _Cellstyles.CellContentWrapper, "{position:relative;}&.", _Listtokens.classes.hasItemDivider, ":not(:last-child){margin-bottom:calc(\n            var(", _Listtokens.tokens.listItemDividerMarginTop, ",0rem) + var(", _Listtokens.tokens.listItemDividerHeight, ") +\n                var(", _Listtokens.tokens.listItemDividerMarginBottom, ",0rem)\n        );}&.", _Listtokens.classes.hasItemDivider, ":not(:last-child) ", _Cellstyles.CellContentWrapper, "::after{content:'';position:absolute;pointer-events:none;left:0;right:0;bottom:calc(\n            -1 * (var(", _Listtokens.tokens.listItemPaddingBottom, ") + var(", _Listtokens.tokens.listItemDividerMarginTop, ",0rem) +\n                        var(", _Listtokens.tokens.listItemDividerHeight, "))\n        );height:var(", _Listtokens.tokens.listItemDividerHeight, ");background:var(", _Listtokens.tokens.listItemDividerColor, ");}&:not(.", _Listtokens.classes.disabledListItem, "):hover{background:var(", _Listtokens.tokens.listItemBackgroundHover, ");border-color:var(", _Listtokens.tokens.listItemBorderColorHover, ");color:var(", _Listtokens.tokens.listItemColorHover, ");}&.", _Listtokens.classes.disabledListItem, "{cursor:not-allowed;opacity:var(", _Listtokens.tokens.listDisabledOpacity, ");}", (0, _mixins.addFocus)({
    outlineOffset: '0',
    outlineSize: '0.063rem',
    outlineColor: `var(${_Listtokens.tokens.listItemFocusColor})`,
    outlineRadius: `var(${_Listtokens.tokens.listItemBorderRadius})`
}), ";");
