@salutejs/plasma-new-hope 0.327.0-canary.2010.15694111005.0 → 0.327.0-canary.2010.15752302924.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.
Files changed (87) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
  3. package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -1
  4. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  5. package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
  6. package/cjs/components/Pagination/Pagination.css +1 -1
  7. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  8. package/cjs/components/Range/Range.css +1 -1
  9. package/cjs/components/Select/Select.css +1 -1
  10. package/cjs/components/Select/ui/Target/Target.css +1 -1
  11. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  12. package/cjs/components/Slider/Slider.css +1 -1
  13. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  14. package/cjs/components/Table/Table.css +1 -1
  15. package/cjs/components/Table/ui/Cell/Cell.css +1 -1
  16. package/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
  17. package/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
  18. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  19. package/cjs/components/TextArea/variations/_size/base.js +1 -1
  20. package/cjs/components/TextArea/variations/_size/base.js.map +1 -1
  21. package/cjs/components/TextArea/variations/_size/base_1mq4sb2.css +1 -0
  22. package/cjs/components/TextField/TextField.js +10 -2
  23. package/cjs/components/TextField/TextField.js.map +1 -1
  24. package/cjs/components/TextField/TextField.tokens.js +2 -1
  25. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  26. package/cjs/components/TextField/variations/_size/base.js +1 -1
  27. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  28. package/cjs/components/TextField/variations/_size/base_ryad12.css +1 -0
  29. package/cjs/index.css +2 -2
  30. package/emotion/cjs/components/TextArea/variations/_size/base.js +1 -1
  31. package/emotion/cjs/components/TextField/TextField.js +11 -3
  32. package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
  33. package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
  34. package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +3 -0
  35. package/emotion/es/components/TextArea/variations/_size/base.js +1 -1
  36. package/emotion/es/components/TextField/TextField.js +11 -3
  37. package/emotion/es/components/TextField/TextField.tokens.js +2 -1
  38. package/emotion/es/components/TextField/variations/_size/base.js +1 -1
  39. package/emotion/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +3 -0
  40. package/es/components/Autocomplete/Autocomplete.css +1 -1
  41. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
  42. package/es/components/DatePicker/RangeDate/RangeDate.css +1 -1
  43. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  44. package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
  45. package/es/components/Pagination/Pagination.css +1 -1
  46. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  47. package/es/components/Range/Range.css +1 -1
  48. package/es/components/Select/Select.css +1 -1
  49. package/es/components/Select/ui/Target/Target.css +1 -1
  50. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  51. package/es/components/Slider/Slider.css +1 -1
  52. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  53. package/es/components/Table/Table.css +1 -1
  54. package/es/components/Table/ui/Cell/Cell.css +1 -1
  55. package/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
  56. package/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
  57. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  58. package/es/components/TextArea/variations/_size/base.js +1 -1
  59. package/es/components/TextArea/variations/_size/base.js.map +1 -1
  60. package/es/components/TextArea/variations/_size/base_1mq4sb2.css +1 -0
  61. package/es/components/TextField/TextField.js +10 -2
  62. package/es/components/TextField/TextField.js.map +1 -1
  63. package/es/components/TextField/TextField.tokens.js +2 -1
  64. package/es/components/TextField/TextField.tokens.js.map +1 -1
  65. package/es/components/TextField/variations/_size/base.js +1 -1
  66. package/es/components/TextField/variations/_size/base.js.map +1 -1
  67. package/es/components/TextField/variations/_size/base_ryad12.css +1 -0
  68. package/es/index.css +2 -2
  69. package/package.json +2 -2
  70. package/styled-components/cjs/components/TextArea/variations/_size/base.js +1 -1
  71. package/styled-components/cjs/components/TextField/TextField.js +10 -2
  72. package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
  73. package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
  74. package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +3 -0
  75. package/styled-components/es/components/TextArea/variations/_size/base.js +1 -1
  76. package/styled-components/es/components/TextField/TextField.js +10 -2
  77. package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
  78. package/styled-components/es/components/TextField/variations/_size/base.js +1 -1
  79. package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +3 -0
  80. package/types/components/TextField/TextField.d.ts.map +1 -1
  81. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  82. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  83. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  84. package/cjs/components/TextArea/variations/_size/base_vftquy.css +0 -1
  85. package/cjs/components/TextField/variations/_size/base_uulqii.css +0 -1
  86. package/es/components/TextArea/variations/_size/base_vftquy.css +0 -1
  87. package/es/components/TextField/variations/_size/base_uulqii.css +0 -1
@@ -193,5 +193,6 @@ var tokens = exports.tokens = {
193
193
  indicatorLabelPlacementHintOuterRight: '--plasma-textfield__indicator-hint-placement-outer-right',
194
194
  clearIndicatorLabelPlacementInner: '--plasma-textfield__clear-indicator-placement-inner',
195
195
  clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right',
196
- clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right'
196
+ clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right',
197
+ tourBorderRadius: '--plasma-textfield-tour-border-radius'
197
198
  };
@@ -7,4 +7,4 @@ exports.base = void 0;
7
7
  var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _TextField = /*#__PURE__*/require("../../TextField.tokens");
9
9
  var _TextField2 = /*#__PURE__*/require("../../TextField.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", "{width:100%;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", ",&:not(.", ") ", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");width:var(", ");height:var(", ");}", "{width:var(", ");height:var(", ");}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}", ".", "{gap:var(", ");margin:var(", ");", "{margin:var(", ");}}"], _TextField2.Input, _TextField2.InputContainer, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.InputWrapper, _TextField.tokens.height, _TextField.tokens.borderRadius, _TextField.tokens.padding, _TextField.classes.hasChips, _TextField.tokens.paddingWithChips, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentLeft, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentRight, _TextField.tokens.paddingWithChips, _TextField2.Label, _TextField.classes.innerLabelPlacement, _TextField2.StyledOptionalText, _TextField.tokens.labelFontFamily, _TextField.tokens.labelFontSize, _TextField.tokens.labelFontStyle, _TextField.tokens.labelFontWeight, _TextField.tokens.labelLetterSpacing, _TextField.tokens.labelLineHeight, _TextField2.StyledHintWrapper, _TextField.tokens.hintMargin, _TextField.tokens.hintTargetSize, _TextField.tokens.hintTargetSize, _TextField2.HintTargetWrapper, _TextField.tokens.hintTargetSize, _TextField.tokens.hintTargetSize, _TextField2.TitleCaption, _TextField.tokens.titleCaptionFontFamily, _TextField.tokens.titleCaptionFontSize, _TextField.tokens.titleCaptionFontStyle, _TextField.tokens.titleCaptionFontWeight, _TextField.tokens.titleCaptionLetterSpacing, _TextField.tokens.titleCaptionLineHeight, _TextField2.LeftHelper, _TextField.tokens.leftHelperOffset, _TextField.tokens.leftHelperFontFamily, _TextField.tokens.leftHelperFontSize, _TextField.tokens.leftHelperFontStyle, _TextField.tokens.leftHelperFontWeight, _TextField.tokens.leftHelperLetterSpacing, _TextField.tokens.leftHelperLineHeight, _TextField2.StyledTextBefore, _TextField2.StyledTextAfter, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeMargin, _TextField2.StyledTextAfter, _TextField.tokens.textAfterMargin, _TextField2.StyledContentRightWrapper, _TextField.classes.contentRightCompensationMargin, _TextField.tokens.contentRightWrapperGap, _TextField.tokens.contentRightWrapperMargin, _TextField2.StyledContentRight, _TextField.tokens.rightContentWithHintMargin);
10
+ var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ":var(", ");", "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", "{width:100%;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", ",&:not(.", ") ", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");width:var(", ");height:var(", ");}", "{width:var(", ");height:var(", ");}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}", ".", "{gap:var(", ");margin:var(", ");", "{margin:var(", ");}}"], _TextField.tokens.tourBorderRadius, _TextField.tokens.borderRadius, _TextField2.Input, _TextField2.InputContainer, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.InputWrapper, _TextField.tokens.height, _TextField.tokens.borderRadius, _TextField.tokens.padding, _TextField.classes.hasChips, _TextField.tokens.paddingWithChips, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentLeft, _TextField.tokens.paddingWithChips, _TextField.classes.hasEmptyContentRight, _TextField.tokens.paddingWithChips, _TextField2.Label, _TextField.classes.innerLabelPlacement, _TextField2.StyledOptionalText, _TextField.tokens.labelFontFamily, _TextField.tokens.labelFontSize, _TextField.tokens.labelFontStyle, _TextField.tokens.labelFontWeight, _TextField.tokens.labelLetterSpacing, _TextField.tokens.labelLineHeight, _TextField2.StyledHintWrapper, _TextField.tokens.hintMargin, _TextField.tokens.hintTargetSize, _TextField.tokens.hintTargetSize, _TextField2.HintTargetWrapper, _TextField.tokens.hintTargetSize, _TextField.tokens.hintTargetSize, _TextField2.TitleCaption, _TextField.tokens.titleCaptionFontFamily, _TextField.tokens.titleCaptionFontSize, _TextField.tokens.titleCaptionFontStyle, _TextField.tokens.titleCaptionFontWeight, _TextField.tokens.titleCaptionLetterSpacing, _TextField.tokens.titleCaptionLineHeight, _TextField2.LeftHelper, _TextField.tokens.leftHelperOffset, _TextField.tokens.leftHelperFontFamily, _TextField.tokens.leftHelperFontSize, _TextField.tokens.leftHelperFontStyle, _TextField.tokens.leftHelperFontWeight, _TextField.tokens.leftHelperLetterSpacing, _TextField.tokens.leftHelperLineHeight, _TextField2.StyledTextBefore, _TextField2.StyledTextAfter, _TextField.tokens.fontFamily, _TextField.tokens.fontSize, _TextField.tokens.fontStyle, _TextField.tokens.fontWeight, _TextField.tokens.letterSpacing, _TextField.tokens.lineHeight, _TextField2.StyledTextBefore, _TextField.tokens.textBeforeMargin, _TextField2.StyledTextAfter, _TextField.tokens.textAfterMargin, _TextField2.StyledContentRightWrapper, _TextField.classes.contentRightCompensationMargin, _TextField.tokens.contentRightWrapperGap, _TextField.tokens.contentRightWrapperMargin, _TextField2.StyledContentRight, _TextField.tokens.rightContentWithHintMargin);
@@ -229,6 +229,9 @@ const StoryDefault = (args) => {
229
229
  >
230
230
  <TextArea
231
231
  ref={ref1}
232
+ label="Textarea"
233
+ placeholder="Напиши что нибудь"
234
+ leftHelper="Helper Text"
232
235
  rightHelper={
233
236
  <div ref={ref5} style={{ cursor: 'pointer', transform: 'rotate(-90deg)' }}>
234
237
  <IconArrowDown />
@@ -1,3 +1,3 @@
1
1
  import { css } from 'styled-components';
2
2
  import { tokens } from "../../TextArea.tokens";
3
- export var base = /*#__PURE__*/css(["", ":0.75rem;"], tokens.tourBorderRadius);
3
+ export var base = /*#__PURE__*/css(["", ":var(", ");"], tokens.tourBorderRadius, tokens.borderRadius);
@@ -300,6 +300,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
300
300
  readOnly: !disabled && readOnly,
301
301
  labelPlacement: innerLabelPlacementValue,
302
302
  onClick: handleInputFocus,
303
+ "data-root": true,
303
304
  className: cx(labelPlacementClass, clearClass, hasDividerClass, hasInnerHintClass, classes.textFieldGroupItem, className),
304
305
  style: style
305
306
  }, hintText && {
@@ -326,7 +327,9 @@ export var textFieldRoot = function textFieldRoot(Root) {
326
327
  handleHintClick: handleHintClick
327
328
  })), required && hasRequiredIndicator && /*#__PURE__*/React.createElement(StyledIndicator, {
328
329
  className: cx(classes.outerLabelPlacement, requiredPlacementClass, hasHintClass)
329
- }), optionalTextNode), titleCaption && /*#__PURE__*/React.createElement(TitleCaption, null, titleCaption)), /*#__PURE__*/React.createElement(InputWrapper
330
+ }), optionalTextNode), titleCaption && /*#__PURE__*/React.createElement(TitleCaption, {
331
+ "data-root": true
332
+ }, titleCaption)), /*#__PURE__*/React.createElement(InputWrapper
330
333
  // Ref для внутреннего использования. Не отдается наружу.
331
334
  , {
332
335
  ref: rest.inputWrapperRef
@@ -354,6 +357,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
354
357
  handleHintClick: handleHintClick,
355
358
  isInnerLabel: true
356
359
  }))), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, {
360
+ "data-root": true,
357
361
  isClear: clear,
358
362
  isDefaultView: isDefaultView
359
363
  }, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
@@ -413,6 +417,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
413
417
  onFocus: handleFocus,
414
418
  onBlur: handleBlur
415
419
  }, rest)), hasInnerLabel && /*#__PURE__*/React.createElement(Label, {
420
+ "data-root": true,
416
421
  id: labelId,
417
422
  htmlFor: innerId
418
423
  }, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/React.createElement(InputPlaceholder, {
@@ -421,7 +426,9 @@ export var textFieldRoot = function textFieldRoot(Root) {
421
426
  isHidden: true
422
427
  }, textBefore), innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode), hasTextAfter && /*#__PURE__*/React.createElement(StyledTextAfter, null, textAfter))), /*#__PURE__*/React.createElement(StyledContentRightWrapper, {
423
428
  className: cx(contentRightCompensationMargin)
424
- }, contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), !hasOuterLabel && hintText && hintTargetPlacement === 'inner' && /*#__PURE__*/React.createElement(HintComponent, {
429
+ }, contentRight && /*#__PURE__*/React.createElement(StyledContentRight, {
430
+ "data-root": true
431
+ }, contentRight), !hasOuterLabel && hintText && hintTargetPlacement === 'inner' && /*#__PURE__*/React.createElement(HintComponent, {
425
432
  ref: hintForkRef,
426
433
  hintText: hintText,
427
434
  hintTrigger: hintTrigger,
@@ -438,6 +445,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
438
445
  handleHintClick: handleHintClick,
439
446
  isInnerLabel: true
440
447
  }))), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
448
+ "data-root": true,
441
449
  id: helperTextId
442
450
  }, leftHelper));
443
451
  });
@@ -187,5 +187,6 @@ export var tokens = {
187
187
  indicatorLabelPlacementHintOuterRight: '--plasma-textfield__indicator-hint-placement-outer-right',
188
188
  clearIndicatorLabelPlacementInner: '--plasma-textfield__clear-indicator-placement-inner',
189
189
  clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right',
190
- clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right'
190
+ clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right',
191
+ tourBorderRadius: '--plasma-textfield-tour-border-radius'
191
192
  };
@@ -1,4 +1,4 @@
1
1
  import { css } from 'styled-components';
2
2
  import { classes, tokens } from "../../TextField.tokens";
3
3
  import { HintTargetWrapper, Input, InputContainer, InputWrapper, Label, LeftHelper, StyledContentRight, StyledContentRightWrapper, StyledHintWrapper, StyledOptionalText, StyledTextAfter, StyledTextBefore, TitleCaption } from "../../TextField.styles";
4
- export var base = /*#__PURE__*/css(["", "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", "{width:100%;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", ",&:not(.", ") ", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");width:var(", ");height:var(", ");}", "{width:var(", ");height:var(", ");}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}", ".", "{gap:var(", ");margin:var(", ");", "{margin:var(", ");}}"], Input, InputContainer, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, classes.innerLabelPlacement, StyledOptionalText, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, StyledHintWrapper, tokens.hintMargin, tokens.hintTargetSize, tokens.hintTargetSize, HintTargetWrapper, tokens.hintTargetSize, tokens.hintTargetSize, TitleCaption, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, StyledTextBefore, StyledTextAfter, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, StyledTextBefore, tokens.textBeforeMargin, StyledTextAfter, tokens.textAfterMargin, StyledContentRightWrapper, classes.contentRightCompensationMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, StyledContentRight, tokens.rightContentWithHintMargin);
4
+ export var base = /*#__PURE__*/css(["", ":var(", ");", "{width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;}", "{width:100%;font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{height:var(", ");border-radius:var(", ");padding:var(", ");&.", "{padding-top:var(", ");padding-bottom:var(", ");}&.", "{padding-left:var(", ");}&.", "{padding-right:var(", ");}}", ",&:not(.", ") ", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");width:var(", ");height:var(", ");}", "{width:var(", ");height:var(", ");}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin-top:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", ",", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{margin:var(", ");}", "{margin:var(", ");}", ".", "{gap:var(", ");margin:var(", ");", "{margin:var(", ");}}"], tokens.tourBorderRadius, tokens.borderRadius, Input, InputContainer, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, InputWrapper, tokens.height, tokens.borderRadius, tokens.padding, classes.hasChips, tokens.paddingWithChips, tokens.paddingWithChips, classes.hasEmptyContentLeft, tokens.paddingWithChips, classes.hasEmptyContentRight, tokens.paddingWithChips, Label, classes.innerLabelPlacement, StyledOptionalText, tokens.labelFontFamily, tokens.labelFontSize, tokens.labelFontStyle, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, StyledHintWrapper, tokens.hintMargin, tokens.hintTargetSize, tokens.hintTargetSize, HintTargetWrapper, tokens.hintTargetSize, tokens.hintTargetSize, TitleCaption, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight, LeftHelper, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontSize, tokens.leftHelperFontStyle, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, StyledTextBefore, StyledTextAfter, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, StyledTextBefore, tokens.textBeforeMargin, StyledTextAfter, tokens.textAfterMargin, StyledContentRightWrapper, classes.contentRightCompensationMargin, tokens.contentRightWrapperGap, tokens.contentRightWrapperMargin, StyledContentRight, tokens.rightContentWithHintMargin);
@@ -229,6 +229,9 @@ const StoryDefault = (args) => {
229
229
  >
230
230
  <TextArea
231
231
  ref={ref1}
232
+ label="Textarea"
233
+ placeholder="Напиши что нибудь"
234
+ leftHelper="Helper Text"
232
235
  rightHelper={
233
236
  <div ref={ref5} style={{ cursor: 'pointer', transform: 'rotate(-90deg)' }}>
234
237
  <IconArrowDown />
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC,4FAyf5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA3fQ,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoiBhF,CAAC"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAuCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC,4FA8f5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAhgBQ,SAAS,CAAC,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyiBhF,CAAC"}
@@ -185,5 +185,6 @@ export declare const tokens: {
185
185
  clearIndicatorLabelPlacementInner: string;
186
186
  clearIndicatorLabelPlacementInnerRight: string;
187
187
  clearIndicatorHintInnerRight: string;
188
+ tourBorderRadius: string;
188
189
  };
189
190
  //# sourceMappingURL=TextField.tokens.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;CAmBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;IAiBf,oCAAoC;;;;;;IAOpC,mBAAmB;;;;;;;;;;IAYnB,kCAAkC;;;;;;;;;;;;;;;;;;;;IA4BlC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CpB,qCAAqC;;;;;IAMrC,6DAA6D;;;IAI7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CrB,CAAC"}
1
+ {"version":3,"file":"TextField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;CAmBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;IAiBf,oCAAoC;;;;;;IAOpC,mBAAmB;;;;;;;;;;IAYnB,kCAAkC;;;;;;;;;;;;;;;;;;;;IA4BlC,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8CpB,qCAAqC;;;;;IAMrC,6DAA6D;;;IAI7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgCzB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,IAAI,0CAsGhB,CAAC"}
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,IAAI,0CAwGhB,CAAC"}
@@ -1 +0,0 @@
1
- .bp4bcu4{--plasma-tour__border-radius:0.75rem;}
@@ -1 +0,0 @@
1
- .b13ve66i .io4bpie{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.b13ve66i .i13qvwoy{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .iq39zt5{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .iq39zt5.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .luk2zst,.b13ve66i:not(.label-placement-inner) .s14qvple{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .s16itze4{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .h1skqnhr{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .tlv9av6{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.b13ve66i .lb3k3v1{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.b13ve66i .s7hnwwb,.b13ve66i .smqgwd8{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .s7hnwwb{margin:var(--plasma-textfield__before-text-margin);}.b13ve66i .smqgwd8{margin:var(--plasma-textfield__after-text-margin);}.b13ve66i .ssv2kwg.textfield-content-right-compensation-margin{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.b13ve66i .ssv2kwg.textfield-content-right-compensation-margin .s190z894{margin:var(--plasma-textfield__right-content-with-hint-margin);}
@@ -1 +0,0 @@
1
- .bp4bcu4{--plasma-tour__border-radius:0.75rem;}
@@ -1 +0,0 @@
1
- .b13ve66i .io4bpie{width:100%;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;}.b13ve66i .i13qvwoy{width:100%;font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .iq39zt5{height:var(--plasma-textfield-height);border-radius:var(--plasma-textfield-border-radius);padding:var(--plasma-textfield-padding);}.b13ve66i .iq39zt5.has-chips{padding-top:var(--plasma-textfield-padding-with-chips);padding-bottom:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-left{padding-left:var(--plasma-textfield-padding-with-chips);}.b13ve66i .iq39zt5.has-empty-content-right{padding-right:var(--plasma-textfield-padding-with-chips);}.b13ve66i .luk2zst,.b13ve66i:not(.label-placement-inner) .s14qvple{font-family:var(--plasma-textfield__label-font-family);font-size:var(--plasma-textfield__label-font-size);font-style:var(--plasma-textfield__label-font-style);font-weight:var(--plasma-textfield__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__label-letter-spacing);letter-spacing:var(--plasma-textfield__label-letter-spacing);line-height:var(--plasma-textfield__label-line-height);}.b13ve66i .s16itze4{margin:var(--plasma-textfield__hint-margin);width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .h1skqnhr{width:var(--plasma-textfield__hint-target-size);height:var(--plasma-textfield__hint-target-size);}.b13ve66i .tlv9av6{font-family:var(--plasma-textfield__title-caption-font-family);font-size:var(--plasma-textfield__title-caption-font-size);font-style:var(--plasma-textfield__title-caption-font-style);font-weight:var(--plasma-textfield__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);letter-spacing:var(--plasma-textfield__title-caption-letter-spacing);line-height:var(--plasma-textfield__title-caption-line-height);}.b13ve66i .lb3k3v1{margin-top:var(--plasma-textfield__left-helper-offset);font-family:var(--plasma-textfield__left-helper-font-family);font-size:var(--plasma-textfield__left-helper-font-size);font-style:var(--plasma-textfield__left-helper-font-style);font-weight:var(--plasma-textfield__left-helper-font-weight);-webkit-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-moz-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);-ms-letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);letter-spacing:var(--plasma-textfield__left-helper-letter-spacing);line-height:var(--plasma-textfield__left-helper-line-height);}.b13ve66i .s7hnwwb,.b13ve66i .smqgwd8{font-family:var(--plasma-textfield-font-family);font-size:var(--plasma-textfield-font-size);font-style:var(--plasma-textfield-font-style);font-weight:var(--plasma-textfield-font-weight);-webkit-letter-spacing:var(--plasma-textfield-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-letter-spacing);letter-spacing:var(--plasma-textfield-letter-spacing);line-height:var(--plasma-textfield-line-height);}.b13ve66i .s7hnwwb{margin:var(--plasma-textfield__before-text-margin);}.b13ve66i .smqgwd8{margin:var(--plasma-textfield__after-text-margin);}.b13ve66i .ssv2kwg.textfield-content-right-compensation-margin{gap:var(--plasma-textfield-content-right-wrapper-gap);margin:var(--plasma-textfield-content-right-wrapper-margin);}.b13ve66i .ssv2kwg.textfield-content-right-compensation-margin .s190z894{margin:var(--plasma-textfield__right-content-with-hint-margin);}