@salutejs/plasma-new-hope 0.344.0-canary.2390.20364773479.0 → 0.344.0-canary.2397.20370453452.0

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

@@ -17,12 +17,17 @@ _export(exports, {
     }
 });
 var classes = {
+    rangeInformationWrapper: 'range-information-wrapper',
     rangeError: 'range-error',
     rangeValueError: 'range-value-error',
     rangeSuccess: 'range-success',
     rangeValueSuccess: 'range-value-success',
     requiredAlignRight: 'required-align-right',
-    requiredOuterPlacement: 'required-placement-outer'
+    requiredOuterPlacement: 'required-placement-outer',
+    noCaptionAndLabel: 'range-no-caption-label',
+    clear: 'range-clear',
+    clearDivider: 'range-clear-divider',
+    clearHasOuterHint: 'range-clear-has-outer-hint'
 };
 var tokens = {
     background: '--plasma-range-background',
@@ -36,7 +41,8 @@ var tokens = {
     borderColorSuccess: '--plasma-range-border-color-success',
     borderColorReadOnly: '--plasma-range-border-color-readonly',
     shadow: '--plasma-range-shadow',
-    /** Токены разделителя */ dividerColor: '--plasma-range__divider-color',
+    /** Токены разделителя */ clearDividerColor: '--plasma-range-clear__divider-color',
+    dividerColor: '--plasma-range__divider-color',
     dividerColorReadOnly: '--plasma-range__divider-color-readonly',
     dividerOpacityReadOnly: '--plasma-range__divider-opacity-readonly',
     dividerPadding: '--plasma-range__divider-padding',
@@ -52,44 +58,94 @@ var tokens = {
     contentSlotColor: '--plasma-textfield-content-slot-color',
     contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
     contentSlotColorActive: '--plasma-textfield-content-slot-color-active',
+    contentSlotColorSuccess: '--plasma-textfield-content-slot-color-success',
+    contentSlotColorSuccessHover: '--plasma-textfield-content-slot-color-success-hover',
+    contentSlotColorSuccessActive: '--plasma-textfield-content-slot-color-success-active',
+    contentSlotColorError: '--plasma-textfield-content-slot-color-error',
+    contentSlotColorErrorHover: '--plasma-textfield-content-slot-color-error-hover',
+    contentSlotColorErrorActive: '--plasma-textfield-content-slot-color-error-active',
     contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
     contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
     contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
-    /** Токены лейбла */ labelColor: '--plasma-range__label-color',
-    labelColorReadOnly: '--plasma-range__label-color-readonly',
-    labelOffset: '--plasma-range__label-offset',
-    labelFontFamily: '--plasma-range__label-font-family',
-    labelFontStyle: '--plasma-range__label-font-style',
-    labelFontSize: '--plasma-range__label-font-size',
-    labelFontWeight: '--plasma-range__label-font-weight',
-    labelLetterSpacing: '--plasma-range__label-letter-spacing',
-    labelLineHeight: '--plasma-range__label-line-height',
-    /** Токены индикатора */ indicatorColor: '--plasma-range__indicator-color',
-    indicatorSize: '--plasma-range__indicator-size',
-    indicatorSizeOuter: '--plasma-range__indicator-size-outer',
-    indicatorPlacement: '--plasma-range__indicator-placement',
-    indicatorPlacementRight: '--plasma-range__indicator-placement-right',
-    indicatorOuterPlacement: '--plasma-range__indicator-placement-outer',
-    indicatorOuterPlacementRight: '--plasma-range__indicator-placement-outer-right',
-    /** Токены вспомогательного текста */ leftHelperColor: '--plasma-range__left-helper-color',
-    leftHelperColorReadOnly: '--plasma-range__left-helper-color-readonly',
-    leftHelperOffset: '--plasma-range__left-helper-offset',
-    leftHelperColorError: '--plasma-range__left-helper-color-error',
-    leftHelperColorSuccess: '--plasma-range__left-helper-color-success',
-    leftHelperFontFamily: '--plasma-range__left-helper-font-family',
-    leftHelperFontStyle: '--plasma-range__left-helper-font-style',
-    leftHelperFontSize: '--plasma-range__left-helper-font-size',
-    leftHelperFontWeight: '--plasma-range__left-helper-font-weight',
-    leftHelperLetterSpacing: '--plasma-range__left-helper-letter-spacing',
-    leftHelperLineHeight: '--plasma-range__left-helper-line-height',
+    indicatorWrapperGap: '--plasma-range-info-wrapper-indicator-wrapper-gap',
+    labelWrapperOffset: '--plasma-range-info-wrapper-label-wrapper-offset',
+    labelWrapperTitleCaptionOffset: '--plasma-range-info-wrapper-label-wrapper-title-caption-offset',
+    labelFontFamily: '--plasma-range-info-wrapper-label-font-family',
+    labelFontStyle: '--plasma-range-info-wrapper-label-font-style',
+    labelFontSize: '--plasma-range-info-wrapper-label-font-size',
+    labelFontWeight: '--plasma-range-info-wrapper-label-font-weight',
+    labelLetterSpacing: '--plasma-range-info-wrapper-label-letter-spacing',
+    labelLineHeight: '--plasma-range-info-wrapper-label-line-height',
+    labelColor: '--plasma-range-info-wrapper-label-color',
+    contentGap: '--plasma-range-info-wrapper-content-gap',
+    titleCaptionOffset: '--plasma-range-info-wrapper-title-caption-offset',
+    titleCaptionColor: '--plasma-range-info-wrapper-title-caption-color',
+    titleCaptionFontFamily: '--plasma-range-info-wrapper-title-caption-font-family',
+    titleCaptionFontStyle: '--plasma-range-info-wrapper-title-caption-font-style',
+    titleCaptionFontSize: '--plasma-range-info-wrapper-title-caption-font-size',
+    titleCaptionFontWeight: '--plasma-range-info-wrapper-title-caption-font-weight',
+    titleCaptionLetterSpacing: '--plasma-range-info-wrapper-title-caption-letter-spacing',
+    titleCaptionLineHeight: '--plasma-range-info-wrapper-title-caption-line-height',
+    /** Токены для tooltip */ hintMargin: '--plasma-range-info-wrapper-hint-margin',
+    hintTargetSize: '--plasma-range-info-wrapper-hint-target-size',
+    hintCustomIconTargetSize: '--plasma-range-info-wrapper-hint-custom-icon-target-size',
+    hintIconColor: '--plasma-range-info-wrapper-hint-icon-color',
+    hintWithoutLabelPlacementOffset: '--plasma-range-info-wrapper-hint-without-label-placement-offset',
+    hintPlacementInnerMargin: '--plasma-range-info-wrapper-hint-placement-inner-offset',
+    tooltipBackgroundColor: '--plasma-range-info-wrapper-tooltip-background-color',
+    tooltipBoxShadow: '--plasma-range-info-wrapper-tooltip-box-shadow',
+    tooltipColor: '--plasma-range-info-wrapper-tooltip-color',
+    tooltipPaddingTop: '--plasma-range-info-wrapper-tooltip-padding-top',
+    tooltipPaddingRight: '--plasma-range-info-wrapper-tooltip-padding-right',
+    tooltipPaddingBottom: '--plasma-range-info-wrapper-tooltip-padding-bottom',
+    tooltipPaddingLeft: '--plasma-range-info-wrapper-tooltip-padding-left',
+    tooltipMinHeight: '--plasma-range-info-wrapper-tooltip-min-height',
+    tooltipBorderRadius: '--plasma-range-info-wrapper-tooltip-border-radius',
+    tooltipTextFontFamily: '--plasma-range-info-wrapper-tooltip-text-font-family',
+    tooltipTextFontSize: '--plasma-range-info-wrapper-tooltip-text-font-size',
+    tooltipTextFontStyle: '--plasma-range-info-wrapper-tooltip-text-font-style',
+    tooltipTextFontWeight: '--plasma-range-info-wrapper-tooltip-text-font-weight',
+    tooltipTextFontLetterSpacing: '--plasma-range-info-wrapper-tooltip-text-font-letter-spacing',
+    tooltipTextFontLineHeight: '--plasma-range-info-wrapper-tooltip-text-font-line-height',
+    tooltipContentLeftMargin: '--plasma-range-info-wrapper-tooltip-content-left-margin',
+    tooltipArrowMaskWidth: '--plasma-range-info-wrapper-tooltip-arrow-mask-width',
+    tooltipArrowMaskHeight: '--plasma-range-info-wrapper-tooltip-arrow-mask-height',
+    tooltipArrowMaskImage: '--plasma-range-info-wrapper-tooltip-arrow-mask-image',
+    tooltipArrowHeight: '--plasma-range-info-wrapper-tooltip-arrow-height',
+    tooltipArrowEdgeMargin: '--plasma-range-info-wrapper-tooltip-arrow-edge-margin',
+    tooltipArrowBackground: '--plasma-range-info-wrapper-tooltip-arrow-background',
+    /** Токены для required indicator */ indicatorColor: '--plasma-range-info-wrapper-indicator-color',
+    indicatorSizeInner: '--plasma-range-info-wrapper-indicator-size-inner',
+    indicatorSizeOuter: '--plasma-range-info-wrapper-indicator-size-outer',
+    indicatorMarginTop: '--plasma-range-info-wrapper-indicator-margin-top',
+    indicatorOuterLeft: '--plasma-range-info-wrapper-indicator-outer-left',
+    indicatorWithoutLabelInner: '--plasma-range-info-wrapper-indicator-without-label-inner',
+    indicatorWithoutLabelInnerLeft: '--plasma-range-info-wrapper-indicator-without-label-inner-left',
+    indicatorWithoutLabelOuterHint: '--plasma-range-info-wrapper-indicator-without-label-outer-hint',
+    /** Токены для подписей снизу */ leftHelperColor: '--plasma-range-info-wrapper-left-helper-color',
+    leftHelperColorError: '--plasma-range-info-wrapper-left-helper--error',
+    leftHelperColorSuccess: '--plasma-range-info-wrapper-left-helper--success',
+    helpersPadding: '--plasma-range-info-wrapper-helpers-padding-top',
+    helpersGap: '--plasma-range-info-wrapper-helpers-gap',
+    leftHelperFontFamily: '--plasma-range-info-wrapper-left-helper-font-family',
+    leftHelperFontStyle: '--plasma-range-info-wrapper-left-helper-font-style',
+    leftHelperFontSize: '--plasma-range-info-wrapper-left-helper-font-size',
+    leftHelperFontWeight: '--plasma-range-info-wrapper-left-helper-font-weight',
+    leftHelperLetterSpacing: '--plasma-range-info-wrapper-left-helper-letter-spacing',
+    leftHelperLineHeight: '--plasma-range-info-wrapper-left-helper-line-height',
     /** Прозрачность для всего компонента в состоянии disabled */ disabledOpacity: '--plasma-range-disabled-opacity',
     readOnlyOpacity: '--plasma-range-readonly-opacity',
+    labelColorReadOnly: '--plasma-range-info-wrapper-label-color-readonly',
+    titleCaptionColorReadOnly: '--plasma-range-info-wrapper-title-caption-color-readonly',
+    leftHelperColorReadOnly: '--plasma-range-info-wrapper-left-helper-color-readonly',
+    rightHelperColorReadOnly: '--plasma-range-info-wrapper-right-helper-color-readonly',
     /** Цвет обводки поля ввода при фокусе */ focusColor: '--plasma-range-focus-color',
     /** Токены полей ввода */ textFieldColor: '--plasma-range-textfield-color',
     textFieldColorError: '--plasma-range-textfield-color-error',
     textFieldColorSuccess: '--plasma-range-textfield-color-success',
     textFieldFocusColor: '--plasma-range-textfield-focus-color',
     textFieldPlaceholderColor: '--plasma-range-textfield-placeholder-color',
+    textFieldClearPlaceholderColorFocus: '--plasma-range-textfield-clear-placeholder-color-focus',
     textFieldCaretColor: '--plasma-range-textfield-caret-color',
     textFieldBackgroundColor: '--plasma-range-textfield-background-color',
     textFieldBackgroundColorHover: '--plasma-range-textfield-background-color-hover',
@@ -129,5 +185,9 @@ var tokens = {
     textFieldTextBeforeColor: '--plasma-range-textfield__before-text-color',
     textFieldTextAfterColor: '--plasma-range-textfield__after-text-color',
     textFieldTextBeforeMargin: '--plasma-range-textfield__before-text-margin',
-    textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin'
+    textFieldTextAfterMargin: '--plasma-range-textfield__after-text-margin',
+    textFieldDividerColorSuccess: '--plasma-range-textfield__divider-color-success',
+    textFieldDividerColorError: '--plasma-range-textfield__divider-color-error',
+    textFieldDividerColorHover: '--plasma-range-textfield__divider-color-hover',
+    textFieldDividerColorFocus: '--plasma-range-textfield__divider-color-focus'
 };

package/dist/styled-components/cjs/components/Range/ui/Hint/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "HintComponent", {
+    enumerable: true,
+    get: function() {
+        return _ui.HintComponent;
+    }
+});
+var _ui = require("../../../InformationWrapper/ui");

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

@@ -0,0 +1,159 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InformationWrapperUI", {
+    enumerable: true,
+    get: function() {
+        return InformationWrapperUI;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _InformationWrapper = require("../../../InformationWrapper");
+var _engines = require("../../../../engines");
+var _Rangetokens = require("../../Range.tokens");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var mergedConfig = (0, _engines.mergeConfig)(_InformationWrapper.informationWrapperConfig);
+var InformationWrapper = (0, _engines.component)(mergedConfig);
+var InformationWrapperUI = (0, _styledcomponents.default)(InformationWrapper).withConfig({
+    displayName: "InformationWrapper.styles__InformationWrapperUI",
+    componentId: "sc-9068791-0"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], _InformationWrapper.informationWrapperTokens.indicatorWrapperGap, _Rangetokens.tokens.indicatorWrapperGap, _InformationWrapper.informationWrapperTokens.labelWrapperOffset, _Rangetokens.tokens.labelWrapperOffset, _InformationWrapper.informationWrapperTokens.labelWrapperTitleCaptionOffset, _Rangetokens.tokens.labelWrapperTitleCaptionOffset, _InformationWrapper.informationWrapperTokens.labelFontFamily, _Rangetokens.tokens.labelFontFamily, _InformationWrapper.informationWrapperTokens.labelFontStyle, _Rangetokens.tokens.labelFontStyle, _InformationWrapper.informationWrapperTokens.labelFontSize, _Rangetokens.tokens.labelFontSize, _InformationWrapper.informationWrapperTokens.labelFontWeight, _Rangetokens.tokens.labelFontWeight, _InformationWrapper.informationWrapperTokens.labelLetterSpacing, _Rangetokens.tokens.labelLetterSpacing, _InformationWrapper.informationWrapperTokens.labelLineHeight, _Rangetokens.tokens.labelLineHeight, _InformationWrapper.informationWrapperTokens.labelColor, _Rangetokens.tokens.labelColor, _InformationWrapper.informationWrapperTokens.contentGap, _Rangetokens.tokens.contentGap, _InformationWrapper.informationWrapperTokens.titleCaptionOffset, _Rangetokens.tokens.titleCaptionOffset, _InformationWrapper.informationWrapperTokens.titleCaptionColor, _Rangetokens.tokens.titleCaptionColor, _InformationWrapper.informationWrapperTokens.titleCaptionFontFamily, _Rangetokens.tokens.titleCaptionFontFamily, _InformationWrapper.informationWrapperTokens.titleCaptionFontStyle, _Rangetokens.tokens.titleCaptionFontStyle, _InformationWrapper.informationWrapperTokens.titleCaptionFontSize, _Rangetokens.tokens.titleCaptionFontSize, _InformationWrapper.informationWrapperTokens.titleCaptionFontWeight, _Rangetokens.tokens.titleCaptionFontWeight, _InformationWrapper.informationWrapperTokens.titleCaptionLetterSpacing, _Rangetokens.tokens.titleCaptionLetterSpacing, _InformationWrapper.informationWrapperTokens.titleCaptionLineHeight, _Rangetokens.tokens.titleCaptionLineHeight, _InformationWrapper.informationWrapperTokens.hintMargin, _Rangetokens.tokens.hintMargin, _InformationWrapper.informationWrapperTokens.hintTargetSize, _Rangetokens.tokens.hintTargetSize, _InformationWrapper.informationWrapperTokens.hintCustomIconTargetSize, _Rangetokens.tokens.hintCustomIconTargetSize, _InformationWrapper.informationWrapperTokens.hintIconColor, _Rangetokens.tokens.hintIconColor, _InformationWrapper.informationWrapperTokens.hintWithoutLabelPlacementOffset, _Rangetokens.tokens.hintWithoutLabelPlacementOffset, _InformationWrapper.informationWrapperTokens.tooltipBackgroundColor, _Rangetokens.tokens.tooltipBackgroundColor, _InformationWrapper.informationWrapperTokens.tooltipBoxShadow, _Rangetokens.tokens.tooltipBoxShadow, _InformationWrapper.informationWrapperTokens.tooltipColor, _Rangetokens.tokens.tooltipColor, _InformationWrapper.informationWrapperTokens.tooltipPaddingTop, _Rangetokens.tokens.tooltipPaddingTop, _InformationWrapper.informationWrapperTokens.tooltipPaddingRight, _Rangetokens.tokens.tooltipPaddingRight, _InformationWrapper.informationWrapperTokens.tooltipPaddingBottom, _Rangetokens.tokens.tooltipPaddingBottom, _InformationWrapper.informationWrapperTokens.tooltipPaddingLeft, _Rangetokens.tokens.tooltipPaddingLeft, _InformationWrapper.informationWrapperTokens.tooltipMinHeight, _Rangetokens.tokens.tooltipMinHeight, _InformationWrapper.informationWrapperTokens.tooltipBorderRadius, _Rangetokens.tokens.tooltipBorderRadius, _InformationWrapper.informationWrapperTokens.tooltipTextFontFamily, _Rangetokens.tokens.tooltipTextFontFamily, _InformationWrapper.informationWrapperTokens.tooltipTextFontSize, _Rangetokens.tokens.tooltipTextFontSize, _InformationWrapper.informationWrapperTokens.tooltipTextFontStyle, _Rangetokens.tokens.tooltipTextFontStyle, _InformationWrapper.informationWrapperTokens.tooltipTextFontWeight, _Rangetokens.tokens.tooltipTextFontWeight, _InformationWrapper.informationWrapperTokens.tooltipTextFontLetterSpacing, _Rangetokens.tokens.tooltipTextFontLetterSpacing, _InformationWrapper.informationWrapperTokens.tooltipTextFontLineHeight, _Rangetokens.tokens.tooltipTextFontLineHeight, _InformationWrapper.informationWrapperTokens.tooltipContentLeftMargin, _Rangetokens.tokens.tooltipContentLeftMargin, _InformationWrapper.informationWrapperTokens.tooltipArrowMaskWidth, _Rangetokens.tokens.tooltipArrowMaskWidth, _InformationWrapper.informationWrapperTokens.tooltipArrowMaskHeight, _Rangetokens.tokens.tooltipArrowMaskHeight, _InformationWrapper.informationWrapperTokens.tooltipArrowMaskImage, _Rangetokens.tokens.tooltipArrowMaskImage, _InformationWrapper.informationWrapperTokens.tooltipArrowHeight, _Rangetokens.tokens.tooltipArrowHeight, _InformationWrapper.informationWrapperTokens.tooltipArrowEdgeMargin, _Rangetokens.tokens.tooltipArrowEdgeMargin, _InformationWrapper.informationWrapperTokens.tooltipArrowBackground, _Rangetokens.tokens.tooltipArrowBackground, _InformationWrapper.informationWrapperTokens.indicatorColor, _Rangetokens.tokens.indicatorColor, _InformationWrapper.informationWrapperTokens.indicatorSizeInner, _Rangetokens.tokens.indicatorSizeInner, _InformationWrapper.informationWrapperTokens.indicatorSizeOuter, _Rangetokens.tokens.indicatorSizeOuter, _InformationWrapper.informationWrapperTokens.indicatorMarginTop, _Rangetokens.tokens.indicatorMarginTop, _InformationWrapper.informationWrapperTokens.indicatorOuterLeft, _Rangetokens.tokens.indicatorOuterLeft, _InformationWrapper.informationWrapperTokens.indicatorWithoutLabelInner, _Rangetokens.tokens.indicatorWithoutLabelInner, _InformationWrapper.informationWrapperTokens.indicatorWithoutLabelInnerLeft, _Rangetokens.tokens.indicatorWithoutLabelInnerLeft, _InformationWrapper.informationWrapperTokens.leftHelperColor, _Rangetokens.tokens.leftHelperColor, _InformationWrapper.informationWrapperTokens.helpersPadding, _Rangetokens.tokens.helpersPadding, _InformationWrapper.informationWrapperTokens.helpersGap, _Rangetokens.tokens.helpersGap, _InformationWrapper.informationWrapperTokens.leftHelperFontFamily, _Rangetokens.tokens.leftHelperFontFamily, _InformationWrapper.informationWrapperTokens.leftHelperFontStyle, _Rangetokens.tokens.leftHelperFontStyle, _InformationWrapper.informationWrapperTokens.leftHelperFontSize, _Rangetokens.tokens.leftHelperFontSize, _InformationWrapper.informationWrapperTokens.leftHelperFontWeight, _Rangetokens.tokens.leftHelperFontWeight, _InformationWrapper.informationWrapperTokens.leftHelperLetterSpacing, _Rangetokens.tokens.leftHelperLetterSpacing, _InformationWrapper.informationWrapperTokens.leftHelperLineHeight, _Rangetokens.tokens.leftHelperLineHeight, _InformationWrapper.informationWrapperTokens.labelColorReadOnly, _Rangetokens.tokens.labelColorReadOnly, _InformationWrapper.informationWrapperTokens.titleCaptionColorReadOnly, _Rangetokens.tokens.titleCaptionColorReadOnly, _InformationWrapper.informationWrapperTokens.leftHelperColorReadOnly, _Rangetokens.tokens.leftHelperColorReadOnly, _InformationWrapper.informationWrapperTokens.rightHelperColorReadOnly, _Rangetokens.tokens.rightHelperColorReadOnly);

package/dist/styled-components/cjs/components/Range/ui/InformationWrapper/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InformationWrapperUI", {
+    enumerable: true,
+    get: function() {
+        return _InformationWrapperstyles.InformationWrapperUI;
+    }
+});
+var _InformationWrapperstyles = require("./InformationWrapper.styles");

package/dist/styled-components/cjs/components/Range/ui/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./InformationWrapper"), exports);
+_export_star(require("./Hint"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/dist/styled-components/cjs/components/Range/variations/_hint-size/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

package/dist/styled-components/cjs/components/Range/variations/_hint-view/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

package/dist/styled-components/cjs/components/Range/variations/_readonly/base.js

@@ -19,10 +19,6 @@ var base = (0, _styledcomponents.css)([
     ");background:var(",
     ");opacity:var(",
     ");z-index:-1;}}",
-    "{display:block;color:var(",
-    ");}",
-    "{color:var(",
-    ");}",
     "{color:var(",
     ");opacity:var(",
     ");}",
@@ -32,4 +28,4 @@ var base = (0, _styledcomponents.css)([
     ");cursor:default;}}",
     "{opacity:var(",
     ");pointer-events:none;}}"
-], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorReadOnly, _Rangetokens.tokens.backgroundReadOnly, _Rangetokens.tokens.readOnlyOpacity, _Rangestyles.StyledLabel, _Rangetokens.tokens.labelColorReadOnly, _Rangestyles.LeftHelper, _Rangetokens.tokens.leftHelperColorReadOnly, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColorReadOnly, _Rangetokens.tokens.dividerOpacityReadOnly, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.textFieldColorReadOnly, _Rangetokens.tokens.textFieldColorReadOnly, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentOpacityReadOnly);
+], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorReadOnly, _Rangetokens.tokens.backgroundReadOnly, _Rangetokens.tokens.readOnlyOpacity, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColorReadOnly, _Rangetokens.tokens.dividerOpacityReadOnly, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.textFieldColorReadOnly, _Rangetokens.tokens.textFieldColorReadOnly, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentOpacityReadOnly);

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

@@ -9,8 +9,12 @@ Object.defineProperty(exports, "base", {
     }
 });
 var _styledcomponents = require("styled-components");
+var _Popover = require("../../../Popover");
+var _InformationWrapper = require("../../../InformationWrapper");
+var _InformationWrapperstyles = require("../../../InformationWrapper/InformationWrapper.styles");
 var _Rangetokens = require("../../Range.tokens");
 var _Rangestyles = require("../../Range.styles");
+var _ui = require("../../ui");
 var base = (0, _styledcomponents.css)([
     "",
     "{width:inherit;border-radius:var(",
@@ -25,36 +29,20 @@ var base = (0, _styledcomponents.css)([
     ");letter-spacing:var(",
     ");line-height:var(",
     ");}",
-    "{margin-bottom:var(",
-    ");font-family:var(",
-    ");font-size:var(",
-    ");font-style:var(",
-    ");font-weight:var(",
-    ");letter-spacing:var(",
-    ");line-height:var(",
-    ");}",
-    "{width:var(",
-    ");height:var(",
-    ");inset:var(",
-    ");&.",
-    "{inset:var(",
-    ");}&.",
-    "{width:var(",
-    ");height:var(",
-    ");inset:var(",
-    ");&.",
-    "{inset:var(",
-    ");}}}",
     "{margin:var(",
     ");}",
     "{margin:var(",
     ");}",
+    "{.",
     "{margin:var(",
-    ");font-family:var(",
-    ");font-size:var(",
-    ");font-style:var(",
-    ");font-weight:var(",
-    ");letter-spacing:var(",
-    ");line-height:var(",
-    ");}"
-], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.shadow, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerPadding, _Rangetokens.tokens.dividerFontFamily, _Rangetokens.tokens.dividerFontSize, _Rangetokens.tokens.dividerFontStyle, _Rangetokens.tokens.dividerFontWeight, _Rangetokens.tokens.dividerLetterSpacing, _Rangetokens.tokens.dividerLineHeight, _Rangestyles.StyledLabel, _Rangetokens.tokens.labelOffset, _Rangetokens.tokens.labelFontFamily, _Rangetokens.tokens.labelFontSize, _Rangetokens.tokens.labelFontStyle, _Rangetokens.tokens.labelFontWeight, _Rangetokens.tokens.labelLetterSpacing, _Rangetokens.tokens.labelLineHeight, _Rangestyles.StyledIndicator, _Rangetokens.tokens.indicatorSize, _Rangetokens.tokens.indicatorSize, _Rangetokens.tokens.indicatorPlacement, _Rangetokens.classes.requiredAlignRight, _Rangetokens.tokens.indicatorPlacementRight, _Rangetokens.classes.requiredOuterPlacement, _Rangetokens.tokens.indicatorSizeOuter, _Rangetokens.tokens.indicatorSizeOuter, _Rangetokens.tokens.indicatorOuterPlacement, _Rangetokens.classes.requiredAlignRight, _Rangetokens.tokens.indicatorOuterPlacementRight, _Rangestyles.StyledContentLeft, _Rangetokens.tokens.leftContentMargin, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentMargin, _Rangestyles.LeftHelper, _Rangetokens.tokens.leftHelperOffset, _Rangetokens.tokens.leftHelperFontFamily, _Rangetokens.tokens.leftHelperFontSize, _Rangetokens.tokens.leftHelperFontStyle, _Rangetokens.tokens.leftHelperFontWeight, _Rangetokens.tokens.leftHelperLetterSpacing, _Rangetokens.tokens.leftHelperLineHeight);
+    ");}}",
+    ".",
+    "{",
+    ":var(",
+    ");}&.",
+    ".",
+    "{",
+    " ",
+    "{--plasma_private-translateY-without-title-caption:calc(-1 * var(",
+    "));transform:translateY(var(--plasma_private-translateY-without-title-caption));}}"
+], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.shadow, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerPadding, _Rangetokens.tokens.dividerFontFamily, _Rangetokens.tokens.dividerFontSize, _Rangetokens.tokens.dividerFontStyle, _Rangetokens.tokens.dividerFontWeight, _Rangetokens.tokens.dividerLetterSpacing, _Rangetokens.tokens.dividerLineHeight, _Rangestyles.StyledContentLeft, _Rangetokens.tokens.leftContentMargin, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentMargin, _Rangestyles.StyledContentRightWrapper, _Popover.popoverClasses.wrapper, _Rangetokens.tokens.hintPlacementInnerMargin, _ui.InformationWrapperUI, _Rangetokens.classes.clearHasOuterHint, _InformationWrapper.informationWrapperTokens.indicatorWithoutLabelInner, _Rangetokens.tokens.indicatorWithoutLabelOuterHint, _Rangetokens.classes.clear, _Rangetokens.classes.noCaptionAndLabel, _ui.InformationWrapperUI, _InformationWrapperstyles.Indicator, _Rangetokens.tokens.titleCaptionLineHeight);

package/dist/styled-components/cjs/components/Range/variations/_view/base.js

@@ -9,9 +9,10 @@ Object.defineProperty(exports, "base", {
     }
 });
 var _styledcomponents = require("styled-components");
+var _InformationWrapper = require("../../../InformationWrapper");
+var _TextField = require("../../../TextField");
 var _Rangetokens = require("../../Range.tokens");
 var _Rangestyles = require("../../Range.styles");
-var _TextField = require("../../../TextField");
 var base = (0, _styledcomponents.css)([
     "",
     "{background-color:var(",
@@ -34,19 +35,78 @@ var base = (0, _styledcomponents.css)([
     ":var(",
     ",var(",
     "));}}&:before{box-shadow:var(",
-    ");}}",
+    ");}}&.",
+    "{.",
+    "{",
     "{color:var(",
+    ");&:hover{color:var(",
+    ");}&:active{color:var(",
+    ");}}",
+    ":before{background:var(",
     ");}",
-    "{display:block;color:var(",
-    ");}",
-    "{background-color:var(",
+    "{",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":transparent;",
+    ":transparent;",
+    ":transparent;}}",
+    ".",
+    "{",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");}.",
+    "{",
+    "{color:var(",
+    ");&:hover{color:var(",
+    ");}&:active{color:var(",
+    ");}}",
+    ":before{background:var(",
     ");}",
+    "{",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":transparent;",
+    ":transparent;",
+    ":transparent;}}",
+    ".",
+    "{",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");}}",
     "{color:var(",
-    ");&.",
-    ",&.",
+    ");}.",
+    ",.",
+    "{.",
     "{color:var(",
-    ");}&.",
-    ",&.",
+    ");}}.",
+    ",.",
+    "{.",
     "{color:var(",
     ");}}"
-], _Rangestyles.ContentWrapper, _Rangetokens.tokens.background, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColor, _Rangetokens.classes.rangeError, _Rangetokens.tokens.backgroundError, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorError, _Rangestyles.StyledInput, _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColorError, _Rangetokens.tokens.textFieldColor, _Rangetokens.classes.rangeSuccess, _Rangetokens.tokens.backgroundSuccess, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorSuccess, _Rangestyles.StyledInput, _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColorSuccess, _Rangetokens.tokens.textFieldColor, _Rangetokens.tokens.shadow, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColor, _Rangestyles.StyledLabel, _Rangetokens.tokens.labelColor, _Rangestyles.StyledIndicator, _Rangetokens.tokens.indicatorColor, _Rangestyles.LeftHelper, _Rangetokens.tokens.leftHelperColor, _Rangetokens.classes.rangeError, _Rangetokens.classes.rangeValueError, _Rangetokens.tokens.leftHelperColorError, _Rangetokens.classes.rangeSuccess, _Rangetokens.classes.rangeValueSuccess, _Rangetokens.tokens.leftHelperColorSuccess);
+], _Rangestyles.ContentWrapper, _Rangetokens.tokens.background, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColor, _Rangetokens.classes.rangeError, _Rangetokens.tokens.backgroundError, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorError, _Rangestyles.StyledInput, _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColorError, _Rangetokens.tokens.textFieldColor, _Rangetokens.classes.rangeSuccess, _Rangetokens.tokens.backgroundSuccess, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorSuccess, _Rangestyles.StyledInput, _TextField.textFieldTokens.color, _Rangetokens.tokens.textFieldColorSuccess, _Rangetokens.tokens.textFieldColor, _Rangetokens.tokens.shadow, _Rangetokens.classes.clear, _Rangetokens.classes.rangeSuccess, _Rangestyles.StyledContentLeft, _Rangetokens.tokens.contentSlotColorSuccess, _Rangetokens.tokens.contentSlotColorSuccessHover, _Rangetokens.tokens.contentSlotColorSuccessActive, _Rangestyles.ContentWrapper, _Rangetokens.tokens.textFieldDividerColorSuccess, _Rangestyles.StyledInput, _TextField.textFieldTokens.contentSlotColor, _Rangetokens.tokens.contentSlotColorSuccess, _TextField.textFieldTokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotColorSuccessHover, _TextField.textFieldTokens.contentSlotColorActive, _Rangetokens.tokens.contentSlotColorSuccessActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _Rangestyles.StyledInput, _Rangetokens.classes.rangeValueSuccess, _TextField.textFieldTokens.contentSlotColor, _Rangetokens.tokens.contentSlotColorSuccess, _TextField.textFieldTokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotColorSuccessHover, _TextField.textFieldTokens.contentSlotColorActive, _Rangetokens.tokens.contentSlotColorSuccessActive, _TextField.textFieldTokens.dividerColor, _Rangetokens.tokens.textFieldDividerColorSuccess, _TextField.textFieldTokens.dividerColorHover, _Rangetokens.tokens.textFieldDividerColorSuccess, _TextField.textFieldTokens.dividerColorFocus, _Rangetokens.tokens.textFieldDividerColorSuccess, _Rangetokens.classes.rangeError, _Rangestyles.StyledContentLeft, _Rangetokens.tokens.contentSlotColorError, _Rangetokens.tokens.contentSlotColorErrorHover, _Rangetokens.tokens.contentSlotColorErrorActive, _Rangestyles.ContentWrapper, _Rangetokens.tokens.textFieldDividerColorError, _Rangestyles.StyledInput, _TextField.textFieldTokens.contentSlotColor, _Rangetokens.tokens.contentSlotColorError, _TextField.textFieldTokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotColorErrorHover, _TextField.textFieldTokens.contentSlotColorActive, _Rangetokens.tokens.contentSlotColorErrorActive, _TextField.textFieldTokens.dividerColor, _TextField.textFieldTokens.dividerColorHover, _TextField.textFieldTokens.dividerColorFocus, _Rangestyles.StyledInput, _Rangetokens.classes.rangeValueError, _TextField.textFieldTokens.contentSlotColor, _Rangetokens.tokens.contentSlotColorError, _TextField.textFieldTokens.contentSlotColorHover, _Rangetokens.tokens.contentSlotColorErrorHover, _TextField.textFieldTokens.contentSlotColorActive, _Rangetokens.tokens.contentSlotColorErrorActive, _TextField.textFieldTokens.dividerColor, _Rangetokens.tokens.textFieldDividerColorError, _TextField.textFieldTokens.dividerColorHover, _Rangetokens.tokens.textFieldDividerColorError, _TextField.textFieldTokens.dividerColorFocus, _Rangetokens.tokens.textFieldDividerColorError, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColor, _Rangetokens.classes.rangeSuccess, _Rangetokens.classes.rangeValueSuccess, _InformationWrapper.informationWrapperClasses.leftHelper, _Rangetokens.tokens.leftHelperColorSuccess, _Rangetokens.classes.rangeError, _Rangetokens.classes.rangeValueError, _InformationWrapper.informationWrapperClasses.leftHelper, _Rangetokens.tokens.leftHelperColorError);