@salutejs/plasma-new-hope 0.157.0-canary.1464.11114417397.0 → 0.157.0-dev.0

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

@@ -6,24 +6,34 @@ export var classes = {
   innerLabelPlacement: 'label-placement-inner',
   outerLabelPlacement: 'label-placement-outer',
   hideLabel: 'hide-label',
+  clear: 'textfield-clear',
+  hasDivider: 'textfield-has-divider',
   textFieldGroupItem: 'text-field-group-item'
 };
 export var tokens = {
   color: '--plasma-textfield-color',
+  clearColor: '--plasma-textfield-clear-color',
   backgroundColor: '--plasma-textfield-bg-color',
   backgroundColorHover: '--plasma-textfield-bg-color-hover',
   backgroundColorFocus: '--plasma-textfield-bg-color-focus',
   borderColor: '--plasma-textfield-border-color',
   borderColorHover: '--plasma-textfield-border-color-hover',
   borderColorFocus: '--plasma-textfield-border-color-focus',
+  dividerColor: '--plasma-textfield-divider-color',
+  dividerColorHover: '--plasma-textfield-divider-color-hover',
+  dividerColorFocus: '--plasma-textfield-divider-color-focus',
   /** Цвета для read-only состояния */
   colorReadOnly: '--plasma-textfield-color-readonly',
   backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',
   borderColorReadOnly: '--plasma-textfield-border-color-readonly',
   placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',
+  dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',
   /** Цвет каретки */
   caretColor: '--plasma-textfield__caret-color',
   placeholderColor: '--plasma-textfield__placeholder-color',
+  placeholderColorFocus: '--plasma-textfield__placeholder-color-focus',
+  clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',
+  clearPlaceholderColorFocus: '--plasma-textfield__clear-placeholder-color-focus',
   optionalColor: '--plasma-textfield__optional-color',
   height: '--plasma-textfield-height',
   borderWidth: '--plasma-textfield-border-width',
@@ -51,6 +61,7 @@ export var tokens = {
   labelColor: '--plasma-textfield__label-color',
   labelColorReadOnly: '--plasma-textfield__label-color-readonly',
   labelOffset: '--plasma-textfield__label-offset',
+  clearLabelOffset: '--plasma-textfield__clear-label-offset',
   labelFontFamily: '--plasma-textfield__label-font-family',
   labelFontStyle: '--plasma-textfield__label-font-style',
   labelFontSize: '--plasma-textfield__label-font-size',
@@ -123,5 +134,7 @@ export var tokens = {
   indicatorLabelPlacementInner: '--plasma-textfield__indicator-placement-inner',
   indicatorLabelPlacementOuter: '--plasma-textfield__indicator-placement-outer',
   indicatorLabelPlacementInnerRight: '--plasma-textfield__indicator-placement-inner-right',
-  indicatorLabelPlacementOuterRight: '--plasma-textfield__indicator-placement-outer-right'
+  indicatorLabelPlacementOuterRight: '--plasma-textfield__indicator-placement-outer-right',
+  clearIndicatorLabelPlacementInner: '--plasma-textfield__clear-indicator-placement-inner',
+  clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right'
 };

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

@@ -0,0 +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== */"));

package/emotion/es/components/TextField/variations/_clear/tokens.json

@@ -0,0 +1,10 @@
+{
+    "type": "boolean",
+    "tokens": [
+        "--plasma-textfield__clear-label-offset",
+        "--plasma-textfield-divider-color",
+        "--plasma-textfield-divider-color-hover",
+        "--plasma-textfield-divider-color-focus",
+        "--plasma-textfield-clear-color"
+    ]
+}

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

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
 import { tokens } from '../../TextField.tokens';
 import { Input } from '../../TextField.styles';
-export var base = /*#__PURE__*/css("&[disabled]{opacity:var(", tokens.disabledOpacity, ");cursor:not-allowed;", Input, "{cursor:not-allowed;min-width:unset;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2Rpc2FibGVkL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2Rpc2FibGVkL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC50b2tlbnMnO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG5cbiAgICAgICAgJHtJbnB1dH0ge1xuICAgICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgICAgIG1pbi13aWR0aDogdW5zZXQ7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));
+export var base = /*#__PURE__*/css("&[disabled]{pointer-events:none;opacity:var(", tokens.disabledOpacity, ");cursor:not-allowed;", Input, "{cursor:not-allowed;min-width:unset;}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2Rpc2FibGVkL2Jhc2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2Rpc2FibGVkL2Jhc2UudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IHRva2VucyB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC50b2tlbnMnO1xuaW1wb3J0IHsgSW5wdXQgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJltkaXNhYmxlZF0ge1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgb3BhY2l0eTogdmFyKCR7dG9rZW5zLmRpc2FibGVkT3BhY2l0eX0pO1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXG4gICAgICAgICR7SW5wdXR9IHtcbiAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgICBtaW4td2lkdGg6IHVuc2V0O1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));

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, "{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);}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX2xhYmVsLXBsYWNlbWVudC9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19sYWJlbC1wbGFjZW1lbnQvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRDb250YWluZXIsIExhYmVsLCBTdHlsZWRUZXh0QWZ0ZXIsIFN0eWxlZFRleHRCZWZvcmUgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJi4ke2NsYXNzZXMub3V0ZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0xhYmVsfSB7XG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiB2YXIoJHt0b2tlbnMubGFiZWxPZmZzZXR9KTtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGFiZWxDb2xvcn0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMuaW5uZXJMYWJlbFBsYWNlbWVudH0ge1xuICAgICAgICAke0lucHV0Q29udGFpbmVyfSB7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExhYmVsSW5uZXJQYWRkaW5nfSk7XG4gICAgICAgIH1cblxuICAgICAgICAke1N0eWxlZFRleHRBZnRlcn0sICR7U3R5bGVkVGV4dEJlZm9yZX0ge1xuICAgICAgICAgICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLmNvbnRlbnRMYWJlbElubmVyUGFkZGluZ30pO1xuICAgICAgICB9XG5cbiAgICAgICAgLyog0L/QvtC00L3QuNC80LDQtdGCIGxhYmVsINCy0LLQtdGA0YUg0L/RgNC4INGE0L7QutGD0YHQtSwg0L3QsNC70LjRh9C40Lgg0LfQvdCw0YfQtdC90LjRjyAqL1xuICAgICAgICAke0lucHV0fTpmb2N1cyB+ICR7TGFiZWx9LCAke0lucHV0fS4ke2NsYXNzZXMuaGFzVmFsdWV9IH4gJHtMYWJlbH0ge1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgICAgICAgICBwYWRkaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lclBhZGRpbmd9KTtcblxuICAgICAgICAgICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udEZhbWlseX0pO1xuICAgICAgICAgICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRTaXplfSk7XG4gICAgICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGFiZWxJbm5lckZvbnRTdHlsZX0pO1xuICAgICAgICAgICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbElubmVyRm9udFdlaWdodH0pO1xuICAgICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5sYWJlbElubmVyTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sYWJlbElubmVyTGluZUhlaWdodH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG5cbiAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgICAgICAgICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5cbiAgICAgICAgICAgIHBhZGRpbmctdG9wOiBjYWxjKGNhbGModmFyKCR7dG9rZW5zLmhlaWdodH0pIC0gdmFyKCR7dG9rZW5zLmxhYmVsTGluZUhlaWdodH0pKSAvIDIpO1xuICAgICAgICAgICAgcGFkZGluZy1ib3R0b206IGNhbGMoY2FsYyh2YXIoJHt0b2tlbnMuaGVpZ2h0fSkgLSB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSkpIC8gMik7XG4gICAgICAgIH1cbiAgICB9XG5gO1xuIl19 */"));
+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== */"));

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

@@ -1,4 +1,4 @@
 import { css } from '@emotion/react';
-import { tokens } from '../../TextField.tokens';
+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), ");}", InputWrapper, ":hover{background-color:var(", tokens.backgroundColorReadOnly, ");}", InputPlaceholder, "{color:var(", tokens.placeholderColorReadOnly, ");}", Input, "{color:var(", tokens.colorReadOnly, ");cursor:default;min-width:unset;}", LeftHelper, "{color:var(", tokens.leftHelperColorReadOnly, ");}", Label, "{color:var(", tokens.labelColorReadOnly, ");}};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3JlYWQtb25seS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1RleHRGaWVsZC92YXJpYXRpb25zL19yZWFkLW9ubHkvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnRva2Vucyc7XG5pbXBvcnQgeyBJbnB1dCwgSW5wdXRQbGFjZWhvbGRlciwgSW5wdXRXcmFwcGVyLCBMYWJlbCwgTGVmdEhlbHBlciB9IGZyb20gJy4uLy4uL1RleHRGaWVsZC5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmW3JlYWRvbmx5XSB7XG4gICAgICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuYmFja2dyb3VuZENvbG9yUmVhZE9ubHkpfSk7XG4gICAgICAgICAgICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCB2YXIoJHtTdHJpbmcodG9rZW5zLmJvcmRlcldpZHRoKX0pIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3JSZWFkT25seSl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRXcmFwcGVyfTpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXRQbGFjZWhvbGRlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuXG4gICAgICAgICR7SW5wdXR9IHtcbiAgICAgICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3JSZWFkT25seX0pO1xuICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgbWluLXdpZHRoOiB1bnNldDtcbiAgICAgICAgfVxuXG4gICAgICAgICR7TGVmdEhlbHBlcn0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyQ29sb3JSZWFkT25seX0pO1xuICAgICAgICB9XG5cbiAgICAgICAgJHtMYWJlbH0ge1xuICAgICAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5sYWJlbENvbG9yUmVhZE9ubHl9KTtcbiAgICAgICAgfVxuICAgIH1cbmA7XG4iXX0= */"));
+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== */"));

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        );}", 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.placeholderColor, ");}", Input, "{color:var(", tokens.color, ");}", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVGV4dEZpZWxkL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UZXh0RmllbGQvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9UZXh0RmllbGQudG9rZW5zJztcbmltcG9ydCB7XG4gICAgSW5wdXQsXG4gICAgSW5wdXRQbGFjZWhvbGRlcixcbiAgICBJbnB1dFdyYXBwZXIsXG4gICAgTGVmdEhlbHBlcixcbiAgICBTdHlsZWRUZXh0QWZ0ZXIsXG4gICAgU3R5bGVkVGV4dEJlZm9yZSxcbn0gZnJvbSAnLi4vLi4vVGV4dEZpZWxkLnN0eWxlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgICR7SW5wdXRXcmFwcGVyfSB7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJvcmRlci1jb2xvcjogdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJDb2xvcil9KTtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYmctY29sb3I6IHZhcigke1N0cmluZyh0b2tlbnMuYmFja2dyb3VuZENvbG9yKX0pO1xuXG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29sb3J9KTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yKTtcbiAgICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKCR7dG9rZW5zLmJvcmRlcldpZHRofSkgdmFyKC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJvcmRlci1jb2xvcik7XG4gICAgICAgIGNhcmV0LWNvbG9yOiB2YXIoJHt0b2tlbnMuY2FyZXRDb2xvcn0pO1xuXG4gICAgICAgIHRyYW5zaXRpb246IGJhY2tncm91bmQtY29sb3IgMC4xcyBlYXNlLWluLCBjb2xvciAwLjFzIGVhc2UtaW4sIGJveC1zaGFkb3cgMC4xcyBlYXNlLWluO1xuICAgIH1cbiAgICAke0lucHV0V3JhcHBlcn06aG92ZXIge1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1ib3JkZXItY29sb3I6IHZhcigke3Rva2Vucy5ib3JkZXJDb2xvckhvdmVyfSwgdmFyKCR7U3RyaW5nKHRva2Vucy5ib3JkZXJDb2xvcil9KSk7XG4gICAgICAgIC0tcGxhc21hX3ByaXZhdGUtdGV4dGZpZWxkLWJnLWNvbG9yOiB2YXIoXG4gICAgICAgICAgICAke3Rva2Vucy5iYWNrZ3JvdW5kQ29sb3JIb3Zlcn0sXG4gICAgICAgICAgICB2YXIoJHtTdHJpbmcodG9rZW5zLmJhY2tncm91bmRDb2xvcil9KVxuICAgICAgICApO1xuICAgIH1cbiAgICAke0lucHV0V3JhcHBlcn06Zm9jdXMtd2l0aGluIHtcbiAgICAgICAgLS1wbGFzbWFfcHJpdmF0ZS10ZXh0ZmllbGQtYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JGb2N1c30sIHZhcigke1N0cmluZyh0b2tlbnMuYm9yZGVyQ29sb3IpfSkpO1xuICAgICAgICAtLXBsYXNtYV9wcml2YXRlLXRleHRmaWVsZC1iZy1jb2xvcjogdmFyKFxuICAgICAgICAgICAgJHt0b2tlbnMuYmFja2dyb3VuZENvbG9yRm9jdXN9LFxuICAgICAgICAgICAgdmFyKCR7U3RyaW5nKHRva2Vucy5iYWNrZ3JvdW5kQ29sb3IpfSlcbiAgICAgICAgKTtcbiAgICB9XG5cbiAgICAke0lucHV0UGxhY2Vob2xkZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy5wbGFjZWhvbGRlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtJbnB1dH0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRUZXh0QmVmb3JlfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMudGV4dEJlZm9yZUNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtTdHlsZWRUZXh0QWZ0ZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50ZXh0QWZ0ZXJDb2xvcn0pO1xuICAgIH1cbmA7XG4iXX0= */"));
+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== */"));