@salutejs/plasma-new-hope 0.344.0-canary.2392.20298160025.0 → 0.344.0-canary.2397.20456842500.0

package/dist/css/es/components/InformationWrapper/InformationWrapper.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"InformationWrapper.tokens.js","sources":["../../../../../src/components/InformationWrapper/InformationWrapper.tokens.ts"],"sourcesContent":["export const classes = {\n    withoutLabel: 'info-wrapper-without-label',\n    requiredAlignLeft: 'info-wrapper-required-align-left',\n};\n\nexport const tokens = {\n    /** Токены для label */\n    indicatorWrapperGap: '--plasma-info-wrapper-indicator-wrapper-gap',\n    labelWrapperOffset: '--plasma-info-wrapper-label-wrapper-offset',\n    labelWrapperTitleCaptionOffset: '--plasma-info-wrapper-label-wrapper-title-caption-offset',\n    labelFontFamily: '--plasma-info-wrapper-label-font-family',\n    labelFontStyle: '--plasma-info-wrapper-label-font-style',\n    labelFontSize: '--plasma-info-wrapper-label-font-size',\n    labelFontWeight: '--plasma-info-wrapper-label-font-weight',\n    labelLetterSpacing: '--plasma-info-wrapper-label-letter-spacing',\n    labelLineHeight: '--plasma-info-wrapper-label-line-height',\n    labelColor: '--plasma-info-wrapper-label-color',\n\n    contentGap: '--plasma-info-wrapper-content-gap',\n\n    titleCaptionOffset: '--plasma-info-wrapper-title-caption-offset',\n    titleCaptionColor: '--plasma-info-wrapper-title-caption-color',\n    titleCaptionFontFamily: '--plasma-info-wrapper-title-caption-font-family',\n    titleCaptionFontStyle: '--plasma-info-wrapper-title-caption-font-style',\n    titleCaptionFontSize: '--plasma-info-wrapper-title-caption-font-size',\n    titleCaptionFontWeight: '--plasma-info-wrapper-title-caption-font-weight',\n    titleCaptionLetterSpacing: '--plasma-info-wrapper-title-caption-letter-spacing',\n    titleCaptionLineHeight: '--plasma-info-wrapper-title-caption-line-height',\n\n    /** Токены для tooltip */\n    hintMargin: '--plasma-info-wrapper-hint-margin',\n    hintTargetSize: '--plasma-info-wrapper-hint-target-size',\n    hintCustomIconTargetSize: '--plasma-info-wrapper-hint-custom-icon-target-size',\n    hintIconColor: '--plasma-info-wrapper-hint-icon-color',\n    hintWithoutLabelPlacementOffset: '--plasma-info-wrapper-hint-without-label-placement-offset',\n\n    tooltipBackgroundColor: '--plasma-info-wrapper-tooltip-background-color',\n    tooltipBoxShadow: '--plasma-info-wrapper-tooltip-box-shadow',\n    tooltipColor: '--plasma-info-wrapper-tooltip-color',\n\n    tooltipPaddingTop: '--plasma-info-wrapper-tooltip-padding-top',\n    tooltipPaddingRight: '--plasma-info-wrapper-tooltip-padding-right',\n    tooltipPaddingBottom: '--plasma-info-wrapper-tooltip-padding-bottom',\n    tooltipPaddingLeft: '--plasma-info-wrapper-tooltip-padding-left',\n    tooltipMinHeight: '--plasma-info-wrapper-tooltip-min-height',\n    tooltipBorderRadius: '--plasma-info-wrapper-tooltip-border-radius',\n    tooltipTextFontFamily: '--plasma-info-wrapper-tooltip-text-font-family',\n    tooltipTextFontSize: '--plasma-info-wrapper-tooltip-text-font-size',\n    tooltipTextFontStyle: '--plasma-info-wrapper-tooltip-text-font-style',\n    tooltipTextFontWeight: '--plasma-info-wrapper-tooltip-text-font-weight',\n    tooltipTextFontLetterSpacing: '--plasma-info-wrapper-tooltip-text-font-letter-spacing',\n    tooltipTextFontLineHeight: '--plasma-info-wrapper-tooltip-text-font-line-height',\n    tooltipContentLeftMargin: '--plasma-info-wrapper-tooltip-content-left-margin',\n    tooltipArrowMaskWidth: '--plasma-info-wrapper-tooltip-arrow-mask-width',\n    tooltipArrowMaskHeight: '--plasma-info-wrapper-tooltip-arrow-mask-height',\n    tooltipArrowMaskImage: '--plasma-info-wrapper-tooltip-arrow-mask-image',\n    tooltipArrowHeight: '--plasma-info-wrapper-tooltip-arrow-height',\n    tooltipArrowEdgeMargin: '--plasma-info-wrapper-tooltip-arrow-edge-margin',\n    tooltipArrowBackground: '--plasma-info-wrapper-tooltip-arrow-background',\n\n    /** Токены для required indicator */\n    indicatorColor: '--plasma-info-wrapper-indicator-color',\n    indicatorSizeInner: '--plasma-info-wrapper-indicator-size-inner',\n    indicatorSizeOuter: '--plasma-info-wrapper-indicator-size-outer',\n    indicatorMarginTop: '--plasma-info-wrapper-indicator-margin-top',\n    indicatorOuterLeft: '--plasma-info-wrapper-indicator-outer-left',\n    indicatorWithoutLabelInner: '--plasma-info-wrapper-indicator-without-label-inner',\n    indicatorWithoutLabelInnerLeft: '--plasma-info-wrapper-indicator-without-label-inner-left',\n\n    /** Токены для optional */\n    optionalColor: '--plasma-info-wrapper-optional-color',\n\n    /** Токены для подписей снизу */\n    leftHelperColor: '--plasma-info-wrapper-left-helper-color',\n    rightHelperColor: '--plasma-info-wrapper-right-helper-color',\n\n    helpersPadding: '--plasma-info-wrapper-helpers-padding-top',\n    helpersGap: '--plasma-info-wrapper-helpers-gap',\n\n    leftHelperFontFamily: '--plasma-info-wrapper-left-helper-font-family',\n    leftHelperFontStyle: '--plasma-info-wrapper-left-helper-font-style',\n    leftHelperFontSize: '--plasma-info-wrapper-left-helper-font-size',\n    leftHelperFontWeight: '--plasma-info-wrapper-left-helper-font-weight',\n    leftHelperLetterSpacing: '--plasma-info-wrapper-left-helper-letter-spacing',\n    leftHelperLineHeight: '--plasma-info-wrapper-left-helper-line-height',\n\n    rightHelperFontFamily: '--plasma-info-wrapper-right-helper-font-family',\n    rightHelperFontStyle: '--plasma-info-wrapper-right-helper-font-style',\n    rightHelperFontSize: '--plasma-info-wrapper-right-helper-font-size',\n    rightHelperFontWeight: '--plasma-info-wrapper-right-helper-font-weight',\n    rightHelperLetterSpacing: '--plasma-info-wrapper-right-helper-letter-spacing',\n    rightHelperLineHeight: '--plasma-info-wrapper-right-helper-line-height',\n\n    disabledOpacity: '--plasma-info-wrapper-disabled-opacity',\n};\n"],"names":["classes","withoutLabel","requiredAlignLeft","tokens","indicatorWrapperGap","labelWrapperOffset","labelWrapperTitleCaptionOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelColor","contentGap","titleCaptionOffset","titleCaptionColor","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","hintMargin","hintTargetSize","hintCustomIconTargetSize","hintIconColor","hintWithoutLabelPlacementOffset","tooltipBackgroundColor","tooltipBoxShadow","tooltipColor","tooltipPaddingTop","tooltipPaddingRight","tooltipPaddingBottom","tooltipPaddingLeft","tooltipMinHeight","tooltipBorderRadius","tooltipTextFontFamily","tooltipTextFontSize","tooltipTextFontStyle","tooltipTextFontWeight","tooltipTextFontLetterSpacing","tooltipTextFontLineHeight","tooltipContentLeftMargin","tooltipArrowMaskWidth","tooltipArrowMaskHeight","tooltipArrowMaskImage","tooltipArrowHeight","tooltipArrowEdgeMargin","tooltipArrowBackground","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorMarginTop","indicatorOuterLeft","indicatorWithoutLabelInner","indicatorWithoutLabelInnerLeft","optionalColor","leftHelperColor","rightHelperColor","helpersPadding","helpersGap","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","rightHelperFontFamily","rightHelperFontStyle","rightHelperFontSize","rightHelperFontWeight","rightHelperLetterSpacing","rightHelperLineHeight","disabledOpacity"],"mappings":"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"}
+{"version":3,"file":"InformationWrapper.tokens.js","sources":["../../../../../src/components/InformationWrapper/InformationWrapper.tokens.ts"],"sourcesContent":["export const classes = {\n    withoutLabel: 'info-wrapper-without-label',\n    requiredAlignLeft: 'info-wrapper-required-align-left',\n    leftHelper: 'info-wrapper-left-helper',\n};\n\nexport const tokens = {\n    /** Токены для label */\n    indicatorWrapperGap: '--plasma-info-wrapper-indicator-wrapper-gap',\n    labelWrapperOffset: '--plasma-info-wrapper-label-wrapper-offset',\n    labelWrapperTitleCaptionOffset: '--plasma-info-wrapper-label-wrapper-title-caption-offset',\n    labelFontFamily: '--plasma-info-wrapper-label-font-family',\n    labelFontStyle: '--plasma-info-wrapper-label-font-style',\n    labelFontSize: '--plasma-info-wrapper-label-font-size',\n    labelFontWeight: '--plasma-info-wrapper-label-font-weight',\n    labelLetterSpacing: '--plasma-info-wrapper-label-letter-spacing',\n    labelLineHeight: '--plasma-info-wrapper-label-line-height',\n    labelColor: '--plasma-info-wrapper-label-color',\n    labelColorReadOnly: '--plasma-info-wrapper-label-color-readonly',\n\n    contentGap: '--plasma-info-wrapper-content-gap',\n\n    titleCaptionOffset: '--plasma-info-wrapper-title-caption-offset',\n    titleCaptionColor: '--plasma-info-wrapper-title-caption-color',\n    titleCaptionColorReadOnly: '--plasma-info-wrapper-title-caption-color-readonly',\n    titleCaptionFontFamily: '--plasma-info-wrapper-title-caption-font-family',\n    titleCaptionFontStyle: '--plasma-info-wrapper-title-caption-font-style',\n    titleCaptionFontSize: '--plasma-info-wrapper-title-caption-font-size',\n    titleCaptionFontWeight: '--plasma-info-wrapper-title-caption-font-weight',\n    titleCaptionLetterSpacing: '--plasma-info-wrapper-title-caption-letter-spacing',\n    titleCaptionLineHeight: '--plasma-info-wrapper-title-caption-line-height',\n\n    /** Токены для tooltip */\n    hintMargin: '--plasma-info-wrapper-hint-margin',\n    hintTargetSize: '--plasma-info-wrapper-hint-target-size',\n    hintCustomIconTargetSize: '--plasma-info-wrapper-hint-custom-icon-target-size',\n    hintIconColor: '--plasma-info-wrapper-hint-icon-color',\n    hintWithoutLabelPlacementOffset: '--plasma-info-wrapper-hint-without-label-placement-offset',\n\n    tooltipBackgroundColor: '--plasma-info-wrapper-tooltip-background-color',\n    tooltipBoxShadow: '--plasma-info-wrapper-tooltip-box-shadow',\n    tooltipColor: '--plasma-info-wrapper-tooltip-color',\n\n    tooltipPaddingTop: '--plasma-info-wrapper-tooltip-padding-top',\n    tooltipPaddingRight: '--plasma-info-wrapper-tooltip-padding-right',\n    tooltipPaddingBottom: '--plasma-info-wrapper-tooltip-padding-bottom',\n    tooltipPaddingLeft: '--plasma-info-wrapper-tooltip-padding-left',\n    tooltipMinHeight: '--plasma-info-wrapper-tooltip-min-height',\n    tooltipBorderRadius: '--plasma-info-wrapper-tooltip-border-radius',\n    tooltipTextFontFamily: '--plasma-info-wrapper-tooltip-text-font-family',\n    tooltipTextFontSize: '--plasma-info-wrapper-tooltip-text-font-size',\n    tooltipTextFontStyle: '--plasma-info-wrapper-tooltip-text-font-style',\n    tooltipTextFontWeight: '--plasma-info-wrapper-tooltip-text-font-weight',\n    tooltipTextFontLetterSpacing: '--plasma-info-wrapper-tooltip-text-font-letter-spacing',\n    tooltipTextFontLineHeight: '--plasma-info-wrapper-tooltip-text-font-line-height',\n    tooltipContentLeftMargin: '--plasma-info-wrapper-tooltip-content-left-margin',\n    tooltipArrowMaskWidth: '--plasma-info-wrapper-tooltip-arrow-mask-width',\n    tooltipArrowMaskHeight: '--plasma-info-wrapper-tooltip-arrow-mask-height',\n    tooltipArrowMaskImage: '--plasma-info-wrapper-tooltip-arrow-mask-image',\n    tooltipArrowHeight: '--plasma-info-wrapper-tooltip-arrow-height',\n    tooltipArrowEdgeMargin: '--plasma-info-wrapper-tooltip-arrow-edge-margin',\n    tooltipArrowBackground: '--plasma-info-wrapper-tooltip-arrow-background',\n\n    /** Токены для required indicator */\n    indicatorColor: '--plasma-info-wrapper-indicator-color',\n    indicatorSizeInner: '--plasma-info-wrapper-indicator-size-inner',\n    indicatorSizeOuter: '--plasma-info-wrapper-indicator-size-outer',\n    indicatorMarginTop: '--plasma-info-wrapper-indicator-margin-top',\n    indicatorOuterLeft: '--plasma-info-wrapper-indicator-outer-left',\n    indicatorWithoutLabelInner: '--plasma-info-wrapper-indicator-without-label-inner',\n    indicatorWithoutLabelInnerLeft: '--plasma-info-wrapper-indicator-without-label-inner-left',\n\n    /** Токены для optional */\n    optionalColor: '--plasma-info-wrapper-optional-color',\n\n    /** Токены для подписей снизу */\n    leftHelperColor: '--plasma-info-wrapper-left-helper-color',\n    rightHelperColor: '--plasma-info-wrapper-right-helper-color',\n    leftHelperColorReadOnly: '--plasma-info-wrapper-left-helper-color-readonly',\n    rightHelperColorReadOnly: '--plasma-info-wrapper-right-helper-color-readonly',\n\n    helpersPadding: '--plasma-info-wrapper-helpers-padding-top',\n    helpersGap: '--plasma-info-wrapper-helpers-gap',\n\n    leftHelperFontFamily: '--plasma-info-wrapper-left-helper-font-family',\n    leftHelperFontStyle: '--plasma-info-wrapper-left-helper-font-style',\n    leftHelperFontSize: '--plasma-info-wrapper-left-helper-font-size',\n    leftHelperFontWeight: '--plasma-info-wrapper-left-helper-font-weight',\n    leftHelperLetterSpacing: '--plasma-info-wrapper-left-helper-letter-spacing',\n    leftHelperLineHeight: '--plasma-info-wrapper-left-helper-line-height',\n\n    rightHelperFontFamily: '--plasma-info-wrapper-right-helper-font-family',\n    rightHelperFontStyle: '--plasma-info-wrapper-right-helper-font-style',\n    rightHelperFontSize: '--plasma-info-wrapper-right-helper-font-size',\n    rightHelperFontWeight: '--plasma-info-wrapper-right-helper-font-weight',\n    rightHelperLetterSpacing: '--plasma-info-wrapper-right-helper-letter-spacing',\n    rightHelperLineHeight: '--plasma-info-wrapper-right-helper-line-height',\n\n    disabledOpacity: '--plasma-info-wrapper-disabled-opacity',\n};\n"],"names":["classes","withoutLabel","requiredAlignLeft","leftHelper","tokens","indicatorWrapperGap","labelWrapperOffset","labelWrapperTitleCaptionOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelColor","labelColorReadOnly","contentGap","titleCaptionOffset","titleCaptionColor","titleCaptionColorReadOnly","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","hintMargin","hintTargetSize","hintCustomIconTargetSize","hintIconColor","hintWithoutLabelPlacementOffset","tooltipBackgroundColor","tooltipBoxShadow","tooltipColor","tooltipPaddingTop","tooltipPaddingRight","tooltipPaddingBottom","tooltipPaddingLeft","tooltipMinHeight","tooltipBorderRadius","tooltipTextFontFamily","tooltipTextFontSize","tooltipTextFontStyle","tooltipTextFontWeight","tooltipTextFontLetterSpacing","tooltipTextFontLineHeight","tooltipContentLeftMargin","tooltipArrowMaskWidth","tooltipArrowMaskHeight","tooltipArrowMaskImage","tooltipArrowHeight","tooltipArrowEdgeMargin","tooltipArrowBackground","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorMarginTop","indicatorOuterLeft","indicatorWithoutLabelInner","indicatorWithoutLabelInnerLeft","optionalColor","leftHelperColor","rightHelperColor","leftHelperColorReadOnly","rightHelperColorReadOnly","helpersPadding","helpersGap","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","rightHelperFontFamily","rightHelperFontStyle","rightHelperFontSize","rightHelperFontWeight","rightHelperLetterSpacing","rightHelperLineHeight","disabledOpacity"],"mappings":"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"}

package/dist/css/es/components/InformationWrapper/ui/{Label/Label.css → Hint/Hint.css}

@@ -10,20 +10,20 @@
 
 .Tooltip_1qsg6ij_s1cz8cv8__da7f9e0a{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}
 
-.InformationWrapper_styles_1o4mbq5_b1afvn77__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.InformationWrapper_styles_1o4mbq5_c145ezhs__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--plasma-info-wrapper-content-gap);}
-.InformationWrapper_styles_1o4mbq5_c155wolr__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}
-.InformationWrapper_styles_1o4mbq5_l19xn9bg__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--l19xn9bg-0);margin-bottom:var(--l19xn9bg-1);}.InformationWrapper_styles_1o4mbq5_l19xn9bg__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperWithoutLabel__bb40465a{position:relative;margin-bottom:var(--l19xn9bg-2);}
-.InformationWrapper_styles_1o4mbq5_ia4nqa1__bb40465a{position:var(--ia4nqa1-0);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-info-wrapper-indicator-wrapper-gap);}
-.InformationWrapper_styles_1o4mbq5_l1fqe3w9__bb40465a{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.InformationWrapper_styles_1o4mbq5_h1wtm44t__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:0;}.InformationWrapper_styles_1o4mbq5_h1wtm44t__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperWithoutLabel__bb40465a{position:absolute;margin:0;z-index:2;inset:var(--plasma-info-wrapper-hint-without-label-placement-offset);-webkit-transform:var(--h1wtm44t-0);-ms-transform:var(--h1wtm44t-0);transform:var(--h1wtm44t-0);}
-.InformationWrapper_styles_1o4mbq5_h43wmae__bb40465a{color:var(--plasma-info-wrapper-hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
-.InformationWrapper_styles_1o4mbq5_hdyyw77__bb40465a .InformationWrapper_styles_1o4mbq5_h43wmae__bb40465a .InformationWrapper_styles_1o4mbq5_popoverRoot__bb40465a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
-.InformationWrapper_styles_1o4mbq5_ho64r6r__bb40465a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
-.InformationWrapper_styles_1o4mbq5_i1jayrnz__bb40465a{border-radius:50%;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;background-color:var(--plasma-info-wrapper-indicator-color);width:var(--plasma-info-wrapper-indicator-size-outer);height:var(--plasma-info-wrapper-indicator-size-outer);margin-top:var(--plasma-info-wrapper-indicator-margin-top);z-index:2;}.InformationWrapper_styles_1o4mbq5_i1jayrnz__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperRequiredAlignLeft__bb40465a{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:var(--plasma-info-wrapper-indicator-outer-left);margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;}.InformationWrapper_styles_1o4mbq5_i1jayrnz__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperWithoutLabel__bb40465a{position:absolute;margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;width:var(--plasma-info-wrapper-indicator-size-inner);height:var(--plasma-info-wrapper-indicator-size-inner);inset:var(--plasma-info-wrapper-indicator-without-label-inner);-webkit-transform:var(--i1jayrnz-0);-ms-transform:var(--i1jayrnz-0);transform:var(--i1jayrnz-0);}.InformationWrapper_styles_1o4mbq5_i1jayrnz__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperWithoutLabel__bb40465a.InformationWrapper_styles_1o4mbq5_infoWrapperRequiredAlignLeft__bb40465a{inset:var(--plasma-info-wrapper-indicator-without-label-inner-left);}
-.InformationWrapper_styles_1o4mbq5_oaxqu7s__bb40465a{color:var(--plasma-info-wrapper-optional-color);}
-.InformationWrapper_styles_1o4mbq5_t7bnw1h__bb40465a{display:inline-block;margin-left:auto;margin-top:var(--t7bnw1h-0);}
-.InformationWrapper_styles_1o4mbq5_h18pp23t__bb40465a{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
+.InformationWrapper_styles_p99b7q_b1afvn77__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
+.InformationWrapper_styles_p99b7q_c145ezhs__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--plasma-info-wrapper-content-gap);}
+.InformationWrapper_styles_p99b7q_c155wolr__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;}
+.InformationWrapper_styles_p99b7q_l19xn9bg__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:var(--l19xn9bg-0);margin-bottom:var(--l19xn9bg-1);}.InformationWrapper_styles_p99b7q_l19xn9bg__a9728042.InformationWrapper_styles_p99b7q_infoWrapperWithoutLabel__a9728042{position:relative;margin-bottom:var(--l19xn9bg-2);display:var(--l19xn9bg-3);height:var(--l19xn9bg-4);}
+.InformationWrapper_styles_p99b7q_ia4nqa1__a9728042{position:var(--ia4nqa1-0);display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-info-wrapper-indicator-wrapper-gap);}
+.InformationWrapper_styles_p99b7q_l1fqe3w9__a9728042{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.InformationWrapper_styles_p99b7q_h1wtm44t__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:0;}.InformationWrapper_styles_p99b7q_h1wtm44t__a9728042.InformationWrapper_styles_p99b7q_infoWrapperWithoutLabel__a9728042{position:absolute;margin:0;z-index:2;inset:var(--plasma-info-wrapper-hint-without-label-placement-offset);--plasma_private-translateY-without-title-caption:calc(-1 * var(--plasma-info-wrapper-title-caption-line-height));-webkit-transform:var(--h1wtm44t-0);-ms-transform:var(--h1wtm44t-0);transform:var(--h1wtm44t-0);}
+.InformationWrapper_styles_p99b7q_h43wmae__a9728042{color:var(--plasma-info-wrapper-hint-icon-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.InformationWrapper_styles_p99b7q_hdyyw77__a9728042 .InformationWrapper_styles_p99b7q_h43wmae__a9728042 .InformationWrapper_styles_p99b7q_popoverRoot__a9728042{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.InformationWrapper_styles_p99b7q_ho64r6r__a9728042{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.InformationWrapper_styles_p99b7q_i1jayrnz__a9728042{border-radius:50%;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;background-color:var(--plasma-info-wrapper-indicator-color);width:var(--plasma-info-wrapper-indicator-size-outer);height:var(--plasma-info-wrapper-indicator-size-outer);margin-top:var(--plasma-info-wrapper-indicator-margin-top);z-index:2;}.InformationWrapper_styles_p99b7q_i1jayrnz__a9728042.InformationWrapper_styles_p99b7q_infoWrapperRequiredAlignLeft__a9728042{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:var(--plasma-info-wrapper-indicator-outer-left);margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;}.InformationWrapper_styles_p99b7q_i1jayrnz__a9728042.InformationWrapper_styles_p99b7q_infoWrapperWithoutLabel__a9728042{position:absolute;margin-top:unset;-webkit-align-self:unset;-ms-flex-item-align:unset;align-self:unset;width:var(--plasma-info-wrapper-indicator-size-inner);height:var(--plasma-info-wrapper-indicator-size-inner);inset:var(--plasma-info-wrapper-indicator-without-label-inner);-webkit-transform:var(--i1jayrnz-0);-ms-transform:var(--i1jayrnz-0);transform:var(--i1jayrnz-0);}.InformationWrapper_styles_p99b7q_i1jayrnz__a9728042.InformationWrapper_styles_p99b7q_infoWrapperWithoutLabel__a9728042.InformationWrapper_styles_p99b7q_infoWrapperRequiredAlignLeft__a9728042{inset:var(--plasma-info-wrapper-indicator-without-label-inner-left);}
+.InformationWrapper_styles_p99b7q_oaxqu7s__a9728042{color:var(--plasma-info-wrapper-optional-color);}
+.InformationWrapper_styles_p99b7q_t7bnw1h__a9728042{display:inline-block;margin-left:auto;margin-top:var(--t7bnw1h-0);}
+.InformationWrapper_styles_p99b7q_h18pp23t__a9728042{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
 
 
 

package/dist/css/es/components/InformationWrapper/ui/Hint/Hint.js

@@ -1,5 +1,5 @@
 import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { Hint, HintTargetWrapper, HintIconWrapper } from '../../InformationWrapper.styles.js';
 import { tokens } from '../../InformationWrapper.tokens.js';
 import { safeUseId } from '../../../../utils/react.js';
@@ -33,13 +33,13 @@ var HintComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
   } : {
     onClick: handleHintClick
   };
-  return /*#__PURE__*/React.createElement(Hint, {
+  return /*#__PURE__*/React__default.createElement(Hint, {
     ref: ref,
     text: String(hintText),
     opened: isHintVisible,
-    target: /*#__PURE__*/React.createElement(HintTargetWrapper, null, /*#__PURE__*/React.createElement(HintIconWrapper, _extends({
+    target: /*#__PURE__*/React__default.createElement(HintTargetWrapper, null, /*#__PURE__*/React__default.createElement(HintIconWrapper, _extends({
       id: hintId
-    }, hintTriggerHandler), hintTargetIcon || /*#__PURE__*/React.createElement(IconInfoCircleOutline, {
+    }, hintTriggerHandler), hintTargetIcon || /*#__PURE__*/React__default.createElement(IconInfoCircleOutline, {
       size: getInfoIconSize(),
       color: "inherit",
       sizeCustomProperty: tokens.hintCustomIconTargetSize

package/dist/css/es/components/InformationWrapper/ui/Hint/Hint.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hint.js","sources":["../../../../../../../src/components/InformationWrapper/ui/Hint/Hint.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { Hint, HintTargetWrapper, HintIconWrapper } from '../../InformationWrapper.styles';\nimport { IconInfoCircleOutline } from '../../../_Icon';\nimport { tokens } from '../../InformationWrapper.tokens';\n\nimport type { HintProps } from './Hint.types';\n\nexport const HintComponent = forwardRef<HTMLDivElement, HintProps>(\n    (\n        {\n            hintText,\n            isHintVisible,\n            hintTrigger,\n            hintTargetIcon,\n            hintPlacement,\n            hintHasArrow,\n            hintOffset,\n            hintWidth,\n            hintContentLeft,\n            withoutLabel,\n            size,\n            handleHintShow,\n            handleHintHide,\n            handleHintClick,\n        },\n        ref,\n    ) => {\n        const hintId = safeUseId();\n\n        const getInfoIconSize = () => {\n            if (!withoutLabel || size === 'xs') {\n                return 'xs';\n            }\n\n            return 's';\n        };\n\n        const hintTriggerHandler =\n            hintTrigger === 'hover'\n                ? {\n                      onMouseEnter: handleHintShow,\n                      onMouseLeave: handleHintHide,\n                  }\n                : { onClick: handleHintClick };\n\n        return (\n            <Hint\n                ref={ref}\n                text={String(hintText)}\n                opened={isHintVisible}\n                target={\n                    <HintTargetWrapper>\n                        <HintIconWrapper id={hintId} {...hintTriggerHandler}>\n                            {hintTargetIcon || (\n                                <IconInfoCircleOutline\n                                    size={getInfoIconSize()}\n                                    color=\"inherit\"\n                                    sizeCustomProperty={tokens.hintCustomIconTargetSize}\n                                />\n                            )}\n                        </HintIconWrapper>\n                    </HintTargetWrapper>\n                }\n                placement={hintPlacement}\n                hasArrow={hintHasArrow}\n                offset={hintOffset}\n                minWidth={hintWidth}\n                maxWidth={hintWidth}\n                contentLeft={hintContentLeft}\n                frame={hintId}\n            />\n        );\n    },\n);\n"],"names":["HintComponent","forwardRef","_ref","ref","hintText","isHintVisible","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","withoutLabel","size","handleHintShow","handleHintHide","handleHintClick","hintId","safeUseId","getInfoIconSize","hintTriggerHandler","onMouseEnter","onMouseLeave","onClick","React","createElement","Hint","text","String","opened","target","HintTargetWrapper","HintIconWrapper","_extends","id","IconInfoCircleOutline","color","sizeCustomProperty","tokens","hintCustomIconTargetSize","placement","hasArrow","offset","minWidth","maxWidth","contentLeft","frame"],"mappings":";;;;;;;AASO,IAAMA,aAAa,gBAAGC,UAAU,CACnC,UAAAC,IAAA,EAiBIC,GAAG,EACF;AAAA,EAAA,IAhBGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,YAAY,GAAAX,IAAA,CAAZW,YAAY;IACZC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;IACJC,cAAc,GAAAb,IAAA,CAAda,cAAc;IACdC,cAAc,GAAAd,IAAA,CAAdc,cAAc;IACdC,eAAe,GAAAf,IAAA,CAAfe,eAAe,CAAA;AAInB,EAAA,IAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1B,EAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAAS;AAC1B,IAAA,IAAI,CAACP,YAAY,IAAIC,IAAI,KAAK,IAAI,EAAE;AAChC,MAAA,OAAO,IAAI,CAAA;AACf,KAAA;AAEA,IAAA,OAAO,GAAG,CAAA;GACb,CAAA;AAED,EAAA,IAAMO,kBAAkB,GACpBf,WAAW,KAAK,OAAO,GACjB;AACIgB,IAAAA,YAAY,EAAEP,cAAc;AAC5BQ,IAAAA,YAAY,EAAEP,cAAAA;AAClB,GAAC,GACD;AAAEQ,IAAAA,OAAO,EAAEP,eAAAA;GAAiB,CAAA;AAEtC,EAAA,oBACIQ,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACDxB,IAAAA,GAAG,EAAEA,GAAI;AACTyB,IAAAA,IAAI,EAAEC,MAAM,CAACzB,QAAQ,CAAE;AACvB0B,IAAAA,MAAM,EAAEzB,aAAc;AACtB0B,IAAAA,MAAM,eACFN,KAAA,CAAAC,aAAA,CAACM,iBAAiB,EACdP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,eAAe,EAAAC,QAAA,CAAA;AAACC,MAAAA,EAAE,EAAEjB,MAAAA;KAAYG,EAAAA,kBAAkB,GAC9Cd,cAAc,iBACXkB,KAAA,CAAAC,aAAA,CAACU,qBAAqB,EAAA;MAClBtB,IAAI,EAAEM,eAAe,EAAG;AACxBiB,MAAAA,KAAK,EAAC,SAAS;MACfC,kBAAkB,EAAEC,MAAM,CAACC,wBAAAA;KAC9B,CAEQ,CACF,CACtB;AACDC,IAAAA,SAAS,EAAEjC,aAAc;AACzBkC,IAAAA,QAAQ,EAAEjC,YAAa;AACvBkC,IAAAA,MAAM,EAAEjC,UAAW;AACnBkC,IAAAA,QAAQ,EAAEjC,SAAU;AACpBkC,IAAAA,QAAQ,EAAElC,SAAU;AACpBmC,IAAAA,WAAW,EAAElC,eAAgB;AAC7BmC,IAAAA,KAAK,EAAE7B,MAAAA;AAAO,GACjB,CAAC,CAAA;AAEV,CACJ;;;;"}
+{"version":3,"file":"Hint.js","sources":["../../../../../../../src/components/InformationWrapper/ui/Hint/Hint.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { safeUseId } from 'src/utils';\n\nimport { Hint, HintTargetWrapper, HintIconWrapper } from '../../InformationWrapper.styles';\nimport { IconInfoCircleOutline } from '../../../_Icon';\nimport { tokens } from '../../InformationWrapper.tokens';\n\nimport type { HintProps } from './Hint.types';\n\nexport const HintComponent = forwardRef<HTMLDivElement, HintProps>(\n    (\n        {\n            hintText,\n            isHintVisible,\n            hintTrigger,\n            hintTargetIcon,\n            hintPlacement,\n            hintHasArrow,\n            hintOffset,\n            hintWidth,\n            hintContentLeft,\n            withoutLabel,\n            size,\n            handleHintShow,\n            handleHintHide,\n            handleHintClick,\n        },\n        ref,\n    ) => {\n        const hintId = safeUseId();\n\n        const getInfoIconSize = () => {\n            if (!withoutLabel || size === 'xs') {\n                return 'xs';\n            }\n\n            return 's';\n        };\n\n        const hintTriggerHandler =\n            hintTrigger === 'hover'\n                ? {\n                      onMouseEnter: handleHintShow,\n                      onMouseLeave: handleHintHide,\n                  }\n                : { onClick: handleHintClick };\n\n        return (\n            <Hint\n                ref={ref}\n                text={String(hintText)}\n                opened={isHintVisible}\n                target={\n                    <HintTargetWrapper>\n                        <HintIconWrapper id={hintId} {...hintTriggerHandler}>\n                            {hintTargetIcon || (\n                                <IconInfoCircleOutline\n                                    size={getInfoIconSize()}\n                                    color=\"inherit\"\n                                    sizeCustomProperty={tokens.hintCustomIconTargetSize}\n                                />\n                            )}\n                        </HintIconWrapper>\n                    </HintTargetWrapper>\n                }\n                placement={hintPlacement}\n                hasArrow={hintHasArrow}\n                offset={hintOffset}\n                minWidth={hintWidth}\n                maxWidth={hintWidth}\n                contentLeft={hintContentLeft}\n                frame={hintId}\n            />\n        );\n    },\n);\n"],"names":["HintComponent","forwardRef","_ref","ref","hintText","isHintVisible","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","withoutLabel","size","handleHintShow","handleHintHide","handleHintClick","hintId","safeUseId","getInfoIconSize","hintTriggerHandler","onMouseEnter","onMouseLeave","onClick","React","createElement","Hint","text","String","opened","target","HintTargetWrapper","HintIconWrapper","_extends","id","IconInfoCircleOutline","color","sizeCustomProperty","tokens","hintCustomIconTargetSize","placement","hasArrow","offset","minWidth","maxWidth","contentLeft","frame"],"mappings":";;;;;;;AASO,IAAMA,aAAa,gBAAGC,UAAU,CACnC,UAAAC,IAAA,EAiBIC,GAAG,EACF;AAAA,EAAA,IAhBGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,YAAY,GAAAX,IAAA,CAAZW,YAAY;IACZC,IAAI,GAAAZ,IAAA,CAAJY,IAAI;IACJC,cAAc,GAAAb,IAAA,CAAda,cAAc;IACdC,cAAc,GAAAd,IAAA,CAAdc,cAAc;IACdC,eAAe,GAAAf,IAAA,CAAfe,eAAe,CAAA;AAInB,EAAA,IAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1B,EAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAAS;AAC1B,IAAA,IAAI,CAACP,YAAY,IAAIC,IAAI,KAAK,IAAI,EAAE;AAChC,MAAA,OAAO,IAAI,CAAA;AACf,KAAA;AAEA,IAAA,OAAO,GAAG,CAAA;GACb,CAAA;AAED,EAAA,IAAMO,kBAAkB,GACpBf,WAAW,KAAK,OAAO,GACjB;AACIgB,IAAAA,YAAY,EAAEP,cAAc;AAC5BQ,IAAAA,YAAY,EAAEP,cAAAA;AAClB,GAAC,GACD;AAAEQ,IAAAA,OAAO,EAAEP,eAAAA;GAAiB,CAAA;AAEtC,EAAA,oBACIQ,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACDxB,IAAAA,GAAG,EAAEA,GAAI;AACTyB,IAAAA,IAAI,EAAEC,MAAM,CAACzB,QAAQ,CAAE;AACvB0B,IAAAA,MAAM,EAAEzB,aAAc;AACtB0B,IAAAA,MAAM,eACFN,cAAA,CAAAC,aAAA,CAACM,iBAAiB,EACdP,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAACO,eAAe,EAAAC,QAAA,CAAA;AAACC,MAAAA,EAAE,EAAEjB,MAAAA;KAAYG,EAAAA,kBAAkB,GAC9Cd,cAAc,iBACXkB,cAAA,CAAAC,aAAA,CAACU,qBAAqB,EAAA;MAClBtB,IAAI,EAAEM,eAAe,EAAG;AACxBiB,MAAAA,KAAK,EAAC,SAAS;MACfC,kBAAkB,EAAEC,MAAM,CAACC,wBAAAA;KAC9B,CAEQ,CACF,CACtB;AACDC,IAAAA,SAAS,EAAEjC,aAAc;AACzBkC,IAAAA,QAAQ,EAAEjC,YAAa;AACvBkC,IAAAA,MAAM,EAAEjC,UAAW;AACnBkC,IAAAA,QAAQ,EAAEjC,SAAU;AACpBkC,IAAAA,QAAQ,EAAElC,SAAU;AACpBmC,IAAAA,WAAW,EAAElC,eAAgB;AAC7BmC,IAAAA,KAAK,EAAE7B,MAAAA;AAAO,GACjB,CAAC,CAAA;AAEV,CACJ;;;;"}

package/dist/css/es/components/InformationWrapper/ui/Label/Label.js

@@ -1,5 +1,5 @@
 import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState, useRef } from 'react';
+import React__default, { useState, useRef } from 'react';
 import cls from 'classnames';
 import { IndicatorWrapper, Label, HintWrapper, Indicator, OptionalText } from '../../InformationWrapper.styles.js';
 import { HintComponent } from '../Hint/Hint.js';
@@ -55,14 +55,14 @@ var LabelComponent = function LabelComponent(_ref) {
       setIsHintVisible(true);
     }
   };
-  return /*#__PURE__*/React.createElement(IndicatorWrapper, {
+  return /*#__PURE__*/React__default.createElement(IndicatorWrapper, {
     hasLabel: Boolean(label)
-  }, /*#__PURE__*/React.createElement(Label, {
+  }, /*#__PURE__*/React__default.createElement(Label, {
     htmlFor: labelHtmlFor
-  }, label), hintText && /*#__PURE__*/React.createElement(HintWrapper, {
+  }, label), hintText && /*#__PURE__*/React__default.createElement(HintWrapper, {
     className: cls(_defineProperty({}, classes.withoutLabel, !label)),
     hasCaption: Boolean(titleCaption)
-  }, /*#__PURE__*/React.createElement(HintComponent, {
+  }, /*#__PURE__*/React__default.createElement(HintComponent, {
     ref: hintRef,
     size: size,
     hintText: hintText,
@@ -78,10 +78,10 @@ var LabelComponent = function LabelComponent(_ref) {
     handleHintShow: handleHintShow,
     handleHintHide: handleHintHide,
     handleHintClick: handleHintClick
-  })), hasRequiredIndicator && /*#__PURE__*/React.createElement(Indicator, {
+  })), hasRequiredIndicator && /*#__PURE__*/React__default.createElement(Indicator, {
     className: cls(requiredPlacementClass, _defineProperty({}, classes.withoutLabel, !label)),
     hasCaption: Boolean(titleCaption)
-  }), innerOptional && /*#__PURE__*/React.createElement(OptionalText, null, optionalText));
+  }), innerOptional && /*#__PURE__*/React__default.createElement(OptionalText, null, optionalText));
 };
 
 export { LabelComponent };

package/dist/css/es/components/InformationWrapper/ui/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../../../../src/components/InformationWrapper/ui/Label/Label.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport type { MouseEventHandler } from 'react';\nimport cx from 'classnames';\nimport { useOutsideClick } from 'src/hooks';\n\nimport { HintWrapper, Indicator, IndicatorWrapper, Label, OptionalText } from '../../InformationWrapper.styles';\nimport { HintComponent } from '../Hint/Hint';\nimport { classes } from '../../InformationWrapper.tokens';\n\nimport type { LabelComponentProps } from './Label.types';\n\nexport const LabelComponent = ({\n    size,\n    hasRequiredIndicator,\n    requiredIndicatorPlacement,\n    optional,\n    optionalText,\n    label,\n    labelHtmlFor,\n    titleCaption,\n    hintText,\n    hintTrigger,\n    hintTargetIcon,\n    hintPlacement,\n    hintHasArrow,\n    hintOffset,\n    hintWidth,\n    hintContentLeft,\n    disabled,\n}: LabelComponentProps) => {\n    const [isHintVisible, setIsHintVisible] = useState(false);\n\n    const hintRef = useRef<HTMLDivElement>(null);\n\n    useOutsideClick(() => {\n        setIsHintVisible(false);\n    }, [hintRef]);\n\n    const innerOptional = Boolean(hasRequiredIndicator ? false : optional);\n    const requiredPlacementClass = requiredIndicatorPlacement === 'left' ? classes.requiredAlignLeft : undefined;\n\n    const handleHintShow = () => {\n        if (disabled) {\n            return;\n        }\n\n        setIsHintVisible(true);\n    };\n    const handleHintHide = () => setIsHintVisible(false);\n    const handleHintClick: MouseEventHandler = (event) => {\n        if (!hintText || hintTrigger !== 'click' || disabled) {\n            return;\n        }\n\n        event.stopPropagation();\n        const targetIsPopover = event.target === hintRef.current;\n        const rootHasTarget = hintRef.current?.contains(event.target as Element);\n\n        if (!targetIsPopover && !rootHasTarget) {\n            setIsHintVisible(true);\n        }\n    };\n\n    return (\n        <IndicatorWrapper hasLabel={Boolean(label)}>\n            <Label htmlFor={labelHtmlFor}>{label}</Label>\n            {hintText && (\n                <HintWrapper className={cx({ [classes.withoutLabel]: !label })} hasCaption={Boolean(titleCaption)}>\n                    <HintComponent\n                        ref={hintRef}\n                        size={size}\n                        hintText={hintText}\n                        hintTrigger={hintTrigger}\n                        isHintVisible={isHintVisible}\n                        hintTargetIcon={hintTargetIcon}\n                        hintPlacement={hintPlacement}\n                        hintHasArrow={hintHasArrow}\n                        hintOffset={hintOffset}\n                        hintWidth={hintWidth}\n                        hintContentLeft={hintContentLeft}\n                        withoutLabel={!label}\n                        handleHintShow={handleHintShow}\n                        handleHintHide={handleHintHide}\n                        handleHintClick={handleHintClick}\n                    />\n                </HintWrapper>\n            )}\n            {hasRequiredIndicator && (\n                <Indicator\n                    className={cx(requiredPlacementClass, { [classes.withoutLabel]: !label })}\n                    hasCaption={Boolean(titleCaption)}\n                />\n            )}\n            {innerOptional && <OptionalText>{optionalText}</OptionalText>}\n        </IndicatorWrapper>\n    );\n};\n"],"names":["LabelComponent","_ref","size","hasRequiredIndicator","requiredIndicatorPlacement","optional","optionalText","label","labelHtmlFor","titleCaption","hintText","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","disabled","_useState","useState","_useState2","_slicedToArray","isHintVisible","setIsHintVisible","hintRef","useRef","useOutsideClick","innerOptional","Boolean","requiredPlacementClass","classes","requiredAlignLeft","undefined","handleHintShow","handleHintHide","handleHintClick","event","_hintRef$current","stopPropagation","targetIsPopover","target","current","rootHasTarget","contains","React","createElement","IndicatorWrapper","hasLabel","Label","htmlFor","HintWrapper","className","cx","_defineProperty","withoutLabel","hasCaption","HintComponent","ref","Indicator","OptionalText"],"mappings":"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"}
+{"version":3,"file":"Label.js","sources":["../../../../../../../src/components/InformationWrapper/ui/Label/Label.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport type { MouseEventHandler } from 'react';\nimport cx from 'classnames';\nimport { useOutsideClick } from 'src/hooks';\n\nimport { HintWrapper, Indicator, IndicatorWrapper, Label, OptionalText } from '../../InformationWrapper.styles';\nimport { HintComponent } from '../Hint/Hint';\nimport { classes } from '../../InformationWrapper.tokens';\n\nimport type { LabelComponentProps } from './Label.types';\n\nexport const LabelComponent = ({\n    size,\n    hasRequiredIndicator,\n    requiredIndicatorPlacement,\n    optional,\n    optionalText,\n    label,\n    labelHtmlFor,\n    titleCaption,\n    hintText,\n    hintTrigger,\n    hintTargetIcon,\n    hintPlacement,\n    hintHasArrow,\n    hintOffset,\n    hintWidth,\n    hintContentLeft,\n    disabled,\n}: LabelComponentProps) => {\n    const [isHintVisible, setIsHintVisible] = useState(false);\n\n    const hintRef = useRef<HTMLDivElement>(null);\n\n    useOutsideClick(() => {\n        setIsHintVisible(false);\n    }, [hintRef]);\n\n    const innerOptional = Boolean(hasRequiredIndicator ? false : optional);\n    const requiredPlacementClass = requiredIndicatorPlacement === 'left' ? classes.requiredAlignLeft : undefined;\n\n    const handleHintShow = () => {\n        if (disabled) {\n            return;\n        }\n\n        setIsHintVisible(true);\n    };\n    const handleHintHide = () => setIsHintVisible(false);\n    const handleHintClick: MouseEventHandler = (event) => {\n        if (!hintText || hintTrigger !== 'click' || disabled) {\n            return;\n        }\n\n        event.stopPropagation();\n        const targetIsPopover = event.target === hintRef.current;\n        const rootHasTarget = hintRef.current?.contains(event.target as Element);\n\n        if (!targetIsPopover && !rootHasTarget) {\n            setIsHintVisible(true);\n        }\n    };\n\n    return (\n        <IndicatorWrapper hasLabel={Boolean(label)}>\n            <Label htmlFor={labelHtmlFor}>{label}</Label>\n            {hintText && (\n                <HintWrapper className={cx({ [classes.withoutLabel]: !label })} hasCaption={Boolean(titleCaption)}>\n                    <HintComponent\n                        ref={hintRef}\n                        size={size}\n                        hintText={hintText}\n                        hintTrigger={hintTrigger}\n                        isHintVisible={isHintVisible}\n                        hintTargetIcon={hintTargetIcon}\n                        hintPlacement={hintPlacement}\n                        hintHasArrow={hintHasArrow}\n                        hintOffset={hintOffset}\n                        hintWidth={hintWidth}\n                        hintContentLeft={hintContentLeft}\n                        withoutLabel={!label}\n                        handleHintShow={handleHintShow}\n                        handleHintHide={handleHintHide}\n                        handleHintClick={handleHintClick}\n                    />\n                </HintWrapper>\n            )}\n            {hasRequiredIndicator && (\n                <Indicator\n                    className={cx(requiredPlacementClass, { [classes.withoutLabel]: !label })}\n                    hasCaption={Boolean(titleCaption)}\n                />\n            )}\n            {innerOptional && <OptionalText>{optionalText}</OptionalText>}\n        </IndicatorWrapper>\n    );\n};\n"],"names":["LabelComponent","_ref","size","hasRequiredIndicator","requiredIndicatorPlacement","optional","optionalText","label","labelHtmlFor","titleCaption","hintText","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","disabled","_useState","useState","_useState2","_slicedToArray","isHintVisible","setIsHintVisible","hintRef","useRef","useOutsideClick","innerOptional","Boolean","requiredPlacementClass","classes","requiredAlignLeft","undefined","handleHintShow","handleHintHide","handleHintClick","event","_hintRef$current","stopPropagation","targetIsPopover","target","current","rootHasTarget","contains","React","createElement","IndicatorWrapper","hasLabel","Label","htmlFor","HintWrapper","className","cx","_defineProperty","withoutLabel","hasCaption","HintComponent","ref","Indicator","OptionalText"],"mappings":";;;;;;;;IAWaA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAkBA;AAAA,EAAA,IAjBvBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;IACpBC,0BAA0B,GAAAH,IAAA,CAA1BG,0BAA0B;IAC1BC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACRC,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,cAAc,GAAAX,IAAA,CAAdW,cAAc;IACdC,aAAa,GAAAZ,IAAA,CAAbY,aAAa;IACbC,YAAY,GAAAb,IAAA,CAAZa,YAAY;IACZC,UAAU,GAAAd,IAAA,CAAVc,UAAU;IACVC,SAAS,GAAAf,IAAA,CAATe,SAAS;IACTC,eAAe,GAAAhB,IAAA,CAAfgB,eAAe;IACfC,QAAQ,GAAAjB,IAAA,CAARiB,QAAQ,CAAA;AAER,EAAA,IAAAC,SAAA,GAA0CC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAlDI,IAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,gBAAgB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAEtC,EAAA,IAAMI,OAAO,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;AAE5CC,EAAAA,eAAe,CAAC,YAAM;IAClBH,gBAAgB,CAAC,KAAK,CAAC,CAAA;AAC3B,GAAC,EAAE,CAACC,OAAO,CAAC,CAAC,CAAA;EAEb,IAAMG,aAAa,GAAGC,OAAO,CAAC1B,oBAAoB,GAAG,KAAK,GAAGE,QAAQ,CAAC,CAAA;EACtE,IAAMyB,sBAAsB,GAAG1B,0BAA0B,KAAK,MAAM,GAAG2B,OAAO,CAACC,iBAAiB,GAAGC,SAAS,CAAA;AAE5G,EAAA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,GAAS;AACzB,IAAA,IAAIhB,QAAQ,EAAE;AACV,MAAA,OAAA;AACJ,KAAA;IAEAM,gBAAgB,CAAC,IAAI,CAAC,CAAA;GACzB,CAAA;AACD,EAAA,IAAMW,cAAc,GAAG,SAAjBA,cAAcA,GAAA;IAAA,OAASX,gBAAgB,CAAC,KAAK,CAAC,CAAA;AAAA,GAAA,CAAA;AACpD,EAAA,IAAMY,eAAkC,GAAG,SAArCA,eAAkCA,CAAIC,KAAK,EAAK;AAAA,IAAA,IAAAC,gBAAA,CAAA;IAClD,IAAI,CAAC5B,QAAQ,IAAIC,WAAW,KAAK,OAAO,IAAIO,QAAQ,EAAE;AAClD,MAAA,OAAA;AACJ,KAAA;IAEAmB,KAAK,CAACE,eAAe,EAAE,CAAA;IACvB,IAAMC,eAAe,GAAGH,KAAK,CAACI,MAAM,KAAKhB,OAAO,CAACiB,OAAO,CAAA;AACxD,IAAA,IAAMC,aAAa,GAAAL,CAAAA,gBAAA,GAAGb,OAAO,CAACiB,OAAO,MAAA,IAAA,IAAAJ,gBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,gBAAA,CAAiBM,QAAQ,CAACP,KAAK,CAACI,MAAiB,CAAC,CAAA;AAExE,IAAA,IAAI,CAACD,eAAe,IAAI,CAACG,aAAa,EAAE;MACpCnB,gBAAgB,CAAC,IAAI,CAAC,CAAA;AAC1B,KAAA;GACH,CAAA;AAED,EAAA,oBACIqB,cAAA,CAAAC,aAAA,CAACC,gBAAgB,EAAA;IAACC,QAAQ,EAAEnB,OAAO,CAACtB,KAAK,CAAA;AAAE,GAAA,eACvCsC,cAAA,CAAAC,aAAA,CAACG,KAAK,EAAA;AAACC,IAAAA,OAAO,EAAE1C,YAAAA;GAAeD,EAAAA,KAAa,CAAC,EAC5CG,QAAQ,iBACLmC,cAAA,CAAAC,aAAA,CAACK,WAAW,EAAA;AAACC,IAAAA,SAAS,EAAEC,GAAE,CAAAC,eAAA,CAAIvB,EAAAA,EAAAA,OAAO,CAACwB,YAAY,EAAG,CAAChD,KAAK,CAAE,CAAE;IAACiD,UAAU,EAAE3B,OAAO,CAACpB,YAAY,CAAA;AAAE,GAAA,eAC9FoC,cAAA,CAAAC,aAAA,CAACW,aAAa,EAAA;AACVC,IAAAA,GAAG,EAAEjC,OAAQ;AACbvB,IAAAA,IAAI,EAAEA,IAAK;AACXQ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBY,IAAAA,aAAa,EAAEA,aAAc;AAC7BX,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,eAAe,EAAEA,eAAgB;IACjCsC,YAAY,EAAE,CAAChD,KAAM;AACrB2B,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,eAAe,EAAEA,eAAAA;GACpB,CACQ,CAChB,EACAjC,oBAAoB,iBACjB0C,cAAA,CAAAC,aAAA,CAACa,SAAS,EAAA;AACNP,IAAAA,SAAS,EAAEC,GAAE,CAACvB,sBAAsB,EAAAwB,eAAA,CAAA,EAAA,EAAKvB,OAAO,CAACwB,YAAY,EAAG,CAAChD,KAAK,CAAE,CAAE;IAC1EiD,UAAU,EAAE3B,OAAO,CAACpB,YAAY,CAAA;AAAE,GACrC,CACJ,EACAmB,aAAa,iBAAIiB,cAAA,CAAAC,aAAA,CAACc,YAAY,EAAA,IAAA,EAAEtD,YAA2B,CAC9C,CAAC,CAAA;AAE3B;;;;"}

package/dist/css/es/components/InformationWrapper/variations/_read-only/base.js

@@ -0,0 +1,5 @@
+import './base_of19k8.css';
+var base = "b2rf35v";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/dist/css/es/components/InformationWrapper/variations/_read-only/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/InformationWrapper/variations/_read-only/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { Label, LeftHelper, RightHelper, TitleCaption } from '../../InformationWrapper.styles';\nimport { tokens } from '../../InformationWrapper.tokens';\n\nexport const base = css`\n    &[readonly] {\n        ${Label} {\n            color: var(${tokens.labelColorReadOnly}, var(${tokens.labelColor}));\n        }\n\n        ${TitleCaption} {\n            color: var(${tokens.titleCaptionColorReadOnly}, var(${tokens.titleCaptionColor}));\n        }\n\n        ${LeftHelper} {\n            color: var(${tokens.leftHelperColorReadOnly}, var(${tokens.leftHelperColor}));\n        }\n\n        ${RightHelper} {\n            color: var(${tokens.rightHelperColorReadOnly}, var(${tokens.rightHelperColor}));\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAkBhB;;;;"}

package/dist/css/es/components/InformationWrapper/variations/_read-only/base_of19k8.css

@@ -0,0 +1 @@
+.b2rf35v[readonly] .l1fqe3w9{color:var(--plasma-info-wrapper-label-color-readonly,var(--plasma-info-wrapper-label-color));}.b2rf35v[readonly] .t7bnw1h{color:var(--plasma-info-wrapper-title-caption-color-readonly,var(--plasma-info-wrapper-title-caption-color));}.b2rf35v[readonly] .l132dj1{color:var(--plasma-info-wrapper-left-helper-color-readonly,var(--plasma-info-wrapper-left-helper-color));}.b2rf35v[readonly] .r19wxw5z{color:var(--plasma-info-wrapper-right-helper-color-readonly,var(--plasma-info-wrapper-right-helper-color));}

package/dist/css/es/components/InformationWrapper/variations/_size/base.js

@@ -1,4 +1,4 @@
-import './base_xg1ywk.css';
+import './base_192z4sg.css';
 var base = "bhbljtz";
 
 export { base };

package/dist/css/es/components/InformationWrapper/variations/_size/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../../../src/components/InformationWrapper/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport {\n    Helpers,\n    HintTargetWrapper,\n    HintWrapper,\n    Label,\n    LeftHelper,\n    OptionalText,\n    RightHelper,\n    TitleCaption,\n} from '../../InformationWrapper.styles';\nimport { tokens } from '../../InformationWrapper.tokens';\n\nexport const base = css`\n    ${Label}, ${OptionalText} {\n        font-family: var(${tokens.labelFontFamily});\n        font-size: var(${tokens.labelFontSize});\n        font-style: var(${tokens.labelFontStyle});\n        font-weight: var(${tokens.labelFontWeight});\n        letter-spacing: var(${tokens.labelLetterSpacing});\n        line-height: var(${tokens.labelLineHeight});\n    }\n\n    ${HintWrapper} {\n        margin: var(${tokens.hintMargin});\n        width: var(${tokens.hintTargetSize});\n        height: var(${tokens.hintTargetSize});\n    }\n\n    ${HintTargetWrapper} {\n        width: var(${tokens.hintTargetSize});\n        height: var(${tokens.hintTargetSize});\n        margin: var(${tokens.hintMargin});\n    }\n\n    ${TitleCaption} {\n        font-family: var(${tokens.titleCaptionFontFamily});\n        font-size: var(${tokens.titleCaptionFontSize});\n        font-style: var(${tokens.titleCaptionFontStyle});\n        font-weight: var(${tokens.titleCaptionFontWeight});\n        letter-spacing: var(${tokens.titleCaptionLetterSpacing});\n        line-height: var(${tokens.titleCaptionLineHeight});\n    }\n\n    ${Helpers} {\n        padding: var(${tokens.helpersPadding});\n        gap: var(${tokens.helpersGap});\n    }\n\n    ${LeftHelper} {\n        font-family: var(${tokens.leftHelperFontFamily});\n        font-size: var(${tokens.leftHelperFontSize});\n        font-style: var(${tokens.leftHelperFontStyle});\n        font-weight: var(${tokens.leftHelperFontWeight});\n        letter-spacing: var(${tokens.leftHelperLetterSpacing});\n        line-height: var(${tokens.leftHelperLineHeight});\n    }\n\n    ${RightHelper} {\n        font-family: var(${tokens.rightHelperFontFamily});\n        font-size: var(${tokens.rightHelperFontSize});\n        font-style: var(${tokens.rightHelperFontStyle});\n        font-weight: var(${tokens.rightHelperFontWeight});\n        letter-spacing: var(${tokens.rightHelperLetterSpacing});\n        line-height: var(${tokens.rightHelperLineHeight});\n    }\n`;\n"],"names":["base"],"mappings":"AAcO,IAAMA,IAAI,GAqDhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../../../src/components/InformationWrapper/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport {\n    Helpers,\n    HintTargetWrapper,\n    HintWrapper,\n    Label,\n    LeftHelper,\n    OptionalText,\n    RightHelper,\n    TitleCaption,\n} from '../../InformationWrapper.styles';\nimport { tokens } from '../../InformationWrapper.tokens';\n\nexport const base = css`\n    ${Label}, ${OptionalText} {\n        font-family: var(${tokens.labelFontFamily});\n        font-size: var(${tokens.labelFontSize});\n        font-style: var(${tokens.labelFontStyle});\n        font-weight: var(${tokens.labelFontWeight});\n        letter-spacing: var(${tokens.labelLetterSpacing});\n        line-height: var(${tokens.labelLineHeight});\n    }\n\n    ${HintWrapper} {\n        margin: var(${tokens.hintMargin});\n        width: var(${tokens.hintTargetSize});\n        height: var(${tokens.hintTargetSize});\n    }\n\n    ${HintTargetWrapper} {\n        width: var(${tokens.hintTargetSize});\n        height: var(${tokens.hintTargetSize});\n    }\n\n    ${TitleCaption} {\n        font-family: var(${tokens.titleCaptionFontFamily});\n        font-size: var(${tokens.titleCaptionFontSize});\n        font-style: var(${tokens.titleCaptionFontStyle});\n        font-weight: var(${tokens.titleCaptionFontWeight});\n        letter-spacing: var(${tokens.titleCaptionLetterSpacing});\n        line-height: var(${tokens.titleCaptionLineHeight});\n    }\n\n    ${Helpers} {\n        padding: var(${tokens.helpersPadding});\n        gap: var(${tokens.helpersGap});\n    }\n\n    ${LeftHelper} {\n        font-family: var(${tokens.leftHelperFontFamily});\n        font-size: var(${tokens.leftHelperFontSize});\n        font-style: var(${tokens.leftHelperFontStyle});\n        font-weight: var(${tokens.leftHelperFontWeight});\n        letter-spacing: var(${tokens.leftHelperLetterSpacing});\n        line-height: var(${tokens.leftHelperLineHeight});\n    }\n\n    ${RightHelper} {\n        font-family: var(${tokens.rightHelperFontFamily});\n        font-size: var(${tokens.rightHelperFontSize});\n        font-style: var(${tokens.rightHelperFontStyle});\n        font-weight: var(${tokens.rightHelperFontWeight});\n        letter-spacing: var(${tokens.rightHelperLetterSpacing});\n        line-height: var(${tokens.rightHelperLineHeight});\n    }\n`;\n"],"names":["base"],"mappings":"AAcO,IAAMA,IAAI,GAoDhB;;;;"}

package/dist/css/es/components/InformationWrapper/variations/_size/base_192z4sg.css

@@ -0,0 +1 @@
+.bhbljtz .l1fqe3w9,.bhbljtz .oaxqu7s{font-family:var(--plasma-info-wrapper-label-font-family);font-size:var(--plasma-info-wrapper-label-font-size);font-style:var(--plasma-info-wrapper-label-font-style);font-weight:var(--plasma-info-wrapper-label-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);letter-spacing:var(--plasma-info-wrapper-label-letter-spacing);line-height:var(--plasma-info-wrapper-label-line-height);}.bhbljtz .h1wtm44t{margin:var(--plasma-info-wrapper-hint-margin);width:var(--plasma-info-wrapper-hint-target-size);height:var(--plasma-info-wrapper-hint-target-size);}.bhbljtz .h43wmae{width:var(--plasma-info-wrapper-hint-target-size);height:var(--plasma-info-wrapper-hint-target-size);}.bhbljtz .t7bnw1h{font-family:var(--plasma-info-wrapper-title-caption-font-family);font-size:var(--plasma-info-wrapper-title-caption-font-size);font-style:var(--plasma-info-wrapper-title-caption-font-style);font-weight:var(--plasma-info-wrapper-title-caption-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);letter-spacing:var(--plasma-info-wrapper-title-caption-letter-spacing);line-height:var(--plasma-info-wrapper-title-caption-line-height);}.bhbljtz .h18pp23t{padding:var(--plasma-info-wrapper-helpers-padding-top);gap:var(--plasma-info-wrapper-helpers-gap);}.bhbljtz .l132dj1{font-family:var(--plasma-info-wrapper-left-helper-font-family);font-size:var(--plasma-info-wrapper-left-helper-font-size);font-style:var(--plasma-info-wrapper-left-helper-font-style);font-weight:var(--plasma-info-wrapper-left-helper-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);letter-spacing:var(--plasma-info-wrapper-left-helper-letter-spacing);line-height:var(--plasma-info-wrapper-left-helper-line-height);}.bhbljtz .r19wxw5z{font-family:var(--plasma-info-wrapper-right-helper-font-family);font-size:var(--plasma-info-wrapper-right-helper-font-size);font-style:var(--plasma-info-wrapper-right-helper-font-style);font-weight:var(--plasma-info-wrapper-right-helper-font-weight);-webkit-letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);-moz-letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);-ms-letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);letter-spacing:var(--plasma-info-wrapper-right-helper-letter-spacing);line-height:var(--plasma-info-wrapper-right-helper-line-height);}

package/dist/css/es/components/Link/Link.js

@@ -1,6 +1,6 @@
 import './Link_1oiwct5.css';
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { base as base$1 } from './_view/base.js';
 import { base as base$2 } from './_disabled/base.js';
 import { base as base$3 } from './_focused/base.js';
@@ -22,7 +22,7 @@ var linkRoot = function linkRoot(Root) {
       // NOTE: https://developer.chrome.com/docs/lighthouse/best-practices/external-anchors-use-rel-noopener/
       rel: target === '_blank' ? 'noopener noreferrer' : rel
     };
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref
     }, forwardProps, rest), children);
   });

package/dist/css/es/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines/types';\n\nimport { base as viewCSS } from './_view/base';\nimport { base as disabledCSS } from './_disabled/base';\nimport { base as focusedCSS } from './_focused/base';\nimport { LinkProps } from './Link.types';\n\nconst base = css`\n    position: relative;\n    text-decoration: none;\n    transition: color 0.15s ease-in;\n\n    ::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        opacity: 0.4;\n    }\n`;\n\nexport const linkRoot = (Root: RootProps<HTMLAnchorElement, LinkProps>) =>\n    forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n        const { children, disabled, target, href, rel, ...rest } = props;\n\n        const forwardProps = {\n            disabled,\n            target,\n            href: disabled ? undefined : href,\n            // NOTE: https://developer.chrome.com/docs/lighthouse/best-practices/external-anchors-use-rel-noopener/\n            rel: target === '_blank' ? 'noopener noreferrer' : rel,\n        };\n\n        return (\n            <Root ref={ref} {...forwardProps} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n\nexport const linkConfig = {\n    name: 'Link',\n    tag: 'a',\n    layout: linkRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["base","linkRoot","Root","forwardRef","props","ref","children","disabled","target","href","rel","rest","_excluded","forwardProps","undefined","React","createElement","_extends","linkConfig","name","tag","layout","variations","view","css","viewCSS","disabledCSS","attrs","focused","focusedCSS","defaults","size"],"mappings":";;;;;;;AAUA,IAAMA,IAAI,GAWT,UAAA,CAAA;IAEYC,QAAQ,GAAGA,SAAXA,QAAQA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBAClEC,UAAU,CAA+B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrD,IAAA,IAAQC,QAAQ,GAA2CF,KAAK,CAAxDE,QAAQ;MAAEC,QAAQ,GAAiCH,KAAK,CAA9CG,QAAQ;MAAEC,MAAM,GAAyBJ,KAAK,CAApCI,MAAM;MAAEC,IAAI,GAAmBL,KAAK,CAA5BK,IAAI;MAAEC,GAAG,GAAcN,KAAK,CAAtBM,GAAG;AAAKC,MAAAA,IAAAA,GAAAA,wBAAAA,CAASP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEhE,IAAA,IAAMC,YAAY,GAAG;AACjBN,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,MAAM,EAANA,MAAM;AACNC,MAAAA,IAAI,EAAEF,QAAQ,GAAGO,SAAS,GAAGL,IAAI;AACjC;AACAC,MAAAA,GAAG,EAAEF,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAGE,GAAAA;KACtD,CAAA;AAED,IAAA,oBACIK,KAAA,CAAAC,aAAA,CAACd,IAAI,EAAAe,QAAA,CAAA;AAACZ,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAKQ,YAAY,EAAMF,IAAI,CAAA,EACrCL,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMY,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAEpB,QAAQ;AAChBD,EAAAA,IAAI,EAAJA,IAAI;AACJsB,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDlB,IAAAA,QAAQ,EAAE;AACNiB,MAAAA,GAAG,EAAEE,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDC,IAAAA,OAAO,EAAE;AACLJ,MAAAA,GAAG,EAAEK,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNP,IAAAA,IAAI,EAAE,SAAS;AACfQ,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Link.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { css } from '@linaria/core';\n\nimport type { RootProps } from '../../engines/types';\n\nimport { base as viewCSS } from './_view/base';\nimport { base as disabledCSS } from './_disabled/base';\nimport { base as focusedCSS } from './_focused/base';\nimport { LinkProps } from './Link.types';\n\nconst base = css`\n    position: relative;\n    text-decoration: none;\n    transition: color 0.15s ease-in;\n\n    ::before {\n        content: '';\n        position: absolute;\n        inset: 0;\n        opacity: 0.4;\n    }\n`;\n\nexport const linkRoot = (Root: RootProps<HTMLAnchorElement, LinkProps>) =>\n    forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n        const { children, disabled, target, href, rel, ...rest } = props;\n\n        const forwardProps = {\n            disabled,\n            target,\n            href: disabled ? undefined : href,\n            // NOTE: https://developer.chrome.com/docs/lighthouse/best-practices/external-anchors-use-rel-noopener/\n            rel: target === '_blank' ? 'noopener noreferrer' : rel,\n        };\n\n        return (\n            <Root ref={ref} {...forwardProps} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n\nexport const linkConfig = {\n    name: 'Link',\n    tag: 'a',\n    layout: linkRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["base","linkRoot","Root","forwardRef","props","ref","children","disabled","target","href","rel","rest","_excluded","forwardProps","undefined","React","createElement","_extends","linkConfig","name","tag","layout","variations","view","css","viewCSS","disabledCSS","attrs","focused","focusedCSS","defaults","size"],"mappings":";;;;;;;AAUA,IAAMA,IAAI,GAWT,UAAA,CAAA;IAEYC,QAAQ,GAAGA,SAAXA,QAAQA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBAClEC,UAAU,CAA+B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrD,IAAA,IAAQC,QAAQ,GAA2CF,KAAK,CAAxDE,QAAQ;MAAEC,QAAQ,GAAiCH,KAAK,CAA9CG,QAAQ;MAAEC,MAAM,GAAyBJ,KAAK,CAApCI,MAAM;MAAEC,IAAI,GAAmBL,KAAK,CAA5BK,IAAI;MAAEC,GAAG,GAAcN,KAAK,CAAtBM,GAAG;AAAKC,MAAAA,IAAAA,GAAAA,wBAAAA,CAASP,KAAK,EAAAQ,SAAA,CAAA,CAAA;AAEhE,IAAA,IAAMC,YAAY,GAAG;AACjBN,MAAAA,QAAQ,EAARA,QAAQ;AACRC,MAAAA,MAAM,EAANA,MAAM;AACNC,MAAAA,IAAI,EAAEF,QAAQ,GAAGO,SAAS,GAAGL,IAAI;AACjC;AACAC,MAAAA,GAAG,EAAEF,MAAM,KAAK,QAAQ,GAAG,qBAAqB,GAAGE,GAAAA;KACtD,CAAA;AAED,IAAA,oBACIK,cAAA,CAAAC,aAAA,CAACd,IAAI,EAAAe,QAAA,CAAA;AAACZ,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EAAKQ,YAAY,EAAMF,IAAI,CAAA,EACrCL,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMY,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,GAAG;AACRC,EAAAA,MAAM,EAAEpB,QAAQ;AAChBD,EAAAA,IAAI,EAAJA,IAAI;AACJsB,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDlB,IAAAA,QAAQ,EAAE;AACNiB,MAAAA,GAAG,EAAEE,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACDC,IAAAA,OAAO,EAAE;AACLJ,MAAAA,GAAG,EAAEK,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNP,IAAAA,IAAI,EAAE,SAAS;AACfQ,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/dist/css/es/components/LinkButton/LinkButton.css

@@ -11,11 +11,11 @@
 .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
 .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
 
-.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34.LinkButton_styles_1e7vwn3_focusVisible__56bd9d34:focus::before,.LinkButton_styles_1e7vwn3_b15p59s9__56bd9d34[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
-.LinkButton_styles_1e7vwn3_s1tk0pdn__56bd9d34{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
-.LinkButton_styles_1e7vwn3_lwmk0e5__56bd9d34{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
-.LinkButton_styles_1e7vwn3_l7ptchj__56bd9d34{position:absolute;}
-.LinkButton_styles_1e7vwn3_s12rghuz__56bd9d34{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
-.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_1e7vwn3_l1uogc3z__56bd9d34:active{color:var(--plasma-link-button-text-color-active);}
-.LinkButton_styles_1e7vwn3_s176p3a0__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
-.LinkButton_styles_1e7vwn3_slixkvc__56bd9d34{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
+.LinkButton_styles_ztirgn_b15p59s9__cf178b60{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-text-decoration:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(0.125rem + var(--plasma-link-button-radius));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.LinkButton_styles_ztirgn_b15p59s9__cf178b60.LinkButton_styles_ztirgn_focusVisible__cf178b60:focus::before,.LinkButton_styles_ztirgn_b15p59s9__cf178b60[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-link-button-focus-color);}
+.LinkButton_styles_ztirgn_s1tk0pdn__cf178b60{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--plasma-link-button-additional-content-margin);}
+.LinkButton_styles_ztirgn_lwmk0e5__cf178b60{opacity:var(--lwmk0e5-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;width:100%;}
+.LinkButton_styles_ztirgn_l7ptchj__cf178b60{position:absolute;}
+.LinkButton_styles_ztirgn_s12rghuz__cf178b60{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
+.LinkButton_styles_ztirgn_l1uogc3z__cf178b60{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:hover{color:var(--plasma-link-button-text-color-hover);}.LinkButton_styles_ztirgn_l1uogc3z__cf178b60:active{color:var(--plasma-link-button-text-color-active);}
+.LinkButton_styles_ztirgn_s176p3a0__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--s176p3a0-0);}
+.LinkButton_styles_ztirgn_slixkvc__cf178b60{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--slixkvc-0);}

package/dist/css/es/components/LinkButton/LinkButton.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base as base$3 } from './variations/_disabled/base.js';
@@ -33,7 +33,8 @@ var linkButtonRoot = function linkButtonRoot(Root) {
       href: disabled ? undefined : href,
       rel: target === '_blank' ? 'noopener noreferrer' : rel
     };
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    var hasContent = Boolean(txt || children || additionalContent || contentRight);
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       view: view,
       size: size,
@@ -42,10 +43,14 @@ var linkButtonRoot = function linkButtonRoot(Root) {
       style: _objectSpread2(_objectSpread2({}, isLoading && {
         pointerEvents: 'none'
       }), style)
-    }, linkProps, rest), /*#__PURE__*/React.createElement(LoadWrap, {
+    }, linkProps, rest), /*#__PURE__*/React__default.createElement(LoadWrap, {
       isLoading: !disabled && isLoading,
       style: _objectSpread2({}, loadingCustomOpacity)
-    }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React.createElement(LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/React.createElement(StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), !disabled && isLoading && /*#__PURE__*/React.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(StyledSpinner, null))));
+    }, contentLeft && /*#__PURE__*/React__default.createElement(StyledContentLeft, {
+      hasContent: hasContent
+    }, contentLeft), txt ? /*#__PURE__*/React__default.createElement(LinkButtonText, null, txt) : children, additionalContent && /*#__PURE__*/React__default.createElement(StyledAdditionalContent, null, additionalContent), contentRight && /*#__PURE__*/React__default.createElement(StyledContentRight, {
+      hasContent: hasContent
+    }, contentRight)), !disabled && isLoading && /*#__PURE__*/React__default.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React__default.createElement(StyledSpinner, null))));
   });
 };
 var linkButtonConfig = {

package/dist/css/es/components/LinkButton/LinkButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.js","sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n    base,\n    LinkButtonText,\n    Loader,\n    LoadWrap,\n    StyledAdditionalContent,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n    forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            text,\n            contentLeft,\n            contentRight,\n            isLoading,\n            loader,\n            disabled,\n            target,\n            href,\n            rel,\n            style,\n            additionalContent,\n            ...rest\n        } = props;\n\n        const txt = typeof children === 'string' ? children : text;\n\n        const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n        const linkProps = {\n            target,\n            href: disabled ? undefined : href,\n            rel: target === '_blank' ? 'noopener noreferrer' : rel,\n        };\n\n        return (\n            <Root\n                ref={ref}\n                view={view}\n                size={size}\n                tabIndex={!disabled ? 0 : -1}\n                disabled={disabled}\n                style={{\n                    ...(isLoading && {\n                        pointerEvents: 'none',\n                    }),\n                    ...style,\n                }}\n                {...linkProps}\n                {...rest}\n            >\n                <LoadWrap isLoading={!disabled && isLoading} style={{ ...loadingCustomOpacity }}>\n                    {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                    {txt ? <LinkButtonText>{txt}</LinkButtonText> : children}\n                    {additionalContent && <StyledAdditionalContent>{additionalContent}</StyledAdditionalContent>}\n                    {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                </LoadWrap>\n                {!disabled && isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n            </Root>\n        );\n    });\n\nexport const linkButtonConfig = {\n    name: 'LinkButton',\n    tag: 'a',\n    layout: linkButtonRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["linkButtonRoot","Root","forwardRef","props","ref","children","view","size","text","contentLeft","contentRight","isLoading","loader","disabled","target","href","rel","style","additionalContent","rest","_objectWithoutProperties","_excluded","txt","loadingCustomOpacity","opacity","linkProps","undefined","React","createElement","_extends","tabIndex","_objectSpread","pointerEvents","LoadWrap","StyledContentLeft","LinkButtonText","StyledAdditionalContent","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","linkButtonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
+{"version":3,"file":"LinkButton.js","sources":["../../../../../src/components/LinkButton/LinkButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { LinkButtonProps } from './LinkButton.types';\nimport {\n    base,\n    LinkButtonText,\n    Loader,\n    LoadWrap,\n    StyledAdditionalContent,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledSpinner,\n} from './LinkButton.styles';\n\nexport const linkButtonRoot = (Root: RootProps<HTMLAnchorElement, LinkButtonProps>) =>\n    forwardRef<HTMLAnchorElement, LinkButtonProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            text,\n            contentLeft,\n            contentRight,\n            isLoading,\n            loader,\n            disabled,\n            target,\n            href,\n            rel,\n            style,\n            additionalContent,\n            ...rest\n        } = props;\n\n        const txt = typeof children === 'string' ? children : text;\n\n        const loadingCustomOpacity = isLoading && size === 'xxs' && { opacity: 0 };\n\n        const linkProps = {\n            target,\n            href: disabled ? undefined : href,\n            rel: target === '_blank' ? 'noopener noreferrer' : rel,\n        };\n\n        const hasContent = Boolean(txt || children || additionalContent || contentRight);\n\n        return (\n            <Root\n                ref={ref}\n                view={view}\n                size={size}\n                tabIndex={!disabled ? 0 : -1}\n                disabled={disabled}\n                style={{\n                    ...(isLoading && {\n                        pointerEvents: 'none',\n                    }),\n                    ...style,\n                }}\n                {...linkProps}\n                {...rest}\n            >\n                <LoadWrap isLoading={!disabled && isLoading} style={{ ...loadingCustomOpacity }}>\n                    {contentLeft && <StyledContentLeft hasContent={hasContent}>{contentLeft}</StyledContentLeft>}\n                    {txt ? <LinkButtonText>{txt}</LinkButtonText> : children}\n                    {additionalContent && <StyledAdditionalContent>{additionalContent}</StyledAdditionalContent>}\n                    {contentRight && <StyledContentRight hasContent={hasContent}>{contentRight}</StyledContentRight>}\n                </LoadWrap>\n                {!disabled && isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n            </Root>\n        );\n    });\n\nexport const linkButtonConfig = {\n    name: 'LinkButton',\n    tag: 'a',\n    layout: linkButtonRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["linkButtonRoot","Root","forwardRef","props","ref","children","view","size","text","contentLeft","contentRight","isLoading","loader","disabled","target","href","rel","style","additionalContent","rest","_objectWithoutProperties","_excluded","txt","loadingCustomOpacity","opacity","linkProps","undefined","hasContent","Boolean","React","createElement","_extends","tabIndex","_objectSpread","pointerEvents","LoadWrap","StyledContentLeft","LinkButtonText","StyledAdditionalContent","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","linkButtonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}

package/dist/css/es/components/LinkButton/LinkButton.styles.js

@@ -1,5 +1,6 @@
-import './LinkButton.styles_1e7vwn3.css';
+import './LinkButton.styles_ztirgn.css';
 import { styled } from '@linaria/react';
+import { tokens } from './LinkButton.tokens.js';
 import { component, mergeConfig } from '../../engines/common.js';
 import { spinnerConfig } from '../Spinner/Spinner.js';
 
@@ -43,15 +44,33 @@ var LinkButtonText = /*#__PURE__*/styled('span')({
   "class": "l1uogc3z",
   propsAsIs: false
 });
+var _exp15 = function _exp15() {
+  return function (_ref2) {
+    var hasContent = _ref2.hasContent;
+    return hasContent ? "var(".concat(tokens.linkButtonLeftContentMargin, ")") : '0';
+  };
+};
 var StyledContentLeft = /*#__PURE__*/styled('div')({
   name: "StyledContentLeft",
   "class": "s176p3a0",
-  propsAsIs: false
+  propsAsIs: false,
+  vars: {
+    "s176p3a0-0": [/*#__PURE__*/_exp15()]
+  }
 });
+var _exp17 = function _exp17() {
+  return function (_ref3) {
+    var hasContent = _ref3.hasContent;
+    return hasContent ? "var(".concat(tokens.linkButtonRightContentMargin, ")") : '0';
+  };
+};
 var StyledContentRight = /*#__PURE__*/styled('div')({
   name: "StyledContentRight",
   "class": "slixkvc",
-  propsAsIs: false
+  propsAsIs: false,
+  vars: {
+    "slixkvc-0": [/*#__PURE__*/_exp17()]
+  }
 });
 
 export { LinkButtonText, LoadWrap, Loader, StyledAdditionalContent, StyledContentLeft, StyledContentRight, StyledSpinner, base };

package/dist/css/es/components/LinkButton/LinkButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.styles.js","sources":["../../../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    text-decoration: none;\n    appearance: none;\n    outline: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    ${addFocus({\n        outlineOffset: '-0.125rem',\n        outlineSize: '0.063rem',\n        outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n        outlineColor: `var(${tokens.linkButtonFocusColor})`,\n    })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n    display: flex;\n    align-items: center;\n    margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n    opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n    display: flex;\n    align-items: inherit;\n    justify-content: inherit;\n    height: 100%;\n    width: 100%;\n`;\n\nexport const Loader = styled.div`\n    position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n    ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n    ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n    padding: var(${tokens.linkButtonTextPadding});\n    color: var(${tokens.linkButtonTextColor});\n\n    ${applyEllipsis()}\n\n    &:hover {\n        color: var(${tokens.linkButtonTextColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.linkButtonTextColorActive});\n    }\n`;\n\nexport const StyledContentLeft = styled.div`\n    line-height: 0;\n    color: var(${tokens.linkButtonIconColor});\n\n    margin: var(${tokens.linkButtonLeftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n    line-height: 0;\n    color: var(${tokens.linkButtonIconColor});\n\n    margin: var(${tokens.linkButtonRightContentMargin});\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","StyledAdditionalContent","styled","name","class","propsAsIs","_exp3","_ref","isLoading","LoadWrap","vars","Loader","_exp4","StyledSpinner","LinkButtonText","StyledContentLeft","StyledContentRight"],"mappings":";;;;AASA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAEhC,IAAMK,IAAI,GAoBhB,WAAA;AAEM,IAAMC,uBAAuB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,yBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI5C,EAAA;AAAC,IAAAC,KAAA,GArCgBA,SAqChBA,KAAAA,GAAA;AAAA,EAAA,OAGa,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,MAAM,GAAG,GAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADrD,IAAMC,QAAQ,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,UAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAK,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACfJ,KAA6C,EAAA,CAAA;AAAA,GAAA;AAAA,CAM3D,EAAA;AAEM,IAAMK,MAAM,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,QAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE3B,EAAA;AAAC,IAAAO,KAAA,GAlDgBA,SAkDhBA,KAAAA,GAAA;AAAA,EAAA,OAEkCd,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMe,aAAa,gBAAGX,MAAM,CAAAU,KAAA,EAAA,CAAA,CAAA;AAAAT,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGlC,EAAA;AAEM,IAAMS,cAAc,gBAAGZ,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAanC,EAAA;AAEM,IAAMU,iBAAiB,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKtC,EAAA;AAEM,IAAMW,kBAAkB,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKvC;;;;"}
+{"version":3,"file":"LinkButton.styles.js","sources":["../../../../../src/components/LinkButton/LinkButton.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { styled } from '@linaria/react';\n\nimport { applyEllipsis, addFocus } from '../../mixins';\nimport { component, mergeConfig } from '../../engines';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens } from './LinkButton.tokens';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const base = css`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    text-decoration: none;\n    appearance: none;\n    outline: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    ${addFocus({\n        outlineOffset: '-0.125rem',\n        outlineSize: '0.063rem',\n        outlineRadius: `calc(0.125rem + var(${tokens.linkButtonRadius}))`,\n        outlineColor: `var(${tokens.linkButtonFocusColor})`,\n    })}\n`;\n\nexport const StyledAdditionalContent = styled.div`\n    display: flex;\n    align-items: center;\n    margin: var(${tokens.linkButtonAdditionalContentMargin});\n`;\n\nexport const LoadWrap = styled.div<{ isLoading?: boolean }>`\n    opacity: ${({ isLoading }) => (isLoading ? '0.06' : '1')};\n    display: flex;\n    align-items: inherit;\n    justify-content: inherit;\n    height: 100%;\n    width: 100%;\n`;\n\nexport const Loader = styled.div`\n    position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n    ${spinnerTokens.size}: var(${tokens.linkButtonSpinnerSize});\n    ${spinnerTokens.color}: var(${tokens.linkButtonSpinnerColor});\n`;\n\nexport const LinkButtonText = styled.span`\n    padding: var(${tokens.linkButtonTextPadding});\n    color: var(${tokens.linkButtonTextColor});\n\n    ${applyEllipsis()}\n\n    &:hover {\n        color: var(${tokens.linkButtonTextColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.linkButtonTextColorActive});\n    }\n`;\n\nexport const StyledContentLeft = styled.div<{ hasContent?: boolean }>`\n    line-height: 0;\n    color: var(${tokens.linkButtonIconColor});\n\n    margin: ${({ hasContent }) => (hasContent ? `var(${tokens.linkButtonLeftContentMargin})` : '0')};\n`;\n\nexport const StyledContentRight = styled.div<{ hasContent?: boolean }>`\n    line-height: 0;\n    color: var(${tokens.linkButtonIconColor});\n\n    margin: ${({ hasContent }) => (hasContent ? `var(${tokens.linkButtonRightContentMargin})` : '0')};\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","base","StyledAdditionalContent","styled","name","class","propsAsIs","_exp3","_ref","isLoading","LoadWrap","vars","Loader","_exp4","StyledSpinner","LinkButtonText","_exp15","_ref2","hasContent","concat","tokens","linkButtonLeftContentMargin","StyledContentLeft","_exp17","_ref3","linkButtonRightContentMargin","StyledContentRight"],"mappings":"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"}

package/dist/css/es/components/LinkButton/{LinkButton.styles_1e7vwn3.css → LinkButton.styles_ztirgn.css}

@@ -4,5 +4,5 @@
 .l7ptchj{position:absolute;}
 .s12rghuz{--plasma-spinner-size:var(--plasma-link-button-spinner-size);--plasma-spinner-color:var(--plasma-link-button-spinner-color);}
 .l1uogc3z{padding:var(--plasma-link-button-text-padding);color:var(--plasma-link-button-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.l1uogc3z:hover{color:var(--plasma-link-button-text-color-hover);}.l1uogc3z:active{color:var(--plasma-link-button-text-color-active);}
-.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-left-content-margin);}
-.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--plasma-link-button-right-content-margin);}
+.s176p3a0{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--s176p3a0-0);}
+.slixkvc{line-height:0;color:var(--plasma-link-button-icon-color);margin:var(--slixkvc-0);}

package/dist/css/es/components/List/List.js

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import cls from 'classnames';
 import { base } from './List.styles.js';
 import { classes } from './List.tokens.js';
@@ -14,7 +14,7 @@ var listRoot = function listRoot(Root) {
       variant = _ref.variant,
       className = _ref.className,
       children = _ref.children;
-    return /*#__PURE__*/React.createElement(Root, {
+    return /*#__PURE__*/React__default.createElement(Root, {
       ref: outerRootRef,
       size: size,
       view: view,

package/dist/css/es/components/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\n\nimport { RootProps } from '../../engines';\n\nimport type { ListProps } from './List.types';\nimport { base } from './List.styles';\nimport { classes } from './List.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const listRoot = (Root: RootProps<HTMLUListElement, ListProps>) =>\n    forwardRef<HTMLUListElement, ListProps>(({ size, view, disabled, variant, className, children }, outerRootRef) => {\n        return (\n            <Root\n                ref={outerRootRef}\n                size={size}\n                view={view}\n                disabled={disabled}\n                className={cls(\n                    classes.listRoot,\n                    className,\n                    variant === 'tight' ? classes.tightListItem : '',\n                    disabled ? classes.disabledList : '',\n                )}\n            >\n                {children}\n            </Root>\n        );\n    });\n\nexport const listConfig = {\n    name: 'List',\n    tag: 'ul',\n    layout: listRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["listRoot","Root","forwardRef","_ref","outerRootRef","size","view","disabled","variant","className","children","React","createElement","ref","cls","classes","tightListItem","disabledList","listConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","defaults"],"mappings":";;;;;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA4C,EAAA;AAAA,EAAA,oBACjEC,UAAU,CAA8B,UAAAC,IAAA,EAAyDC,YAAY,EAAK;AAAA,IAAA,IAAvEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;MAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;MAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;MAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ,CAAA;AACzF,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACX,IAAI,EAAA;AACDY,MAAAA,GAAG,EAAET,YAAa;AAClBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,QAAQ,EAAEA,QAAS;MACnBE,SAAS,EAAEK,GAAG,CACVC,OAAO,CAACf,QAAQ,EAChBS,SAAS,EACTD,OAAO,KAAK,OAAO,GAAGO,OAAO,CAACC,aAAa,GAAG,EAAE,EAChDT,QAAQ,GAAGQ,OAAO,CAACE,YAAY,GAAG,EACtC,CAAA;AAAE,KAAA,EAEDP,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMQ,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,IAAI;AACTC,EAAAA,MAAM,EAAErB,QAAQ;AAChBsB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDpB,IAAAA,IAAI,EAAE;AACFmB,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDnB,IAAAA,QAAQ,EAAE;AACNiB,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtB,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cls from 'classnames';\n\nimport { RootProps } from '../../engines';\n\nimport type { ListProps } from './List.types';\nimport { base } from './List.styles';\nimport { classes } from './List.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\n\nexport const listRoot = (Root: RootProps<HTMLUListElement, ListProps>) =>\n    forwardRef<HTMLUListElement, ListProps>(({ size, view, disabled, variant, className, children }, outerRootRef) => {\n        return (\n            <Root\n                ref={outerRootRef}\n                size={size}\n                view={view}\n                disabled={disabled}\n                className={cls(\n                    classes.listRoot,\n                    className,\n                    variant === 'tight' ? classes.tightListItem : '',\n                    disabled ? classes.disabledList : '',\n                )}\n            >\n                {children}\n            </Root>\n        );\n    });\n\nexport const listConfig = {\n    name: 'List',\n    tag: 'ul',\n    layout: listRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["listRoot","Root","forwardRef","_ref","outerRootRef","size","view","disabled","variant","className","children","React","createElement","ref","cls","classes","tightListItem","disabledList","listConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","defaults"],"mappings":";;;;;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA4C,EAAA;AAAA,EAAA,oBACjEC,UAAU,CAA8B,UAAAC,IAAA,EAAyDC,YAAY,EAAK;AAAA,IAAA,IAAvEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;MAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;MAAEC,SAAS,GAAAN,IAAA,CAATM,SAAS;MAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ,CAAA;AACzF,IAAA,oBACIC,cAAA,CAAAC,aAAA,CAACX,IAAI,EAAA;AACDY,MAAAA,GAAG,EAAET,YAAa;AAClBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,QAAQ,EAAEA,QAAS;MACnBE,SAAS,EAAEK,GAAG,CACVC,OAAO,CAACf,QAAQ,EAChBS,SAAS,EACTD,OAAO,KAAK,OAAO,GAAGO,OAAO,CAACC,aAAa,GAAG,EAAE,EAChDT,QAAQ,GAAGQ,OAAO,CAACE,YAAY,GAAG,EACtC,CAAA;AAAE,KAAA,EAEDP,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMQ,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,IAAI;AACTC,EAAAA,MAAM,EAAErB,QAAQ;AAChBsB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDpB,IAAAA,IAAI,EAAE;AACFmB,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDnB,IAAAA,QAAQ,EAAE;AACNiB,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNtB,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/dist/css/es/components/List/ui/ListItem.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React__default from 'react';
 import { classes } from '../List.tokens.js';
 import { StyledListItem, CellItem } from './ListItem.styles.js';
 
@@ -9,9 +9,9 @@ var ListItem = function ListItem(_ref) {
     contentRight = _ref.contentRight,
     disabled = _ref.disabled,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledListItem, _extends({
+  return /*#__PURE__*/React__default.createElement(StyledListItem, _extends({
     className: disabled ? classes.disabledListItem : ''
-  }, rest), /*#__PURE__*/React.createElement(CellItem, {
+  }, rest), /*#__PURE__*/React__default.createElement(CellItem, {
     contentRight: contentRight
   }, children));
 };

package/dist/css/es/components/List/ui/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/List/ui/ListItem.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { classes } from '../List.tokens';\n\nimport { StyledListItem, CellItem } from './ListItem.styles';\nimport { ListItemProps } from './ListItem.types';\n\nexport const ListItem: React.FC<HTMLAttributes<HTMLLIElement> & ListItemProps> = ({\n    children,\n    contentRight,\n    disabled,\n    ...rest\n}) => {\n    return (\n        <StyledListItem className={disabled ? classes.disabledListItem : ''} {...rest}>\n            <CellItem contentRight={contentRight}>{children}</CellItem>\n        </StyledListItem>\n    );\n};\n"],"names":["ListItem","_ref","children","contentRight","disabled","rest","_objectWithoutProperties","_excluded","React","createElement","StyledListItem","_extends","className","classes","disabledListItem","CellItem"],"mappings":";;;;;;IAOaA,QAAiE,GAAG,SAApEA,QAAiEA,CAAAC,IAAA,EAKxE;AAAA,EAAA,IAJFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AACLC,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAEP,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AAACC,IAAAA,SAAS,EAAER,QAAQ,GAAGS,OAAO,CAACC,gBAAgB,GAAG,EAAA;AAAG,GAAA,EAAKT,IAAI,CACzEG,eAAAA,KAAA,CAAAC,aAAA,CAACM,QAAQ,EAAA;AAACZ,IAAAA,YAAY,EAAEA,YAAAA;GAAeD,EAAAA,QAAmB,CAC9C,CAAC,CAAA;AAEzB;;;;"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/List/ui/ListItem.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { classes } from '../List.tokens';\n\nimport { StyledListItem, CellItem } from './ListItem.styles';\nimport { ListItemProps } from './ListItem.types';\n\nexport const ListItem: React.FC<HTMLAttributes<HTMLLIElement> & ListItemProps> = ({\n    children,\n    contentRight,\n    disabled,\n    ...rest\n}) => {\n    return (\n        <StyledListItem className={disabled ? classes.disabledListItem : ''} {...rest}>\n            <CellItem contentRight={contentRight}>{children}</CellItem>\n        </StyledListItem>\n    );\n};\n"],"names":["ListItem","_ref","children","contentRight","disabled","rest","_objectWithoutProperties","_excluded","React","createElement","StyledListItem","_extends","className","classes","disabledListItem","CellItem"],"mappings":";;;;;;IAOaA,QAAiE,GAAG,SAApEA,QAAiEA,CAAAC,IAAA,EAKxE;AAAA,EAAA,IAJFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AACLC,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAEP,EAAA,oBACIC,cAAA,CAAAC,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AAACC,IAAAA,SAAS,EAAER,QAAQ,GAAGS,OAAO,CAACC,gBAAgB,GAAG,EAAA;AAAG,GAAA,EAAKT,IAAI,CACzEG,eAAAA,cAAA,CAAAC,aAAA,CAACM,QAAQ,EAAA;AAACZ,IAAAA,YAAY,EAAEA,YAAAA;GAAeD,EAAAA,QAAmB,CAC9C,CAAC,CAAA;AAEzB;;;;"}