import styled, { css } from "styled-components";
import { component, mergeConfig } from "../../engines";
import { textFieldConfig, textFieldTokens } from "../TextField";
import { timePickerGridConfig, timePickerGridTokens } from "../TimePickerGrid";
import { classes, tokens } from "./TimePicker.tokens";
const mergedTextFieldConfig = mergeConfig(textFieldConfig);
const TextField = component(mergedTextFieldConfig);
const mergedTimePickerGrid = mergeConfig(timePickerGridConfig);
const TimePickerGrid = component(mergedTimePickerGrid);
export const FloatingWrapper = styled.div.withConfig({
    displayName: "TimePicker.styles__FloatingWrapper",
    componentId: "sc-a651e0aa-0"
})([
    `position:relative;width:100%;`
]);
export const FloatingTarget = styled.div.withConfig({
    displayName: "TimePicker.styles__FloatingTarget",
    componentId: "sc-a651e0aa-1"
})([
    ``
]);
export const FloatingContent = styled.div.withConfig({
    displayName: "TimePicker.styles__FloatingContent",
    componentId: "sc-a651e0aa-2"
})([
    ``
]);
export const StyledTimePickerGrid = styled(TimePickerGrid).withConfig({
    displayName: "TimePicker.styles__StyledTimePickerGrid",
    componentId: "sc-a651e0aa-3"
})([
    ``,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);background:var(`,
    `);border-radius:var(`,
    `);padding:var(`,
    `);box-shadow:var(`,
    `);width:`,
    `;height:`,
    `;`
], timePickerGridTokens.disabledOpacity, tokens.disabledOpacity, timePickerGridTokens.itemHeight, tokens.itemHeight, timePickerGridTokens.itemBorderRadius, tokens.itemBorderRadius, timePickerGridTokens.itemPadding, tokens.itemPadding, timePickerGridTokens.itemBackgroundHover, tokens.itemBackgroundHover, timePickerGridTokens.itemBackgroundActive, tokens.itemBackgroundActive, timePickerGridTokens.itemFocusColor, tokens.itemFocusColor, timePickerGridTokens.itemFontFamily, tokens.itemFontFamily, timePickerGridTokens.itemFontSize, tokens.itemFontSize, timePickerGridTokens.itemFontStyle, tokens.itemFontStyle, timePickerGridTokens.itemFontWeight, tokens.itemFontWeight, timePickerGridTokens.itemLetterSpacing, tokens.itemLetterSpacing, timePickerGridTokens.itemLineHeight, tokens.itemLineHeight, timePickerGridTokens.scrollbarWidth, tokens.scrollbarWidth, timePickerGridTokens.scrollbarColor, tokens.scrollbarColor, timePickerGridTokens.scrollbarTrackColor, tokens.scrollbarTrackColor, timePickerGridTokens.scrollbarMargin, tokens.scrollbarMargin, tokens.timePickerBackground, tokens.timePickerBorderRadius, tokens.timePickerPadding, tokens.timePickerShadow, ({ innerWidth })=>innerWidth || `var(${tokens.timePickerWidth})`, ({ innerHeight })=>innerHeight || `var(${tokens.columnHeight})`);
// NOTE: переопределение токенов TextField
export const StyledInput = styled(TextField).withConfig({
    displayName: "TimePicker.styles__StyledInput",
    componentId: "sc-a651e0aa-4"
})([
    `width:100%;`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `,var(`,
    `));`,
    `:var(`,
    `,var(`,
    `));`,
    `:var(`,
    `,var(`,
    `));`,
    `:var(`,
    `,var(`,
    `));`,
    `:var(`,
    `,var(`,
    `));`,
    `:var(`,
    `,var(`,
    `));&.`,
    `{`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);}&.`,
    `{`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);`,
    `:var(`,
    `);}`
], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.boxShadow, tokens.textFieldBoxShadow, textFieldTokens.dividerColor, tokens.textFieldDividerColor, textFieldTokens.dividerColorHover, tokens.textFieldDividerColorHover, textFieldTokens.dividerColorFocus, tokens.textFieldDividerColorFocus, textFieldTokens.dividerColorReadOnly, tokens.textFieldDividerColorReadOnly, textFieldTokens.dividerWidth, tokens.textFieldDividerWidth, textFieldTokens.readOnlyOpacity, tokens.readOnlyOpacity, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelColor, tokens.labelColor, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.hintMargin, tokens.hintMargin, textFieldTokens.hintTargetSize, tokens.hintTargetSize, textFieldTokens.hintCustomIconTargetSize, tokens.hintCustomIconTargetSize, textFieldTokens.hintIconColor, tokens.hintIconColor, textFieldTokens.hintInnerLabelPlacementOffset, tokens.hintInnerLabelPlacementOffset, textFieldTokens.tooltipPaddingTop, tokens.hintTooltipPaddingTop, textFieldTokens.tooltipPaddingRight, tokens.hintTooltipPaddingRight, textFieldTokens.tooltipPaddingBottom, tokens.hintTooltipPaddingBottom, textFieldTokens.tooltipPaddingLeft, tokens.hintTooltipPaddingLeft, textFieldTokens.tooltipMinHeight, tokens.hintTooltipMinHeight, textFieldTokens.tooltipBackgroundColor, tokens.hintTooltipBackgroundColor, textFieldTokens.tooltipBoxShadow, tokens.hintTooltipBoxShadow, textFieldTokens.tooltipBorderRadius, tokens.hintTooltipBorderRadius, textFieldTokens.tooltipColor, tokens.hintTooltipColor, textFieldTokens.tooltipTextFontFamily, tokens.hintTooltipTextFontFamily, textFieldTokens.tooltipTextFontSize, tokens.hintTooltipTextFontSize, textFieldTokens.tooltipTextFontStyle, tokens.hintTooltipTextFontStyle, textFieldTokens.tooltipTextFontWeight, tokens.hintTooltipTextFontWeight, textFieldTokens.tooltipTextFontLetterSpacing, tokens.hintTooltipTextFontLetterSpacing, textFieldTokens.tooltipTextFontLineHeight, tokens.hintTooltipTextFontLineHeight, textFieldTokens.tooltipContentLeftMargin, tokens.hintTooltipContentLeftMargin, textFieldTokens.tooltipArrowMaskWidth, tokens.hintTooltipArrowMaskWidth, textFieldTokens.tooltipArrowMaskHeight, tokens.hintTooltipArrowMaskHeight, textFieldTokens.tooltipArrowMaskImage, tokens.hintTooltipArrowMaskImage, textFieldTokens.tooltipArrowBackground, tokens.hintTooltipArrowBackground, textFieldTokens.tooltipArrowHeight, tokens.hintTooltipArrowHeight, textFieldTokens.tooltipArrowEdgeMargin, tokens.hintTooltipArrowEdgeMargin, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.rightContentWithHintMargin, tokens.textFieldRightContentWithHintMargin, textFieldTokens.contentRightWrapperGap, tokens.textFieldContentRightWrapperGap, textFieldTokens.contentRightWrapperMargin, tokens.textFieldContentRightWrapperMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotColorHover, tokens.textFieldContentSlotColorHover, tokens.textFieldColor, textFieldTokens.contentSlotColorActive, tokens.textFieldContentSlotColorActive, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, textFieldTokens.contentSlotRightColor, classes.timePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorError, classes.timePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus, textFieldTokens.dividerColor, tokens.textFieldDividerColorSuccess);
export const LeftHelper = styled.div.withConfig({
    displayName: "TimePicker.styles__LeftHelper",
    componentId: "sc-a651e0aa-5"
})([
    `color:var(`,
    `);&.`,
    `{color:var(`,
    `);}&.`,
    `{color:var(`,
    `);}`
], tokens.leftHelperColor, classes.timePickerError, tokens.leftHelperColorError, classes.timePickerSuccess, tokens.leftHelperColorSuccess);
export const base = css([
    `display:flex;flex-direction:column;width:var(`,
    `);margin-top:var(`,
    `);&.`,
    `{width:100%;& > div{width:100%;}}&.`,
    `{flex-direction:row;width:100%;height:100%;}&.`,
    `{justify-content:flex-end;}`
], tokens.width, tokens.dropdownMarginTop, classes.timePickerstretched, classes.timePickerGridRoot, classes.timePickerPlacementRight);
