"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 ContentWrapper () {
        return ContentWrapper;
    },
    get EditModeWrapper () {
        return EditModeWrapper;
    },
    get IconDoneButton () {
        return IconDoneButton;
    },
    get IconResetButton () {
        return IconResetButton;
    },
    get InnerWrapper () {
        return InnerWrapper;
    },
    get Input () {
        return Input;
    },
    get InputWrapper () {
        return InputWrapper;
    },
    get Td () {
        return Td;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _engines = require("../../../../engines");
const _Tabletokens = require("../../Table.tokens");
const _IconButton = require("../../../IconButton");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const mergedIndicatorConfig = (0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
const IconButton = (0, _engines.component)(mergedIndicatorConfig);
const Td = _styledcomponents.default.td.withConfig({
    displayName: "EditableCell.styles__Td",
    componentId: "sc-26b74d8a-0"
})([
    `position:relative;padding:`,
    `;height:var(`,
    `);border-width:0.0625rem;border-top-width:0;border-style:solid;border-color:`,
    `;border-bottom-color:`,
    `;cursor:pointer;box-sizing:border-box;& .`,
    `{opacity:0;}&:hover .`,
    `{opacity:1;}`
], ({ selectionCell, editingMode })=>// eslint-disable-next-line no-nested-ternary
    editingMode ? `var(${_Tabletokens.tableTokens.editableCellPadding})` : selectionCell ? `var(${_Tabletokens.tableTokens.checkboxCellPadding})` : `var(${_Tabletokens.tableTokens.cellPadding})`, _Tabletokens.tableTokens.rowHeight, ({ selected, borderVariant, view })=>// eslint-disable-next-line no-nested-ternary
    borderVariant === 'all' && view !== 'clear' ? `var(${_Tabletokens.tableTokens.borderColor})` : selected ? 'var(--surface-transparent-accent)' : 'transparent', ({ borderVariant })=>borderVariant === 'all' || borderVariant === 'rows' ? `var(${_Tabletokens.tableTokens.borderColor})` : 'transparent', _Tabletokens.classes.editIcon, _Tabletokens.classes.editIcon);
const InnerWrapper = _styledcomponents.default.div.withConfig({
    displayName: "EditableCell.styles__InnerWrapper",
    componentId: "sc-26b74d8a-1"
})([
    `display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;`
]);
const ContentWrapper = _styledcomponents.default.div.withConfig({
    displayName: "EditableCell.styles__ContentWrapper",
    componentId: "sc-26b74d8a-2"
})([
    `display:flex;align-items:center;gap:0.25rem;`
]);
const EditModeWrapper = _styledcomponents.default.div.withConfig({
    displayName: "EditableCell.styles__EditModeWrapper",
    componentId: "sc-26b74d8a-3"
})([
    `display:flex;align-items:center;justify-content:space-between;gap:var(`,
    `);height:100%;`
], _Tabletokens.tableTokens.editableCellPadding);
const InputWrapper = _styledcomponents.default.div.withConfig({
    displayName: "EditableCell.styles__InputWrapper",
    componentId: "sc-26b74d8a-4"
})([
    `display:flex;align-items:center;height:100%;flex:1;padding:var(`,
    `);background:var(`,
    `);border:0.0625rem solid var(`,
    `);border-radius:var(`,
    `);box-sizing:border-box;gap:var(`,
    `);`
], _Tabletokens.tableTokens.editableCellInputPadding, _Tabletokens.tableTokens.editableCellInputBackground, _Tabletokens.tableTokens.editableCellInputBorderColor, _Tabletokens.tableTokens.editableCellInputBorderRadius, _Tabletokens.tableTokens.editableCellIconGap);
const Input = _styledcomponents.default.input.withConfig({
    displayName: "EditableCell.styles__Input",
    componentId: "sc-26b74d8a-5"
})([
    `width:auto;border:none;padding:0;background:transparent;outline:none;caret-color:var(--text-accent);color:var(--text-primary);font-family:var(`,
    `);font-size:var(`,
    `);font-style:var(`,
    `);font-weight:var(`,
    `);letter-spacing:var(`,
    `);line-height:var(`,
    `);`
], _Tabletokens.tableTokens.fontFamily, _Tabletokens.tableTokens.fontSize, _Tabletokens.tableTokens.fontStyle, _Tabletokens.tableTokens.fontWeight, _Tabletokens.tableTokens.letterSpacing, _Tabletokens.tableTokens.lineHeight);
const IconDoneButton = (0, _styledcomponents.default)(IconButton).withConfig({
    displayName: "EditableCell.styles__IconDoneButton",
    componentId: "sc-26b74d8a-6"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`
], _IconButton.iconButtonTokens.iconButtonWidth, _Tabletokens.tableTokens.editableCellIconButtonWidth, _IconButton.iconButtonTokens.iconButtonHeight, _Tabletokens.tableTokens.editableCellIconButtonHeight);
const IconResetButton = (0, _styledcomponents.default)(IconButton).withConfig({
    displayName: "EditableCell.styles__IconResetButton",
    componentId: "sc-26b74d8a-7"
})([
    ``,
    `:auto;`,
    `:auto;`
], _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonHeight);
