@salutejs/plasma-new-hope 0.384.0-dev.0 → 0.385.0-dev.0

package/dist/emotion/cjs/components/Combobox/Combobox.styles.js

@@ -48,15 +48,15 @@ function _interop_require_default(obj) {
 const mergedConfig = (0, _engines.mergeConfig)(_EmptyState.emptyStateConfig);
 const EmptyState = (0, _engines.component)(mergedConfig);
 const ListWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "e74q0g00",
+    target: "eee0u2o0",
     label: "ListWrapper"
 })("width:", ({ listWidth })=>listWidth || '100%', ";padding:calc(var(", _Comboboxtokens.tokens.padding, ") + var(", _Comboboxtokens.tokens.dropdownBorderWidth, ",0rem));border-radius:var(", _Comboboxtokens.tokens.borderRadius, ");box-sizing:border-box;background:var(", _Comboboxtokens.tokens.dropdownBackgroundColor, ",var(", _Comboboxtokens.constants.background, "));box-shadow:", _Comboboxtokens.constants.boxShadow, ",inset 0 0 0 var(", _Comboboxtokens.tokens.dropdownBorderWidth, ",0rem) var(", _Comboboxtokens.tokens.dropdownBorderColor, ",transparent);");
 const Ul = (0, /*#__PURE__*/ _styled.default)("ul", {
-    target: "e74q0g01",
+    target: "eee0u2o1",
     label: "Ul"
 })("max-height:", ({ virtual, listMaxHeight })=>virtual ? 'auto' : listMaxHeight || 'auto', ";overflow-x:hidden;overflow-y:", ({ virtual })=>virtual ? 'visible' : 'auto', ";border-radius:calc(var(", _Comboboxtokens.tokens.borderRadius, ") - 0.125rem - var(", _Comboboxtokens.tokens.dropdownBorderWidth, ",0rem));margin:0;padding:0;.", _Comboboxtokens.classes.emptyStateWrapper, "{box-shadow:none;}");
 const IconArrowWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "e74q0g02",
+    target: "eee0u2o2",
     label: "IconArrowWrapper"
 })("line-height:0;color:var(", _Comboboxtokens.tokens.disclosureIconColor, ");cursor:", ({ disabled, readOnly })=>disabled || readOnly ? 'inherit' : 'pointer', ";.", _Comboboxtokens.classes.arrowInverse, "{transform:rotate(-180deg);}&:hover,&:active{color:", ({ disabled, readOnly })=>disabled || readOnly ? `var(${_Comboboxtokens.tokens.disclosureIconColor})` : `var(${_Comboboxtokens.tokens.disclosureIconColorHover})`, ";}");
 const sizeMap = {
@@ -64,15 +64,15 @@ const sizeMap = {
     s: '1.5rem'
 };
 const StyledArrow = /*#__PURE__*/ (0, _styled.default)(_Icon.IconDisclosureDownCentered, {
-    target: "e74q0g03",
+    target: "eee0u2o3",
     label: "StyledArrow"
 })("width:", ({ size = 'xs' })=>`var(${_Comboboxtokens.tokens.disclosureIconSize}, ${sizeMap[size]})`, ";height:", ({ size = 'xs' })=>`var(${_Comboboxtokens.tokens.disclosureIconSize}, ${sizeMap[size]})`, ";");
-const base = (0, /*#__PURE__*/ _react.css)("base");
+const base = (0, /*#__PURE__*/ _react.css)("display:grid;grid-template-columns:minmax(0,1fr);min-width:0;", "base");
 const StyledEmptyState = /*#__PURE__*/ (0, _styled.default)(EmptyState, {
-    target: "e74q0g04",
+    target: "eee0u2o4",
     label: "StyledEmptyState"
 })(_EmptyState.emptyStateTokens.borderRadius, ":var(", _Comboboxtokens.tokens.textFieldBorderRadius, ");", _EmptyState.emptyStateTokens.padding, ":var(", _Comboboxtokens.tokens.emptyStatePadding, ");", _EmptyState.emptyStateTokens.fontFamily, ":var(", _Comboboxtokens.tokens.textFieldFontFamily, ");", _EmptyState.emptyStateTokens.fontSize, ":var(", _Comboboxtokens.tokens.textFieldFontSize, ");", _EmptyState.emptyStateTokens.fontStyle, ":var(", _Comboboxtokens.tokens.textFieldFontStyle, ");", _EmptyState.emptyStateTokens.fontWeight, ":var(", _Comboboxtokens.tokens.textFieldFontWeight, ");", _EmptyState.emptyStateTokens.fontLetterSpacing, ":var(", _Comboboxtokens.tokens.textFieldLetterSpacing, ");", _EmptyState.emptyStateTokens.fontLineHeight, ":var(", _Comboboxtokens.tokens.textFieldLineHeight, ");");
 const StyledLeftHelper = (0, /*#__PURE__*/ _styled.default)("span", {
-    target: "e74q0g05",
+    target: "eee0u2o5",
     label: "StyledLeftHelper"
 })("margin:0;padding:0;");

package/dist/emotion/cjs/components/DatePicker/DatePicker.tokens.js

@@ -123,6 +123,7 @@ const tokens = {
     leftHelperLetterSpacing: '--plasma-date-picker__left-helper-letter-spacing',
     leftHelperLineHeight: '--plasma-date-picker__left-helper-line-height',
     titleCaptionOffset: '--plasma-date-picker-title-caption-offset',
+    titleCaptionMargin: '--plasma-date-picker-title-caption-margin',
     titleCaptionColor: '--plasma-date-picker-title-caption-color',
     titleCaptionFontFamily: '--plasma-date-picker-title-caption-font-family',
     titleCaptionFontStyle: '--plasma-date-picker-title-caption-font-style',

package/dist/emotion/cjs/components/DatePicker/FloatingPopover.js

@@ -85,9 +85,6 @@ const getFloatingPortalProps = (portal, wrappedId)=>{
 };
 const FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(({ target, referenceRef, children, opened, onToggle, placement, portal, offset, zIndex, disableFlip, closeOnOverlayClick, closeOnEsc, innerWidth, innerHeight, stretchHeight }, ref)=>{
     const { refs, floatingStyles, context } = (0, _react.useFloating)({
-        elements: referenceRef?.current ? {
-            reference: referenceRef.current
-        } : undefined,
         whileElementsMounted (referenceEl, floatingEl, update) {
             return (0, _react.autoUpdate)(referenceEl, floatingEl, update, {
                 ancestorScroll: false,
@@ -127,17 +124,13 @@ const FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(({ target, referen
         dismiss
     ]);
     (0, _react1.useLayoutEffect)(()=>{
-        if (referenceRef?.current) {
-            refs.setReference(referenceRef.current);
-        }
+        // Активный инпут задаёт положение календаря; весь target остаётся областью взаимодействия.
+        refs.setPositionReference(referenceRef?.current ?? refs.domReference.current);
     }, [
         referenceRef,
         refs
     ]);
     const wrappedId = (0, _utils.safeUseId)();
-    const handleClick = (event)=>{
-        onToggle(!opened, event);
-    };
     // Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
     // Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
     // Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
@@ -148,9 +141,7 @@ const FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(({ target, referen
         id: wrappedId
     }, /*#__PURE__*/ _react1.default.createElement(_DatePickerBasestyles.FloatingTarget, {
         ref: isTargetAsFunction ? undefined : refs.setReference,
-        ...getReferenceProps({
-            onClick: handleClick
-        })
+        ...getReferenceProps()
     }, typeof target === 'function' ? target(refs.setReference) : target), opened && /*#__PURE__*/ _react1.default.createElement(_react.FloatingPortal, getFloatingPortalProps(portal, wrappedId), /*#__PURE__*/ _react1.default.createElement(_DatePickerBasestyles.FloatingContent, {
         ref: refs.setFloating,
         style: {

package/dist/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js

@@ -94,7 +94,7 @@ const datePickerRangeRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ clas
         'top',
         'bottom'
     ], closeOnOverlayClick = true, closeOnEsc = true, closeAfterDateSelect = true, offset, disableFlip, // calendar
-    format = 'DD.MM.YYYY', lang = 'ru', maskWithFormat, min, max, renderFromDate, includeEdgeDates = false, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, type = 'Days', calendarContainerWidth, calendarContainerHeight, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, onToggle, onChange, onChangeFirstValue, onChangeSecondValue, onChangeVisibleDate, onCommitFirstDate, onCommitSecondDate, onFocusFirstTextfield, onFocusSecondTextfield, onBlurFirstTextfield, onBlurSecondTextfield, ...rest }, ref)=>{
+    format = 'DD.MM.YYYY', lang = 'ru', maskWithFormat, min, max, renderFromDate, includeEdgeDates = false, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, type = 'Days', periodSelectorAlign, calendarContainerWidth, calendarContainerHeight, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, onToggle, onChange, onChangeFirstValue, onChangeSecondValue, onChangeVisibleDate, onCommitFirstDate, onCommitSecondDate, onFocusFirstTextfield, onFocusSecondTextfield, onBlurFirstTextfield, onBlurSecondTextfield, ...rest }, ref)=>{
         const rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/ (0, _react.createRef)();
         const rootRef = (0, _react.useRef)(null);
         const innerRefFirst = (0, _react.useRef)(null);
@@ -388,7 +388,16 @@ const datePickerRangeRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ clas
         const renderRange = (inputWrapperRef)=>/*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_RangeDatestyles.StyledRange, {
                 size: size,
                 ref: rangeRef,
-                inputWrapperRef: shouldPositionCalendarByInput ? undefined : inputWrapperRef,
+                _onFieldClick: (event)=>handleToggle(true, event),
+                _onContentClick: (event)=>{
+                    if (disabled || readOnly) {
+                        return;
+                    }
+                    firstInputRef?.current?.focus();
+                    setSecondTextFieldClicked(false);
+                    handleToggle(true, event);
+                },
+                inputWrapperRef: inputWrapperRef,
                 firstTextfieldInputWrapperRef: shouldPositionCalendarByInput ? firstTextfieldInputWrapperRef : undefined,
                 secondTextfieldInputWrapperRef: shouldPositionCalendarByInput ? secondTextfieldInputWrapperRef : undefined,
                 autoComplete: autoComplete,
@@ -556,6 +565,7 @@ const datePickerRangeRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ clas
             calendarContainerWidth: calendarContainerWidth,
             calendarContainerHeight: calendarContainerHeight,
             type: type,
+            periodSelectorAlign: periodSelectorAlign,
             onChangeVisibleDate: onChangeVisibleDate,
             onToggle: handleToggle,
             lang: lang,

package/dist/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js

@@ -62,7 +62,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const RangeDatePopover = ({ rootWrapper: Root, target, referenceRef, opened, isDoubleCalendar, calendarValue, calendarFocusedDate, min, max, renderFromDate, includeEdgeDates, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, frame = 'document', usePortal = false, zIndex, placement = [
+const RangeDatePopover = ({ rootWrapper: Root, target, referenceRef, opened, isDoubleCalendar, calendarValue, calendarFocusedDate, min, max, renderFromDate, includeEdgeDates, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, periodSelectorAlign, frame = 'document', usePortal = false, zIndex, placement = [
     'top',
     'bottom'
 ], closeOnOverlayClick = true, closeOnEsc = true, offset, disableFlip, calendarContainerWidth, calendarContainerHeight, stretched, type = 'Days', size, lang = 'ru', disabled, readOnly, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, onShortcutDateSelect, setIsInnerOpen, onChangeValue, onChangeStartOfRange, onChangeSingleValue, onChangeVisibleDate, onToggle })=>{
@@ -207,6 +207,7 @@ const RangeDatePopover = ({ rootWrapper: Root, target, referenceRef, opened, isD
         type: type,
         locale: lang,
         includeEdgeDates: includeEdgeDates,
+        periodSelectorAlign: periodSelectorAlign,
         onChangeValue: onChangeValue,
         onChangeStartOfRange: onChangeStartOfRange,
         onChangeSingleValue: onChangeSingleValue,

package/dist/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js

@@ -94,7 +94,7 @@ const datePickerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className
         'top',
         'bottom'
     ], closeOnOverlayClick = true, closeOnEsc = true, closeAfterDateSelect = true, offset, disableFlip, // calendar
-    format = 'DD.MM.YYYY', lang = 'ru', maskWithFormat, min, max, renderFromDate, includeEdgeDates = false, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, type = 'Days', calendarContainerWidth, calendarContainerHeight, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, // callbacks
+    format = 'DD.MM.YYYY', lang = 'ru', periodSelectorAlign, maskWithFormat, min, max, renderFromDate, includeEdgeDates = false, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, type = 'Days', calendarContainerWidth, calendarContainerHeight, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, // callbacks
     onChangeVisibleDate, onChangeValue, onCommitDate, onToggle, onFocus, onBlur, onChange, ...rest }, ref)=>{
         const inputRef = (0, _react.useRef)(null);
         const inputForkRef = (0, _hooks.useForkRef)(inputRef, ref);
@@ -269,6 +269,7 @@ const datePickerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className
             target: (referenceRef)=>/*#__PURE__*/ _react.default.createElement(_SingleDatestyles.StyledInput, {
                     ref: inputForkRef,
                     inputWrapperRef: referenceRef,
+                    _onFieldClick: (event)=>handleToggle(true, event),
                     className: (0, _classnames.default)(datePickerErrorClass, datePickerSuccessClass, datePickerEditedClass),
                     value: inputValue,
                     size: size,
@@ -355,6 +356,7 @@ const datePickerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ className
             includeEdgeDates: includeEdgeDates,
             isRange: false,
             locale: lang,
+            periodSelectorAlign: periodSelectorAlign,
             onChangeValue: handleCalendarPick,
             onChangeVisibleDate: onChangeVisibleDate
         })))), leftHelper && /*#__PURE__*/ _react.default.createElement(_SingleDatestyles.LeftHelper, {

package/dist/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -32,11 +32,11 @@ function _interop_require_default(obj) {
 const mergedTextFieldConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
 const TextField = (0, _engines.component)(mergedTextFieldConfig);
 const StyledInput = /*#__PURE__*/ (0, _styled.default)(TextField, {
-    target: "e1qql25x0",
+    target: "ecfmgnr0",
     label: "StyledInput"
-})("width:100%;", _TextField.textFieldTokens.color, ":var(", _DatePickertokens.tokens.textFieldColor, ");", _TextField.textFieldTokens.placeholderColor, ":var(", _DatePickertokens.tokens.textFieldPlaceholderColor, ");", _TextField.textFieldTokens.placeholderColorFocus, ":var(", _DatePickertokens.tokens.textFieldPlaceholderColorFocus, ");", _TextField.textFieldTokens.clearPlaceholderColorFocus, ":var(", _DatePickertokens.tokens.textFieldClearPlaceholderColorFocus, ");", _TextField.textFieldTokens.caretColor, ":var(", _DatePickertokens.tokens.textFieldCaretColor, ");", _TextField.textFieldTokens.focusColor, ":var(", _DatePickertokens.tokens.textFieldFocusColor, ");", _TextField.textFieldTokens.backgroundColor, ":var(", _DatePickertokens.tokens.textFieldBackgroundColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DatePickertokens.tokens.textFieldBackgroundColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DatePickertokens.tokens.textFieldBackgroundColorFocus, ");", _TextField.textFieldTokens.boxShadowSecondary, ":var(", _DatePickertokens.tokens.textFieldBoxShadowSecondary, ");", _TextField.textFieldTokens.borderColor, ":var(", _DatePickertokens.tokens.borderColor, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DatePickertokens.tokens.borderColorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DatePickertokens.tokens.borderColorFocus, ");", _TextField.textFieldTokens.colorReadOnly, ":var(", _DatePickertokens.tokens.textFieldColorReadOnly, ");", _TextField.textFieldTokens.backgroundColorReadOnly, ":var(", _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, ");", _TextField.textFieldTokens.readOnlyOpacity, ":var(", _DatePickertokens.tokens.textFieldReadOnlyOpacity, ");", _TextField.textFieldTokens.borderColorReadOnly, ":var(", _DatePickertokens.tokens.textFieldBorderColorReadOnly, ");", _TextField.textFieldTokens.placeholderColorReadOnly, ":var(", _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DatePickertokens.tokens.clearDividerColor, ");", _TextField.textFieldTokens.dividerColorFocus, ":var(", _DatePickertokens.tokens.textFieldDividerColorFocus, ");", _TextField.textFieldTokens.dividerColorHover, ":var(", _DatePickertokens.tokens.textFieldDividerColorHover, ");", _TextField.textFieldTokens.labelColor, ":var(", _DatePickertokens.tokens.labelColor, ");", _TextField.textFieldTokens.labelColorReadOnly, ":var(", _DatePickertokens.tokens.labelColorReadOnly, ");", _TextField.textFieldTokens.height, ":var(", _DatePickertokens.tokens.textFieldHeight, ");", _TextField.textFieldTokens.borderWidth, ":var(", _DatePickertokens.tokens.textFieldBorderWidth, ");", _TextField.textFieldTokens.borderRadius, ":var(", _DatePickertokens.tokens.textFieldBorderRadius, ");", _TextField.textFieldTokens.padding, ":var(", _DatePickertokens.tokens.textFieldPadding, ");", _TextField.textFieldTokens.labelInnerPadding, ":var(", _DatePickertokens.tokens.labelInnerPadding, ");", _TextField.textFieldTokens.contentLabelInnerPadding, ":var(", _DatePickertokens.tokens.contentLabelInnerPadding, ");", _TextField.textFieldTokens.labelOffset, ":var(", _DatePickertokens.tokens.labelOffset, ");", _TextField.textFieldTokens.labelFontFamily, ":var(", _DatePickertokens.tokens.labelFontFamily, ");", _TextField.textFieldTokens.labelFontStyle, ":var(", _DatePickertokens.tokens.labelFontStyle, ");", _TextField.textFieldTokens.labelFontSize, ":var(", _DatePickertokens.tokens.labelFontSize, ");", _TextField.textFieldTokens.labelFontWeight, ":var(", _DatePickertokens.tokens.labelFontWeight, ");", _TextField.textFieldTokens.labelLetterSpacing, ":var(", _DatePickertokens.tokens.labelLetterSpacing, ");", _TextField.textFieldTokens.labelLineHeight, ":var(", _DatePickertokens.tokens.labelLineHeight, ");", _TextField.textFieldTokens.labelInnerFontFamily, ":var(", _DatePickertokens.tokens.labelInnerFontFamily, ");", _TextField.textFieldTokens.labelInnerFontSize, ":var(", _DatePickertokens.tokens.labelInnerFontSize, ");", _TextField.textFieldTokens.labelInnerFontStyle, ":var(", _DatePickertokens.tokens.labelInnerFontStyle, ");", _TextField.textFieldTokens.labelInnerFontWeight, ":var(", _DatePickertokens.tokens.labelInnerFontWeight, ");", _TextField.textFieldTokens.labelInnerLetterSpacing, ":var(", _DatePickertokens.tokens.labelInnerLetterSpacing, ");", _TextField.textFieldTokens.labelInnerLineHeight, ":var(", _DatePickertokens.tokens.labelInnerLineHeight, ");", _TextField.textFieldTokens.titleCaptionInnerLabelOffset, ":var(", _DatePickertokens.tokens.titleCaptionOffset, ");", _TextField.textFieldTokens.titleCaptionColor, ":var(", _DatePickertokens.tokens.titleCaptionColor, ");", _TextField.textFieldTokens.titleCaptionFontFamily, ":var(", _DatePickertokens.tokens.titleCaptionFontFamily, ");", _TextField.textFieldTokens.titleCaptionFontStyle, ":var(", _DatePickertokens.tokens.titleCaptionFontStyle, ");", _TextField.textFieldTokens.titleCaptionFontSize, ":var(", _DatePickertokens.tokens.titleCaptionFontSize, ");", _TextField.textFieldTokens.titleCaptionFontWeight, ":var(", _DatePickertokens.tokens.titleCaptionFontWeight, ");", _TextField.textFieldTokens.titleCaptionLetterSpacing, ":var(", _DatePickertokens.tokens.titleCaptionLetterSpacing, ");", _TextField.textFieldTokens.titleCaptionLineHeight, ":var(", _DatePickertokens.tokens.titleCaptionLineHeight, ");", _TextField.textFieldTokens.indicatorColor, ":var(", _DatePickertokens.tokens.indicatorColor, ");", _TextField.textFieldTokens.indicatorSizeInner, ":var(", _DatePickertokens.tokens.indicatorSizeInner, ");", _TextField.textFieldTokens.indicatorSizeOuter, ":var(", _DatePickertokens.tokens.indicatorSizeOuter, ");", _TextField.textFieldTokens.indicatorLabelPlacementInner, ":var(", _DatePickertokens.tokens.indicatorPlacement, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuter, ":var(", _DatePickertokens.tokens.indicatorOuterPlacement, ");", _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, ":var(", _DatePickertokens.tokens.indicatorPlacementRight, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, ":var(", _DatePickertokens.tokens.indicatorOuterPlacementRight, ");", _TextField.textFieldTokens.clearIndicatorHintInnerRight, ":var(", _DatePickertokens.tokens.clearIndicatorHintInnerRight, ");", _TextField.textFieldTokens.hintMargin, ":var(", _DatePickertokens.tokens.hintMargin, ");", _TextField.textFieldTokens.hintTargetSize, ":var(", _DatePickertokens.tokens.hintTargetSize, ");", _TextField.textFieldTokens.hintCustomIconTargetSize, ":var(", _DatePickertokens.tokens.hintCustomIconTargetSize, ");", _TextField.textFieldTokens.hintIconColor, ":var(", _DatePickertokens.tokens.hintIconColor, ");", _TextField.textFieldTokens.hintInnerLabelPlacementOffset, ":var(", _DatePickertokens.tokens.hintInnerLabelPlacementOffset, ");", _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, ":var(", _DatePickertokens.tokens.clearHintInnerLabelPlacementOffset, ");", _TextField.textFieldTokens.leftContentMargin, ":var(", _DatePickertokens.tokens.textFieldLeftContentMargin, ");", _TextField.textFieldTokens.rightContentMargin, ":var(", _DatePickertokens.tokens.textFieldRightContentMargin, ");", _TextField.textFieldTokens.fontFamily, ":var(", _DatePickertokens.tokens.textFieldFontFamily, ");", _TextField.textFieldTokens.fontSize, ":var(", _DatePickertokens.tokens.textFieldFontSize, ");", _TextField.textFieldTokens.fontStyle, ":var(", _DatePickertokens.tokens.textFieldFontStyle, ");", _TextField.textFieldTokens.fontWeight, ":var(", _DatePickertokens.tokens.textFieldFontWeight, ");", _TextField.textFieldTokens.letterSpacing, ":var(", _DatePickertokens.tokens.textFieldLetterSpacing, ");", _TextField.textFieldTokens.lineHeight, ":var(", _DatePickertokens.tokens.textFieldLineHeight, ");", _TextField.textFieldTokens.disabledOpacity, ":var(", _DatePickertokens.tokens.disabledOpacity, ");", _TextField.textFieldTokens.disabledBackgroundOpacity, ":var(", _DatePickertokens.tokens.disabledBackgroundOpacity, ");", _TextField.textFieldTokens.disabledInnerContentOpacity, ":var(", _DatePickertokens.tokens.disabledInnerContentOpacity, ");", _TextField.textFieldTokens.textBeforeColor, ":var(", _DatePickertokens.tokens.textFieldTextBeforeColor, ");", _TextField.textFieldTokens.textAfterColor, ":var(", _DatePickertokens.tokens.textFieldTextAfterColor, ");", _TextField.textFieldTokens.textBeforeMargin, ":var(", _DatePickertokens.tokens.textFieldTextBeforeMargin, ");", _TextField.textFieldTokens.textAfterMargin, ":var(", _DatePickertokens.tokens.textFieldTextAfterMargin, ");", _TextField.textFieldTokens.contentSlotColor, ":var(", _DatePickertokens.tokens.textFieldContentSlotColor, ",var(", _DatePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotColorHover, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorHover, ",var(", _DatePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotColorActive, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorActive, ",var(", _DatePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotRightColor, ":var(", _DatePickertokens.tokens.textFieldContentRightSlotColor, ",var(", _TextField.textFieldTokens.contentSlotColor, "));", _TextField.textFieldTokens.contentSlotRightColorHover, ":var(", _DatePickertokens.tokens.textFieldContentRightSlotColorHover, ",var(", _TextField.textFieldTokens.contentSlotRightColor, "));", _TextField.textFieldTokens.contentSlotRightColorActive, ":var(", _DatePickertokens.tokens.textFieldContentRightSlotColorActive, ",var(", _TextField.textFieldTokens.contentSlotRightColor, "));", _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, ":var(", _DatePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, ");", _TextField.textFieldTokens.tooltipPaddingTop, " var(", _DatePickertokens.tokens.hintTooltipPaddingTop, ");", _TextField.textFieldTokens.tooltipPaddingRight, " var(", _DatePickertokens.tokens.hintTooltipPaddingRight, ");", _TextField.textFieldTokens.tooltipPaddingBottom, " var(", _DatePickertokens.tokens.hintTooltipPaddingBottom, ");", _TextField.textFieldTokens.tooltipPaddingLeft, " var(", _DatePickertokens.tokens.hintTooltipPaddingLeft, ");", _TextField.textFieldTokens.tooltipMinHeight, " var(", _DatePickertokens.tokens.hintTooltipMinHeight, ");", _TextField.textFieldTokens.tooltipBackgroundColor, " var(", _DatePickertokens.tokens.hintTooltipBackgroundColor, ");", _TextField.textFieldTokens.tooltipBoxShadow, " var(", _DatePickertokens.tokens.hintTooltipBoxShadow, ");", _TextField.textFieldTokens.tooltipBorderRadius, " var(", _DatePickertokens.tokens.hintTooltipBorderRadius, ");", _TextField.textFieldTokens.tooltipColor, " var(", _DatePickertokens.tokens.hintTooltipColor, ");", _TextField.textFieldTokens.tooltipTextFontFamily, " var(", _DatePickertokens.tokens.hintTooltipTextFontFamily, ");", _TextField.textFieldTokens.tooltipTextFontSize, " var(", _DatePickertokens.tokens.hintTooltipTextFontSize, ");", _TextField.textFieldTokens.tooltipTextFontStyle, " var(", _DatePickertokens.tokens.hintTooltipTextFontStyle, ");", _TextField.textFieldTokens.tooltipTextFontWeight, " var(", _DatePickertokens.tokens.hintTooltipTextFontWeight, ");", _TextField.textFieldTokens.tooltipTextFontLetterSpacing, " var(", _DatePickertokens.tokens.hintTooltipTextFontLetterSpacing, ");", _TextField.textFieldTokens.tooltipTextFontLineHeight, " var(", _DatePickertokens.tokens.hintTooltipTextFontLineHeight, ");", _TextField.textFieldTokens.tooltipContentLeftMargin, " var(", _DatePickertokens.tokens.hintTooltipContentLeftMargin, ");", _TextField.textFieldTokens.tooltipArrowMaskWidth, " var(", _DatePickertokens.tokens.hintTooltipArrowMaskWidth, ");", _TextField.textFieldTokens.tooltipArrowMaskHeight, " var(", _DatePickertokens.tokens.hintTooltipArrowMaskHeight, ");", _TextField.textFieldTokens.tooltipArrowMaskImage, " var(", _DatePickertokens.tokens.hintTooltipArrowMaskImage, ");", _TextField.textFieldTokens.tooltipArrowBackground, " var(", _DatePickertokens.tokens.hintTooltipArrowBackground, ");", _TextField.textFieldTokens.tooltipArrowHeight, " var(", _DatePickertokens.tokens.hintTooltipArrowHeight, ");", _TextField.textFieldTokens.tooltipArrowEdgeMargin, " var(", _DatePickertokens.tokens.hintTooltipArrowEdgeMargin, ");&.", _DatePickertokens.classes.datePickerSuccess, "{", _TextField.textFieldTokens.color, ":var(", _DatePickertokens.tokens.textFieldColorSuccess, ",var(", _DatePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.backgroundColor, ":var(", _DatePickertokens.tokens.textFieldBackgroundSuccessColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DatePickertokens.tokens.textFieldBackgroundSuccessColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _DatePickertokens.tokens.textFieldBorderColorSuccess, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DatePickertokens.tokens.textFieldBorderColorSuccessHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DatePickertokens.tokens.textFieldBorderColorSuccessFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DatePickertokens.tokens.textFieldDividerColorSuccess, ");", _TextField.textFieldTokens.contentSlotColor, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorSuccess, ",var(", _DatePickertokens.tokens.textFieldContentSlotColor, "));", _TextField.textFieldTokens.contentSlotColorHover, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorSuccessHover, ",var(", _DatePickertokens.tokens.textFieldContentSlotColorHover, "));", _TextField.textFieldTokens.contentSlotColorActive, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorSuccessActive, ",var(", _DatePickertokens.tokens.textFieldContentSlotColorActive, "));}&.", _DatePickertokens.classes.datePickerError, "{", _TextField.textFieldTokens.color, ":var(", _DatePickertokens.tokens.textFieldColorError, ",var(", _DatePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.backgroundColor, ":var(", _DatePickertokens.tokens.textFieldBackgroundErrorColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DatePickertokens.tokens.textFieldBackgroundErrorColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _DatePickertokens.tokens.textFieldBorderColorError, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DatePickertokens.tokens.textFieldBorderColorErrorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DatePickertokens.tokens.textFieldBorderColorErrorFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DatePickertokens.tokens.textFieldDividerColorError, ");", _TextField.textFieldTokens.contentSlotColor, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorError, ",var(", _DatePickertokens.tokens.textFieldContentSlotColor, "));", _TextField.textFieldTokens.contentSlotColorHover, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorErrorHover, ",var(", _DatePickertokens.tokens.textFieldContentSlotColorHover, "));", _TextField.textFieldTokens.contentSlotColorActive, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorErrorActive, ",var(", _DatePickertokens.tokens.textFieldContentSlotColorActive, "));}&.", _DatePickertokens.classes.datePickerEdited, "{", _TextField.textFieldTokens.color, ":var(", _DatePickertokens.tokens.textFieldColorEdited, ",var(", _DatePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.backgroundColor, ":var(", _DatePickertokens.tokens.textFieldBackgroundEditedColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DatePickertokens.tokens.textFieldBackgroundEditedColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DatePickertokens.tokens.textFieldBackgroundEditedColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _DatePickertokens.tokens.textFieldBorderColorEdited, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DatePickertokens.tokens.textFieldBorderColorEditedHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DatePickertokens.tokens.textFieldBorderColorEditedFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DatePickertokens.tokens.textFieldDividerColorEdited, ");}");
+})("width:100%;", _TextField.textFieldTokens.color, ":var(", _DatePickertokens.tokens.textFieldColor, ");", _TextField.textFieldTokens.placeholderColor, ":var(", _DatePickertokens.tokens.textFieldPlaceholderColor, ");", _TextField.textFieldTokens.placeholderColorFocus, ":var(", _DatePickertokens.tokens.textFieldPlaceholderColorFocus, ");", _TextField.textFieldTokens.clearPlaceholderColorFocus, ":var(", _DatePickertokens.tokens.textFieldClearPlaceholderColorFocus, ");", _TextField.textFieldTokens.caretColor, ":var(", _DatePickertokens.tokens.textFieldCaretColor, ");", _TextField.textFieldTokens.focusColor, ":var(", _DatePickertokens.tokens.textFieldFocusColor, ");", _TextField.textFieldTokens.backgroundColor, ":var(", _DatePickertokens.tokens.textFieldBackgroundColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DatePickertokens.tokens.textFieldBackgroundColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DatePickertokens.tokens.textFieldBackgroundColorFocus, ");", _TextField.textFieldTokens.boxShadowSecondary, ":var(", _DatePickertokens.tokens.textFieldBoxShadowSecondary, ");", _TextField.textFieldTokens.borderColor, ":var(", _DatePickertokens.tokens.borderColor, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DatePickertokens.tokens.borderColorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DatePickertokens.tokens.borderColorFocus, ");", _TextField.textFieldTokens.colorReadOnly, ":var(", _DatePickertokens.tokens.textFieldColorReadOnly, ");", _TextField.textFieldTokens.backgroundColorReadOnly, ":var(", _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, ");", _TextField.textFieldTokens.readOnlyOpacity, ":var(", _DatePickertokens.tokens.textFieldReadOnlyOpacity, ");", _TextField.textFieldTokens.borderColorReadOnly, ":var(", _DatePickertokens.tokens.textFieldBorderColorReadOnly, ");", _TextField.textFieldTokens.placeholderColorReadOnly, ":var(", _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DatePickertokens.tokens.clearDividerColor, ");", _TextField.textFieldTokens.dividerColorFocus, ":var(", _DatePickertokens.tokens.textFieldDividerColorFocus, ");", _TextField.textFieldTokens.dividerColorHover, ":var(", _DatePickertokens.tokens.textFieldDividerColorHover, ");", _TextField.textFieldTokens.labelColor, ":var(", _DatePickertokens.tokens.labelColor, ");", _TextField.textFieldTokens.labelColorReadOnly, ":var(", _DatePickertokens.tokens.labelColorReadOnly, ");", _TextField.textFieldTokens.height, ":var(", _DatePickertokens.tokens.textFieldHeight, ");", _TextField.textFieldTokens.borderWidth, ":var(", _DatePickertokens.tokens.textFieldBorderWidth, ");", _TextField.textFieldTokens.borderRadius, ":var(", _DatePickertokens.tokens.textFieldBorderRadius, ");", _TextField.textFieldTokens.padding, ":var(", _DatePickertokens.tokens.textFieldPadding, ");", _TextField.textFieldTokens.labelInnerPadding, ":var(", _DatePickertokens.tokens.labelInnerPadding, ");", _TextField.textFieldTokens.contentLabelInnerPadding, ":var(", _DatePickertokens.tokens.contentLabelInnerPadding, ");", _TextField.textFieldTokens.labelOffset, ":var(", _DatePickertokens.tokens.labelOffset, ");", _TextField.textFieldTokens.labelFontFamily, ":var(", _DatePickertokens.tokens.labelFontFamily, ");", _TextField.textFieldTokens.labelFontStyle, ":var(", _DatePickertokens.tokens.labelFontStyle, ");", _TextField.textFieldTokens.labelFontSize, ":var(", _DatePickertokens.tokens.labelFontSize, ");", _TextField.textFieldTokens.labelFontWeight, ":var(", _DatePickertokens.tokens.labelFontWeight, ");", _TextField.textFieldTokens.labelLetterSpacing, ":var(", _DatePickertokens.tokens.labelLetterSpacing, ");", _TextField.textFieldTokens.labelLineHeight, ":var(", _DatePickertokens.tokens.labelLineHeight, ");", _TextField.textFieldTokens.labelInnerFontFamily, ":var(", _DatePickertokens.tokens.labelInnerFontFamily, ");", _TextField.textFieldTokens.labelInnerFontSize, ":var(", _DatePickertokens.tokens.labelInnerFontSize, ");", _TextField.textFieldTokens.labelInnerFontStyle, ":var(", _DatePickertokens.tokens.labelInnerFontStyle, ");", _TextField.textFieldTokens.labelInnerFontWeight, ":var(", _DatePickertokens.tokens.labelInnerFontWeight, ");", _TextField.textFieldTokens.labelInnerLetterSpacing, ":var(", _DatePickertokens.tokens.labelInnerLetterSpacing, ");", _TextField.textFieldTokens.labelInnerLineHeight, ":var(", _DatePickertokens.tokens.labelInnerLineHeight, ");", _TextField.textFieldTokens.titleCaptionMargin, ":var(", _DatePickertokens.tokens.titleCaptionMargin, ");", _TextField.textFieldTokens.titleCaptionInnerLabelOffset, ":var(", _DatePickertokens.tokens.titleCaptionOffset, ");", _TextField.textFieldTokens.titleCaptionColor, ":var(", _DatePickertokens.tokens.titleCaptionColor, ");", _TextField.textFieldTokens.titleCaptionFontFamily, ":var(", _DatePickertokens.tokens.titleCaptionFontFamily, ");", _TextField.textFieldTokens.titleCaptionFontStyle, ":var(", _DatePickertokens.tokens.titleCaptionFontStyle, ");", _TextField.textFieldTokens.titleCaptionFontSize, ":var(", _DatePickertokens.tokens.titleCaptionFontSize, ");", _TextField.textFieldTokens.titleCaptionFontWeight, ":var(", _DatePickertokens.tokens.titleCaptionFontWeight, ");", _TextField.textFieldTokens.titleCaptionLetterSpacing, ":var(", _DatePickertokens.tokens.titleCaptionLetterSpacing, ");", _TextField.textFieldTokens.titleCaptionLineHeight, ":var(", _DatePickertokens.tokens.titleCaptionLineHeight, ");", _TextField.textFieldTokens.indicatorColor, ":var(", _DatePickertokens.tokens.indicatorColor, ");", _TextField.textFieldTokens.indicatorSizeInner, ":var(", _DatePickertokens.tokens.indicatorSizeInner, ");", _TextField.textFieldTokens.indicatorSizeOuter, ":var(", _DatePickertokens.tokens.indicatorSizeOuter, ");", _TextField.textFieldTokens.indicatorLabelPlacementInner, ":var(", _DatePickertokens.tokens.indicatorPlacement, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuter, ":var(", _DatePickertokens.tokens.indicatorOuterPlacement, ");", _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, ":var(", _DatePickertokens.tokens.indicatorPlacementRight, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, ":var(", _DatePickertokens.tokens.indicatorOuterPlacementRight, ");", _TextField.textFieldTokens.clearIndicatorHintInnerRight, ":var(", _DatePickertokens.tokens.clearIndicatorHintInnerRight, ");", _TextField.textFieldTokens.hintMargin, ":var(", _DatePickertokens.tokens.hintMargin, ");", _TextField.textFieldTokens.hintTargetSize, ":var(", _DatePickertokens.tokens.hintTargetSize, ");", _TextField.textFieldTokens.hintCustomIconTargetSize, ":var(", _DatePickertokens.tokens.hintCustomIconTargetSize, ");", _TextField.textFieldTokens.hintIconColor, ":var(", _DatePickertokens.tokens.hintIconColor, ");", _TextField.textFieldTokens.hintInnerLabelPlacementOffset, ":var(", _DatePickertokens.tokens.hintInnerLabelPlacementOffset, ");", _TextField.textFieldTokens.clearHintInnerLabelPlacementOffset, ":var(", _DatePickertokens.tokens.clearHintInnerLabelPlacementOffset, ");", _TextField.textFieldTokens.leftContentMargin, ":var(", _DatePickertokens.tokens.textFieldLeftContentMargin, ");", _TextField.textFieldTokens.rightContentMargin, ":var(", _DatePickertokens.tokens.textFieldRightContentMargin, ");", _TextField.textFieldTokens.fontFamily, ":var(", _DatePickertokens.tokens.textFieldFontFamily, ");", _TextField.textFieldTokens.fontSize, ":var(", _DatePickertokens.tokens.textFieldFontSize, ");", _TextField.textFieldTokens.fontStyle, ":var(", _DatePickertokens.tokens.textFieldFontStyle, ");", _TextField.textFieldTokens.fontWeight, ":var(", _DatePickertokens.tokens.textFieldFontWeight, ");", _TextField.textFieldTokens.letterSpacing, ":var(", _DatePickertokens.tokens.textFieldLetterSpacing, ");", _TextField.textFieldTokens.lineHeight, ":var(", _DatePickertokens.tokens.textFieldLineHeight, ");", _TextField.textFieldTokens.disabledOpacity, ":var(", _DatePickertokens.tokens.disabledOpacity, ");", _TextField.textFieldTokens.disabledBackgroundOpacity, ":var(", _DatePickertokens.tokens.disabledBackgroundOpacity, ");", _TextField.textFieldTokens.disabledInnerContentOpacity, ":var(", _DatePickertokens.tokens.disabledInnerContentOpacity, ");", _TextField.textFieldTokens.textBeforeColor, ":var(", _DatePickertokens.tokens.textFieldTextBeforeColor, ");", _TextField.textFieldTokens.textAfterColor, ":var(", _DatePickertokens.tokens.textFieldTextAfterColor, ");", _TextField.textFieldTokens.textBeforeMargin, ":var(", _DatePickertokens.tokens.textFieldTextBeforeMargin, ");", _TextField.textFieldTokens.textAfterMargin, ":var(", _DatePickertokens.tokens.textFieldTextAfterMargin, ");", _TextField.textFieldTokens.contentSlotColor, ":var(", _DatePickertokens.tokens.textFieldContentSlotColor, ",var(", _DatePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotColorHover, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorHover, ",var(", _DatePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotColorActive, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorActive, ",var(", _DatePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotRightColor, ":var(", _DatePickertokens.tokens.textFieldContentRightSlotColor, ",var(", _TextField.textFieldTokens.contentSlotColor, "));", _TextField.textFieldTokens.contentSlotRightColorHover, ":var(", _DatePickertokens.tokens.textFieldContentRightSlotColorHover, ",var(", _TextField.textFieldTokens.contentSlotRightColor, "));", _TextField.textFieldTokens.contentSlotRightColorActive, ":var(", _DatePickertokens.tokens.textFieldContentRightSlotColorActive, ",var(", _TextField.textFieldTokens.contentSlotRightColor, "));", _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, ":var(", _DatePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, ");", _TextField.textFieldTokens.tooltipPaddingTop, " var(", _DatePickertokens.tokens.hintTooltipPaddingTop, ");", _TextField.textFieldTokens.tooltipPaddingRight, " var(", _DatePickertokens.tokens.hintTooltipPaddingRight, ");", _TextField.textFieldTokens.tooltipPaddingBottom, " var(", _DatePickertokens.tokens.hintTooltipPaddingBottom, ");", _TextField.textFieldTokens.tooltipPaddingLeft, " var(", _DatePickertokens.tokens.hintTooltipPaddingLeft, ");", _TextField.textFieldTokens.tooltipMinHeight, " var(", _DatePickertokens.tokens.hintTooltipMinHeight, ");", _TextField.textFieldTokens.tooltipBackgroundColor, " var(", _DatePickertokens.tokens.hintTooltipBackgroundColor, ");", _TextField.textFieldTokens.tooltipBoxShadow, " var(", _DatePickertokens.tokens.hintTooltipBoxShadow, ");", _TextField.textFieldTokens.tooltipBorderRadius, " var(", _DatePickertokens.tokens.hintTooltipBorderRadius, ");", _TextField.textFieldTokens.tooltipColor, " var(", _DatePickertokens.tokens.hintTooltipColor, ");", _TextField.textFieldTokens.tooltipTextFontFamily, " var(", _DatePickertokens.tokens.hintTooltipTextFontFamily, ");", _TextField.textFieldTokens.tooltipTextFontSize, " var(", _DatePickertokens.tokens.hintTooltipTextFontSize, ");", _TextField.textFieldTokens.tooltipTextFontStyle, " var(", _DatePickertokens.tokens.hintTooltipTextFontStyle, ");", _TextField.textFieldTokens.tooltipTextFontWeight, " var(", _DatePickertokens.tokens.hintTooltipTextFontWeight, ");", _TextField.textFieldTokens.tooltipTextFontLetterSpacing, " var(", _DatePickertokens.tokens.hintTooltipTextFontLetterSpacing, ");", _TextField.textFieldTokens.tooltipTextFontLineHeight, " var(", _DatePickertokens.tokens.hintTooltipTextFontLineHeight, ");", _TextField.textFieldTokens.tooltipContentLeftMargin, " var(", _DatePickertokens.tokens.hintTooltipContentLeftMargin, ");", _TextField.textFieldTokens.tooltipArrowMaskWidth, " var(", _DatePickertokens.tokens.hintTooltipArrowMaskWidth, ");", _TextField.textFieldTokens.tooltipArrowMaskHeight, " var(", _DatePickertokens.tokens.hintTooltipArrowMaskHeight, ");", _TextField.textFieldTokens.tooltipArrowMaskImage, " var(", _DatePickertokens.tokens.hintTooltipArrowMaskImage, ");", _TextField.textFieldTokens.tooltipArrowBackground, " var(", _DatePickertokens.tokens.hintTooltipArrowBackground, ");", _TextField.textFieldTokens.tooltipArrowHeight, " var(", _DatePickertokens.tokens.hintTooltipArrowHeight, ");", _TextField.textFieldTokens.tooltipArrowEdgeMargin, " var(", _DatePickertokens.tokens.hintTooltipArrowEdgeMargin, ");&.", _DatePickertokens.classes.datePickerSuccess, "{", _TextField.textFieldTokens.color, ":var(", _DatePickertokens.tokens.textFieldColorSuccess, ",var(", _DatePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.backgroundColor, ":var(", _DatePickertokens.tokens.textFieldBackgroundSuccessColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DatePickertokens.tokens.textFieldBackgroundSuccessColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _DatePickertokens.tokens.textFieldBorderColorSuccess, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DatePickertokens.tokens.textFieldBorderColorSuccessHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DatePickertokens.tokens.textFieldBorderColorSuccessFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DatePickertokens.tokens.textFieldDividerColorSuccess, ");", _TextField.textFieldTokens.contentSlotColor, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorSuccess, ",var(", _DatePickertokens.tokens.textFieldContentSlotColor, "));", _TextField.textFieldTokens.contentSlotColorHover, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorSuccessHover, ",var(", _DatePickertokens.tokens.textFieldContentSlotColorHover, "));", _TextField.textFieldTokens.contentSlotColorActive, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorSuccessActive, ",var(", _DatePickertokens.tokens.textFieldContentSlotColorActive, "));}&.", _DatePickertokens.classes.datePickerError, "{", _TextField.textFieldTokens.color, ":var(", _DatePickertokens.tokens.textFieldColorError, ",var(", _DatePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.backgroundColor, ":var(", _DatePickertokens.tokens.textFieldBackgroundErrorColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DatePickertokens.tokens.textFieldBackgroundErrorColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _DatePickertokens.tokens.textFieldBorderColorError, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DatePickertokens.tokens.textFieldBorderColorErrorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DatePickertokens.tokens.textFieldBorderColorErrorFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DatePickertokens.tokens.textFieldDividerColorError, ");", _TextField.textFieldTokens.contentSlotColor, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorError, ",var(", _DatePickertokens.tokens.textFieldContentSlotColor, "));", _TextField.textFieldTokens.contentSlotColorHover, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorErrorHover, ",var(", _DatePickertokens.tokens.textFieldContentSlotColorHover, "));", _TextField.textFieldTokens.contentSlotColorActive, ":var(", _DatePickertokens.tokens.textFieldContentSlotColorErrorActive, ",var(", _DatePickertokens.tokens.textFieldContentSlotColorActive, "));}&.", _DatePickertokens.classes.datePickerEdited, "{", _TextField.textFieldTokens.color, ":var(", _DatePickertokens.tokens.textFieldColorEdited, ",var(", _DatePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.backgroundColor, ":var(", _DatePickertokens.tokens.textFieldBackgroundEditedColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DatePickertokens.tokens.textFieldBackgroundEditedColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DatePickertokens.tokens.textFieldBackgroundEditedColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _DatePickertokens.tokens.textFieldBorderColorEdited, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DatePickertokens.tokens.textFieldBorderColorEditedHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DatePickertokens.tokens.textFieldBorderColorEditedFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DatePickertokens.tokens.textFieldDividerColorEdited, ");}");
 const base = (0, /*#__PURE__*/ _react.css)("display:inline-block;&.", _DatePickertokens.classes.datePickerstretched, "{width:100%;& > div{width:100%;}}&.", _DatePickertokens.classes.datePickerCalendarstretched, "{height:100%;}", "base");
 const LeftHelper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "e1qql25x1",
+    target: "ecfmgnr1",
     label: "LeftHelper"
 })("color:var(", _DatePickertokens.tokens.leftHelperColor, ");&.", _DatePickertokens.classes.datePickerSuccess, "{color:var(", _DatePickertokens.tokens.leftHelperColorSuccess, ");}&.", _DatePickertokens.classes.datePickerError, "{color:var(", _DatePickertokens.tokens.leftHelperColorError, ");}&.", _DatePickertokens.classes.datePickerEdited, "{color:var(", _DatePickertokens.tokens.leftHelperColorEdited, ");}");

package/dist/emotion/cjs/components/DateTimePicker/DateTimePicker.js

@@ -86,7 +86,7 @@ const dateTimePickerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ class
         'top',
         'bottom'
     ], offset, frame = 'document', zIndex, closeOnOverlayClick = true, closeOnEsc = true, usePortal = false, // calendar props
-    type = 'Days', lang = 'ru', dateFormat = 'DD.MM.YYYY', timeFormat = 'HH:mm:ss', dateTimeSeparator = ' ', maskWithFormat, hasTimeFormat = false, min, max, renderFromDate, includeEdgeDates, isDouble, dateOnTimeSelectOnly, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, calendarContainerWidth, calendarContainerHeight, stretched, // input props
+    type = 'Days', lang = 'ru', periodSelectorAlign, dateFormat = 'DD.MM.YYYY', timeFormat = 'HH:mm:ss', dateTimeSeparator = ' ', maskWithFormat, hasTimeFormat = false, min, max, renderFromDate, includeEdgeDates, isDouble, dateOnTimeSelectOnly, dateShortcuts, dateShortcutsPlacement = 'left', dateShortcutsWidth, eventTooltipOptions, eventList, disabledList, eventMonthList, disabledMonthList, eventQuarterList, disabledQuarterList, quarterNames, eventYearList, disabledYearList, calendarContainerWidth, calendarContainerHeight, stretched, // input props
     label, labelPlacement = 'outer', titleCaption, keepPlaceholder, requiredPlacement = 'right', required = false, hasRequiredIndicator = false, preserveInvalidOnBlur, placeholder, valueError, valueSuccess, valueEdited, leftHelper, contentLeft, contentRight, textBefore, textAfter, autoComplete, // hint
     hintTrigger = 'hover', hintText, hintView = 'default', hintSize = 'm', hintTargetIcon, hintTargetPlacement = 'outer', hintPlacement = 'auto', hintHasArrow, hintOffset = [
         0,
@@ -288,6 +288,7 @@ const dateTimePickerRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ class
             renderFromDate: renderFromDate,
             includeEdgeDates: includeEdgeDates,
             lang: lang,
+            periodSelectorAlign: periodSelectorAlign,
             handleCalendarPick: handleCalendarPick,
             onChangeVisibleDate: onChangeVisibleDate
         }), /*#__PURE__*/ _react.default.createElement(_ui.StyledSeparator, null), /*#__PURE__*/ _react.default.createElement(_ui.TimeGrid, {

package/dist/emotion/cjs/components/DateTimePicker/DateTimePicker.tokens.js

@@ -138,6 +138,7 @@ const tokens = {
     leftHelperLetterSpacing: '--plasma-date-time-picker__left-helper-letter-spacing',
     leftHelperLineHeight: '--plasma-date-time-picker__left-helper-line-height',
     titleCaptionOffset: '--plasma-date-time-picker-title-caption-offset',
+    titleCaptionMargin: '--plasma-date-time-picker-title-caption-margin',
     titleCaptionColor: '--plasma-date-time-picker-title-caption-color',
     titleCaptionFontFamily: '--plasma-date-time-picker-title-caption-font-family',
     titleCaptionFontStyle: '--plasma-date-time-picker-title-caption-font-style',

package/dist/emotion/cjs/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js

@@ -15,7 +15,7 @@ function _interop_require_default(obj) {
         default: obj
     };
 }
-const CalendarGrid = ({ isDouble, value, lang, calendarContainerWidth, calendarContainerHeight, handleCalendarPick, ...rest })=>{
+const CalendarGrid = ({ isDouble, value, lang, periodSelectorAlign, calendarContainerWidth, calendarContainerHeight, handleCalendarPick, ...rest })=>{
     const commonProps = {
         value,
         locale: lang,
@@ -31,6 +31,7 @@ const CalendarGrid = ({ isDouble, value, lang, calendarContainerWidth, calendarC
     }
     return /*#__PURE__*/ _react.default.createElement(_CalendarGridstyles.StyledCalendar, {
         ...commonProps,
-        ...rest
+        ...rest,
+        periodSelectorAlign: periodSelectorAlign
     });
 };

package/dist/emotion/cjs/components/DateTimePicker/ui/Input/Input.styles.js

@@ -20,6 +20,6 @@ function _interop_require_default(obj) {
 const mergedTextFieldConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
 const TextField = (0, _engines.component)(mergedTextFieldConfig);
 const StyledInput = /*#__PURE__*/ (0, _styled.default)(TextField, {
-    target: "elojb780",
+    target: "ez2ntoz0",
     label: "StyledInput"
-})("width:100%;", _TextField.textFieldTokens.color, ":var(", _DateTimePickertokens.tokens.textFieldColor, ");", _TextField.textFieldTokens.placeholderColor, ":var(", _DateTimePickertokens.tokens.textFieldPlaceholderColor, ");", _TextField.textFieldTokens.placeholderColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldPlaceholderColorFocus, ");", _TextField.textFieldTokens.caretColor, ":var(", _DateTimePickertokens.tokens.textFieldCaretColor, ");", _TextField.textFieldTokens.focusColor, ":var(", _DateTimePickertokens.tokens.textFieldFocusColor, ");", _TextField.textFieldTokens.backgroundColor, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundColorFocus, ");", _TextField.textFieldTokens.borderWidth, ":var(", _DateTimePickertokens.tokens.textFieldBorderWidth, ");", _TextField.textFieldTokens.borderRadius, ":var(", _DateTimePickertokens.tokens.textFieldBorderRadius, ");", _TextField.textFieldTokens.boxShadowSecondary, ":var(", _DateTimePickertokens.tokens.textFieldBoxShadowSecondary, ");", _TextField.textFieldTokens.borderColor, ":var(", _DateTimePickertokens.tokens.textFieldBorderColor, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DateTimePickertokens.tokens.textFieldDividerColor, ");", _TextField.textFieldTokens.dividerColorHover, ":var(", _DateTimePickertokens.tokens.textFieldDividerColorHover, ");", _TextField.textFieldTokens.dividerColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldDividerColorFocus, ");", _TextField.textFieldTokens.dividerColorReadOnly, ":var(", _DateTimePickertokens.tokens.textFieldDividerColorReadOnly, ");", _TextField.textFieldTokens.dividerWidth, ":var(", _DateTimePickertokens.tokens.textFieldDividerWidth, ");", _TextField.textFieldTokens.colorReadOnly, ":var(", _DateTimePickertokens.tokens.textFieldColorReadOnly, ");", _TextField.textFieldTokens.backgroundColorReadOnly, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundColorReadOnly, ");", _TextField.textFieldTokens.readOnlyOpacity, ":var(", _DateTimePickertokens.tokens.textFieldReadOnlyOpacity, ");", _TextField.textFieldTokens.borderColorReadOnly, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorReadOnly, ");", _TextField.textFieldTokens.placeholderColorReadOnly, ":var(", _DateTimePickertokens.tokens.textFieldPlaceholderColorReadOnly, ");", _TextField.textFieldTokens.height, ":var(", _DateTimePickertokens.tokens.textFieldHeight, ");", _TextField.textFieldTokens.padding, ":var(", _DateTimePickertokens.tokens.textFieldPadding, ");", _TextField.textFieldTokens.labelInnerPadding, ":var(", _DateTimePickertokens.tokens.labelInnerPadding, ");", _TextField.textFieldTokens.contentLabelInnerPadding, ":var(", _DateTimePickertokens.tokens.contentLabelInnerPadding, ");", _TextField.textFieldTokens.labelOffset, ":var(", _DateTimePickertokens.tokens.labelOffset, ");", _TextField.textFieldTokens.labelFontFamily, ":var(", _DateTimePickertokens.tokens.labelFontFamily, ");", _TextField.textFieldTokens.labelFontStyle, ":var(", _DateTimePickertokens.tokens.labelFontStyle, ");", _TextField.textFieldTokens.labelFontSize, ":var(", _DateTimePickertokens.tokens.labelFontSize, ");", _TextField.textFieldTokens.labelFontWeight, ":var(", _DateTimePickertokens.tokens.labelFontWeight, ");", _TextField.textFieldTokens.labelLetterSpacing, ":var(", _DateTimePickertokens.tokens.labelLetterSpacing, ");", _TextField.textFieldTokens.labelLineHeight, ":var(", _DateTimePickertokens.tokens.labelLineHeight, ");", _TextField.textFieldTokens.labelInnerFontFamily, ":var(", _DateTimePickertokens.tokens.labelInnerFontFamily, ");", _TextField.textFieldTokens.labelInnerFontSize, ":var(", _DateTimePickertokens.tokens.labelInnerFontSize, ");", _TextField.textFieldTokens.labelInnerFontStyle, ":var(", _DateTimePickertokens.tokens.labelInnerFontStyle, ");", _TextField.textFieldTokens.labelInnerFontWeight, ":var(", _DateTimePickertokens.tokens.labelInnerFontWeight, ");", _TextField.textFieldTokens.labelInnerLetterSpacing, ":var(", _DateTimePickertokens.tokens.labelInnerLetterSpacing, ");", _TextField.textFieldTokens.labelInnerLineHeight, ":var(", _DateTimePickertokens.tokens.labelInnerLineHeight, ");", _TextField.textFieldTokens.labelColor, ":var(", _DateTimePickertokens.tokens.labelColor, ");", _TextField.textFieldTokens.labelColorReadOnly, ":var(", _DateTimePickertokens.tokens.labelColorReadOnly, ");", _TextField.textFieldTokens.titleCaptionInnerLabelOffset, ":var(", _DateTimePickertokens.tokens.titleCaptionOffset, ");", _TextField.textFieldTokens.titleCaptionColor, ":var(", _DateTimePickertokens.tokens.titleCaptionColor, ");", _TextField.textFieldTokens.titleCaptionFontFamily, ":var(", _DateTimePickertokens.tokens.titleCaptionFontFamily, ");", _TextField.textFieldTokens.titleCaptionFontStyle, ":var(", _DateTimePickertokens.tokens.titleCaptionFontStyle, ");", _TextField.textFieldTokens.titleCaptionFontSize, ":var(", _DateTimePickertokens.tokens.titleCaptionFontSize, ");", _TextField.textFieldTokens.titleCaptionFontWeight, ":var(", _DateTimePickertokens.tokens.titleCaptionFontWeight, ");", _TextField.textFieldTokens.titleCaptionLetterSpacing, ":var(", _DateTimePickertokens.tokens.titleCaptionLetterSpacing, ");", _TextField.textFieldTokens.titleCaptionLineHeight, ":var(", _DateTimePickertokens.tokens.titleCaptionLineHeight, ");", _TextField.textFieldTokens.indicatorColor, ":var(", _DateTimePickertokens.tokens.indicatorColor, ");", _TextField.textFieldTokens.indicatorSizeInner, ":var(", _DateTimePickertokens.tokens.indicatorSize, ");", _TextField.textFieldTokens.indicatorSizeOuter, ":var(", _DateTimePickertokens.tokens.indicatorSizeOuter, ");", _TextField.textFieldTokens.indicatorLabelPlacementInner, ":var(", _DateTimePickertokens.tokens.indicatorPlacement, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuter, ":var(", _DateTimePickertokens.tokens.indicatorOuterPlacement, ");", _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, ":var(", _DateTimePickertokens.tokens.indicatorPlacementRight, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, ":var(", _DateTimePickertokens.tokens.indicatorOuterPlacementRight, ");", _TextField.textFieldTokens.hintMargin, ":var(", _DateTimePickertokens.tokens.hintMargin, ");", _TextField.textFieldTokens.hintTargetSize, ":var(", _DateTimePickertokens.tokens.hintTargetSize, ");", _TextField.textFieldTokens.hintCustomIconTargetSize, ":var(", _DateTimePickertokens.tokens.hintCustomIconTargetSize, ");", _TextField.textFieldTokens.hintIconColor, ":var(", _DateTimePickertokens.tokens.hintIconColor, ");", _TextField.textFieldTokens.hintInnerLabelPlacementOffset, ":var(", _DateTimePickertokens.tokens.hintInnerLabelPlacementOffset, ");", _TextField.textFieldTokens.tooltipPaddingTop, ":var(", _DateTimePickertokens.tokens.hintTooltipPaddingTop, ");", _TextField.textFieldTokens.tooltipPaddingRight, ":var(", _DateTimePickertokens.tokens.hintTooltipPaddingRight, ");", _TextField.textFieldTokens.tooltipPaddingBottom, ":var(", _DateTimePickertokens.tokens.hintTooltipPaddingBottom, ");", _TextField.textFieldTokens.tooltipPaddingLeft, ":var(", _DateTimePickertokens.tokens.hintTooltipPaddingLeft, ");", _TextField.textFieldTokens.tooltipMinHeight, ":var(", _DateTimePickertokens.tokens.hintTooltipMinHeight, ");", _TextField.textFieldTokens.tooltipBackgroundColor, ":var(", _DateTimePickertokens.tokens.hintTooltipBackgroundColor, ");", _TextField.textFieldTokens.tooltipBoxShadow, ":var(", _DateTimePickertokens.tokens.hintTooltipBoxShadow, ");", _TextField.textFieldTokens.tooltipBorderRadius, ":var(", _DateTimePickertokens.tokens.hintTooltipBorderRadius, ");", _TextField.textFieldTokens.tooltipColor, ":var(", _DateTimePickertokens.tokens.hintTooltipColor, ");", _TextField.textFieldTokens.tooltipTextFontFamily, ":var(", _DateTimePickertokens.tokens.hintTooltipTextFontFamily, ");", _TextField.textFieldTokens.tooltipTextFontSize, ":var(", _DateTimePickertokens.tokens.hintTooltipTextFontSize, ");", _TextField.textFieldTokens.tooltipTextFontStyle, ":var(", _DateTimePickertokens.tokens.hintTooltipTextFontStyle, ");", _TextField.textFieldTokens.tooltipTextFontWeight, ":var(", _DateTimePickertokens.tokens.hintTooltipTextFontWeight, ");", _TextField.textFieldTokens.tooltipTextFontLetterSpacing, ":var(", _DateTimePickertokens.tokens.hintTooltipTextFontLetterSpacing, ");", _TextField.textFieldTokens.tooltipTextFontLineHeight, ":var(", _DateTimePickertokens.tokens.hintTooltipTextFontLineHeight, ");", _TextField.textFieldTokens.tooltipContentLeftMargin, ":var(", _DateTimePickertokens.tokens.hintTooltipContentLeftMargin, ");", _TextField.textFieldTokens.tooltipArrowMaskWidth, ":var(", _DateTimePickertokens.tokens.hintTooltipArrowMaskWidth, ");", _TextField.textFieldTokens.tooltipArrowMaskHeight, ":var(", _DateTimePickertokens.tokens.hintTooltipArrowMaskHeight, ");", _TextField.textFieldTokens.tooltipArrowMaskImage, ":var(", _DateTimePickertokens.tokens.hintTooltipArrowMaskImage, ");", _TextField.textFieldTokens.tooltipArrowBackground, ":var(", _DateTimePickertokens.tokens.hintTooltipArrowBackground, ");", _TextField.textFieldTokens.tooltipArrowHeight, ":var(", _DateTimePickertokens.tokens.hintTooltipArrowHeight, ");", _TextField.textFieldTokens.tooltipArrowEdgeMargin, ":var(", _DateTimePickertokens.tokens.hintTooltipArrowEdgeMargin, ");", _TextField.textFieldTokens.leftContentMargin, ":var(", _DateTimePickertokens.tokens.textFieldLeftContentMargin, ");", _TextField.textFieldTokens.rightContentMargin, ":var(", _DateTimePickertokens.tokens.textFieldRightContentMargin, ");", _TextField.textFieldTokens.rightContentWithHintMargin, ":var(", _DateTimePickertokens.tokens.textFieldRightContentWithHintMargin, ");", _TextField.textFieldTokens.contentRightWrapperGap, ":var(", _DateTimePickertokens.tokens.textFieldContentRightWrapperGap, ");", _TextField.textFieldTokens.contentRightWrapperMargin, ":var(", _DateTimePickertokens.tokens.textFieldContentRightWrapperMargin, ");", _TextField.textFieldTokens.fontFamily, ":var(", _DateTimePickertokens.tokens.textFieldFontFamily, ");", _TextField.textFieldTokens.fontSize, ":var(", _DateTimePickertokens.tokens.textFieldFontSize, ");", _TextField.textFieldTokens.fontStyle, ":var(", _DateTimePickertokens.tokens.textFieldFontStyle, ");", _TextField.textFieldTokens.fontWeight, ":var(", _DateTimePickertokens.tokens.textFieldFontWeight, ");", _TextField.textFieldTokens.letterSpacing, ":var(", _DateTimePickertokens.tokens.textFieldLetterSpacing, ");", _TextField.textFieldTokens.lineHeight, ":var(", _DateTimePickertokens.tokens.textFieldLineHeight, ");", _TextField.textFieldTokens.disabledOpacity, ":var(", _DateTimePickertokens.tokens.disabledOpacity, ");", _TextField.textFieldTokens.disabledBackgroundOpacity, ":var(", _DateTimePickertokens.tokens.disabledBackgroundOpacity, ");", _TextField.textFieldTokens.disabledInnerContentOpacity, ":var(", _DateTimePickertokens.tokens.disabledInnerContentOpacity, ");", _TextField.textFieldTokens.textBeforeColor, ":var(", _DateTimePickertokens.tokens.textFieldTextBeforeColor, ");", _TextField.textFieldTokens.textAfterColor, ":var(", _DateTimePickertokens.tokens.textFieldTextAfterColor, ");", _TextField.textFieldTokens.textBeforeMargin, ":var(", _DateTimePickertokens.tokens.textFieldTextBeforeMargin, ");", _TextField.textFieldTokens.textAfterMargin, ":var(", _DateTimePickertokens.tokens.textFieldTextAfterMargin, ");", _TextField.textFieldTokens.contentSlotColor, ":var(", _DateTimePickertokens.tokens.textFieldContentSlotColor, ",var(", _DateTimePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotColorHover, ":var(", _DateTimePickertokens.tokens.textFieldContentSlotColorHover, ",var(", _DateTimePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotColorActive, ":var(", _DateTimePickertokens.tokens.textFieldContentSlotColorActive, ",var(", _DateTimePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotRightColor, ":var(", _DateTimePickertokens.tokens.textFieldContentRightSlotColor, ",var(", _TextField.textFieldTokens.contentSlotColor, "));", _TextField.textFieldTokens.contentSlotRightColorHover, ":var(", _DateTimePickertokens.tokens.textFieldContentRightSlotColorHover, ",var(", _TextField.textFieldTokens.contentSlotRightColor, "));", _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, ":var(", _DateTimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, ");&.", _DateTimePickertokens.classes.error, "{", _TextField.textFieldTokens.backgroundColor, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundErrorColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundErrorColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundErrorColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorError, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorErrorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorErrorFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DateTimePickertokens.tokens.textFieldDividerColorError, ");}&.", _DateTimePickertokens.classes.success, "{", _TextField.textFieldTokens.backgroundColor, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundSuccessColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorSuccess, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorSuccessHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorSuccessFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DateTimePickertokens.tokens.textFieldDividerColorSuccess, ");}&.", _DateTimePickertokens.classes.edited, "{", _TextField.textFieldTokens.backgroundColor, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundEditedColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundEditedColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundEditedColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorEdited, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorEditedHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorEditedFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DateTimePickertokens.tokens.textFieldDividerColorEdited, ");}");
+})("width:100%;", _TextField.textFieldTokens.color, ":var(", _DateTimePickertokens.tokens.textFieldColor, ");", _TextField.textFieldTokens.placeholderColor, ":var(", _DateTimePickertokens.tokens.textFieldPlaceholderColor, ");", _TextField.textFieldTokens.placeholderColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldPlaceholderColorFocus, ");", _TextField.textFieldTokens.caretColor, ":var(", _DateTimePickertokens.tokens.textFieldCaretColor, ");", _TextField.textFieldTokens.focusColor, ":var(", _DateTimePickertokens.tokens.textFieldFocusColor, ");", _TextField.textFieldTokens.backgroundColor, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundColorFocus, ");", _TextField.textFieldTokens.borderWidth, ":var(", _DateTimePickertokens.tokens.textFieldBorderWidth, ");", _TextField.textFieldTokens.borderRadius, ":var(", _DateTimePickertokens.tokens.textFieldBorderRadius, ");", _TextField.textFieldTokens.boxShadowSecondary, ":var(", _DateTimePickertokens.tokens.textFieldBoxShadowSecondary, ");", _TextField.textFieldTokens.borderColor, ":var(", _DateTimePickertokens.tokens.textFieldBorderColor, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DateTimePickertokens.tokens.textFieldDividerColor, ");", _TextField.textFieldTokens.dividerColorHover, ":var(", _DateTimePickertokens.tokens.textFieldDividerColorHover, ");", _TextField.textFieldTokens.dividerColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldDividerColorFocus, ");", _TextField.textFieldTokens.dividerColorReadOnly, ":var(", _DateTimePickertokens.tokens.textFieldDividerColorReadOnly, ");", _TextField.textFieldTokens.dividerWidth, ":var(", _DateTimePickertokens.tokens.textFieldDividerWidth, ");", _TextField.textFieldTokens.colorReadOnly, ":var(", _DateTimePickertokens.tokens.textFieldColorReadOnly, ");", _TextField.textFieldTokens.backgroundColorReadOnly, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundColorReadOnly, ");", _TextField.textFieldTokens.readOnlyOpacity, ":var(", _DateTimePickertokens.tokens.textFieldReadOnlyOpacity, ");", _TextField.textFieldTokens.borderColorReadOnly, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorReadOnly, ");", _TextField.textFieldTokens.placeholderColorReadOnly, ":var(", _DateTimePickertokens.tokens.textFieldPlaceholderColorReadOnly, ");", _TextField.textFieldTokens.height, ":var(", _DateTimePickertokens.tokens.textFieldHeight, ");", _TextField.textFieldTokens.padding, ":var(", _DateTimePickertokens.tokens.textFieldPadding, ");", _TextField.textFieldTokens.labelInnerPadding, ":var(", _DateTimePickertokens.tokens.labelInnerPadding, ");", _TextField.textFieldTokens.contentLabelInnerPadding, ":var(", _DateTimePickertokens.tokens.contentLabelInnerPadding, ");", _TextField.textFieldTokens.labelOffset, ":var(", _DateTimePickertokens.tokens.labelOffset, ");", _TextField.textFieldTokens.labelFontFamily, ":var(", _DateTimePickertokens.tokens.labelFontFamily, ");", _TextField.textFieldTokens.labelFontStyle, ":var(", _DateTimePickertokens.tokens.labelFontStyle, ");", _TextField.textFieldTokens.labelFontSize, ":var(", _DateTimePickertokens.tokens.labelFontSize, ");", _TextField.textFieldTokens.labelFontWeight, ":var(", _DateTimePickertokens.tokens.labelFontWeight, ");", _TextField.textFieldTokens.labelLetterSpacing, ":var(", _DateTimePickertokens.tokens.labelLetterSpacing, ");", _TextField.textFieldTokens.labelLineHeight, ":var(", _DateTimePickertokens.tokens.labelLineHeight, ");", _TextField.textFieldTokens.labelInnerFontFamily, ":var(", _DateTimePickertokens.tokens.labelInnerFontFamily, ");", _TextField.textFieldTokens.labelInnerFontSize, ":var(", _DateTimePickertokens.tokens.labelInnerFontSize, ");", _TextField.textFieldTokens.labelInnerFontStyle, ":var(", _DateTimePickertokens.tokens.labelInnerFontStyle, ");", _TextField.textFieldTokens.labelInnerFontWeight, ":var(", _DateTimePickertokens.tokens.labelInnerFontWeight, ");", _TextField.textFieldTokens.labelInnerLetterSpacing, ":var(", _DateTimePickertokens.tokens.labelInnerLetterSpacing, ");", _TextField.textFieldTokens.labelInnerLineHeight, ":var(", _DateTimePickertokens.tokens.labelInnerLineHeight, ");", _TextField.textFieldTokens.labelColor, ":var(", _DateTimePickertokens.tokens.labelColor, ");", _TextField.textFieldTokens.labelColorReadOnly, ":var(", _DateTimePickertokens.tokens.labelColorReadOnly, ");", _TextField.textFieldTokens.titleCaptionMargin, ":var(", _DateTimePickertokens.tokens.titleCaptionMargin, ");", _TextField.textFieldTokens.titleCaptionInnerLabelOffset, ":var(", _DateTimePickertokens.tokens.titleCaptionOffset, ");", _TextField.textFieldTokens.titleCaptionColor, ":var(", _DateTimePickertokens.tokens.titleCaptionColor, ");", _TextField.textFieldTokens.titleCaptionFontFamily, ":var(", _DateTimePickertokens.tokens.titleCaptionFontFamily, ");", _TextField.textFieldTokens.titleCaptionFontStyle, ":var(", _DateTimePickertokens.tokens.titleCaptionFontStyle, ");", _TextField.textFieldTokens.titleCaptionFontSize, ":var(", _DateTimePickertokens.tokens.titleCaptionFontSize, ");", _TextField.textFieldTokens.titleCaptionFontWeight, ":var(", _DateTimePickertokens.tokens.titleCaptionFontWeight, ");", _TextField.textFieldTokens.titleCaptionLetterSpacing, ":var(", _DateTimePickertokens.tokens.titleCaptionLetterSpacing, ");", _TextField.textFieldTokens.titleCaptionLineHeight, ":var(", _DateTimePickertokens.tokens.titleCaptionLineHeight, ");", _TextField.textFieldTokens.indicatorColor, ":var(", _DateTimePickertokens.tokens.indicatorColor, ");", _TextField.textFieldTokens.indicatorSizeInner, ":var(", _DateTimePickertokens.tokens.indicatorSize, ");", _TextField.textFieldTokens.indicatorSizeOuter, ":var(", _DateTimePickertokens.tokens.indicatorSizeOuter, ");", _TextField.textFieldTokens.indicatorLabelPlacementInner, ":var(", _DateTimePickertokens.tokens.indicatorPlacement, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuter, ":var(", _DateTimePickertokens.tokens.indicatorOuterPlacement, ");", _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, ":var(", _DateTimePickertokens.tokens.indicatorPlacementRight, ");", _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, ":var(", _DateTimePickertokens.tokens.indicatorOuterPlacementRight, ");", _TextField.textFieldTokens.hintMargin, ":var(", _DateTimePickertokens.tokens.hintMargin, ");", _TextField.textFieldTokens.hintTargetSize, ":var(", _DateTimePickertokens.tokens.hintTargetSize, ");", _TextField.textFieldTokens.hintCustomIconTargetSize, ":var(", _DateTimePickertokens.tokens.hintCustomIconTargetSize, ");", _TextField.textFieldTokens.hintIconColor, ":var(", _DateTimePickertokens.tokens.hintIconColor, ");", _TextField.textFieldTokens.hintInnerLabelPlacementOffset, ":var(", _DateTimePickertokens.tokens.hintInnerLabelPlacementOffset, ");", _TextField.textFieldTokens.tooltipPaddingTop, ":var(", _DateTimePickertokens.tokens.hintTooltipPaddingTop, ");", _TextField.textFieldTokens.tooltipPaddingRight, ":var(", _DateTimePickertokens.tokens.hintTooltipPaddingRight, ");", _TextField.textFieldTokens.tooltipPaddingBottom, ":var(", _DateTimePickertokens.tokens.hintTooltipPaddingBottom, ");", _TextField.textFieldTokens.tooltipPaddingLeft, ":var(", _DateTimePickertokens.tokens.hintTooltipPaddingLeft, ");", _TextField.textFieldTokens.tooltipMinHeight, ":var(", _DateTimePickertokens.tokens.hintTooltipMinHeight, ");", _TextField.textFieldTokens.tooltipBackgroundColor, ":var(", _DateTimePickertokens.tokens.hintTooltipBackgroundColor, ");", _TextField.textFieldTokens.tooltipBoxShadow, ":var(", _DateTimePickertokens.tokens.hintTooltipBoxShadow, ");", _TextField.textFieldTokens.tooltipBorderRadius, ":var(", _DateTimePickertokens.tokens.hintTooltipBorderRadius, ");", _TextField.textFieldTokens.tooltipColor, ":var(", _DateTimePickertokens.tokens.hintTooltipColor, ");", _TextField.textFieldTokens.tooltipTextFontFamily, ":var(", _DateTimePickertokens.tokens.hintTooltipTextFontFamily, ");", _TextField.textFieldTokens.tooltipTextFontSize, ":var(", _DateTimePickertokens.tokens.hintTooltipTextFontSize, ");", _TextField.textFieldTokens.tooltipTextFontStyle, ":var(", _DateTimePickertokens.tokens.hintTooltipTextFontStyle, ");", _TextField.textFieldTokens.tooltipTextFontWeight, ":var(", _DateTimePickertokens.tokens.hintTooltipTextFontWeight, ");", _TextField.textFieldTokens.tooltipTextFontLetterSpacing, ":var(", _DateTimePickertokens.tokens.hintTooltipTextFontLetterSpacing, ");", _TextField.textFieldTokens.tooltipTextFontLineHeight, ":var(", _DateTimePickertokens.tokens.hintTooltipTextFontLineHeight, ");", _TextField.textFieldTokens.tooltipContentLeftMargin, ":var(", _DateTimePickertokens.tokens.hintTooltipContentLeftMargin, ");", _TextField.textFieldTokens.tooltipArrowMaskWidth, ":var(", _DateTimePickertokens.tokens.hintTooltipArrowMaskWidth, ");", _TextField.textFieldTokens.tooltipArrowMaskHeight, ":var(", _DateTimePickertokens.tokens.hintTooltipArrowMaskHeight, ");", _TextField.textFieldTokens.tooltipArrowMaskImage, ":var(", _DateTimePickertokens.tokens.hintTooltipArrowMaskImage, ");", _TextField.textFieldTokens.tooltipArrowBackground, ":var(", _DateTimePickertokens.tokens.hintTooltipArrowBackground, ");", _TextField.textFieldTokens.tooltipArrowHeight, ":var(", _DateTimePickertokens.tokens.hintTooltipArrowHeight, ");", _TextField.textFieldTokens.tooltipArrowEdgeMargin, ":var(", _DateTimePickertokens.tokens.hintTooltipArrowEdgeMargin, ");", _TextField.textFieldTokens.leftContentMargin, ":var(", _DateTimePickertokens.tokens.textFieldLeftContentMargin, ");", _TextField.textFieldTokens.rightContentMargin, ":var(", _DateTimePickertokens.tokens.textFieldRightContentMargin, ");", _TextField.textFieldTokens.rightContentWithHintMargin, ":var(", _DateTimePickertokens.tokens.textFieldRightContentWithHintMargin, ");", _TextField.textFieldTokens.contentRightWrapperGap, ":var(", _DateTimePickertokens.tokens.textFieldContentRightWrapperGap, ");", _TextField.textFieldTokens.contentRightWrapperMargin, ":var(", _DateTimePickertokens.tokens.textFieldContentRightWrapperMargin, ");", _TextField.textFieldTokens.fontFamily, ":var(", _DateTimePickertokens.tokens.textFieldFontFamily, ");", _TextField.textFieldTokens.fontSize, ":var(", _DateTimePickertokens.tokens.textFieldFontSize, ");", _TextField.textFieldTokens.fontStyle, ":var(", _DateTimePickertokens.tokens.textFieldFontStyle, ");", _TextField.textFieldTokens.fontWeight, ":var(", _DateTimePickertokens.tokens.textFieldFontWeight, ");", _TextField.textFieldTokens.letterSpacing, ":var(", _DateTimePickertokens.tokens.textFieldLetterSpacing, ");", _TextField.textFieldTokens.lineHeight, ":var(", _DateTimePickertokens.tokens.textFieldLineHeight, ");", _TextField.textFieldTokens.disabledOpacity, ":var(", _DateTimePickertokens.tokens.disabledOpacity, ");", _TextField.textFieldTokens.disabledBackgroundOpacity, ":var(", _DateTimePickertokens.tokens.disabledBackgroundOpacity, ");", _TextField.textFieldTokens.disabledInnerContentOpacity, ":var(", _DateTimePickertokens.tokens.disabledInnerContentOpacity, ");", _TextField.textFieldTokens.textBeforeColor, ":var(", _DateTimePickertokens.tokens.textFieldTextBeforeColor, ");", _TextField.textFieldTokens.textAfterColor, ":var(", _DateTimePickertokens.tokens.textFieldTextAfterColor, ");", _TextField.textFieldTokens.textBeforeMargin, ":var(", _DateTimePickertokens.tokens.textFieldTextBeforeMargin, ");", _TextField.textFieldTokens.textAfterMargin, ":var(", _DateTimePickertokens.tokens.textFieldTextAfterMargin, ");", _TextField.textFieldTokens.contentSlotColor, ":var(", _DateTimePickertokens.tokens.textFieldContentSlotColor, ",var(", _DateTimePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotColorHover, ":var(", _DateTimePickertokens.tokens.textFieldContentSlotColorHover, ",var(", _DateTimePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotColorActive, ":var(", _DateTimePickertokens.tokens.textFieldContentSlotColorActive, ",var(", _DateTimePickertokens.tokens.textFieldColor, "));", _TextField.textFieldTokens.contentSlotRightColor, ":var(", _DateTimePickertokens.tokens.textFieldContentRightSlotColor, ",var(", _TextField.textFieldTokens.contentSlotColor, "));", _TextField.textFieldTokens.contentSlotRightColorHover, ":var(", _DateTimePickertokens.tokens.textFieldContentRightSlotColorHover, ",var(", _TextField.textFieldTokens.contentSlotRightColor, "));", _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, ":var(", _DateTimePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, ");&.", _DateTimePickertokens.classes.error, "{", _TextField.textFieldTokens.backgroundColor, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundErrorColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundErrorColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundErrorColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorError, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorErrorHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorErrorFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DateTimePickertokens.tokens.textFieldDividerColorError, ");}&.", _DateTimePickertokens.classes.success, "{", _TextField.textFieldTokens.backgroundColor, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundSuccessColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorSuccess, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorSuccessHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorSuccessFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DateTimePickertokens.tokens.textFieldDividerColorSuccess, ");}&.", _DateTimePickertokens.classes.edited, "{", _TextField.textFieldTokens.backgroundColor, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundEditedColor, ");", _TextField.textFieldTokens.backgroundColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundEditedColorHover, ");", _TextField.textFieldTokens.backgroundColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBackgroundEditedColorFocus, ");", _TextField.textFieldTokens.borderColor, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorEdited, ");", _TextField.textFieldTokens.borderColorHover, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorEditedHover, ");", _TextField.textFieldTokens.borderColorFocus, ":var(", _DateTimePickertokens.tokens.textFieldBorderColorEditedFocus, ");", _TextField.textFieldTokens.dividerColor, ":var(", _DateTimePickertokens.tokens.textFieldDividerColorEdited, ");}");

package/dist/emotion/cjs/components/Drawer/Drawer.styles.js

@@ -113,10 +113,10 @@ const getAnimationStyles = ()=>{
     }, '');
 };
 const StyledPanel = /*#__PURE__*/ (0, _styled.default)(Panel, {
-    target: "encu7410",
+    target: "edfay9n0",
     label: "StyledPanel"
-})(_Panel.panelTokens.closeColor, ":var(", _Drawertokens.tokens.closeIconColor, ");");
+})(_Panel.panelTokens.closeColor, ":var(", _Drawertokens.tokens.closeIconColor, ");", _Panel.panelTokens.scrollbarWidth, ":var(", _Drawertokens.tokens.scrollbarWidth, ");", _Panel.panelTokens.scrollbarOffsetRight, ":var(", _Drawertokens.tokens.scrollbarOffsetRight, ");", _Panel.panelTokens.scrollbarThumbBackgroundColor, ":var(", _Drawertokens.tokens.scrollbarThumbBackgroundColor, ");", _Panel.panelTokens.scrollbarThumbBackgroundColorHover, ":var(", _Drawertokens.tokens.scrollbarThumbBackgroundColorHover, ");", _Panel.panelTokens.scrollbarThumbBackgroundColorActive, ":var(", _Drawertokens.tokens.scrollbarThumbBackgroundColorActive, ");", _Panel.panelTokens.scrollbarTrackBackgroundColor, ":var(", _Drawertokens.tokens.scrollbarTrackBackgroundColor, ");");
 const StyledPopup = /*#__PURE__*/ (0, _styled.default)(Popup, {
-    target: "encu7411",
+    target: "edfay9n1",
     label: "StyledPopup"
 })("&&.", _Drawertokens.classes.overlay, "{animation:fadeIn 0.2s forwards;scrollbar-gutter:stable;}&&.", _Popup.popupClasses.endAnimation, " .", _Drawertokens.classes.overlay, "{animation:fadeOut 0.2s forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&& .", _Popup.popupClasses.root, ",&& .", _Popup.popupClasses.root, " > div{width:", ({ width })=>width || 'auto', ";height:", ({ height })=>height || 'auto', ";}", getAnimationStyles(), "    &.", _Drawertokens.classes.enterCustomAnimation, "{&& .", _Popup.popupClasses.root, "{animation:", ({ drawerAnimationInfo })=>drawerAnimationInfo?.enter || `var(${_Drawertokens.privateTokens.enterAnimation})`, ";}}&.", _Drawertokens.classes.exitCustomAnimation, "{&&.", _Popup.popupClasses.endAnimation, " .", _Popup.popupClasses.root, "{animation:", ({ drawerAnimationInfo })=>drawerAnimationInfo?.exit || `var(${_Drawertokens.privateTokens.exitAnimation})`, ";}}");

package/dist/emotion/cjs/components/Drawer/Drawer.tokens.js

@@ -49,5 +49,11 @@ const tokens = {
     contentBackgroundColor: '--plasma-drawer-content-background-color',
     padding: '--plasma-drawer-padding',
     borderRadius: '--plasma-drawer-border-radius',
-    closeIconColor: '--plasma-drawer-close-icon-color'
+    closeIconColor: '--plasma-drawer-close-icon-color',
+    scrollbarWidth: '--plasma-drawer-scrollbar-width',
+    scrollbarOffsetRight: '--plasma-drawer-scrollbar-offset-right',
+    scrollbarThumbBackgroundColor: '--plasma-drawer-scrollbar-thumb-background-color',
+    scrollbarThumbBackgroundColorHover: '--plasma-drawer-scrollbar-thumb-background-color-hover',
+    scrollbarThumbBackgroundColorActive: '--plasma-drawer-scrollbar-thumb-background-color-active',
+    scrollbarTrackBackgroundColor: '--plasma-drawer-scrollbar-track-background-color'
 };

package/dist/emotion/cjs/components/Dropdown/Dropdown.js

@@ -70,7 +70,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const dropdownRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ items, trigger = 'click', placement = 'bottom', children, variant = 'normal', zIndex = 1000, listMaxHeight, listWidth, portal, renderItem, beforeList, afterList, onToggle, alwaysOpened = false, onHover, onItemSelect, openByRightClick = false, offset = [
+const dropdownRoot = (Root)=>/*#__PURE__*/ (0, _react.forwardRef)(({ items, trigger = 'click', placement = 'bottom-start', children, variant = 'normal', zIndex = 1000, listMaxHeight, listWidth, portal, renderItem, beforeList, afterList, onToggle, alwaysOpened = false, onHover, onItemSelect, openByRightClick = false, offset = [
         0,
         8
     ], closeOnSelect = true, closeOnOverlayClick = true, itemRole = 'option', disabled, size, view, className, ...rest }, ref)=>{

package/dist/emotion/cjs/components/Dropdown/ui/Inner/Inner.js

@@ -77,7 +77,7 @@ const Inner = ({ item, currentLevel, path, dispatchPath, index, trigger, listWid
     const nextLevel = currentLevel + 1;
     if (item?.items?.length) {
         return /*#__PURE__*/ _react.default.createElement(_FloatingPopover.FloatingPopover, {
-            placement: (0, _utils1.getPlacement)(item?.placement || 'right'),
+            placement: (0, _utils1.getPlacement)(item?.placement || 'right-start'),
             opened: isCurrentListOpen,
             onToggle: handleToggle,
             trigger: item.trigger || trigger,

package/dist/emotion/cjs/components/Dropdown/utils/getPlacement.js

@@ -8,12 +8,22 @@ Object.defineProperty(exports, "getPlacement", {
         return getPlacement;
     }
 });
+const centerPlacements = {
+    'top-center': 'top',
+    'right-center': 'right',
+    'bottom-center': 'bottom',
+    'left-center': 'left'
+};
+const isCenterPlacement = (placement)=>placement in centerPlacements;
 const getPlacement = (placement)=>{
     if (!placement) {
         return 'bottom-start';
     }
-    if (placement === 'auto') {
+    if (placement === 'auto' || placement.endsWith('-start') || placement.endsWith('-end')) {
         return placement;
     }
+    if (isCenterPlacement(placement)) {
+        return centerPlacements[placement];
+    }
     return `${placement}-start`;
 };

package/dist/emotion/cjs/components/InformationWrapper/InformationWrapper.styles.js

@@ -73,62 +73,62 @@ const mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
 const Tooltip = (0, _engines.component)(mergedConfig);
 const base = (0, /*#__PURE__*/ _react.css)("display:flex;flex-direction:column;", "base");
 const ContentWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eerit8t0",
+    target: "e18d1hnw0",
     label: "ContentWrapper"
 })("display:flex;align-items:flex-start;gap:var(", _InformationWrappertokens.tokens.contentGap, ");");
 const ContentChildrenWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eerit8t1",
+    target: "e18d1hnw1",
     label: "ContentChildrenWrapper"
 })("display:flex;flex-direction:column;width:100%;");
 const LabelWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eerit8t2",
+    target: "e18d1hnw2",
     label: "LabelWrapper"
-})("display:flex;align-items:center;white-space:", ({ hasLabel })=>hasLabel ? 'nowrap' : 'normal', ";margin-bottom:", ({ hasLabel })=>hasLabel ? `var(${_InformationWrappertokens.tokens.labelWrapperOffset})` : `var(${_InformationWrappertokens.tokens.labelWrapperTitleCaptionOffset})`, ";&.", _InformationWrappertokens.classes.withoutLabel, "{position:relative;margin-bottom:", ({ hasCaption })=>hasCaption ? `var(${_InformationWrappertokens.tokens.labelWrapperTitleCaptionOffset})` : '0', ";display:", ({ hasCaption })=>hasCaption ? 'flex' : 'block', ";height:", ({ hasCaption })=>hasCaption ? 'fit-content' : '0', ";}");
+})("display:flex;align-items:flex-start;white-space:", ({ hasLabel })=>hasLabel ? 'nowrap' : 'normal', ";margin-bottom:", ({ hasLabel })=>hasLabel ? `var(${_InformationWrappertokens.tokens.labelWrapperOffset})` : `var(${_InformationWrappertokens.tokens.labelWrapperTitleCaptionOffset})`, ";&.", _InformationWrappertokens.classes.withoutLabel, "{position:relative;margin-bottom:", ({ hasCaption })=>hasCaption ? `var(${_InformationWrappertokens.tokens.labelWrapperTitleCaptionOffset})` : '0', ";display:", ({ hasCaption })=>hasCaption ? 'flex' : 'block', ";height:", ({ hasCaption })=>hasCaption ? 'fit-content' : '0', ";}");
 const IndicatorWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eerit8t3",
+    target: "e18d1hnw3",
     label: "IndicatorWrapper"
 })("position:", ({ hasLabel })=>hasLabel ? 'relative' : 'static', ";display:inline-flex;align-items:center;gap:var(", _InformationWrappertokens.tokens.indicatorWrapperGap, ");");
 const Label = (0, /*#__PURE__*/ _styled.default)("label", {
-    target: "eerit8t4",
+    target: "e18d1hnw4",
     label: "Label"
 })("display:inline-flex;");
 const HintWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eerit8t5",
+    target: "e18d1hnw5",
     label: "HintWrapper"
 })("display:flex;justify-content:center;align-items:center;line-height:0;&.", _InformationWrappertokens.classes.withoutLabel, "{position:absolute;margin:0;z-index:2;inset:var(", _InformationWrappertokens.tokens.hintWithoutLabelPlacementOffset, ");", _InformationWrappertokens.privateTokens.translateYWithoutTitle, ":calc(-1 * var(", _InformationWrappertokens.tokens.titleCaptionLineHeight, "));transform:", ({ hasCaption })=>hasCaption ? `translateY(var(${_InformationWrappertokens.tokens.labelWrapperTitleCaptionOffset}))` : `translateY(var(${_InformationWrappertokens.privateTokens.translateYWithoutTitle}))`, ";}");
 const HintTargetWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eerit8t6",
+    target: "e18d1hnw6",
     label: "HintTargetWrapper"
 })("color:var(", _InformationWrappertokens.tokens.hintIconColor, ");display:flex;justify-content:center;align-items:center;");
 const Hint = /*#__PURE__*/ (0, _styled.default)(Tooltip, {
-    target: "eerit8t7",
+    target: "e18d1hnw7",
     label: "Hint"
 })(HintTargetWrapper, " .", _Popover.popoverClasses.root, "{width:fit-content;display:flex;align-items:center;justify-content:center;}");
 const HintIconWrapper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eerit8t8",
+    target: "e18d1hnw8",
     label: "HintIconWrapper"
 })("display:flex;");
 const Indicator = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eerit8t9",
+    target: "e18d1hnw9",
     label: "Indicator"
 })("border-radius:50%;align-self:flex-start;background-color:var(", _InformationWrappertokens.tokens.indicatorColor, ");width:var(", _InformationWrappertokens.tokens.indicatorSizeOuter, ");height:var(", _InformationWrappertokens.tokens.indicatorSizeOuter, ");margin-top:var(", _InformationWrappertokens.tokens.indicatorMarginTop, ");z-index:2;&.", _InformationWrappertokens.classes.requiredAlignLeft, "{position:absolute;top:50%;transform:translateY(-50%);left:var(", _InformationWrappertokens.tokens.indicatorOuterLeft, ");margin-top:unset;align-self:unset;}&.", _InformationWrappertokens.classes.withoutLabel, "{position:absolute;margin-top:unset;align-self:unset;width:var(", _InformationWrappertokens.tokens.indicatorSizeInner, ");height:var(", _InformationWrappertokens.tokens.indicatorSizeInner, ");inset:var(", _InformationWrappertokens.tokens.indicatorWithoutLabelInner, ");transform:", ({ hasCaption })=>hasCaption ? `translateY(var(${_InformationWrappertokens.tokens.labelWrapperTitleCaptionOffset}))` : 'translateY(0)', ";&.", _InformationWrappertokens.classes.requiredAlignLeft, "{inset:var(", _InformationWrappertokens.tokens.indicatorWithoutLabelInnerLeft, ");}}");
 const OptionalText = (0, /*#__PURE__*/ _styled.default)("span", {
-    target: "eerit8t10",
+    target: "e18d1hnw10",
     label: "OptionalText"
 })("color:var(", _InformationWrappertokens.tokens.optionalColor, ");");
 const TitleCaption = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eerit8t11",
+    target: "e18d1hnw11",
     label: "TitleCaption"
-})("display:inline-block;margin-left:auto;margin-top:", ({ hasLabel })=>hasLabel ? `var(${_InformationWrappertokens.tokens.titleCaptionOffset})` : 'unset', ";");
+})("display:inline-block;margin-left:auto;margin-top:", ({ hasLabel })=>hasLabel ? `var(${_InformationWrappertokens.tokens.titleCaptionMargin}, 0)` : 'unset', ";");
 const Helpers = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eerit8t12",
+    target: "e18d1hnw12",
     label: "Helpers"
 })("box-sizing:border-box;display:flex;justify-content:space-between;");
 const LeftHelper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eerit8t13",
+    target: "e18d1hnw13",
     label: "LeftHelper"
 })();
 const RightHelper = (0, /*#__PURE__*/ _styled.default)("div", {
-    target: "eerit8t14",
+    target: "e18d1hnw14",
     label: "RightHelper"
 })("margin-left:auto;");

package/dist/emotion/cjs/components/InformationWrapper/InformationWrapper.tokens.js

@@ -41,6 +41,7 @@ const tokens = {
     labelColorReadOnly: '--plasma-info-wrapper-label-color-readonly',
     contentGap: '--plasma-info-wrapper-content-gap',
     titleCaptionOffset: '--plasma-info-wrapper-title-caption-offset',
+    titleCaptionMargin: '--plasma-info-wrapper-title-caption-margin',
     titleCaptionColor: '--plasma-info-wrapper-title-caption-color',
     titleCaptionColorReadOnly: '--plasma-info-wrapper-title-caption-color-readonly',
     titleCaptionFontFamily: '--plasma-info-wrapper-title-caption-font-family',