@salutejs/plasma-new-hope 0.170.0-dev.0 → 0.171.0-canary.1459.11400476651.0

package/emotion/es/components/TextField/TextField.template-doc.mdx

@@ -125,7 +125,8 @@ export function App() {
 ```
 
 ### Подсказка
-Для вывода подсказки снизу от поля используйте свойство `helperText`:
+Для вывода подсказки снизу от поля используйте свойство `helperText`,
+для подсказки в виде Tooltip - `hintText`, для подсказки сверху справа - `titleCaption`:
 
 ```tsx live
 import React from 'react';
@@ -138,6 +139,10 @@ export function App() {
                 placeholder="Введите значение"
                 defaultValue="Значение"
                 helperText="Подсказка снизу"
+                titleCaption="Подсказка сверху"
+                hintText="Подсказка в виде Tooltip"
+                hintView="default"
+                hintSize="m"
             />
         </div>
     );

package/emotion/es/components/TextField/TextField.tokens.js

@@ -8,7 +8,9 @@ export var classes = {
   hideLabel: 'hide-label',
   clear: 'textfield-clear',
   hasDivider: 'textfield-has-divider',
-  textFieldGroupItem: 'text-field-group-item'
+  hasHint: 'textfield-has-hint',
+  textFieldGroupItem: 'text-field-group-item',
+  requiredAlignRight: 'required-align-right'
 };
 export var tokens = {
   color: '--plasma-textfield-color',
@@ -77,6 +79,15 @@ export var tokens = {
   labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',
   labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',
   contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',
+  titleCaptionColor: '--plasma-textfield__title-caption-color',
+  titleCaptionColorReadOnly: '--plasma-textfield__title-caption-color-readonly',
+  titleCaptionInnerLabelOffset: '--plasma-textfield__title-caption-label-inner-offset',
+  titleCaptionFontFamily: '--plasma-textfield__title-caption-font-family',
+  titleCaptionFontStyle: '--plasma-textfield__title-caption-font-style',
+  titleCaptionFontSize: '--plasma-textfield__title-caption-font-size',
+  titleCaptionFontWeight: '--plasma-textfield__title-caption-font-weight',
+  titleCaptionLetterSpacing: '--plasma-textfield__title-caption-letter-spacing',
+  titleCaptionLineHeight: '--plasma-textfield__title-caption-line-height',
   leftHelperColor: '--plasma-textfield__left-helper-color',
   leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',
   leftHelperOffset: '--plasma-textfield__left-helper-offset',
@@ -93,6 +104,34 @@ export var tokens = {
   textAfterMargin: '--plasma-textfield__after-text-margin',
   /** Прозрачность для всего компонента в состоянии disabled */
   disabledOpacity: '--plasma-textfield-disabled-opacity',
+  /** Токены для tooltip */
+  hintMargin: '--plasma-textfield__hint-margin',
+  hintTargetSize: '--plasma-textfield__hint-target-size',
+  hintIconColor: '--plasma-textfield__hint-icon-color',
+  hintInnerLabelPlacementOffset: '--plasma-textfield__hint-inner-label-placement-offset',
+  clearHintInnerLabelPlacementOffset: '--plasma-textfield__clear-hint-inner-label-placement-offset',
+  tooltipBackgroundColor: '--plasma-textfield__tooltip-background-color',
+  tooltipBoxShadow: '--plasma-textfield__tooltip-box-shadow',
+  tooltipColor: '--plasma-textfield__tooltip-color',
+  tooltipPaddingTop: '--plasma-textfield__tooltip-padding-top',
+  tooltipPaddingRight: '--plasma-textfield__tooltip-padding-right',
+  tooltipPaddingBottom: '--plasma-textfield__tooltip-padding-bottom',
+  tooltipPaddingLeft: '--plasma-textfield__tooltip-padding-left',
+  tooltipMinHeight: '--plasma-textfield__tooltip-min-height',
+  tooltipBorderRadius: '--plasma-textfield__tooltip-border-radius',
+  tooltipTextFontFamily: '--plasma-textfield__tooltip-text-font-family',
+  tooltipTextFontSize: '--plasma-textfield__tooltip-text-font-size',
+  tooltipTextFontStyle: '--plasma-textfield__tooltip-text-font-style',
+  tooltipTextFontWeight: '--plasma-textfield__tooltip-text-font-weight',
+  tooltipTextFontLetterSpacing: '--plasma-textfield__tooltip-text-font-letter-spacing',
+  tooltipTextFontLineHeight: '--plasma-textfield__tooltip-text-font-line-height',
+  tooltipContentLeftMargin: '--plasma-textfield__tooltip-content-left-margin',
+  tooltipArrowMaskWidth: '--plasma-textfield__tooltip-arrow-mask-width',
+  tooltipArrowMaskHeight: '--plasma-textfield__tooltip-arrow-mask-height',
+  tooltipArrowMaskImage: '--plasma-textfield__tooltip-arrow-mask-image',
+  tooltipArrowHeight: '--plasma-textfield__tooltip-arrow-height',
+  tooltipArrowEdgeMargin: '--plasma-textfield__tooltip-arrow-edge-margin',
+  tooltipArrowBackground: '--plasma-textfield__tooltip-arrow-background',
   /** Токены чипа */
   chipHeight: '--plasma-textfield__chip-height',
   chipBorderRadius: '--plasma-textfield__chip-border-radius',
@@ -136,5 +175,6 @@ export var tokens = {
   indicatorLabelPlacementInnerRight: '--plasma-textfield__indicator-placement-inner-right',
   indicatorLabelPlacementOuterRight: '--plasma-textfield__indicator-placement-outer-right',
   clearIndicatorLabelPlacementInner: '--plasma-textfield__clear-indicator-placement-inner',
-  clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right'
+  clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right',
+  clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right'
 };

package/emotion/es/components/TextField/ui/Hint/Hint.js

@@ -0,0 +1,44 @@
+var _IconInfoCircleOutlin;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React, { forwardRef } from 'react';
+import { Hint, HintTargetWrapper, HintIconWrapper } from '../../TextField.styles';
+import { IconInfoCircleOutline } from '../../../_Icon';
+import { safeUseId } from '../../../../utils';
+export var HintComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var hintText = _ref.hintText,
+    isHintVisible = _ref.isHintVisible,
+    hintTrigger = _ref.hintTrigger,
+    hintTargetIcon = _ref.hintTargetIcon,
+    hintPlacement = _ref.hintPlacement,
+    hintHasArrow = _ref.hintHasArrow,
+    hintOffset = _ref.hintOffset,
+    hintWidth = _ref.hintWidth,
+    hintContentLeft = _ref.hintContentLeft,
+    handleHintShow = _ref.handleHintShow,
+    handleHintHide = _ref.handleHintHide,
+    handleHintClick = _ref.handleHintClick;
+  var hintId = safeUseId();
+  return /*#__PURE__*/React.createElement(Hint, {
+    ref: ref,
+    text: String(hintText),
+    opened: isHintVisible,
+    target: /*#__PURE__*/React.createElement(HintTargetWrapper, null, /*#__PURE__*/React.createElement(HintIconWrapper, _extends({
+      id: hintId
+    }, hintTrigger === 'hover' ? {
+      onMouseEnter: handleHintShow,
+      onMouseLeave: handleHintHide
+    } : {
+      onClick: handleHintClick
+    }), hintTargetIcon || _IconInfoCircleOutlin || (_IconInfoCircleOutlin = /*#__PURE__*/React.createElement(IconInfoCircleOutline, {
+      size: "xs",
+      color: "inherit"
+    })))),
+    placement: hintPlacement,
+    hasArrow: hintHasArrow,
+    offset: hintOffset,
+    minWidth: hintWidth,
+    maxWidth: hintWidth,
+    contentLeft: hintContentLeft,
+    frame: hintId
+  });
+});

package/emotion/es/components/TextField/ui/Hint/Hint.types.js

@@ -0,0 +1 @@
+export {};

package/emotion/es/components/TextField/variations/_clear/base.js

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
 import { classes, tokens } from '../../TextField.tokens';
-import { Input, InputPlaceholder, InputWrapper, Label, StyledContentLeft, StyledContentRight, StyledIndicator } from '../../TextField.styles';
-export var base = /*#__PURE__*/css("&.", classes.clear, "{&[readonly] ", InputWrapper, ",", InputWrapper, "{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;&:hover{background-color:unset;}}", StyledContentLeft, "{margin-left:0;}", StyledContentRight, "{margin-right:0;}&.", classes.outerLabelPlacement, "{", Label, "{margin-bottom:var(", tokens.clearLabelOffset, ");}}", Input, "{color:var(", tokens.clearColor, ");}", InputPlaceholder, "{color:var(", tokens.clearPlaceholderColor, ");}", StyledIndicator, "{&.", classes.innerLabelPlacement, "{inset:var(", tokens.clearIndicatorLabelPlacementInner, ");&.align-right{inset:var(", tokens.clearIndicatorLabelPlacementInnerRight, ");}}}&.", classes.hasDivider, "{", InputWrapper, "{--plasma_private-textfield-divider-color:var(", /*#__PURE__*/String(tokens.dividerColor), ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ", InputWrapper, ":hover{--plasma_private-textfield-divider-color:var(\n                    ", tokens.dividerColorHover, ",\n                    var(", /*#__PURE__*/String(tokens.dividerColor), ")\n                );}&:not([readonly]) ", InputWrapper, ":focus-within{--plasma_private-textfield-divider-color:var(\n                    ", tokens.dividerColorFocus, ",\n                    var(", /*#__PURE__*/String(tokens.dividerColor), ")\n                );", InputPlaceholder, "{color:var(", tokens.clearPlaceholderColorFocus, ");}}}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2NsZWFyL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2NsZWFyL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC50b2tlbnMnO1xuaW1wb3J0IHtcbiAgICBJbnB1dCxcbiAgICBJbnB1dFBsYWNlaG9sZGVyLFxuICAgIElucHV0V3JhcHBlcixcbiAgICBMYWJlbCxcbiAgICBTdHlsZWRDb250ZW50TGVmdCxcbiAgICBTdHlsZWRDb250ZW50UmlnaHQsXG4gICAgU3R5bGVkSW5kaWNhdG9yLFxufSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMuY2xlYXJ9IHtcbiAgICAgICAgJltyZWFkb25seV0gJHtJbnB1dFdyYXBwZXJ9LCAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5cbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHVuc2V0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50TGVmdH0ge1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnRSaWdodH0ge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAgICAgJHtMYWJlbH0ge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5jbGVhckxhYmVsT2Zmc2V0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAke0lucHV0fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkSW5kaWNhdG9yfSB7XG4gICAgICAgICAgICAmLiR7Y2xhc3Nlcy5pbm5lckxhYmVsUGxhY2VtZW50fSB7XG4gICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckluZGljYXRvckxhYmVsUGxhY2VtZW50SW5uZXJ9KTtcblxuICAgICAgICAgICAgICAgICYuYWxpZ24tcmlnaHQge1xuICAgICAgICAgICAgICAgICAgICBpbnNldDogdmFyKCR7dG9rZW5zLmNsZWFySW5kaWNhdG9yTGFiZWxQbGFjZW1lbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRGl2aWRlcn0ge1xuICAgICAgICAgICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1kaXZpZGVyLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvcil9KTtcblxuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAwLjA2M3JlbTtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWRpdmlkZXItY29sb3IpO1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6bm90KFtyZWFkb25seV0pICR7SW5wdXRXcmFwcGVyfTpob3ZlciB7XG4gICAgICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JIb3Zlcn0sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpub3QoW3JlYWRvbmx5XSkgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JGb2N1c30sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyUGxhY2Vob2xkZXJDb2xvckZvY3VzfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
+import { Input, InputPlaceholder, InputWrapper, OuterLabelWrapper, StyledContentLeft, StyledContentRight, StyledHintWrapper, StyledIndicator } from '../../TextField.styles';
+export var base = /*#__PURE__*/css("&.", classes.clear, "{&[readonly] ", InputWrapper, ",", InputWrapper, "{background-color:unset;box-shadow:none;border-radius:0;padding-left:0;padding-right:0;&:hover{background-color:unset;}}", StyledContentLeft, "{margin-left:0;}", StyledContentRight, "{margin-right:0;}&.", classes.outerLabelPlacement, "{", OuterLabelWrapper, "{margin-bottom:var(", tokens.clearLabelOffset, ");}}", Input, "{color:var(", tokens.clearColor, ");}", InputPlaceholder, "{color:var(", tokens.clearPlaceholderColor, ");}", StyledIndicator, "{&.", classes.innerLabelPlacement, "{inset:var(", tokens.clearIndicatorLabelPlacementInner, ");&.", classes.requiredAlignRight, "{inset:var(", tokens.clearIndicatorLabelPlacementInnerRight, ");}}}&.", classes.hasHint, "{", StyledHintWrapper, "{&.", classes.innerLabelPlacement, "{inset:var(", tokens.clearHintInnerLabelPlacementOffset, ");}}", StyledIndicator, "{&.", classes.innerLabelPlacement, ".", classes.requiredAlignRight, "{inset:var(", tokens.clearIndicatorHintInnerRight, ");}}}&.", classes.hasDivider, "{", InputWrapper, "{--plasma_private-textfield-divider-color:var(", /*#__PURE__*/String(tokens.dividerColor), ");&:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textfield-divider-color);transition:background-color 0.1s ease-in;}}&:not([readonly]) ", InputWrapper, ":hover{--plasma_private-textfield-divider-color:var(\n                    ", tokens.dividerColorHover, ",\n                    var(", /*#__PURE__*/String(tokens.dividerColor), ")\n                );}&:not([readonly]) ", InputWrapper, ":focus-within{--plasma_private-textfield-divider-color:var(\n                    ", tokens.dividerColorFocus, ",\n                    var(", /*#__PURE__*/String(tokens.dividerColor), ")\n                );", InputPlaceholder, "{color:var(", tokens.clearPlaceholderColorFocus, ");}}}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2NsZWFyL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2NsZWFyL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC50b2tlbnMnO1xuaW1wb3J0IHtcbiAgICBJbnB1dCxcbiAgICBJbnB1dFBsYWNlaG9sZGVyLFxuICAgIElucHV0V3JhcHBlcixcbiAgICBPdXRlckxhYmVsV3JhcHBlcixcbiAgICBTdHlsZWRDb250ZW50TGVmdCxcbiAgICBTdHlsZWRDb250ZW50UmlnaHQsXG4gICAgU3R5bGVkSGludFdyYXBwZXIsXG4gICAgU3R5bGVkSW5kaWNhdG9yLFxufSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMuY2xlYXJ9IHtcbiAgICAgICAgJltyZWFkb25seV0gJHtJbnB1dFdyYXBwZXJ9LCAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdW5zZXQ7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBub25lO1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5cbiAgICAgICAgICAgICY6aG92ZXIge1xuICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHVuc2V0O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRDb250ZW50TGVmdH0ge1xuICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZENvbnRlbnRSaWdodH0ge1xuICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiAwO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAgICAgJHtPdXRlckxhYmVsV3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IHZhcigke3Rva2Vucy5jbGVhckxhYmVsT2Zmc2V0fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAke0lucHV0fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7U3R5bGVkSW5kaWNhdG9yfSB7XG4gICAgICAgICAgICAmLiR7Y2xhc3Nlcy5pbm5lckxhYmVsUGxhY2VtZW50fSB7XG4gICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckluZGljYXRvckxhYmVsUGxhY2VtZW50SW5uZXJ9KTtcblxuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLnJlcXVpcmVkQWxpZ25SaWdodH0ge1xuICAgICAgICAgICAgICAgICAgICBpbnNldDogdmFyKCR7dG9rZW5zLmNsZWFySW5kaWNhdG9yTGFiZWxQbGFjZW1lbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzSGludH0ge1xuICAgICAgICAgICAgJHtTdHlsZWRIaW50V3JhcHBlcn0ge1xuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckhpbnRJbm5lckxhYmVsUGxhY2VtZW50T2Zmc2V0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAke1N0eWxlZEluZGljYXRvcn0ge1xuICAgICAgICAgICAgICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9LiR7Y2xhc3Nlcy5yZXF1aXJlZEFsaWduUmlnaHR9IHtcbiAgICAgICAgICAgICAgICAgICAgaW5zZXQ6IHZhcigke3Rva2Vucy5jbGVhckluZGljYXRvckhpbnRJbm5lclJpZ2h0fSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRGl2aWRlcn0ge1xuICAgICAgICAgICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1kaXZpZGVyLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvcil9KTtcblxuICAgICAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAwLjA2M3JlbTtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWRpdmlkZXItY29sb3IpO1xuICAgICAgICAgICAgICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbjtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICY6bm90KFtyZWFkb25seV0pICR7SW5wdXRXcmFwcGVyfTpob3ZlciB7XG4gICAgICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JIb3Zlcn0sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpub3QoW3JlYWRvbmx5XSkgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgICAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtZGl2aWRlci1jb2xvcjogdmFyKFxuICAgICAgICAgICAgICAgICAgICAke3Rva2Vucy5kaXZpZGVyQ29sb3JGb2N1c30sXG4gICAgICAgICAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuZGl2aWRlckNvbG9yKX0pXG4gICAgICAgICAgICAgICAgKTtcblxuICAgICAgICAgICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyUGxhY2Vob2xkZXJDb2xvckZvY3VzfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));

package/emotion/es/components/TextField/variations/_hint-size/base.js

@@ -0,0 +1,5 @@
+import { css } from '@emotion/react';
+import { tokens } from '../../TextField.tokens';
+import { tooltipTokens } from '../../../Tooltip';
+import { Hint } from '../../TextField.styles';
+export var base = /*#__PURE__*/css(Hint, "{", tooltipTokens.paddingTop, ":var(", tokens.tooltipPaddingTop, ");", tooltipTokens.paddingRight, ":var(", tokens.tooltipPaddingRight, ");", tooltipTokens.paddingBottom, ":var(", tokens.tooltipPaddingBottom, ");", tooltipTokens.paddingLeft, ":var(", tokens.tooltipPaddingLeft, ");", tooltipTokens.minHeight, ":var(", tokens.tooltipMinHeight, ");", tooltipTokens.borderRadius, ":var(", tokens.tooltipBorderRadius, ");", tooltipTokens.textFontFamily, ":var(", tokens.tooltipTextFontFamily, ");", tooltipTokens.textFontSize, ":var(", tokens.tooltipTextFontSize, ");", tooltipTokens.textFontStyle, ":var(", tokens.tooltipTextFontStyle, ");", tooltipTokens.textFontWeight, ":var(", tokens.tooltipTextFontWeight, ");", tooltipTokens.textFontLetterSpacing, ":var(", tokens.tooltipTextFontLetterSpacing, ");", tooltipTokens.textFontLineHeight, ":var(", tokens.tooltipTextFontLineHeight, ");", tooltipTokens.contentLeftMargin, ":var(", tokens.tooltipContentLeftMargin, ");", tooltipTokens.arrowMaskWidth, ":var(", tokens.tooltipArrowMaskWidth, ");", tooltipTokens.arrowMaskHeight, ":var(", tokens.tooltipArrowMaskHeight, ");", tooltipTokens.arrowMaskImage, ":var(", tokens.tooltipArrowMaskImage, ");", tooltipTokens.arrowHeight, ":var(", tokens.tooltipArrowHeight, ");", tooltipTokens.arrowEdgeMargin, ":var(", tokens.tooltipArrowEdgeMargin, ");", tooltipTokens.arrowBackground, ":var(", tokens.tooltipArrowBackground, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2hpbnQtc2l6ZS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19oaW50LXNpemUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyB0b29sdGlwVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vVG9vbHRpcCc7XG5pbXBvcnQgeyBIaW50IH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7SGludH0ge1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMucGFkZGluZ1RvcH06IHZhcigke3Rva2Vucy50b29sdGlwUGFkZGluZ1RvcH0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMucGFkZGluZ1JpZ2h0fTogdmFyKCR7dG9rZW5zLnRvb2x0aXBQYWRkaW5nUmlnaHR9KTtcbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLnBhZGRpbmdCb3R0b219OiB2YXIoJHt0b2tlbnMudG9vbHRpcFBhZGRpbmdCb3R0b219KTtcbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLnBhZGRpbmdMZWZ0fTogdmFyKCR7dG9rZW5zLnRvb2x0aXBQYWRkaW5nTGVmdH0pO1xuXG4gICAgICAgICR7dG9vbHRpcFRva2Vucy5taW5IZWlnaHR9OiB2YXIoJHt0b2tlbnMudG9vbHRpcE1pbkhlaWdodH0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYm9yZGVyUmFkaXVzfTogdmFyKCR7dG9rZW5zLnRvb2x0aXBCb3JkZXJSYWRpdXN9KTtcblxuICAgICAgICAke3Rvb2x0aXBUb2tlbnMudGV4dEZvbnRGYW1pbHl9OiB2YXIoJHt0b2tlbnMudG9vbHRpcFRleHRGb250RmFtaWx5fSk7XG4gICAgICAgICR7dG9vbHRpcFRva2Vucy50ZXh0Rm9udFNpemV9OiB2YXIoJHt0b2tlbnMudG9vbHRpcFRleHRGb250U2l6ZX0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMudGV4dEZvbnRTdHlsZX06IHZhcigke3Rva2Vucy50b29sdGlwVGV4dEZvbnRTdHlsZX0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMudGV4dEZvbnRXZWlnaHR9OiB2YXIoJHt0b2tlbnMudG9vbHRpcFRleHRGb250V2VpZ2h0fSk7XG4gICAgICAgICR7dG9vbHRpcFRva2Vucy50ZXh0Rm9udExldHRlclNwYWNpbmd9OiB2YXIoJHt0b2tlbnMudG9vbHRpcFRleHRGb250TGV0dGVyU3BhY2luZ30pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMudGV4dEZvbnRMaW5lSGVpZ2h0fTogdmFyKCR7dG9rZW5zLnRvb2x0aXBUZXh0Rm9udExpbmVIZWlnaHR9KTtcblxuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuY29udGVudExlZnRNYXJnaW59OiB2YXIoJHt0b2tlbnMudG9vbHRpcENvbnRlbnRMZWZ0TWFyZ2lufSk7XG5cbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLmFycm93TWFza1dpZHRofTogdmFyKCR7dG9rZW5zLnRvb2x0aXBBcnJvd01hc2tXaWR0aH0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYXJyb3dNYXNrSGVpZ2h0fTogdmFyKCR7dG9rZW5zLnRvb2x0aXBBcnJvd01hc2tIZWlnaHR9KTtcbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLmFycm93TWFza0ltYWdlfTogdmFyKCR7dG9rZW5zLnRvb2x0aXBBcnJvd01hc2tJbWFnZX0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYXJyb3dIZWlnaHR9OiB2YXIoJHt0b2tlbnMudG9vbHRpcEFycm93SGVpZ2h0fSk7XG4gICAgICAgICR7dG9vbHRpcFRva2Vucy5hcnJvd0VkZ2VNYXJnaW59OiB2YXIoJHt0b2tlbnMudG9vbHRpcEFycm93RWRnZU1hcmdpbn0pO1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYXJyb3dCYWNrZ3JvdW5kfTogdmFyKCR7dG9rZW5zLnRvb2x0aXBBcnJvd0JhY2tncm91bmR9KTtcbiAgICB9XG5gO1xuIl19 */"));

package/emotion/es/components/TextField/variations/_hint-size/tokens.json

@@ -0,0 +1,21 @@
+[
+    "--plasma-textfield__tooltip-padding-top",
+    "--plasma-textfield__tooltip-padding-right",
+    "--plasma-textfield__tooltip-padding-bottom",
+    "--plasma-textfield__tooltip-padding-left",
+    "--plasma-textfield__tooltip-min-height",
+    "--plasma-textfield__tooltip-border-radius",
+    "--plasma-textfield__tooltip-text-font-family",
+    "--plasma-textfield__tooltip-text-font-size",
+    "--plasma-textfield__tooltip-text-font-style",
+    "--plasma-textfield__tooltip-text-font-weight",
+    "--plasma-textfield__tooltip-text-font-letter-spacing",
+    "--plasma-textfield__tooltip-text-font-line-height",
+    "--plasma-textfield__tooltip-content-left-margin",
+    "--plasma-textfield__tooltip-arrow-mask-width",
+    "--plasma-textfield__tooltip-arrow-mask-height",
+    "--plasma-textfield__tooltip-arrow-mask-image",
+    "--plasma-textfield__tooltip-arrow-height",
+    "--plasma-textfield__tooltip-arrow-edge-margin",
+    "--plasma-textfield__tooltip-arrow-background"
+]

package/emotion/es/components/TextField/variations/_hint-view/base.js

@@ -0,0 +1,5 @@
+import { css } from '@emotion/react';
+import { tokens } from '../../TextField.tokens';
+import { tooltipTokens } from '../../../Tooltip';
+import { Hint } from '../../TextField.styles';
+export var base = /*#__PURE__*/css(Hint, "{", tooltipTokens.backgroundColor, ":var(", tokens.tooltipBackgroundColor, ");", tooltipTokens.boxShadow, ":var(", tokens.tooltipBoxShadow, ");", tooltipTokens.color, ":var(", tokens.tooltipColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2hpbnQtdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19oaW50LXZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyB0b29sdGlwVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vVG9vbHRpcCc7XG5pbXBvcnQgeyBIaW50IH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7SGludH0ge1xuICAgICAgICAke3Rvb2x0aXBUb2tlbnMuYmFja2dyb3VuZENvbG9yfTogdmFyKCR7dG9rZW5zLnRvb2x0aXBCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAgICAgJHt0b29sdGlwVG9rZW5zLmJveFNoYWRvd306IHZhcigke3Rva2Vucy50b29sdGlwQm94U2hhZG93fSk7XG4gICAgICAgICR7dG9vbHRpcFRva2Vucy5jb2xvcn06IHZhcigke3Rva2Vucy50b29sdGlwQ29sb3J9KTtcbiAgICB9XG5gO1xuIl19 */"));

package/emotion/es/components/TextField/variations/_hint-view/tokens.json

@@ -0,0 +1,5 @@
+[
+    "--plasma-textfield__tooltip-background-color",
+    "--plasma-textfield__tooltip-box-shadow",
+    "--plasma-textfield__tooltip-color "
+]

package/emotion/es/components/TextField/variations/_label-placement/base.js

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
 import { classes, tokens } from '../../TextField.tokens';
 import { Input, InputContainer, Label, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
-export var base = /*#__PURE__*/css("&.", classes.outerLabelPlacement, "{", Label, "{position:relative;display:inline-block;margin-bottom:var(", tokens.labelOffset, ");color:var(", tokens.labelColor, ");}}&.", classes.innerLabelPlacement, "{", InputContainer, "{padding:var(", tokens.contentLabelInnerPadding, ");}", StyledTextAfter, ",", StyledTextBefore, "{padding:var(", tokens.contentLabelInnerPadding, ");}", Input, ":focus~", Label, ",", Input, ".", classes.hasValue, "~", Label, "{color:var(", tokens.placeholderColor, ");align-items:flex-start;padding:var(", tokens.labelInnerPadding, ");font-family:var(", tokens.labelInnerFontFamily, ");font-size:var(", tokens.labelInnerFontSize, ");font-style:var(", tokens.labelInnerFontStyle, ");font-weight:var(", tokens.labelInnerFontWeight, ");letter-spacing:var(", tokens.labelInnerLetterSpacing, ");line-height:var(", tokens.labelInnerLineHeight, ");}", Label, "{color:var(", tokens.placeholderColor, ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", tokens.height, ");padding-top:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);padding-bottom:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);}&.", classes.clear, " ", Label, "{color:var(", tokens.clearPlaceholderColor, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2xhYmVsLXBsYWNlbWVudC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19sYWJlbC1wbGFjZW1lbnQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRDb250YWluZXIsIExhYmVsLCBTdHlsZWRUZXh0QWZ0ZXIsIFN0eWxlZFRleHRCZWZvcmUgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiB2YXIoJHt0b2tlbnMubGFiZWxPZmZzZXR9KTtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGFiZWxDb2xvcn0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuaW5uZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0lucHV0Q29udGFpbmVyfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExhYmVsSW5uZXJQYWRkaW5nfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZFRleHRBZnRlcn0sICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICAgICB9XG5cbiAgICAgICAgLyog0L/QvtC00L3QuNC80LDQtdGCIGxhYmVsINCy0LLQtdGA0YUg0L/RgNC4INGE0L7QutGD0YHQtSwg0L3QsNC70LjRh9C40Lgg0LfQvdCw0YfQtdC90LjRjyAqL1xuICAgICAgICAke0lucHV0fTpmb2N1cyB+ICR7TGFiZWx9LCAke0lucHV0fS4ke2NsYXNzZXMuaGFzVmFsdWV9IH4gJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5sYWJlbElubmVyUGFkZGluZ30pO1xuXG4gICAgICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJGb250RmFtaWx5fSk7XG4gICAgICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udFNpemV9KTtcbiAgICAgICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udFN0eWxlfSk7XG4gICAgICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJGb250V2VpZ2h0fSk7XG4gICAgICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxhYmVsSW5uZXJMaW5lSGVpZ2h0fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3J9KTtcblxuICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICB0b3A6IDA7XG5cbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuXG4gICAgICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcblxuICAgICAgICAgICAgcGFkZGluZy10b3A6IGNhbGMoY2FsYyh2YXIoJHt0b2tlbnMuaGVpZ2h0fSkgLSB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSkpIC8gMik7XG4gICAgICAgICAgICBwYWRkaW5nLWJvdHRvbTogY2FsYyhjYWxjKHZhcigke3Rva2Vucy5oZWlnaHR9KSAtIHZhcigke3Rva2Vucy5sYWJlbExpbmVIZWlnaHR9KSkgLyAyKTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmNsZWFyfSAke0xhYmVsfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNsZWFyUGxhY2Vob2xkZXJDb2xvcn0pO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
+export var base = /*#__PURE__*/css("&.", classes.outerLabelPlacement, "{", Label, "{position:relative;display:inline-block;color:var(", tokens.labelColor, ");}}&.", classes.innerLabelPlacement, "{", InputContainer, "{padding:var(", tokens.contentLabelInnerPadding, ");}", StyledTextAfter, ",", StyledTextBefore, "{padding:var(", tokens.contentLabelInnerPadding, ");}", Input, ":focus~", Label, ",", Input, ".", classes.hasValue, "~", Label, "{color:var(", tokens.placeholderColor, ");align-items:flex-start;padding:var(", tokens.labelInnerPadding, ");font-family:var(", tokens.labelInnerFontFamily, ");font-size:var(", tokens.labelInnerFontSize, ");font-style:var(", tokens.labelInnerFontStyle, ");font-weight:var(", tokens.labelInnerFontWeight, ");letter-spacing:var(", tokens.labelInnerLetterSpacing, ");line-height:var(", tokens.labelInnerLineHeight, ");}", Label, "{color:var(", tokens.placeholderColor, ");pointer-events:none;position:absolute;top:0;display:flex;align-items:center;box-sizing:border-box;height:var(", tokens.height, ");padding-top:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);padding-bottom:calc(calc(var(", tokens.height, ") - var(", tokens.labelLineHeight, ")) / 2);}&.", classes.clear, " ", Label, "{color:var(", tokens.clearPlaceholderColor, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2xhYmVsLXBsYWNlbWVudC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19sYWJlbC1wbGFjZW1lbnQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRDb250YWluZXIsIExhYmVsLCBTdHlsZWRUZXh0QWZ0ZXIsIFN0eWxlZFRleHRCZWZvcmUgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmlubmVyTGFiZWxQbGFjZW1lbnR9IHtcbiAgICAgICAgJHtJbnB1dENvbnRhaW5lcn0ge1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9LCAke1N0eWxlZFRleHRCZWZvcmV9IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGFiZWxJbm5lclBhZGRpbmd9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qINC/0L7QtNC90LjQvNCw0LXRgiBsYWJlbCDQstCy0LXRgNGFINC/0YDQuCDRhNC+0LrRg9GB0LUsINC90LDQu9C40YfQuNC4INC30L3QsNGH0LXQvdC40Y8gKi9cbiAgICAgICAgJHtJbnB1dH06Zm9jdXMgfiAke0xhYmVsfSwgJHtJbnB1dH0uJHtjbGFzc2VzLmhhc1ZhbHVlfSB+ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvcn0pO1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lclBhZGRpbmd9KTtcblxuICAgICAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udEZhbWlseX0pO1xuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRTaXplfSk7XG4gICAgICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRTdHlsZX0pO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udFdlaWdodH0pO1xuICAgICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbElubmVyTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbElubmVyTGluZUhlaWdodH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG5cbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5cbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiBjYWxjKGNhbGModmFyKCR7dG9rZW5zLmhlaWdodH0pIC0gdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pKSAvIDIpO1xuICAgICAgICAgICAgcGFkZGluZy1ib3R0b206IGNhbGMoY2FsYyh2YXIoJHt0b2tlbnMuaGVpZ2h0fSkgLSB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSkpIC8gMik7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5jbGVhcn0gJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jbGVhclBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));

package/emotion/es/components/TextField/variations/_read-only/base.js

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
 import { classes, tokens } from '../../TextField.tokens';
-import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper } from '../../TextField.styles';
-export var base = /*#__PURE__*/css("&[readonly]{", InputWrapper, "{color:var(", tokens.colorReadOnly, ");background-color:var(", /*#__PURE__*/String(tokens.backgroundColorReadOnly), ");box-shadow:inset 0 0 0 var(", /*#__PURE__*/String(tokens.borderWidth), ") var(", /*#__PURE__*/String(tokens.borderColorReadOnly), ");}&.", classes.hasDivider, " ", InputWrapper, "{&:before{background-color:var(", /*#__PURE__*/String(tokens.dividerColorReadOnly), ");}}", InputWrapper, ":hover{background-color:var(", tokens.backgroundColorReadOnly, ");}", InputWrapper, ":focus-within ", InputPlaceholder, ",", InputPlaceholder, "{color:var(", tokens.placeholderColorReadOnly, ");}", Input, "{color:var(", tokens.colorReadOnly, ");cursor:default;min-width:unset;}", LeftHelper, "{color:var(", tokens.leftHelperColorReadOnly, ");}&.", classes.outerLabelPlacement, " ", Label, "{color:var(", tokens.labelColorReadOnly, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3JlYWQtb25seS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRQbGFjZWhvbGRlciwgSW5wdXRXcmFwcGVyLCBMYWJlbCwgTGVmdEhlbHBlciB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmW3JlYWRvbmx5XSB7XG4gICAgICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuYmFja2dyb3VuZENvbG9yUmVhZE9ubHkpfSk7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoJHtTdHJpbmcodG9rZW5zLmJvcmRlcldpZHRoKX0pIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3JSZWFkT25seSl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLmhhc0RpdmlkZXJ9ICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICAmOmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5kaXZpZGVyQ29sb3JSZWFkT25seSl9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRXcmFwcGVyfTpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRXcmFwcGVyfTpmb2N1cy13aXRoaW4gJHtJbnB1dFBsYWNlaG9sZGVyfSwgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvclJlYWRPbmx5fSk7XG4gICAgICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICAgICAgICBtaW4td2lkdGg6IHVuc2V0O1xuICAgICAgICB9XG5cbiAgICAgICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAmLiR7Y2xhc3Nlcy5vdXRlckxhYmVsUGxhY2VtZW50fSAke0xhYmVsfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxhYmVsQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
+import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, TitleCaption } from '../../TextField.styles';
+export var base = /*#__PURE__*/css("&[readonly]{", InputWrapper, "{color:var(", tokens.colorReadOnly, ");background-color:var(", /*#__PURE__*/String(tokens.backgroundColorReadOnly), ");box-shadow:inset 0 0 0 var(", /*#__PURE__*/String(tokens.borderWidth), ") var(", /*#__PURE__*/String(tokens.borderColorReadOnly), ");}&.", classes.hasDivider, " ", InputWrapper, "{&:before{background-color:var(", /*#__PURE__*/String(tokens.dividerColorReadOnly), ");}}", InputWrapper, ":hover{background-color:var(", tokens.backgroundColorReadOnly, ");}", InputWrapper, ":focus-within ", InputPlaceholder, ",", InputPlaceholder, "{color:var(", tokens.placeholderColorReadOnly, ");}", Input, "{color:var(", tokens.colorReadOnly, ");cursor:default;min-width:unset;}", TitleCaption, "{color:var(", tokens.titleCaptionColorReadOnly, ");}", LeftHelper, "{color:var(", tokens.leftHelperColorReadOnly, ");}&.", classes.outerLabelPlacement, " ", Label, "{color:var(", tokens.labelColorReadOnly, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3JlYWQtb25seS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRQbGFjZWhvbGRlciwgSW5wdXRXcmFwcGVyLCBMYWJlbCwgTGVmdEhlbHBlciwgVGl0bGVDYXB0aW9uIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICZbcmVhZG9ubHldIHtcbiAgICAgICAgJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3JSZWFkT25seSl9KTtcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyV2lkdGgpfSkgdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJDb2xvclJlYWRPbmx5KX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRGl2aWRlcn0gJHtJbnB1dFdyYXBwZXJ9IHtcbiAgICAgICAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmRpdmlkZXJDb2xvclJlYWRPbmx5KX0pO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dFdyYXBwZXJ9OmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiAke0lucHV0UGxhY2Vob2xkZXJ9LCAke0lucHV0UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0lucHV0fSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgIG1pbi13aWR0aDogdW5zZXQ7XG4gICAgICAgIH1cblxuICAgICAgICAke1RpdGxlQ2FwdGlvbn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Db2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cblxuICAgICAgICAke0xlZnRIZWxwZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICYuJHtjbGFzc2VzLm91dGVyTGFiZWxQbGFjZW1lbnR9ICR7TGFiZWx9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGFiZWxDb2xvclJlYWRPbmx5fSk7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));

package/emotion/es/components/TextField/variations/_size/base.js

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
 import { classes, tokens } from '../../TextField.tokens';
-import { Input, InputContainer, InputWrapper, Label, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
-export var base = /*#__PURE__*/css(Input, "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", InputContainer, "{width:100%;font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", InputWrapper, "{height:var(", tokens.height, ");border-radius:var(", tokens.borderRadius, ");padding:var(", tokens.padding, ");&.", classes.hasChips, "{padding-top:var(", tokens.paddingWithChips, ");padding-bottom:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentLeft, "{padding-left:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentRight, "{padding-right:var(", tokens.paddingWithChips, ");}}", Label, "{font-family:var(", tokens.labelFontFamily, ");font-size:var(", tokens.labelFontSize, ");font-style:var(", tokens.labelFontStyle, ");font-weight:var(", tokens.labelFontWeight, ");letter-spacing:var(", tokens.labelLetterSpacing, ");line-height:var(", tokens.labelLineHeight, ");}", LeftHelper, "{margin-top:var(", tokens.leftHelperOffset, ");font-family:var(", tokens.leftHelperFontFamily, ");font-size:var(", tokens.leftHelperFontSize, ");font-style:var(", tokens.leftHelperFontStyle, ");font-weight:var(", tokens.leftHelperFontWeight, ");letter-spacing:var(", tokens.leftHelperLetterSpacing, ");line-height:var(", tokens.leftHelperLineHeight, ");}", StyledTextBefore, ",", StyledTextAfter, "{font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", StyledTextBefore, "{margin:var(", tokens.textBeforeMargin, ");}", StyledTextAfter, "{margin:var(", tokens.textAfterMargin, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRDb250YWluZXIsXG4gICAgSW5wdXRXcmFwcGVyLFxuICAgIExhYmVsLFxuICAgIExlZnRIZWxwZXIsXG4gICAgU3R5bGVkVGV4dEFmdGVyLFxuICAgIFN0eWxlZFRleHRCZWZvcmUsXG59IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke0lucHV0fSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBmb250OiBpbmhlcml0O1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogaW5oZXJpdDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG4gICAgfVxuXG4gICAgJHtJbnB1dENvbnRhaW5lcn0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5mb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuXG4gICAgICAgICYuJHtjbGFzc2VzLmhhc0NoaXBzfSB7XG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogdmFyKCR7dG9rZW5zLnBhZGRpbmdXaXRoQ2hpcHN9KTtcbiAgICAgICAgICAgIHBhZGRpbmctYm90dG9tOiB2YXIoJHt0b2tlbnMucGFkZGluZ1dpdGhDaGlwc30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRW1wdHlDb250ZW50TGVmdH0ge1xuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiB2YXIoJHt0b2tlbnMucGFkZGluZ1dpdGhDaGlwc30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRW1wdHlDb250ZW50UmlnaHR9IHtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IHZhcigke3Rva2Vucy5wYWRkaW5nV2l0aENoaXBzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0xhYmVsfSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGFiZWxGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgIG1hcmdpbi10b3A6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyT2Zmc2V0fSk7XG5cbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRCZWZvcmV9LCAke1N0eWxlZFRleHRBZnRlcn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuZm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICBtYXJnaW46IHZhcigke3Rva2Vucy50ZXh0QmVmb3JlTWFyZ2lufSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9IHtcbiAgICAgICAgbWFyZ2luOiB2YXIoJHt0b2tlbnMudGV4dEFmdGVyTWFyZ2lufSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
+import { HintTargetWrapper, Input, InputContainer, InputWrapper, Label, LeftHelper, StyledHintWrapper, StyledOptionalText, StyledTextAfter, StyledTextBefore, TitleCaption } from '../../TextField.styles';
+export var base = /*#__PURE__*/css(Input, "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", InputContainer, "{width:100%;font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", InputWrapper, "{height:var(", tokens.height, ");border-radius:var(", tokens.borderRadius, ");padding:var(", tokens.padding, ");&.", classes.hasChips, "{padding-top:var(", tokens.paddingWithChips, ");padding-bottom:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentLeft, "{padding-left:var(", tokens.paddingWithChips, ");}&.", classes.hasEmptyContentRight, "{padding-right:var(", tokens.paddingWithChips, ");}}", Label, ",&:not(.", classes.innerLabelPlacement, ") ", StyledOptionalText, "{font-family:var(", tokens.labelFontFamily, ");font-size:var(", tokens.labelFontSize, ");font-style:var(", tokens.labelFontStyle, ");font-weight:var(", tokens.labelFontWeight, ");letter-spacing:var(", tokens.labelLetterSpacing, ");line-height:var(", tokens.labelLineHeight, ");}", StyledHintWrapper, "{margin:var(", tokens.hintMargin, ");width:var(", tokens.hintTargetSize, ");height:var(", tokens.hintTargetSize, ");}", HintTargetWrapper, "{width:var(", tokens.hintTargetSize, ");height:var(", tokens.hintTargetSize, ");}", TitleCaption, "{font-family:var(", tokens.titleCaptionFontFamily, ");font-size:var(", tokens.titleCaptionFontSize, ");font-style:var(", tokens.titleCaptionFontStyle, ");font-weight:var(", tokens.titleCaptionFontWeight, ");letter-spacing:var(", tokens.titleCaptionLetterSpacing, ");line-height:var(", tokens.titleCaptionLineHeight, ");}", LeftHelper, "{margin-top:var(", tokens.leftHelperOffset, ");font-family:var(", tokens.leftHelperFontFamily, ");font-size:var(", tokens.leftHelperFontSize, ");font-style:var(", tokens.leftHelperFontStyle, ");font-weight:var(", tokens.leftHelperFontWeight, ");letter-spacing:var(", tokens.leftHelperLetterSpacing, ");line-height:var(", tokens.leftHelperLineHeight, ");}", StyledTextBefore, ",", StyledTextAfter, "{font-family:var(", tokens.fontFamily, ");font-size:var(", tokens.fontSize, ");font-style:var(", tokens.fontStyle, ");font-weight:var(", tokens.fontWeight, ");letter-spacing:var(", tokens.letterSpacing, ");line-height:var(", tokens.lineHeight, ");}", StyledTextBefore, "{margin:var(", tokens.textBeforeMargin, ");}", StyledTextAfter, "{margin:var(", tokens.textAfterMargin, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnVCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQge1xuICAgIEhpbnRUYXJnZXRXcmFwcGVyLFxuICAgIElucHV0LFxuICAgIElucHV0Q29udGFpbmVyLFxuICAgIElucHV0V3JhcHBlcixcbiAgICBMYWJlbCxcbiAgICBMZWZ0SGVscGVyLFxuICAgIFN0eWxlZEhpbnRXcmFwcGVyLFxuICAgIFN0eWxlZE9wdGlvbmFsVGV4dCxcbiAgICBTdHlsZWRUZXh0QWZ0ZXIsXG4gICAgU3R5bGVkVGV4dEJlZm9yZSxcbiAgICBUaXRsZUNhcHRpb24sXG59IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke0lucHV0fSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBmb250OiBpbmhlcml0O1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogaW5oZXJpdDtcbiAgICAgICAgbGluZS1oZWlnaHQ6IGluaGVyaXQ7XG4gICAgfVxuXG4gICAgJHtJbnB1dENvbnRhaW5lcn0ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5mb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5mb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5mb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogdmFyKCR7dG9rZW5zLmJvcmRlclJhZGl1c30pO1xuICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMucGFkZGluZ30pO1xuXG4gICAgICAgICYuJHtjbGFzc2VzLmhhc0NoaXBzfSB7XG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogdmFyKCR7dG9rZW5zLnBhZGRpbmdXaXRoQ2hpcHN9KTtcbiAgICAgICAgICAgIHBhZGRpbmctYm90dG9tOiB2YXIoJHt0b2tlbnMucGFkZGluZ1dpdGhDaGlwc30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRW1wdHlDb250ZW50TGVmdH0ge1xuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiB2YXIoJHt0b2tlbnMucGFkZGluZ1dpdGhDaGlwc30pO1xuICAgICAgICB9XG5cbiAgICAgICAgJi4ke2NsYXNzZXMuaGFzRW1wdHlDb250ZW50UmlnaHR9IHtcbiAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IHZhcigke3Rva2Vucy5wYWRkaW5nV2l0aENoaXBzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0xhYmVsfSwgJjpub3QoLiR7Y2xhc3Nlcy5pbm5lckxhYmVsUGxhY2VtZW50fSkgJHtTdHlsZWRPcHRpb25hbFRleHR9IHtcbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbEZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbExldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbExpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZEhpbnRXcmFwcGVyfSB7XG4gICAgICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLmhpbnRNYXJnaW59KTtcbiAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgIH1cblxuICAgICR7SGludFRhcmdldFdyYXBwZXJ9IHtcbiAgICAgICAgd2lkdGg6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgICAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oaW50VGFyZ2V0U2l6ZX0pO1xuICAgIH1cblxuICAgICR7VGl0bGVDYXB0aW9ufSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Gb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVDYXB0aW9uRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLnRpdGxlQ2FwdGlvbkxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25MaW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgIG1hcmdpbi10b3A6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyT2Zmc2V0fSk7XG5cbiAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250U3R5bGV9KTtcbiAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckxpbmVIZWlnaHR9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRCZWZvcmV9LCAke1N0eWxlZFRleHRBZnRlcn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmZvbnRGYW1pbHl9KTtcbiAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuZm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmZvbnRXZWlnaHR9KTtcbiAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICBtYXJnaW46IHZhcigke3Rva2Vucy50ZXh0QmVmb3JlTWFyZ2lufSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9IHtcbiAgICAgICAgbWFyZ2luOiB2YXIoJHt0b2tlbnMudGV4dEFmdGVyTWFyZ2lufSk7XG4gICAgfVxuYDtcbiJdfQ== */"));

package/emotion/es/components/TextField/variations/_view/base.js

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
 import { tokens } from '../../TextField.tokens';
-import { Input, InputPlaceholder, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore } from '../../TextField.styles';
-export var base = /*#__PURE__*/css(InputWrapper, "{--plasma_private-textfield-border-color:var(", /*#__PURE__*/String(tokens.borderColor), ");--plasma_private-textfield-bg-color:var(", /*#__PURE__*/String(tokens.backgroundColor), ");color:var(", tokens.color, ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", tokens.borderWidth, ") var(--plasma_private-textfield-border-color);caret-color:var(", tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", InputWrapper, ":hover{--plasma_private-textfield-border-color:var(", tokens.borderColorHover, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n            ", tokens.backgroundColorHover, ",\n            var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n        );}", Input, "{color:var(", tokens.color, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColor, ");}", InputWrapper, ":focus-within{--plasma_private-textfield-border-color:var(", tokens.borderColorFocus, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n            ", tokens.backgroundColorFocus, ",\n            var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n        );", InputPlaceholder, "{color:var(", tokens.placeholderColorFocus, ");}}", LeftHelper, "{color:var(", tokens.leftHelperColor, ");}", StyledTextBefore, "{color:var(", tokens.textBeforeColor, ");}", StyledTextAfter, "{color:var(", tokens.textAfterColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRQbGFjZWhvbGRlcixcbiAgICBJbnB1dFdyYXBwZXIsXG4gICAgTGVmdEhlbHBlcixcbiAgICBTdHlsZWRUZXh0QWZ0ZXIsXG4gICAgU3R5bGVkVGV4dEJlZm9yZSxcbn0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJvcmRlci1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJDb2xvcil9KTtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYmctY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuYmFja2dyb3VuZENvbG9yKX0pO1xuXG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yKTtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlcldpZHRofSkgdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJvcmRlci1jb2xvcik7XG4gICAgICAgIGNhcmV0LWNvbG9yOiB2YXIoJHt0b2tlbnMuY2FyZXRDb2xvcn0pO1xuXG4gICAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xcyBlYXNlLWluLCBjb2xvciAwLjFzIGVhc2UtaW4sIGJveC1zaGFkb3cgMC4xcyBlYXNlLWluO1xuICAgIH1cbiAgICAke0lucHV0V3JhcHBlcn06aG92ZXIge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3I6IHZhcigke3Rva2Vucy5ib3JkZXJDb2xvckhvdmVyfSwgdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJDb2xvcil9KSk7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yOiB2YXIoXG4gICAgICAgICAgICAke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JIb3Zlcn0sXG4gICAgICAgICAgICB2YXIoJHtTdHJpbmcodG9rZW5zLmJhY2tncm91bmRDb2xvcil9KVxuICAgICAgICApO1xuICAgIH1cblxuICAgICR7SW5wdXR9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5jb2xvcn0pO1xuICAgIH1cblxuICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAke0lucHV0V3JhcHBlcn06Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JGb2N1c30sIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSkpO1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcjogdmFyKFxuICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yRm9jdXN9LFxuICAgICAgICAgICAgdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3IpfSlcbiAgICAgICAgKTtcblxuICAgICAgICAke0lucHV0UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMucGxhY2Vob2xkZXJDb2xvckZvY3VzfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke0xlZnRIZWxwZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyQ29sb3J9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRCZWZvcmV9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50ZXh0QmVmb3JlQ29sb3J9KTtcbiAgICB9XG5cbiAgICAke1N0eWxlZFRleHRBZnRlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnRleHRBZnRlckNvbG9yfSk7XG4gICAgfVxuYDtcbiJdfQ== */"));
+import { Input, InputPlaceholder, InputWrapper, LeftHelper, StyledTextAfter, StyledTextBefore, TitleCaption } from '../../TextField.styles';
+export var base = /*#__PURE__*/css(InputWrapper, "{--plasma_private-textfield-border-color:var(", /*#__PURE__*/String(tokens.borderColor), ");--plasma_private-textfield-bg-color:var(", /*#__PURE__*/String(tokens.backgroundColor), ");color:var(", tokens.color, ");background-color:var(--plasma_private-textfield-bg-color);box-shadow:inset 0 0 0 var(", tokens.borderWidth, ") var(--plasma_private-textfield-border-color);caret-color:var(", tokens.caretColor, ");transition:background-color 0.1s ease-in,color 0.1s ease-in,box-shadow 0.1s ease-in;}", InputWrapper, ":hover{--plasma_private-textfield-border-color:var(", tokens.borderColorHover, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n            ", tokens.backgroundColorHover, ",\n            var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n        );}", Input, "{color:var(", tokens.color, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColor, ");}", InputWrapper, ":focus-within{--plasma_private-textfield-border-color:var(", tokens.borderColorFocus, ", var(", /*#__PURE__*/String(tokens.borderColor), "));--plasma_private-textfield-bg-color:var(\n            ", tokens.backgroundColorFocus, ",\n            var(", /*#__PURE__*/String(tokens.backgroundColor), ")\n        );", InputPlaceholder, "{color:var(", tokens.placeholderColorFocus, ");}}", TitleCaption, "{color:var(", tokens.titleCaptionColor, ");}", LeftHelper, "{color:var(", tokens.leftHelperColor, ");}", StyledTextBefore, "{color:var(", tokens.textBeforeColor, ");}", StyledTextAfter, "{color:var(", tokens.textAfterColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRQbGFjZWhvbGRlcixcbiAgICBJbnB1dFdyYXBwZXIsXG4gICAgTGVmdEhlbHBlcixcbiAgICBTdHlsZWRUZXh0QWZ0ZXIsXG4gICAgU3R5bGVkVGV4dEJlZm9yZSxcbiAgICBUaXRsZUNhcHRpb24sXG59IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAke0lucHV0V3JhcHBlcn0ge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSk7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yOiB2YXIoJHtTdHJpbmcodG9rZW5zLmJhY2tncm91bmRDb2xvcil9KTtcblxuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yfSk7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcik7XG4gICAgICAgIGJveC1zaGFkb3c6IGluc2V0IDAgMCAwIHZhcigke3Rva2Vucy5ib3JkZXJXaWR0aH0pIHZhcigtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3IpO1xuICAgICAgICBjYXJldC1jb2xvcjogdmFyKCR7dG9rZW5zLmNhcmV0Q29sb3J9KTtcblxuICAgICAgICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1pbiwgY29sb3IgMC4xcyBlYXNlLWluLCBib3gtc2hhZG93IDAuMXMgZWFzZS1pbjtcbiAgICB9XG4gICAgJHtJbnB1dFdyYXBwZXJ9OmhvdmVyIHtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn0sIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSkpO1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcjogdmFyKFxuICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9ySG92ZXJ9LFxuICAgICAgICAgICAgdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3IpfSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAke0lucHV0fSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcbiAgICB9XG5cbiAgICAke0lucHV0UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtJbnB1dFdyYXBwZXJ9OmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJvcmRlci1jb2xvcjogdmFyKCR7dG9rZW5zLmJvcmRlckNvbG9yRm9jdXN9LCB2YXIoJHtTdHJpbmcodG9rZW5zLmJvcmRlckNvbG9yKX0pKTtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYmctY29sb3I6IHZhcihcbiAgICAgICAgICAgICR7dG9rZW5zLmJhY2tncm91bmRDb2xvckZvY3VzfSxcbiAgICAgICAgICAgIHZhcigke1N0cmluZyh0b2tlbnMuYmFja2dyb3VuZENvbG9yKX0pXG4gICAgICAgICk7XG5cbiAgICAgICAgJHtJbnB1dFBsYWNlaG9sZGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnBsYWNlaG9sZGVyQ29sb3JGb2N1c30pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJHtUaXRsZUNhcHRpb259IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50aXRsZUNhcHRpb25Db2xvcn0pO1xuICAgIH1cblxuICAgICR7TGVmdEhlbHBlcn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJDb2xvcn0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLnRleHRCZWZvcmVDb2xvcn0pO1xuICAgIH1cblxuICAgICR7U3R5bGVkVGV4dEFmdGVyfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMudGV4dEFmdGVyQ29sb3J9KTtcbiAgICB9XG5gO1xuIl19 */"));

package/emotion/es/components/_Icon/Icon.assets/InfoCircleOutline.js

@@ -0,0 +1,15 @@
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+export var InfoCircleOutline = function InfoCircleOutline(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.5 12C3.5 7.30558 7.30558 3.5 12 3.5C16.6944 3.5 20.5 7.30558 20.5 12C20.5 16.6944 16.6944 20.5 12 20.5C7.30558 20.5 3.5 16.6944 3.5 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM13 8C13 8.55228 12.5523 9 12 9C11.4477 9 11 8.55228 11 8C11 7.44772 11.4477 7 12 7C12.5523 7 13 7.44772 13 8ZM12 10.25C12.4142 10.25 12.75 10.5858 12.75 11V17C12.75 17.4142 12.4142 17.75 12 17.75C11.5858 17.75 11.25 17.4142 11.25 17V11C11.25 10.5858 11.5858 10.25 12 10.25Z",
+    fill: "currentColor"
+  })));
+};

package/emotion/es/components/_Icon/Icons/IconInfoCircleOutline.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { InfoCircleOutline } from '../Icon.assets/InfoCircleOutline';
+import { IconRoot } from '../IconRoot';
+export var IconInfoCircleOutline = function IconInfoCircleOutline(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: InfoCircleOutline
+  });
+};

package/emotion/es/components/_Icon/index.js

@@ -23,4 +23,5 @@ export { IconBlankDocOutline } from './Icons/IconBlankDocOutline';
 export { IconBlankOutline } from './Icons/IconBlankOutline';
 export { IconBlankPdfOutline } from './Icons/IconBlankPdfOutline';
 export { IconBlankTxtOutline } from './Icons/IconBlankTxtOutline';
-export { IconBlankXlsOutline } from './Icons/IconBlankXlsOutline';
+export { IconBlankXlsOutline } from './Icons/IconBlankXlsOutline';
+export { IconInfoCircleOutline } from './Icons/IconInfoCircleOutline';