@salutejs/plasma-new-hope 0.344.0-canary.2402.20461160162.0 → 0.344.0-dev.0

package/dist/emotion/es/examples/components/Range/Range.js

@@ -1,5 +1,18 @@
 import { component, mergeConfig } from "../../../engines";
+import { createConditionalComponent } from "../../../utils";
 import { rangeConfig } from "../../../components/Range";
-import { config } from "./Range.config";
-var mergedConfig = mergeConfig(rangeConfig, config);
-export var Range = component(mergedConfig);
+import { config as configDefault } from "./Range.config";
+import { config as configClear } from "./Range.clear.config";
+var mergedConfigDefault = mergeConfig(rangeConfig, configDefault);
+export var RangeDefault = component(mergedConfigDefault);
+var mergedConfigClear = mergeConfig(rangeConfig, configClear);
+export var RangeClear = component(mergedConfigClear);
+export var Range = createConditionalComponent(RangeDefault, [
+    {
+        conditions: {
+            prop: 'appearance',
+            value: 'clear'
+        },
+        component: RangeClear
+    }
+]);

package/dist/styled-components/cjs/components/DatePicker/DatePicker.tokens.js

@@ -62,7 +62,8 @@ var tokens = {
     contentSlotRightColor: '--plasma-date-picker-content-right-slot-color',
     contentSlotRightColorHover: '--plasma-date-picker-content-right-slot-color-hover',
     contentSlotRightColorActive: '--plasma-date-picker-content-right-slot-color-active',
-    /** Токены лейбла */ labelColor: '--plasma-date-picker__label-color',
+    /** Токены лейбла */ labelWrapperOffset: '--plasma-date-picker-label-wrapper-offset',
+    labelColor: '--plasma-date-picker__label-color',
     labelColorReadOnly: '--plasma-date-picker__label-color-readonly',
     labelOffset: '--plasma-date-picker__label-offset',
     labelFontFamily: '--plasma-date-picker__label-font-family',
@@ -71,13 +72,18 @@ var tokens = {
     labelFontWeight: '--plasma-date-picker__label-font-weight',
     labelLetterSpacing: '--plasma-date-picker__label-letter-spacing',
     labelLineHeight: '--plasma-date-picker__label-line-height',
-    /** Токены индикатора */ indicatorColor: '--plasma-date-picker__indicator-color',
-    indicatorSize: '--plasma-date-picker__indicator-size',
+    /** Токены индикатора */ indicatorWrapperGap: '--plasma-date-picker-indicator-wrapper-gap',
+    indicatorColor: '--plasma-date-picker__indicator-color',
+    indicatorSizeInner: '--plasma-date-picker__indicator-size',
     indicatorSizeOuter: '--plasma-date-picker__indicator-size-outer',
     indicatorPlacement: '--plasma-date-picker__indicator-placement',
     indicatorPlacementRight: '--plasma-date-picker__indicator-placement-right',
     indicatorOuterPlacement: '--plasma-date-picker__indicator-placement-outer',
     indicatorOuterPlacementRight: '--plasma-date-picker__indicator-placement-outer-right',
+    indicatorMarginTop: '--plasma-date-picker-indicator-margin-top',
+    indicatorOuterLeft: '--plasma-date-picker-indicator-outer-left',
+    indicatorWithoutLabelInner: '--plasma-date-picker-indicator-without-label-inner',
+    indicatorWithoutLabelInnerLeft: '--plasma-date-picker-indicator-without-label-inner-left',
     /* label-placement-inner */ labelInnerFontFamily: '--plasma-date-picker-placement_inner__label-font-family',
     labelInnerFontStyle: '--plasma-date-picker-placement_inner__label-font-style',
     labelInnerFontSize: '--plasma-date-picker-placement_inner__label-font-size',

package/dist/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js

@@ -207,7 +207,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var datePickerRangeRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
+        var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
             'top',
             'bottom'
         ] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onToggle = _param.onToggle, onChange = _param.onChange, onChangeFirstValue = _param.onChangeFirstValue, onChangeSecondValue = _param.onChangeSecondValue, onCommitFirstDate = _param.onCommitFirstDate, onCommitSecondDate = _param.onCommitSecondDate, onFocusFirstTextfield = _param.onFocusFirstTextfield, onFocusSecondTextfield = _param.onFocusSecondTextfield, onBlurFirstTextfield = _param.onBlurFirstTextfield, onBlurSecondTextfield = _param.onBlurSecondTextfield, rest = _object_without_properties(_param, [
@@ -528,7 +528,7 @@ var datePickerRangeRoot = function(Root) {
             dividerVariant: dividerVariant,
             label: label,
             required: required,
-            requiredPlacement: requiredPlacement,
+            requiredIndicatorPlacement: requiredPlacement,
             hasRequiredIndicator: hasRequiredIndicator,
             disabled: disabled,
             readOnly: !disabled && readOnly,

package/dist/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js

@@ -74,13 +74,13 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
 var Popover = (0, _engines.component)(mergedPopoverConfig);
 var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
     displayName: "RangeDate.styles__StyledPopover",
-    componentId: "sc-a004c634-0"
+    componentId: "sc-24609633-0"
 })([
     ""
 ]);
 var StyledRange = (0, _styledcomponents.default)(Range).withConfig({
     displayName: "RangeDate.styles__StyledRange",
-    componentId: "sc-a004c634-1"
+    componentId: "sc-24609633-1"
 })([
     "",
     ":var(",
@@ -259,18 +259,19 @@ var StyledRange = (0, _styledcomponents.default)(Range).withConfig({
     ");",
     ":var(",
     ");"
-], _Range.rangeTokens.background, _DatePickertokens.tokens.background, _Range.rangeTokens.backgroundError, _DatePickertokens.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePickertokens.tokens.backgroundSuccess, _Range.rangeTokens.readOnlyOpacity, _DatePickertokens.tokens.rangeReadOnlyOpacity, _Range.rangeTokens.borderColor, _DatePickertokens.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePickertokens.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePickertokens.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.dividerColor, _DatePickertokens.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePickertokens.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePickertokens.tokens.leftHelperColor, _Range.rangeTokens.textFieldColor, _DatePickertokens.tokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldPlaceholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _Range.rangeTokens.textFieldCaretColor, _DatePickertokens.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePickertokens.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePickertokens.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePickertokens.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePickertokens.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePickertokens.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePickertokens.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePickertokens.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePickertokens.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePickertokens.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePickertokens.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePickertokens.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePickertokens.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePickertokens.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePickertokens.tokens.rightContentMargin, _Range.rangeTokens.contentSlotColor, _DatePickertokens.tokens.contentSlotColor, _Range.rangeTokens.contentSlotColorHover, _DatePickertokens.tokens.contentSlotColorHover, _Range.rangeTokens.contentSlotColorActive, _DatePickertokens.tokens.contentSlotColorActive, _Range.rangeTokens.contentSlotRightColor, _DatePickertokens.tokens.contentSlotRightColor, _Range.rangeTokens.contentSlotRightColorHover, _DatePickertokens.tokens.contentSlotRightColorHover, _Range.rangeTokens.contentSlotRightColorActive, _DatePickertokens.tokens.contentSlotRightColorActive, _Range.rangeTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _Range.rangeTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _Range.rangeTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _Range.rangeTokens.indicatorSize, _DatePickertokens.tokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _DatePickertokens.tokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _DatePickertokens.tokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _DatePickertokens.tokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _Range.rangeTokens.textFieldHeight, _DatePickertokens.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePickertokens.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePickertokens.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePickertokens.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePickertokens.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePickertokens.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePickertokens.tokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _DatePickertokens.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePickertokens.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePickertokens.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePickertokens.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePickertokens.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePickertokens.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePickertokens.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _Range.rangeTokens.rightContentOpacityReadOnly, _DatePickertokens.tokens.rightContentOpacityReadOnly, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePickertokens.tokens.backgroundReadOnly, _Range.rangeTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _Range.rangeTokens.leftHelperColorReadOnly, _DatePickertokens.tokens.leftHelperColorReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePickertokens.tokens.dividerColorReadOnly, _Range.rangeTokens.dividerOpacityReadOnly, _DatePickertokens.tokens.dividerOpacityReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly);
+], _Range.rangeTokens.background, _DatePickertokens.tokens.background, _Range.rangeTokens.backgroundError, _DatePickertokens.tokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _DatePickertokens.tokens.backgroundSuccess, _Range.rangeTokens.readOnlyOpacity, _DatePickertokens.tokens.rangeReadOnlyOpacity, _Range.rangeTokens.borderColor, _DatePickertokens.tokens.borderColor, _Range.rangeTokens.borderColorError, _DatePickertokens.tokens.borderColorError, _Range.rangeTokens.borderColorSuccess, _DatePickertokens.tokens.borderColorSuccess, _Range.rangeTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.dividerColor, _DatePickertokens.tokens.dividerColor, _Range.rangeTokens.labelColor, _DatePickertokens.tokens.labelColor, _Range.rangeTokens.leftHelperColor, _DatePickertokens.tokens.leftHelperColor, _Range.rangeTokens.textFieldColor, _DatePickertokens.tokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldPlaceholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _Range.rangeTokens.textFieldCaretColor, _DatePickertokens.tokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldBorderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _Range.rangeTokens.textFieldBorderColorFocus, _DatePickertokens.tokens.textFieldBorderColorFocus, _Range.rangeTokens.textFieldBorderColorError, _DatePickertokens.tokens.textFieldBorderColorError, _Range.rangeTokens.textFieldBorderColorErrorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _Range.rangeTokens.textFieldBorderColorSuccess, _DatePickertokens.tokens.textFieldBorderColorSuccess, _Range.rangeTokens.textFieldBorderColorSuccessFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus, _Range.rangeTokens.textFieldTextBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _Range.rangeTokens.focusColor, _DatePickertokens.tokens.focusColor, _Range.rangeTokens.borderRadius, _DatePickertokens.tokens.borderRadius, _Range.rangeTokens.dividerPadding, _DatePickertokens.tokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _DatePickertokens.tokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _DatePickertokens.tokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _DatePickertokens.tokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _DatePickertokens.tokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _DatePickertokens.tokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _DatePickertokens.tokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _DatePickertokens.tokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _DatePickertokens.tokens.rightContentMargin, _Range.rangeTokens.contentSlotColor, _DatePickertokens.tokens.contentSlotColor, _Range.rangeTokens.contentSlotColorHover, _DatePickertokens.tokens.contentSlotColorHover, _Range.rangeTokens.contentSlotColorActive, _DatePickertokens.tokens.contentSlotColorActive, _Range.rangeTokens.contentSlotRightColor, _DatePickertokens.tokens.contentSlotRightColor, _Range.rangeTokens.contentSlotRightColorHover, _DatePickertokens.tokens.contentSlotRightColorHover, _Range.rangeTokens.contentSlotRightColorActive, _DatePickertokens.tokens.contentSlotRightColorActive, _Range.rangeTokens.labelWrapperOffset, _DatePickertokens.tokens.labelOffset, _Range.rangeTokens.labelWrapperOffset, _DatePickertokens.tokens.labelWrapperOffset, _Range.rangeTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _Range.rangeTokens.indicatorWrapperGap, _DatePickertokens.tokens.indicatorWrapperGap, _Range.rangeTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _Range.rangeTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSizeInner, _Range.rangeTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _Range.rangeTokens.indicatorMarginTop, _DatePickertokens.tokens.indicatorMarginTop, _Range.rangeTokens.indicatorOuterLeft, _DatePickertokens.tokens.indicatorOuterLeft, _Range.rangeTokens.indicatorWithoutLabelInner, _DatePickertokens.tokens.indicatorWithoutLabelInner, _Range.rangeTokens.indicatorWithoutLabelInnerLeft, _DatePickertokens.tokens.indicatorWithoutLabelInnerLeft, _Range.rangeTokens.textFieldHeight, _DatePickertokens.tokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _DatePickertokens.tokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _DatePickertokens.tokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _DatePickertokens.tokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _DatePickertokens.tokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _DatePickertokens.tokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _DatePickertokens.tokens.textFieldLineHeight, _Range.rangeTokens.helpersPadding, _DatePickertokens.tokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _DatePickertokens.tokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _DatePickertokens.tokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _DatePickertokens.tokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _DatePickertokens.tokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _DatePickertokens.tokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _DatePickertokens.tokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _Range.rangeTokens.rightContentOpacityReadOnly, _DatePickertokens.tokens.rightContentOpacityReadOnly, _Range.rangeTokens.textFieldTextBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _Range.rangeTokens.backgroundReadOnly, _DatePickertokens.tokens.backgroundReadOnly, _Range.rangeTokens.dividerColorReadOnly, _DatePickertokens.tokens.dividerColorReadOnly, _Range.rangeTokens.dividerOpacityReadOnly, _DatePickertokens.tokens.dividerOpacityReadOnly, _Range.rangeTokens.textFieldColorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _Range.rangeTokens.textFieldBackgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _Range.rangeTokens.textFieldPlaceholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly);
 var base = (0, _styledcomponents.css)([
     "display:inline-block;.",
     ",.",
-    "{width:inherit;}&.",
+    "{width:inherit;}.",
+    "{display:grid;}&.",
     "{width:100%;.",
     ",",
     "{width:100%;}}"
-], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePickertokens.classes.datePickerstretched, _Popover.popoverClasses.root, StyledRange);
+], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _Popover.popoverClasses.wrapper, _DatePickertokens.classes.datePickerstretched, _Popover.popoverClasses.root, StyledRange);
 var LeftHelper = _styledcomponents.default.div.withConfig({
     displayName: "RangeDate.styles__LeftHelper",
-    componentId: "sc-a004c634-2"
+    componentId: "sc-24609633-2"
 })([
     "color:var(",
     ");&.",

package/dist/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js

@@ -180,7 +180,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var datePickerRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, valueError = _param.valueError, valueSuccess = _param.valueSuccess, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
+        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, valueError = _param.valueError, valueSuccess = _param.valueSuccess, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
             'top',
             'bottom'
         ] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onChangeValue = _param.onChangeValue, onCommitDate = _param.onCommitDate, onToggle = _param.onToggle, onFocus = _param.onFocus, onBlur = _param.onBlur, onChange = _param.onChange, autoComplete = _param.autoComplete, rest = _object_without_properties(_param, [

package/dist/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -74,13 +74,13 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
 var Popover = (0, _engines.component)(mergedPopoverConfig);
 var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
     displayName: "SingleDate.styles__StyledPopover",
-    componentId: "sc-246cca8-0"
+    componentId: "sc-129e9b5a-0"
 })([
     ""
 ]);
 var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     displayName: "SingleDate.styles__StyledInput",
-    componentId: "sc-246cca8-1"
+    componentId: "sc-129e9b5a-1"
 })([
     "width:100%;",
     ":var(",
@@ -247,7 +247,7 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
     ");",
     ":var(",
     ");}"
-], _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DatePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DatePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePickertokens.tokens.textFieldContentSlotColor, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorHover, _DatePickertokens.tokens.textFieldContentSlotColorHover, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _DatePickertokens.tokens.textFieldContentSlotColorActive, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorActive, _DatePickertokens.tokens.textFieldContentRightSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DatePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DatePickertokens.classes.datePickerError, _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColorError, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _DatePickertokens.classes.datePickerSuccess, _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColorSuccess, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus);
+], _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DatePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DatePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSizeInner, _TextField.textFieldTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePickertokens.tokens.textFieldContentSlotColor, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorHover, _DatePickertokens.tokens.textFieldContentSlotColorHover, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotColorActive, _DatePickertokens.tokens.textFieldContentSlotColorActive, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightColorActive, _DatePickertokens.tokens.textFieldContentRightSlotColorActive, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DatePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DatePickertokens.classes.datePickerError, _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColorError, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _DatePickertokens.classes.datePickerSuccess, _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColorSuccess, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus);
 var base = (0, _styledcomponents.css)([
     "display:inline-block;.",
     ",.",
@@ -257,7 +257,7 @@ var base = (0, _styledcomponents.css)([
 ], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePickertokens.classes.datePickerstretched, _Popover.popoverClasses.root);
 var LeftHelper = _styledcomponents.default.div.withConfig({
     displayName: "SingleDate.styles__LeftHelper",
-    componentId: "sc-246cca8-2"
+    componentId: "sc-129e9b5a-2"
 })([
     "color:var(",
     ");&.",

package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.js

@@ -21,8 +21,9 @@ var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 var _base = require("./variations/_view/base");
 var _base1 = require("./variations/_size/base");
 var _base2 = require("./variations/_disabled/base");
-var _base3 = require("./variations/_hint-view/base");
-var _base4 = require("./variations/_hint-size/base");
+var _base3 = require("./variations/_read-only/base");
+var _base4 = require("./variations/_hint-view/base");
+var _base5 = require("./variations/_hint-size/base");
 var _InformationWrapperstyles = require("./InformationWrapper.styles");
 var _ui = require("./ui");
 var _InformationWrappertokens = require("./InformationWrapper.tokens");
@@ -129,7 +130,7 @@ function _object_without_properties_loose(source, excluded) {
 }
 var informationWrapperRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var size = _param.size, view = _param.view, children = _param.children, label = _param.label, labelHtmlFor = _param.labelHtmlFor, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'top' : _param_labelPlacement, hasRequiredIndicator = _param.hasRequiredIndicator, _param_requiredIndicatorPlacement = _param.requiredIndicatorPlacement, requiredIndicatorPlacement = _param_requiredIndicatorPlacement === void 0 ? 'right' : _param_requiredIndicatorPlacement, optional = _param.optional, optionalText = _param.optionalText, hintText = _param.hintText, _param_hintTrigger = _param.hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, hintOffset = _param.hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, titleCaption = _param.titleCaption, leftHelper = _param.leftHelper, rightHelper = _param.rightHelper, disabled = _param.disabled, rest = _object_without_properties(_param, [
+        var size = _param.size, view = _param.view, children = _param.children, label = _param.label, labelHtmlFor = _param.labelHtmlFor, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'top' : _param_labelPlacement, hasRequiredIndicator = _param.hasRequiredIndicator, _param_requiredIndicatorPlacement = _param.requiredIndicatorPlacement, requiredIndicatorPlacement = _param_requiredIndicatorPlacement === void 0 ? 'right' : _param_requiredIndicatorPlacement, optional = _param.optional, optionalText = _param.optionalText, hintText = _param.hintText, _param_hintTrigger = _param.hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, hintOffset = _param.hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, titleCaption = _param.titleCaption, leftHelper = _param.leftHelper, rightHelper = _param.rightHelper, readOnly = _param.readOnly, disabled = _param.disabled, rest = _object_without_properties(_param, [
             "size",
             "view",
             "children",
@@ -153,6 +154,7 @@ var informationWrapperRoot = function(Root) {
             "titleCaption",
             "leftHelper",
             "rightHelper",
+            "readOnly",
             "disabled"
         ]);
         var hasHelpers = leftHelper || rightHelper;
@@ -160,7 +162,8 @@ var informationWrapperRoot = function(Root) {
             ref: ref,
             size: size,
             view: view,
-            disabled: disabled
+            disabled: disabled,
+            readOnly: readOnly
         }, hintText && {
             hintView: hintView,
             hintSize: hintSize
@@ -204,7 +207,9 @@ var informationWrapperRoot = function(Root) {
             hintOffset: hintOffset,
             hintWidth: hintWidth,
             hintContentLeft: hintContentLeft
-        }), /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.ContentChildrenWrapper, null, children, hasHelpers && /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.Helpers, null, leftHelper && /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.LeftHelper, null, leftHelper), rightHelper && /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.RightHelper, null, rightHelper)))));
+        }), /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.ContentChildrenWrapper, null, children, hasHelpers && /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.Helpers, null, leftHelper && /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.LeftHelper, {
+            className: _InformationWrappertokens.classes.leftHelper
+        }, leftHelper), rightHelper && /*#__PURE__*/ _react.default.createElement(_InformationWrapperstyles.RightHelper, null, rightHelper)))));
     });
 };
 var informationWrapperConfig = {
@@ -219,15 +224,19 @@ var informationWrapperConfig = {
         view: {
             css: _base.base
         },
+        readOnly: {
+            css: _base3.base,
+            attrs: true
+        },
         disabled: {
             css: _base2.base,
             attrs: true
         },
         hintView: {
-            css: _base3.base
+            css: _base4.base
         },
         hintSize: {
-            css: _base4.base
+            css: _base5.base
         }
     },
     defaults: {

package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.styles.js

@@ -111,25 +111,27 @@ var base = (0, _styledcomponents.css)([
 ]);
 var ContentWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__ContentWrapper",
-    componentId: "sc-1705b12a-0"
+    componentId: "sc-98f8a5a8-0"
 })([
     "display:flex;align-items:flex-start;gap:var(",
     ");"
 ], _InformationWrappertokens.tokens.contentGap);
 var ContentChildrenWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__ContentChildrenWrapper",
-    componentId: "sc-1705b12a-1"
+    componentId: "sc-98f8a5a8-1"
 })([
     "display:flex;flex-direction:column;width:100%;"
 ]);
 var LabelWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__LabelWrapper",
-    componentId: "sc-1705b12a-2"
+    componentId: "sc-98f8a5a8-2"
 })([
     "display:flex;align-items:center;white-space:",
     ";margin-bottom:",
     ";&.",
     "{position:relative;margin-bottom:",
+    ";display:",
+    ";height:",
     ";}"
 ], function(param) {
     var hasLabel = param.hasLabel;
@@ -140,10 +142,16 @@ var LabelWrapper = _styledcomponents.default.div.withConfig({
 }, _InformationWrappertokens.classes.withoutLabel, function(param) {
     var hasCaption = param.hasCaption;
     return hasCaption ? "var(".concat(_InformationWrappertokens.tokens.labelWrapperTitleCaptionOffset, ")") : '0';
+}, function(param) {
+    var hasCaption = param.hasCaption;
+    return hasCaption ? 'flex' : 'block';
+}, function(param) {
+    var hasCaption = param.hasCaption;
+    return hasCaption ? 'fit-content' : '0';
 });
 var IndicatorWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__IndicatorWrapper",
-    componentId: "sc-1705b12a-3"
+    componentId: "sc-98f8a5a8-3"
 })([
     "position:",
     ";display:inline-flex;align-items:center;gap:var(",
@@ -154,32 +162,33 @@ var IndicatorWrapper = _styledcomponents.default.div.withConfig({
 }, _InformationWrappertokens.tokens.indicatorWrapperGap);
 var Label = _styledcomponents.default.label.withConfig({
     displayName: "InformationWrapper.styles__Label",
-    componentId: "sc-1705b12a-4"
+    componentId: "sc-98f8a5a8-4"
 })([
     "display:inline-flex;"
 ]);
 var HintWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__HintWrapper",
-    componentId: "sc-1705b12a-5"
+    componentId: "sc-98f8a5a8-5"
 })([
     "display:flex;justify-content:center;align-items:center;line-height:0;&.",
     "{position:absolute;margin:0;z-index:2;inset:var(",
-    ");transform:",
+    ");--plasma_private-translateY-without-title-caption:calc(-1 * var(",
+    "));transform:",
     ";}"
-], _InformationWrappertokens.classes.withoutLabel, _InformationWrappertokens.tokens.hintWithoutLabelPlacementOffset, function(param) {
+], _InformationWrappertokens.classes.withoutLabel, _InformationWrappertokens.tokens.hintWithoutLabelPlacementOffset, _InformationWrappertokens.tokens.titleCaptionLineHeight, function(param) {
     var hasCaption = param.hasCaption;
-    return hasCaption ? "translateY(var(".concat(_InformationWrappertokens.tokens.labelWrapperTitleCaptionOffset, "))") : 'translateY(0)';
+    return hasCaption ? "translateY(var(".concat(_InformationWrappertokens.tokens.labelWrapperTitleCaptionOffset, "))") : 'translateY(var(--plasma_private-translateY-without-title-caption)';
 });
 var HintTargetWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__HintTargetWrapper",
-    componentId: "sc-1705b12a-6"
+    componentId: "sc-98f8a5a8-6"
 })([
     "color:var(",
     ");display:flex;justify-content:center;align-items:center;"
 ], _InformationWrappertokens.tokens.hintIconColor);
 var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
     displayName: "InformationWrapper.styles__Hint",
-    componentId: "sc-1705b12a-7"
+    componentId: "sc-98f8a5a8-7"
 })([
     "",
     " .",
@@ -187,13 +196,13 @@ var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
 ], HintTargetWrapper, _Popover.popoverClasses.root);
 var HintIconWrapper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__HintIconWrapper",
-    componentId: "sc-1705b12a-8"
+    componentId: "sc-98f8a5a8-8"
 })([
     "display:flex;"
 ]);
 var Indicator = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__Indicator",
-    componentId: "sc-1705b12a-9"
+    componentId: "sc-98f8a5a8-9"
 })([
     "border-radius:50%;align-self:flex-start;background-color:var(",
     ");width:var(",
@@ -215,14 +224,14 @@ var Indicator = _styledcomponents.default.div.withConfig({
 }, _InformationWrappertokens.classes.requiredAlignLeft, _InformationWrappertokens.tokens.indicatorWithoutLabelInnerLeft);
 var OptionalText = _styledcomponents.default.span.withConfig({
     displayName: "InformationWrapper.styles__OptionalText",
-    componentId: "sc-1705b12a-10"
+    componentId: "sc-98f8a5a8-10"
 })([
     "color:var(",
     ");"
 ], _InformationWrappertokens.tokens.optionalColor);
 var TitleCaption = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__TitleCaption",
-    componentId: "sc-1705b12a-11"
+    componentId: "sc-98f8a5a8-11"
 })([
     "display:inline-block;margin-left:auto;margin-top:",
     ";"
@@ -232,19 +241,19 @@ var TitleCaption = _styledcomponents.default.div.withConfig({
 });
 var Helpers = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__Helpers",
-    componentId: "sc-1705b12a-12"
+    componentId: "sc-98f8a5a8-12"
 })([
     "box-sizing:border-box;display:flex;justify-content:space-between;"
 ]);
 var LeftHelper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__LeftHelper",
-    componentId: "sc-1705b12a-13"
+    componentId: "sc-98f8a5a8-13"
 })([
     ""
 ]);
 var RightHelper = _styledcomponents.default.div.withConfig({
     displayName: "InformationWrapper.styles__RightHelper",
-    componentId: "sc-1705b12a-14"
+    componentId: "sc-98f8a5a8-14"
 })([
     ""
 ]);

package/dist/styled-components/cjs/components/InformationWrapper/InformationWrapper.tokens.js

@@ -18,7 +18,8 @@ _export(exports, {
 });
 var classes = {
     withoutLabel: 'info-wrapper-without-label',
-    requiredAlignLeft: 'info-wrapper-required-align-left'
+    requiredAlignLeft: 'info-wrapper-required-align-left',
+    leftHelper: 'info-wrapper-left-helper'
 };
 var tokens = {
     /** Токены для label */ indicatorWrapperGap: '--plasma-info-wrapper-indicator-wrapper-gap',
@@ -31,9 +32,11 @@ var tokens = {
     labelLetterSpacing: '--plasma-info-wrapper-label-letter-spacing',
     labelLineHeight: '--plasma-info-wrapper-label-line-height',
     labelColor: '--plasma-info-wrapper-label-color',
+    labelColorReadOnly: '--plasma-info-wrapper-label-color-readonly',
     contentGap: '--plasma-info-wrapper-content-gap',
     titleCaptionOffset: '--plasma-info-wrapper-title-caption-offset',
     titleCaptionColor: '--plasma-info-wrapper-title-caption-color',
+    titleCaptionColorReadOnly: '--plasma-info-wrapper-title-caption-color-readonly',
     titleCaptionFontFamily: '--plasma-info-wrapper-title-caption-font-family',
     titleCaptionFontStyle: '--plasma-info-wrapper-title-caption-font-style',
     titleCaptionFontSize: '--plasma-info-wrapper-title-caption-font-size',
@@ -77,6 +80,8 @@ var tokens = {
     /** Токены для optional */ optionalColor: '--plasma-info-wrapper-optional-color',
     /** Токены для подписей снизу */ leftHelperColor: '--plasma-info-wrapper-left-helper-color',
     rightHelperColor: '--plasma-info-wrapper-right-helper-color',
+    leftHelperColorReadOnly: '--plasma-info-wrapper-left-helper-color-readonly',
+    rightHelperColorReadOnly: '--plasma-info-wrapper-right-helper-color-readonly',
     helpersPadding: '--plasma-info-wrapper-helpers-padding-top',
     helpersGap: '--plasma-info-wrapper-helpers-gap',
     leftHelperFontFamily: '--plasma-info-wrapper-left-helper-font-family',

package/dist/styled-components/cjs/components/InformationWrapper/variations/_read-only/base.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _InformationWrapperstyles = require("../../InformationWrapper.styles");
+var _InformationWrappertokens = require("../../InformationWrapper.tokens");
+var base = (0, _styledcomponents.css)([
+    "&[readonly]{",
+    "{color:var(",
+    ",var(",
+    "));}",
+    "{color:var(",
+    ",var(",
+    "));}",
+    "{color:var(",
+    ",var(",
+    "));}",
+    "{color:var(",
+    ",var(",
+    "));}}"
+], _InformationWrapperstyles.Label, _InformationWrappertokens.tokens.labelColorReadOnly, _InformationWrappertokens.tokens.labelColor, _InformationWrapperstyles.TitleCaption, _InformationWrappertokens.tokens.titleCaptionColorReadOnly, _InformationWrappertokens.tokens.titleCaptionColor, _InformationWrapperstyles.LeftHelper, _InformationWrappertokens.tokens.leftHelperColorReadOnly, _InformationWrappertokens.tokens.leftHelperColor, _InformationWrapperstyles.RightHelper, _InformationWrappertokens.tokens.rightHelperColorReadOnly, _InformationWrappertokens.tokens.rightHelperColor);

package/dist/styled-components/cjs/components/InformationWrapper/variations/_size/base.js

@@ -27,7 +27,6 @@ var base = (0, _styledcomponents.css)([
     ");}",
     "{width:var(",
     ");height:var(",
-    ");margin:var(",
     ");}",
     "{font-family:var(",
     ");font-size:var(",
@@ -53,4 +52,4 @@ var base = (0, _styledcomponents.css)([
     ");letter-spacing:var(",
     ");line-height:var(",
     ");}"
-], _InformationWrapperstyles.Label, _InformationWrapperstyles.OptionalText, _InformationWrappertokens.tokens.labelFontFamily, _InformationWrappertokens.tokens.labelFontSize, _InformationWrappertokens.tokens.labelFontStyle, _InformationWrappertokens.tokens.labelFontWeight, _InformationWrappertokens.tokens.labelLetterSpacing, _InformationWrappertokens.tokens.labelLineHeight, _InformationWrapperstyles.HintWrapper, _InformationWrappertokens.tokens.hintMargin, _InformationWrappertokens.tokens.hintTargetSize, _InformationWrappertokens.tokens.hintTargetSize, _InformationWrapperstyles.HintTargetWrapper, _InformationWrappertokens.tokens.hintTargetSize, _InformationWrappertokens.tokens.hintTargetSize, _InformationWrappertokens.tokens.hintMargin, _InformationWrapperstyles.TitleCaption, _InformationWrappertokens.tokens.titleCaptionFontFamily, _InformationWrappertokens.tokens.titleCaptionFontSize, _InformationWrappertokens.tokens.titleCaptionFontStyle, _InformationWrappertokens.tokens.titleCaptionFontWeight, _InformationWrappertokens.tokens.titleCaptionLetterSpacing, _InformationWrappertokens.tokens.titleCaptionLineHeight, _InformationWrapperstyles.Helpers, _InformationWrappertokens.tokens.helpersPadding, _InformationWrappertokens.tokens.helpersGap, _InformationWrapperstyles.LeftHelper, _InformationWrappertokens.tokens.leftHelperFontFamily, _InformationWrappertokens.tokens.leftHelperFontSize, _InformationWrappertokens.tokens.leftHelperFontStyle, _InformationWrappertokens.tokens.leftHelperFontWeight, _InformationWrappertokens.tokens.leftHelperLetterSpacing, _InformationWrappertokens.tokens.leftHelperLineHeight, _InformationWrapperstyles.RightHelper, _InformationWrappertokens.tokens.rightHelperFontFamily, _InformationWrappertokens.tokens.rightHelperFontSize, _InformationWrappertokens.tokens.rightHelperFontStyle, _InformationWrappertokens.tokens.rightHelperFontWeight, _InformationWrappertokens.tokens.rightHelperLetterSpacing, _InformationWrappertokens.tokens.rightHelperLineHeight);
+], _InformationWrapperstyles.Label, _InformationWrapperstyles.OptionalText, _InformationWrappertokens.tokens.labelFontFamily, _InformationWrappertokens.tokens.labelFontSize, _InformationWrappertokens.tokens.labelFontStyle, _InformationWrappertokens.tokens.labelFontWeight, _InformationWrappertokens.tokens.labelLetterSpacing, _InformationWrappertokens.tokens.labelLineHeight, _InformationWrapperstyles.HintWrapper, _InformationWrappertokens.tokens.hintMargin, _InformationWrappertokens.tokens.hintTargetSize, _InformationWrappertokens.tokens.hintTargetSize, _InformationWrapperstyles.HintTargetWrapper, _InformationWrappertokens.tokens.hintTargetSize, _InformationWrappertokens.tokens.hintTargetSize, _InformationWrapperstyles.TitleCaption, _InformationWrappertokens.tokens.titleCaptionFontFamily, _InformationWrappertokens.tokens.titleCaptionFontSize, _InformationWrappertokens.tokens.titleCaptionFontStyle, _InformationWrappertokens.tokens.titleCaptionFontWeight, _InformationWrappertokens.tokens.titleCaptionLetterSpacing, _InformationWrappertokens.tokens.titleCaptionLineHeight, _InformationWrapperstyles.Helpers, _InformationWrappertokens.tokens.helpersPadding, _InformationWrappertokens.tokens.helpersGap, _InformationWrapperstyles.LeftHelper, _InformationWrappertokens.tokens.leftHelperFontFamily, _InformationWrappertokens.tokens.leftHelperFontSize, _InformationWrappertokens.tokens.leftHelperFontStyle, _InformationWrappertokens.tokens.leftHelperFontWeight, _InformationWrappertokens.tokens.leftHelperLetterSpacing, _InformationWrappertokens.tokens.leftHelperLineHeight, _InformationWrapperstyles.RightHelper, _InformationWrappertokens.tokens.rightHelperFontFamily, _InformationWrappertokens.tokens.rightHelperFontSize, _InformationWrappertokens.tokens.rightHelperFontStyle, _InformationWrappertokens.tokens.rightHelperFontWeight, _InformationWrappertokens.tokens.rightHelperLetterSpacing, _InformationWrappertokens.tokens.rightHelperLineHeight);