@salutejs/sdds-platform-ai 0.332.0-canary.2422.20906430475.0 → 0.332.0-canary.2423.20988873450.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/cjs/components/TextArea/TextArea.config.js +6 -6
- package/dist/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
- package/dist/css/cjs/components/TextArea/TextArea.config_1t49grc.css +9 -0
- package/dist/css/cjs/components/TextArea/TextArea.css +8 -8
- package/dist/css/cjs/index.css +9 -9
- package/dist/css/es/components/TextArea/TextArea.config.js +6 -6
- package/dist/css/es/components/TextArea/TextArea.config.js.map +1 -1
- package/dist/css/es/components/TextArea/TextArea.config_1t49grc.css +9 -0
- package/dist/css/es/components/TextArea/TextArea.css +8 -8
- package/dist/css/es/index.css +9 -9
- package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +89 -94
- package/dist/styled-components/es/components/TextArea/TextArea.config.js +95 -100
- package/package.json +7 -7
- package/types/components/TextArea/TextArea.config.d.ts +3 -3
- package/types/components/TextArea/TextArea.d.ts +11 -3
- package/dist/css/cjs/components/TextArea/TextArea.config_1godwn9.css +0 -9
- package/dist/css/es/components/TextArea/TextArea.config_1godwn9.css +0 -9
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./TextArea.
|
|
1
|
+
require('./TextArea.config_1t49grc.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -9,12 +9,12 @@ var config = {
|
|
|
9
9
|
focused: 'true'
|
|
10
10
|
},
|
|
11
11
|
variations: {
|
|
12
|
-
size: {
|
|
13
|
-
m: "m1g7h1jw"
|
|
14
|
-
},
|
|
15
12
|
view: {
|
|
16
|
-
"default": "
|
|
17
|
-
negative: "
|
|
13
|
+
"default": "d1g7h1jw",
|
|
14
|
+
negative: "n1rie450"
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
m: "m1klrxlo"
|
|
18
18
|
},
|
|
19
19
|
hintView: {
|
|
20
20
|
"default": "d1ui7a2o"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n },\n variations: {\n size: {\n m: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7rem;\n ${textAreaTokens.inputMinHeight}: 1.125rem;\n ${textAreaTokens.borderRadius}: 0.75rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n ${textAreaTokens.inputPaddingTop}: 0.875rem;\n ${textAreaTokens.inputPaddingRight}: 1rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;\n ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.125rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 1rem;\n ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 1rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n ${textAreaTokens.helpersPaddingLeft}: 1rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.rightContentTop}: 0.875rem;\n ${textAreaTokens.rightContentRight}: 0.875rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.625rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.labelInnerTop}: 0.375rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${textAreaTokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}:0.312rem -2.813rem auto auto;\n ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.063rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n view: {\n default: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-accent);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-secondary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n negative: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-negative);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-negative);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-negative);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-negative);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-negative);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-negative);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-negative);\n ${textAreaTokens.leftHelperColor}: var(--text-negative);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-negative);\n ${textAreaTokens.dividerColorHover}: var(--surface-negative);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n },\n hintView: {\n default: css`\n ${textAreaTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${textAreaTokens.tooltipBoxShadow}: var(--shadow-down-hard-m);\n ${textAreaTokens.tooltipColor}: var(--text-primary);\n ${textAreaTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.688rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.875rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.688rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.875rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2.5rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.625rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1.25rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1.25rem;\n /* stylelint-disable-next-line */\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${textAreaTokens.tooltipArrowHeight}: 0.5rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.5rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.75rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.5rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.75rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.5rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1rem;\n /* stylelint-disable-next-line */\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${textAreaTokens.tooltipArrowHeight}: 0.375rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.563rem;\n `,\n },\n clear: {\n true: css``,\n },\n readOnly: {\n true: css`\n ${textAreaTokens.readOnlyOpacity}: 0.1;\n ${textAreaTokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${textAreaTokens.inputColorReadOnly}: var(--text-primary);\n ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${textAreaTokens.contentSlotRightOpacityReadOnly}: 0.4;\n `,\n },\n disabled: {\n true: css`\n ${textAreaTokens.disabledOpacity}: 0.4;\n ${textAreaTokens.inputColorDisabled}: var(--text-secondary);\n ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${textAreaTokens.titleCaptionColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","size","m","default","negative","hintView","hintSize","s","clear","true","readOnly","disabled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,CAAC,EAAA,UAAA;KAuEJ;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAkCC,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAmCX;AACDC,IAAAA,QAAQ,EAAE;MACNF,SAAO,EAAA,UAAA;KAMV;AACDG,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,CAAC,EAwBA,UAAA;AACDK,MAAAA,CAAC,EAAA,UAAA;KAyBJ;AACDC,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,UAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,UAAA;KAOP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"TextArea.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n },\n variations: {\n view: {\n default: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-accent);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n `,\n negative: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-negative);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-negative);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n `,\n },\n size: {\n m: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7rem;\n ${tokens.inputMinHeight}: 1.125rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.875rem;\n ${tokens.inputPaddingRight}: 1rem;\n ${tokens.inputPaddingRightWithRightContent}: 3.375rem;\n ${tokens.inputPaddingBottom}: 0.75rem;\n ${tokens.inputPaddingLeft}: 1rem;\n\n ${tokens.helpersPaddingTop}: 0.75rem;\n ${tokens.helpersPaddingRight}: 1rem;\n ${tokens.helpersPaddingBottom}: 0.75rem;\n ${tokens.helpersPaddingLeft}: 1rem;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.875rem;\n ${tokens.rightContentRight}: 0.875rem;\n ${tokens.rightContentHeight}: 1.25rem;\n\n ${tokens.labelMarginBottom}: 0.625rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ${tokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ${tokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n ${tokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m);\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.688rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.688rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n /* stylelint-disable-next-line */\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n /* stylelint-disable-next-line */\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.563rem;\n `,\n },\n clear: {\n true: css``,\n },\n readOnly: {\n true: css`\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.inputColorReadOnly}: var(--text-primary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n ${tokens.inputColorDisabled}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","default","negative","size","m","hintView","hintSize","s","clear","true","readOnly","disabled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAwCC,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAyCX;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,CAAC,EAAA,UAAA;KA2EJ;AACDC,IAAAA,QAAQ,EAAE;MACNJ,SAAO,EAAA,UAAA;KAMV;AACDK,IAAAA,QAAQ,EAAE;AACNF,MAAAA,CAAC,EAwBA,UAAA;AACDG,MAAAA,CAAC,EAAA,UAAA;KAyBJ;AACDC,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,UAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,UAAA;KAOP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
.d1g7h1jw{--plasma-textarea-input-background-color:var(--surface-transparent-primary);--plasma-textarea-input-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-helpers-background-color:var(--surface-transparent-primary);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-transparent-tertiary);--plasma-textarea-divider-color-hover:var(--text-secondary);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
|
|
2
|
+
.n1rie450{--plasma-textarea-input-background-color:var(--surface-transparent-negative);--plasma-textarea-input-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-negative);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-negative);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-negative);--plasma-textarea-divider-color-hover:var(--surface-negative);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
|
|
3
|
+
.m1klrxlo{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7rem;--plasma-textarea-input-min-height:1.125rem;--plasma-textarea-border-radius:0.75rem;--plasma-textarea-border-radius-with-helpers:0.75rem 0.75rem 0 0;--plasma-textarea-input-padding-top:0.875rem;--plasma-textarea-input-padding-right:1rem;--plasma-textarea-input-padding-right-with-right-content:3.375rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-left:1rem;--plasma-textarea-helpers-padding-top:0.75rem;--plasma-textarea-helpers-padding-right:1rem;--plasma-textarea-helpers-padding-bottom:0.75rem;--plasma-textarea-helpers-padding-left:1rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.875rem;--plasma-textarea-right-content-right:0.875rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.625rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-top-helper:-0.313rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-m-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-m-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-m-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-m-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.4375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.1875rem -0.625rem auto auto;--plasma-textfield__indicator-hint-placement-outer-right:-0.25rem;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;--plasma-textarea__hint-margin:-0.688rem -0.5rem;--plasma-textarea__hint-target-size:2.375rem;--plasma-textarea__hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-textarea__title-caption-label-inner-offset:0.25rem;--plasma-textarea__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__title-caption-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
4
|
+
.d1ui7a2o{--plasma-textarea__tooltip-background-color:var(--surface-solid-card-brightness);--plasma-textarea__tooltip-box-shadow:var(--shadow-down-hard-m);--plasma-textarea__tooltip-color:var(--text-primary);--plasma-textarea__tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
5
|
+
.m15h3znf{--plasma-textarea__tooltip-padding-top:0.688rem;--plasma-textarea__tooltip-padding-right:0.875rem;--plasma-textarea__tooltip-padding-bottom:0.688rem;--plasma-textarea__tooltip-padding-left:0.875rem;--plasma-textarea__tooltip-min-height:2.5rem;--plasma-textarea__tooltip-border-radius:0.625rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textarea__tooltip-content-left-margin:0.375rem;--plasma-textarea__tooltip-arrow-mask-width:1.25rem;--plasma-textarea__tooltip-arrow-mask-height:1.25rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textarea__tooltip-arrow-height:0.5rem;--plasma-textarea__tooltip-arrow-edge-margin:0.625rem;}
|
|
6
|
+
.s1xc86r3{--plasma-textarea__tooltip-padding-top:0.5rem;--plasma-textarea__tooltip-padding-right:0.75rem;--plasma-textarea__tooltip-padding-bottom:0.5rem;--plasma-textarea__tooltip-padding-left:0.75rem;--plasma-textarea__tooltip-min-height:2rem;--plasma-textarea__tooltip-border-radius:0.5rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea__tooltip-content-left-margin:0.25rem;--plasma-textarea__tooltip-arrow-mask-width:1rem;--plasma-textarea__tooltip-arrow-mask-height:1rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textarea__tooltip-arrow-height:0.375rem;--plasma-textarea__tooltip-arrow-edge-margin:0.563rem;}
|
|
7
|
+
|
|
8
|
+
.t12dmzpw{--plasma-textarea-read-only-opacity:0.1;--plasma-textarea-background-color-read-only:var(--surface-transparent-primary);--plasma-textarea-input-color-read-only:var(--text-primary);--plasma-textarea-divider-color-readonly:var(--surface-transparent-primary);--plasma-textarea-right-content-opacity-readonly:0.4;}
|
|
9
|
+
.tms0v69{--plasma-textarea-disabled-opacity:0.4;--plasma-textarea-input-color-disabled:var(--text-secondary);--plasma-textarea-divider-color-readonly:var(--surface-transparent-primary);--plasma-textarea__title-caption-color-readonly:var(--text-secondary);}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
1
|
+
.TextArea_config_1t49grc_d1g7h1jw__f46aa6c6{--plasma-textarea-input-background-color:var(--surface-transparent-primary);--plasma-textarea-input-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-helpers-background-color:var(--surface-transparent-primary);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-transparent-tertiary);--plasma-textarea-divider-color-hover:var(--text-secondary);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
|
|
2
|
+
.TextArea_config_1t49grc_n1rie450__f46aa6c6{--plasma-textarea-input-background-color:var(--surface-transparent-negative);--plasma-textarea-input-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-negative);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-negative);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-negative);--plasma-textarea-divider-color-hover:var(--surface-negative);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
|
|
3
|
+
.TextArea_config_1t49grc_m1klrxlo__f46aa6c6{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7rem;--plasma-textarea-input-min-height:1.125rem;--plasma-textarea-border-radius:0.75rem;--plasma-textarea-border-radius-with-helpers:0.75rem 0.75rem 0 0;--plasma-textarea-input-padding-top:0.875rem;--plasma-textarea-input-padding-right:1rem;--plasma-textarea-input-padding-right-with-right-content:3.375rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-left:1rem;--plasma-textarea-helpers-padding-top:0.75rem;--plasma-textarea-helpers-padding-right:1rem;--plasma-textarea-helpers-padding-bottom:0.75rem;--plasma-textarea-helpers-padding-left:1rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.875rem;--plasma-textarea-right-content-right:0.875rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.625rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-top-helper:-0.313rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-m-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-m-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-m-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-m-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.4375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.1875rem -0.625rem auto auto;--plasma-textfield__indicator-hint-placement-outer-right:-0.25rem;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;--plasma-textarea__hint-margin:-0.688rem -0.5rem;--plasma-textarea__hint-target-size:2.375rem;--plasma-textarea__hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-textarea__title-caption-label-inner-offset:0.25rem;--plasma-textarea__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__title-caption-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
4
|
+
.TextArea_config_1t49grc_d1ui7a2o__f46aa6c6{--plasma-textarea__tooltip-background-color:var(--surface-solid-card-brightness);--plasma-textarea__tooltip-box-shadow:var(--shadow-down-hard-m);--plasma-textarea__tooltip-color:var(--text-primary);--plasma-textarea__tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
5
|
+
.TextArea_config_1t49grc_m15h3znf__f46aa6c6{--plasma-textarea__tooltip-padding-top:0.688rem;--plasma-textarea__tooltip-padding-right:0.875rem;--plasma-textarea__tooltip-padding-bottom:0.688rem;--plasma-textarea__tooltip-padding-left:0.875rem;--plasma-textarea__tooltip-min-height:2.5rem;--plasma-textarea__tooltip-border-radius:0.625rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textarea__tooltip-content-left-margin:0.375rem;--plasma-textarea__tooltip-arrow-mask-width:1.25rem;--plasma-textarea__tooltip-arrow-mask-height:1.25rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textarea__tooltip-arrow-height:0.5rem;--plasma-textarea__tooltip-arrow-edge-margin:0.625rem;}
|
|
6
|
+
.TextArea_config_1t49grc_s1xc86r3__f46aa6c6{--plasma-textarea__tooltip-padding-top:0.5rem;--plasma-textarea__tooltip-padding-right:0.75rem;--plasma-textarea__tooltip-padding-bottom:0.5rem;--plasma-textarea__tooltip-padding-left:0.75rem;--plasma-textarea__tooltip-min-height:2rem;--plasma-textarea__tooltip-border-radius:0.5rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea__tooltip-content-left-margin:0.25rem;--plasma-textarea__tooltip-arrow-mask-width:1rem;--plasma-textarea__tooltip-arrow-mask-height:1rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textarea__tooltip-arrow-height:0.375rem;--plasma-textarea__tooltip-arrow-edge-margin:0.563rem;}
|
|
7
7
|
|
|
8
|
-
.
|
|
9
|
-
.
|
|
8
|
+
.TextArea_config_1t49grc_t12dmzpw__f46aa6c6{--plasma-textarea-read-only-opacity:0.1;--plasma-textarea-background-color-read-only:var(--surface-transparent-primary);--plasma-textarea-input-color-read-only:var(--text-primary);--plasma-textarea-divider-color-readonly:var(--surface-transparent-primary);--plasma-textarea-right-content-opacity-readonly:0.4;}
|
|
9
|
+
.TextArea_config_1t49grc_tms0v69__f46aa6c6{--plasma-textarea-disabled-opacity:0.4;--plasma-textarea-input-color-disabled:var(--text-secondary);--plasma-textarea-divider-color-readonly:var(--surface-transparent-primary);--plasma-textarea__title-caption-color-readonly:var(--text-secondary);}
|
package/dist/css/cjs/index.css
CHANGED
|
@@ -459,15 +459,15 @@
|
|
|
459
459
|
.VerticalIconTabItem_config_ynxsda_m1piugf9__4672d42d{--plasma-tab-item-border-radius:0.625rem;--plasma-tab-item-padding-orientation-vertical:0.75rem 0.875rem;--plasma-tab-item-content-gap:0.375rem;--plasma-tab-item-content-padding:0.125rem;--plasma-tab-item-action-content-margin-left:0.125rem;}
|
|
460
460
|
.VerticalIconTabItem_config_ynxsda_t1urvw8c__4672d42d{--plasma-tabs-disabled-opacity:0.4;}
|
|
461
461
|
|
|
462
|
-
.
|
|
463
|
-
.
|
|
464
|
-
.
|
|
465
|
-
.
|
|
466
|
-
.
|
|
467
|
-
.
|
|
468
|
-
|
|
469
|
-
.
|
|
470
|
-
.
|
|
462
|
+
.TextArea_config_1t49grc_d1g7h1jw__f46aa6c6{--plasma-textarea-input-background-color:var(--surface-transparent-primary);--plasma-textarea-input-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-helpers-background-color:var(--surface-transparent-primary);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-transparent-tertiary);--plasma-textarea-divider-color-hover:var(--text-secondary);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
|
|
463
|
+
.TextArea_config_1t49grc_n1rie450__f46aa6c6{--plasma-textarea-input-background-color:var(--surface-transparent-negative);--plasma-textarea-input-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-negative);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-negative);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-negative);--plasma-textarea-divider-color-hover:var(--surface-negative);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
|
|
464
|
+
.TextArea_config_1t49grc_m1klrxlo__f46aa6c6{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7rem;--plasma-textarea-input-min-height:1.125rem;--plasma-textarea-border-radius:0.75rem;--plasma-textarea-border-radius-with-helpers:0.75rem 0.75rem 0 0;--plasma-textarea-input-padding-top:0.875rem;--plasma-textarea-input-padding-right:1rem;--plasma-textarea-input-padding-right-with-right-content:3.375rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-left:1rem;--plasma-textarea-helpers-padding-top:0.75rem;--plasma-textarea-helpers-padding-right:1rem;--plasma-textarea-helpers-padding-bottom:0.75rem;--plasma-textarea-helpers-padding-left:1rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.875rem;--plasma-textarea-right-content-right:0.875rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.625rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-top-helper:-0.313rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-m-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-m-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-m-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-m-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.4375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.1875rem -0.625rem auto auto;--plasma-textfield__indicator-hint-placement-outer-right:-0.25rem;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;--plasma-textarea__hint-margin:-0.688rem -0.5rem;--plasma-textarea__hint-target-size:2.375rem;--plasma-textarea__hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-textarea__title-caption-label-inner-offset:0.25rem;--plasma-textarea__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__title-caption-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
465
|
+
.TextArea_config_1t49grc_d1ui7a2o__f46aa6c6{--plasma-textarea__tooltip-background-color:var(--surface-solid-card-brightness);--plasma-textarea__tooltip-box-shadow:var(--shadow-down-hard-m);--plasma-textarea__tooltip-color:var(--text-primary);--plasma-textarea__tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
466
|
+
.TextArea_config_1t49grc_m15h3znf__f46aa6c6{--plasma-textarea__tooltip-padding-top:0.688rem;--plasma-textarea__tooltip-padding-right:0.875rem;--plasma-textarea__tooltip-padding-bottom:0.688rem;--plasma-textarea__tooltip-padding-left:0.875rem;--plasma-textarea__tooltip-min-height:2.5rem;--plasma-textarea__tooltip-border-radius:0.625rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textarea__tooltip-content-left-margin:0.375rem;--plasma-textarea__tooltip-arrow-mask-width:1.25rem;--plasma-textarea__tooltip-arrow-mask-height:1.25rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textarea__tooltip-arrow-height:0.5rem;--plasma-textarea__tooltip-arrow-edge-margin:0.625rem;}
|
|
467
|
+
.TextArea_config_1t49grc_s1xc86r3__f46aa6c6{--plasma-textarea__tooltip-padding-top:0.5rem;--plasma-textarea__tooltip-padding-right:0.75rem;--plasma-textarea__tooltip-padding-bottom:0.5rem;--plasma-textarea__tooltip-padding-left:0.75rem;--plasma-textarea__tooltip-min-height:2rem;--plasma-textarea__tooltip-border-radius:0.5rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea__tooltip-content-left-margin:0.25rem;--plasma-textarea__tooltip-arrow-mask-width:1rem;--plasma-textarea__tooltip-arrow-mask-height:1rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textarea__tooltip-arrow-height:0.375rem;--plasma-textarea__tooltip-arrow-edge-margin:0.563rem;}
|
|
468
|
+
|
|
469
|
+
.TextArea_config_1t49grc_t12dmzpw__f46aa6c6{--plasma-textarea-read-only-opacity:0.1;--plasma-textarea-background-color-read-only:var(--surface-transparent-primary);--plasma-textarea-input-color-read-only:var(--text-primary);--plasma-textarea-divider-color-readonly:var(--surface-transparent-primary);--plasma-textarea-right-content-opacity-readonly:0.4;}
|
|
470
|
+
.TextArea_config_1t49grc_tms0v69__f46aa6c6{--plasma-textarea-disabled-opacity:0.4;--plasma-textarea-input-color-disabled:var(--text-secondary);--plasma-textarea-divider-color-readonly:var(--surface-transparent-primary);--plasma-textarea__title-caption-color-readonly:var(--text-secondary);}
|
|
471
471
|
|
|
472
472
|
.TextField_config_13zbrdf_dtkroq0__19a5d4fa{--plasma-textfield-color:var(--text-primary);--plasma-textfield-clear-color:var(--text-primary);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield__clear-placeholder-color:var(--text-secondary);--plasma-textfield__clear-placeholder-color-focus:var(--text-tertiary);--plasma-textfield-bg-color:var(--surface-transparent-primary);--plasma-textfield-bg-color-hover:var(--surface-transparent-primary-hover);--plasma-textfield-bg-color-focus:var(--surface-transparent-secondary);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-secondary);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-transparent-tertiary);--plasma-textfield-divider-color-hover:var(--text-secondary);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
473
473
|
.TextField_config_13zbrdf_pfhkds4__19a5d4fa{--plasma-textfield-color:var(--text-primary);--plasma-textfield-clear-color:var(--text-positive);--plasma-textfield__placeholder-color:var(--text-secondary);--plasma-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-textfield__clear-placeholder-color:var(--text-positive);--plasma-textfield__clear-placeholder-color-focus:var(--text-positive);--plasma-textfield-bg-color:var(--surface-transparent-positive);--plasma-textfield-bg-color-hover:var(--surface-transparent-positive-hover);--plasma-textfield-bg-color-focus:var(--surface-transparent-positive-active);--plasma-textfield__caret-color:var(--text-accent);--plasma-textfield__before-text-color:var(--text-tertiary);--plasma-textfield__after-text-color:var(--text-tertiary);--plasma-textfield__label-color:var(--text-primary);--plasma-textfield__left-helper-color:var(--text-positive);--plasma-textfield__title-caption-color:var(--text-secondary);--plasma-textfield__hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-divider-color:var(--surface-positive);--plasma-textfield-divider-color-hover:var(--surface-positive);--plasma-textfield-divider-color-focus:var(--surface-accent);--plasma-textfield-focus-color:var(--text-accent);--plasma-textfield__indicator-color:var(--surface-negative);--plasma-textfield__optional-color:var(--text-tertiary);}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import './TextArea.
|
|
1
|
+
import './TextArea.config_1t49grc.css';
|
|
2
2
|
var config = {
|
|
3
3
|
defaults: {
|
|
4
4
|
view: 'default',
|
|
5
5
|
focused: 'true'
|
|
6
6
|
},
|
|
7
7
|
variations: {
|
|
8
|
-
size: {
|
|
9
|
-
m: "m1g7h1jw"
|
|
10
|
-
},
|
|
11
8
|
view: {
|
|
12
|
-
"default": "
|
|
13
|
-
negative: "
|
|
9
|
+
"default": "d1g7h1jw",
|
|
10
|
+
negative: "n1rie450"
|
|
11
|
+
},
|
|
12
|
+
size: {
|
|
13
|
+
m: "m1klrxlo"
|
|
14
14
|
},
|
|
15
15
|
hintView: {
|
|
16
16
|
"default": "d1ui7a2o"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n },\n variations: {\n size: {\n m: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7rem;\n ${textAreaTokens.inputMinHeight}: 1.125rem;\n ${textAreaTokens.borderRadius}: 0.75rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n ${textAreaTokens.inputPaddingTop}: 0.875rem;\n ${textAreaTokens.inputPaddingRight}: 1rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;\n ${textAreaTokens.clearInputPaddingRightWithRightContent}: 2.125rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 1rem;\n ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n ${textAreaTokens.clearHelpersPaddingTop}: 0.25rem;\n ${textAreaTokens.helpersPaddingRight}: 1rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n ${textAreaTokens.helpersPaddingLeft}: 1rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.rightContentTop}: 0.875rem;\n ${textAreaTokens.rightContentRight}: 0.875rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n ${textAreaTokens.labelMarginBottom}: 0.625rem;\n ${textAreaTokens.clearLabelMarginBottom}: 0.25rem;\n ${textAreaTokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.labelInnerTop}: 0.375rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n ${textAreaTokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n ${textAreaTokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n ${textAreaTokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n ${textAreaTokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${textAreaTokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${textAreaTokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n ${textAreaTokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n ${textAreaTokens.indicatorSizeInner}: 0.5rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n ${textAreaTokens.clearIndicatorLabelPlacementInner}: 1.25rem auto auto -0.875rem;\n ${textAreaTokens.clearIndicatorLabelPlacementInnerRight}: 1.25rem -0.875rem auto auto;\n ${textAreaTokens.clearIndicatorHintInnerRight}: 1.25rem -2.488rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}:0.312rem -2.813rem auto auto;\n ${textAreaTokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.063rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n view: {\n default: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-primary);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-accent);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-secondary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.leftHelperColor}: var(--text-secondary);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.dividerColorHover}: var(--text-secondary);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n negative: css`\n ${textAreaTokens.inputBackgroundColor}: var(--surface-transparent-negative);\n ${textAreaTokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${textAreaTokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${textAreaTokens.inputBackgroundColorFocus}: var(--surface-transparent-negative);\n ${textAreaTokens.helpersBackgroundColor}: var(--surface-transparent-negative);\n ${textAreaTokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${textAreaTokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${textAreaTokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative);\n ${textAreaTokens.inputColor}: var(--text-primary);\n ${textAreaTokens.clearInputColor}: var(--text-negative);\n ${textAreaTokens.clearPlaceholderColor}: var(--text-negative);\n ${textAreaTokens.inputColorFocus}: var(--text-primary);\n ${textAreaTokens.inputCaretColor}: var(--text-negative);\n ${textAreaTokens.placeholderColor}: var(--text-secondary);\n ${textAreaTokens.placeholderColorFocus}: var(--text-tertiary);\n ${textAreaTokens.clearPlaceholderColorFocus}: var(--text-negative);\n ${textAreaTokens.leftHelperColor}: var(--text-negative);\n ${textAreaTokens.rightHelperColor}: var(--text-secondary);\n ${textAreaTokens.indicatorColor}: var(--surface-negative);\n ${textAreaTokens.optionalColor}: var(--text-tertiary);\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${textAreaTokens.dividerColor}: var(--surface-negative);\n ${textAreaTokens.dividerColorHover}: var(--surface-negative);\n ${textAreaTokens.dividerColorFocus}: var(--surface-accent);\n ${textAreaTokens.titleCaptionColor}: var(--text-secondary);\n ${textAreaTokens.hintIconColor}: var(--text-secondary);\n `,\n },\n hintView: {\n default: css`\n ${textAreaTokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${textAreaTokens.tooltipBoxShadow}: var(--shadow-down-hard-m);\n ${textAreaTokens.tooltipColor}: var(--text-primary);\n ${textAreaTokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.688rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.875rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.688rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.875rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2.5rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.625rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1.25rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1.25rem;\n /* stylelint-disable-next-line */\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${textAreaTokens.tooltipArrowHeight}: 0.5rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.5rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.75rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.5rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.75rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.5rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${textAreaTokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${textAreaTokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${textAreaTokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${textAreaTokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${textAreaTokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1rem;\n /* stylelint-disable-next-line */\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${textAreaTokens.tooltipArrowHeight}: 0.375rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.563rem;\n `,\n },\n clear: {\n true: css``,\n },\n readOnly: {\n true: css`\n ${textAreaTokens.readOnlyOpacity}: 0.1;\n ${textAreaTokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${textAreaTokens.inputColorReadOnly}: var(--text-primary);\n ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${textAreaTokens.contentSlotRightOpacityReadOnly}: 0.4;\n `,\n },\n disabled: {\n true: css`\n ${textAreaTokens.disabledOpacity}: 0.4;\n ${textAreaTokens.inputColorDisabled}: var(--text-secondary);\n ${textAreaTokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${textAreaTokens.titleCaptionColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","size","m","default","negative","hintView","hintSize","s","clear","true","readOnly","disabled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,CAAC,EAAA,UAAA;KAuEJ;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAkCC,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAmCX;AACDC,IAAAA,QAAQ,EAAE;MACNF,SAAO,EAAA,UAAA;KAMV;AACDG,IAAAA,QAAQ,EAAE;AACNJ,MAAAA,CAAC,EAwBA,UAAA;AACDK,MAAAA,CAAC,EAAA,UAAA;KAyBJ;AACDC,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,UAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,UAAA;KAOP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"TextArea.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n },\n variations: {\n view: {\n default: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-secondary);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-secondary);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-accent);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-transparent-tertiary);\n ${tokens.dividerColorHover}: var(--text-secondary);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n `,\n negative: css`\n ${tokens.inputBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.inputBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.inputBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${tokens.inputBackgroundColorFocus}: var(--surface-transparent-negative);\n\n ${tokens.helpersBackgroundColor}: var(--surface-transparent-negative);\n ${tokens.helpersBackgroundColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.helpersBackgroundColorActive}: var(--surface-transparent-negative-active);\n ${tokens.helpersBackgroundColorFocus}: var(--surface-transparent-negative);\n\n ${tokens.inputColor}: var(--text-primary);\n ${tokens.inputColorFocus}: var(--text-primary);\n ${tokens.inputCaretColor}: var(--text-negative);\n\n ${tokens.placeholderColor}: var(--text-secondary);\n ${tokens.placeholderColorFocus}: var(--text-tertiary);\n\n ${tokens.leftHelperColor}: var(--text-negative);\n ${tokens.rightHelperColor}: var(--text-secondary);\n\n ${tokens.rightContentColor}: var(--text-secondary);\n ${tokens.rightContentColorHover}: var(--text-secondary-hover);\n ${tokens.rightContentColorActive}: var(--text-secondary-active);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n ${tokens.optionalColor}: var(--text-tertiary);\n\n ${tokens.scrollbarThumbBackgroundColor}: var(--surface-transparent-tertiary);\n ${tokens.scrollbarThumbBackgroundColorHover}: var(--surface-transparent-tertiary-hover);\n ${tokens.scrollbarThumbBackgroundColorActive}: var(--surface-transparent-tertiary-active);\n ${tokens.scrollbarTrackBackgroundColor}: var(--surface-transparent-primary);\n ${tokens.scrollbarTrackBackgroundColorActive}: var(--surface-transparent-primary-active);\n ${tokens.scrollbarTrackBackgroundColorHover}: var(--surface-transparent-primary-hover);\n\n ${tokens.dividerColor}: var(--surface-negative);\n ${tokens.dividerColorHover}: var(--surface-negative);\n ${tokens.dividerColorFocus}: var(--surface-accent);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n `,\n },\n size: {\n m: css`\n ${tokens.inputWidth}: 100%;\n ${tokens.inputHeight}: 7rem;\n ${tokens.inputMinHeight}: 1.125rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;\n\n ${tokens.inputPaddingTop}: 0.875rem;\n ${tokens.inputPaddingRight}: 1rem;\n ${tokens.inputPaddingRightWithRightContent}: 3.375rem;\n ${tokens.inputPaddingBottom}: 0.75rem;\n ${tokens.inputPaddingLeft}: 1rem;\n\n ${tokens.helpersPaddingTop}: 0.75rem;\n ${tokens.helpersPaddingRight}: 1rem;\n ${tokens.helpersPaddingBottom}: 0.75rem;\n ${tokens.helpersPaddingLeft}: 1rem;\n ${tokens.helpersOffset}: 0rem;\n\n ${tokens.rightContentTop}: 0.875rem;\n ${tokens.rightContentRight}: 0.875rem;\n ${tokens.rightContentHeight}: 1.25rem;\n\n ${tokens.labelMarginBottom}: 0.625rem;\n\n ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.labelInnerTop}: 0.375rem;\n ${tokens.labelInnerTopHelper}: -0.313rem;\n ${tokens.labelInnerMarginBottom}: 0.125rem;\n\n ${tokens.inputFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.inputFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.inputFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.inputFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.inputLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.inputLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.helpersFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.helpersFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.helpersFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.helpersFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.helpersLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.helpersLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n /* stylelint-disable-next-line number-max-precision */\n ${tokens.indicatorLabelPlacementOuter}: 0.4375rem auto auto -0.675rem;\n ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n /* stylelint-disable-next-line number-max-precision */\n ${tokens.indicatorLabelPlacementOuterRight}: 0.1875rem -0.625rem auto auto;\n ${tokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n\n ${tokens.scrollbarWidth}: 0.188rem;\n ${tokens.scrollbarBorderWidth}: 0.063rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;\n\n ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m);\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.688rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.688rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n /* stylelint-disable-next-line */\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n /* stylelint-disable-next-line */\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.563rem;\n `,\n },\n clear: {\n true: css``,\n },\n readOnly: {\n true: css`\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.backgroundColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.inputColorReadOnly}: var(--text-primary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.contentSlotRightOpacityReadOnly}: 0.4;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n ${tokens.inputColorDisabled}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--surface-transparent-primary);\n ${tokens.titleCaptionColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","default","negative","size","m","hintView","hintSize","s","clear","true","readOnly","disabled"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAA;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAwCC,UAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAyCX;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,CAAC,EAAA,UAAA;KA2EJ;AACDC,IAAAA,QAAQ,EAAE;MACNJ,SAAO,EAAA,UAAA;KAMV;AACDK,IAAAA,QAAQ,EAAE;AACNF,MAAAA,CAAC,EAwBA,UAAA;AACDG,MAAAA,CAAC,EAAA,UAAA;KAyBJ;AACDC,IAAAA,KAAK,EAAE;MACHC,MAAI,EAAA,UAAA;KACP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,UAAA;KAOP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAI,EAAA,SAAA;AAMR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
.d1g7h1jw{--plasma-textarea-input-background-color:var(--surface-transparent-primary);--plasma-textarea-input-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-helpers-background-color:var(--surface-transparent-primary);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-transparent-tertiary);--plasma-textarea-divider-color-hover:var(--text-secondary);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
|
|
2
|
+
.n1rie450{--plasma-textarea-input-background-color:var(--surface-transparent-negative);--plasma-textarea-input-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-negative);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-negative);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-negative);--plasma-textarea-divider-color-hover:var(--surface-negative);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
|
|
3
|
+
.m1klrxlo{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7rem;--plasma-textarea-input-min-height:1.125rem;--plasma-textarea-border-radius:0.75rem;--plasma-textarea-border-radius-with-helpers:0.75rem 0.75rem 0 0;--plasma-textarea-input-padding-top:0.875rem;--plasma-textarea-input-padding-right:1rem;--plasma-textarea-input-padding-right-with-right-content:3.375rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-left:1rem;--plasma-textarea-helpers-padding-top:0.75rem;--plasma-textarea-helpers-padding-right:1rem;--plasma-textarea-helpers-padding-bottom:0.75rem;--plasma-textarea-helpers-padding-left:1rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.875rem;--plasma-textarea-right-content-right:0.875rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.625rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-top-helper:-0.313rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-m-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-m-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-m-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-m-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.4375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.1875rem -0.625rem auto auto;--plasma-textfield__indicator-hint-placement-outer-right:-0.25rem;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;--plasma-textarea__hint-margin:-0.688rem -0.5rem;--plasma-textarea__hint-target-size:2.375rem;--plasma-textarea__hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-textarea__title-caption-label-inner-offset:0.25rem;--plasma-textarea__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__title-caption-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
4
|
+
.d1ui7a2o{--plasma-textarea__tooltip-background-color:var(--surface-solid-card-brightness);--plasma-textarea__tooltip-box-shadow:var(--shadow-down-hard-m);--plasma-textarea__tooltip-color:var(--text-primary);--plasma-textarea__tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
5
|
+
.m15h3znf{--plasma-textarea__tooltip-padding-top:0.688rem;--plasma-textarea__tooltip-padding-right:0.875rem;--plasma-textarea__tooltip-padding-bottom:0.688rem;--plasma-textarea__tooltip-padding-left:0.875rem;--plasma-textarea__tooltip-min-height:2.5rem;--plasma-textarea__tooltip-border-radius:0.625rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textarea__tooltip-content-left-margin:0.375rem;--plasma-textarea__tooltip-arrow-mask-width:1.25rem;--plasma-textarea__tooltip-arrow-mask-height:1.25rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textarea__tooltip-arrow-height:0.5rem;--plasma-textarea__tooltip-arrow-edge-margin:0.625rem;}
|
|
6
|
+
.s1xc86r3{--plasma-textarea__tooltip-padding-top:0.5rem;--plasma-textarea__tooltip-padding-right:0.75rem;--plasma-textarea__tooltip-padding-bottom:0.5rem;--plasma-textarea__tooltip-padding-left:0.75rem;--plasma-textarea__tooltip-min-height:2rem;--plasma-textarea__tooltip-border-radius:0.5rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea__tooltip-content-left-margin:0.25rem;--plasma-textarea__tooltip-arrow-mask-width:1rem;--plasma-textarea__tooltip-arrow-mask-height:1rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textarea__tooltip-arrow-height:0.375rem;--plasma-textarea__tooltip-arrow-edge-margin:0.563rem;}
|
|
7
|
+
|
|
8
|
+
.t12dmzpw{--plasma-textarea-read-only-opacity:0.1;--plasma-textarea-background-color-read-only:var(--surface-transparent-primary);--plasma-textarea-input-color-read-only:var(--text-primary);--plasma-textarea-divider-color-readonly:var(--surface-transparent-primary);--plasma-textarea-right-content-opacity-readonly:0.4;}
|
|
9
|
+
.tms0v69{--plasma-textarea-disabled-opacity:0.4;--plasma-textarea-input-color-disabled:var(--text-secondary);--plasma-textarea-divider-color-readonly:var(--surface-transparent-primary);--plasma-textarea__title-caption-color-readonly:var(--text-secondary);}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
1
|
+
.TextArea_config_1t49grc_d1g7h1jw__f46aa6c6{--plasma-textarea-input-background-color:var(--surface-transparent-primary);--plasma-textarea-input-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-helpers-background-color:var(--surface-transparent-primary);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-secondary);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-accent);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-secondary);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-transparent-tertiary);--plasma-textarea-divider-color-hover:var(--text-secondary);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
|
|
2
|
+
.TextArea_config_1t49grc_n1rie450__f46aa6c6{--plasma-textarea-input-background-color:var(--surface-transparent-negative);--plasma-textarea-input-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-input-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-input-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color:var(--surface-transparent-negative);--plasma-textarea-helpers-background-color-hover:var(--surface-transparent-negative-hover);--plasma-textarea-helpers-background-color-active:var(--surface-transparent-negative-active);--plasma-textarea-helpers-background-color-focus:var(--surface-transparent-negative);--plasma-textarea-input-color:var(--text-primary);--plasma-textarea-input-color-focus:var(--text-primary);--plasma-textarea-input-caret-color:var(--text-negative);--plasma-textarea-placeholder-color:var(--text-secondary);--plasma-textarea-placeholder-color-focus:var(--text-tertiary);--plasma-textarea-left-helper-color:var(--text-negative);--plasma-textarea-right-helper-color:var(--text-secondary);--plasma-textarea-right-content-color:var(--text-secondary);--plasma-textarea-right-content-color-hover:var(--text-secondary-hover);--plasma-textarea-right-content-color-active:var(--text-secondary-active);--plasma-textarea-indicator-color:var(--surface-negative);--plasma-textarea__optional-color:var(--text-tertiary);--plasma-textarea-scrollbar-thumb-background-color:var(--surface-transparent-tertiary);--plasma-textarea-scrollbar-thumb-background-color-hover:var(--surface-transparent-tertiary-hover);--plasma-textarea-scrollbar-thumb-background-color-active:var(--surface-transparent-tertiary-active);--plasma-textarea-scrollbar-track-background-color:var(--surface-transparent-primary);--plasma-textarea-scrollbar-track-background-color-active:var(--surface-transparent-primary-active);--plasma-textarea-scrollbar-track-background-color-hover:var(--surface-transparent-primary-hover);--plasma-textarea-divider-color:var(--surface-negative);--plasma-textarea-divider-color-hover:var(--surface-negative);--plasma-textarea-divider-color-focus:var(--surface-accent);--plasma-textarea__title-caption-color:var(--text-secondary);--plasma-textarea__hint-icon-color:var(--text-secondary);}
|
|
3
|
+
.TextArea_config_1t49grc_m1klrxlo__f46aa6c6{--plasma-textarea-input-width:100%;--plasma-textarea-input-height:7rem;--plasma-textarea-input-min-height:1.125rem;--plasma-textarea-border-radius:0.75rem;--plasma-textarea-border-radius-with-helpers:0.75rem 0.75rem 0 0;--plasma-textarea-input-padding-top:0.875rem;--plasma-textarea-input-padding-right:1rem;--plasma-textarea-input-padding-right-with-right-content:3.375rem;--plasma-textarea-input-padding-bottom:0.75rem;--plasma-textarea-input-padding-left:1rem;--plasma-textarea-helpers-padding-top:0.75rem;--plasma-textarea-helpers-padding-right:1rem;--plasma-textarea-helpers-padding-bottom:0.75rem;--plasma-textarea-helpers-padding-left:1rem;--plasma-textarea-helpers-offset:0rem;--plasma-textarea-right-content-top:0.875rem;--plasma-textarea-right-content-right:0.875rem;--plasma-textarea-right-content-height:1.25rem;--plasma-textarea-label-margin-bottom:0.625rem;--plasma-textarea-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-label-inner-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-label-inner-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-label-inner-top:0.375rem;--plasma-textarea-label-inner-top-helper:-0.313rem;--plasma-textarea-label-inner-margin-bottom:0.125rem;--plasma-textarea-input-font-family:var(--plasma-typo-body-m-font-family);--plasma-textarea-input-font-size:var(--plasma-typo-body-m-font-size);--plasma-textarea-input-font-style:var(--plasma-typo-body-m-font-style);--plasma-textarea-input-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-textarea-input-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-textarea-input-line-height:var(--plasma-typo-body-m-line-height);--plasma-textarea-helpers-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea-helpers-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea-helpers-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea-helpers-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea-helpers-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea-helpers-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea-indicator-size-inner:0.5rem;--plasma-textarea-indicator-size-outer:0.375rem;--plasma-textarea-indicator-placement-inner:0 0 0 0;--plasma-textarea-indicator-placement-outer:0.4375rem auto auto -0.675rem;--plasma-textarea-indicator-placement-inner-right:0 0 auto auto;--plasma-textarea-indicator-placement-outer-right:0.1875rem -0.625rem auto auto;--plasma-textfield__indicator-hint-placement-outer-right:-0.25rem;--plasma-textarea-scrollbar-width:0.188rem;--plasma-textarea-scrollbar-border-width:0.063rem;--plasma-textarea__hint-margin:-0.688rem -0.5rem;--plasma-textarea__hint-target-size:2.375rem;--plasma-textarea__hint-inner-label-placement-offset:0.312rem -2.813rem auto auto;--plasma-textarea__title-caption-label-inner-offset:0.25rem;--plasma-textarea__title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__title-caption-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
4
|
+
.TextArea_config_1t49grc_d1ui7a2o__f46aa6c6{--plasma-textarea__tooltip-background-color:var(--surface-solid-card-brightness);--plasma-textarea__tooltip-box-shadow:var(--shadow-down-hard-m);--plasma-textarea__tooltip-color:var(--text-primary);--plasma-textarea__tooltip-arrow-background:var(--surface-solid-card-brightness);}
|
|
5
|
+
.TextArea_config_1t49grc_m15h3znf__f46aa6c6{--plasma-textarea__tooltip-padding-top:0.688rem;--plasma-textarea__tooltip-padding-right:0.875rem;--plasma-textarea__tooltip-padding-bottom:0.688rem;--plasma-textarea__tooltip-padding-left:0.875rem;--plasma-textarea__tooltip-min-height:2.5rem;--plasma-textarea__tooltip-border-radius:0.625rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-textarea__tooltip-content-left-margin:0.375rem;--plasma-textarea__tooltip-arrow-mask-width:1.25rem;--plasma-textarea__tooltip-arrow-mask-height:1.25rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-textarea__tooltip-arrow-height:0.5rem;--plasma-textarea__tooltip-arrow-edge-margin:0.625rem;}
|
|
6
|
+
.TextArea_config_1t49grc_s1xc86r3__f46aa6c6{--plasma-textarea__tooltip-padding-top:0.5rem;--plasma-textarea__tooltip-padding-right:0.75rem;--plasma-textarea__tooltip-padding-bottom:0.5rem;--plasma-textarea__tooltip-padding-left:0.75rem;--plasma-textarea__tooltip-min-height:2rem;--plasma-textarea__tooltip-border-radius:0.5rem;--plasma-textarea__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-textarea__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-textarea__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-textarea__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-textarea__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-textarea__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-textarea__tooltip-content-left-margin:0.25rem;--plasma-textarea__tooltip-arrow-mask-width:1rem;--plasma-textarea__tooltip-arrow-mask-height:1rem;--plasma-textarea__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-textarea__tooltip-arrow-height:0.375rem;--plasma-textarea__tooltip-arrow-edge-margin:0.563rem;}
|
|
7
7
|
|
|
8
|
-
.
|
|
9
|
-
.
|
|
8
|
+
.TextArea_config_1t49grc_t12dmzpw__f46aa6c6{--plasma-textarea-read-only-opacity:0.1;--plasma-textarea-background-color-read-only:var(--surface-transparent-primary);--plasma-textarea-input-color-read-only:var(--text-primary);--plasma-textarea-divider-color-readonly:var(--surface-transparent-primary);--plasma-textarea-right-content-opacity-readonly:0.4;}
|
|
9
|
+
.TextArea_config_1t49grc_tms0v69__f46aa6c6{--plasma-textarea-disabled-opacity:0.4;--plasma-textarea-input-color-disabled:var(--text-secondary);--plasma-textarea-divider-color-readonly:var(--surface-transparent-primary);--plasma-textarea__title-caption-color-readonly:var(--text-secondary);}
|