@salutejs/plasma-new-hope 0.327.0-canary.2010.15752302924.0 → 0.327.0-canary.2016.15703018170.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/cjs/components/Autocomplete/Autocomplete.css +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/cjs/components/Mask/Mask.js +3 -3
- package/cjs/components/Mask/Mask.js.map +1 -1
- package/cjs/components/Pagination/Pagination.css +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/cjs/components/Range/Range.css +1 -1
- package/cjs/components/Select/Select.css +1 -1
- package/cjs/components/Select/ui/Target/Target.css +1 -1
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/cjs/components/Slider/Slider.css +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/cjs/components/Table/Table.css +1 -1
- package/cjs/components/Table/ui/Cell/Cell.css +1 -1
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
- package/cjs/components/TextArea/TextArea.js +2 -5
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.tokens.js +1 -2
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/TextArea/variations/_size/base.js +1 -1
- package/cjs/components/TextArea/variations/_size/base.js.map +1 -1
- package/cjs/components/TextField/TextField.js +2 -10
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +1 -2
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/cjs/components/TextField/variations/_size/base.js.map +1 -1
- package/cjs/components/TextField/variations/_size/base_uulqii.css +1 -0
- package/cjs/index.css +1 -8
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Mask/Mask.js +3 -3
- package/emotion/cjs/components/TextArea/TextArea.js +3 -6
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +1 -2
- package/emotion/cjs/components/TextArea/variations/_size/base.js +1 -2
- package/emotion/cjs/components/TextField/TextField.js +3 -11
- package/emotion/cjs/components/TextField/TextField.tokens.js +1 -2
- package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/Mask/Mask.js +3 -3
- package/emotion/es/components/TextArea/TextArea.js +3 -6
- package/emotion/es/components/TextArea/TextArea.tokens.js +1 -2
- package/emotion/es/components/TextArea/variations/_size/base.js +1 -2
- package/emotion/es/components/TextField/TextField.js +3 -11
- package/emotion/es/components/TextField/TextField.tokens.js +1 -2
- package/emotion/es/components/TextField/variations/_size/base.js +1 -1
- package/emotion/es/index.js +1 -2
- package/es/components/Autocomplete/Autocomplete.css +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
- package/es/components/Mask/Mask.js +3 -3
- package/es/components/Mask/Mask.js.map +1 -1
- package/es/components/Pagination/Pagination.css +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
- package/es/components/Range/Range.css +1 -1
- package/es/components/Select/Select.css +1 -1
- package/es/components/Select/ui/Target/Target.css +1 -1
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
- package/es/components/Slider/Slider.css +1 -1
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
- package/es/components/Table/Table.css +1 -1
- package/es/components/Table/ui/Cell/Cell.css +1 -1
- package/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
- package/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
- package/es/components/TextArea/TextArea.js +2 -5
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.tokens.js +1 -2
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/TextArea/variations/_size/base.js +1 -1
- package/es/components/TextArea/variations/_size/base.js.map +1 -1
- package/es/components/TextField/TextField.js +2 -10
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +1 -2
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/es/components/TextField/variations/_size/base.js.map +1 -1
- package/es/components/TextField/variations/_size/base_uulqii.css +1 -0
- package/es/index.css +1 -8
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Mask/Mask.js +3 -3
- package/styled-components/cjs/components/TextArea/TextArea.js +2 -5
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +1 -2
- package/styled-components/cjs/components/TextArea/variations/_size/base.js +1 -2
- package/styled-components/cjs/components/TextField/TextField.js +2 -10
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -2
- package/styled-components/cjs/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/Mask/Mask.js +3 -3
- package/styled-components/es/components/TextArea/TextArea.js +2 -5
- package/styled-components/es/components/TextArea/TextArea.tokens.js +1 -2
- package/styled-components/es/components/TextArea/variations/_size/base.js +1 -2
- package/styled-components/es/components/TextField/TextField.js +2 -10
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -2
- package/styled-components/es/components/TextField/variations/_size/base.js +1 -1
- package/styled-components/es/index.js +1 -2
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +0 -1
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/variations/_size/base.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -1
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/TextArea/variations/_size/base_1mq4sb2.css +0 -1
- package/cjs/components/TextField/variations/_size/base_ryad12.css +0 -1
- package/cjs/components/Tour/Tour.css +0 -4
- package/cjs/components/Tour/Tour.js +0 -231
- package/cjs/components/Tour/Tour.js.map +0 -1
- package/cjs/components/Tour/Tour.styles.js +0 -58
- package/cjs/components/Tour/Tour.styles.js.map +0 -1
- package/cjs/components/Tour/Tour.styles_hmd79i.css +0 -4
- package/cjs/components/Tour/Tour.tokens.js +0 -21
- package/cjs/components/Tour/Tour.tokens.js.map +0 -1
- package/cjs/components/Tour/utils/index.js +0 -113
- package/cjs/components/Tour/utils/index.js.map +0 -1
- package/cjs/components/Tour/variatoins/_size/base.js +0 -9
- package/cjs/components/Tour/variatoins/_size/base.js.map +0 -1
- package/cjs/components/Tour/variatoins/_view/base.js +0 -9
- package/cjs/components/Tour/variatoins/_view/base.js.map +0 -1
- package/emotion/cjs/components/Tour/Tour.js +0 -240
- package/emotion/cjs/components/Tour/Tour.styles.js +0 -50
- package/emotion/cjs/components/Tour/Tour.tokens.js +0 -19
- package/emotion/cjs/components/Tour/Tour.types.js +0 -5
- package/emotion/cjs/components/Tour/index.js +0 -31
- package/emotion/cjs/components/Tour/utils/index.js +0 -110
- package/emotion/cjs/components/Tour/variatoins/_size/base.js +0 -8
- package/emotion/cjs/components/Tour/variatoins/_size/tokens.json +0 -1
- package/emotion/cjs/components/Tour/variatoins/_view/base.js +0 -8
- package/emotion/cjs/components/Tour/variatoins/_view/tokens.json +0 -1
- package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +0 -22
- package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +0 -299
- package/emotion/cjs/examples/plasma_web/components/Tour/Tour.config.js +0 -22
- package/emotion/cjs/examples/plasma_web/components/Tour/Tour.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/Tour/Tour.stories.tsx +0 -242
- package/emotion/es/components/Tour/Tour.js +0 -232
- package/emotion/es/components/Tour/Tour.styles.js +0 -43
- package/emotion/es/components/Tour/Tour.tokens.js +0 -13
- package/emotion/es/components/Tour/Tour.types.js +0 -1
- package/emotion/es/components/Tour/index.js +0 -2
- package/emotion/es/components/Tour/utils/index.js +0 -104
- package/emotion/es/components/Tour/variatoins/_size/base.js +0 -2
- package/emotion/es/components/Tour/variatoins/_size/tokens.json +0 -1
- package/emotion/es/components/Tour/variatoins/_view/base.js +0 -2
- package/emotion/es/components/Tour/variatoins/_view/tokens.json +0 -1
- package/emotion/es/examples/plasma_b2c/components/Tour/Tour.config.js +0 -16
- package/emotion/es/examples/plasma_b2c/components/Tour/Tour.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +0 -299
- package/emotion/es/examples/plasma_web/components/Tour/Tour.config.js +0 -16
- package/emotion/es/examples/plasma_web/components/Tour/Tour.js +0 -5
- package/emotion/es/examples/plasma_web/components/Tour/Tour.stories.tsx +0 -242
- package/es/components/TextArea/variations/_size/base_1mq4sb2.css +0 -1
- package/es/components/TextField/variations/_size/base_ryad12.css +0 -1
- package/es/components/Tour/Tour.css +0 -4
- package/es/components/Tour/Tour.js +0 -222
- package/es/components/Tour/Tour.js.map +0 -1
- package/es/components/Tour/Tour.styles.js +0 -51
- package/es/components/Tour/Tour.styles.js.map +0 -1
- package/es/components/Tour/Tour.styles_hmd79i.css +0 -4
- package/es/components/Tour/Tour.tokens.js +0 -16
- package/es/components/Tour/Tour.tokens.js.map +0 -1
- package/es/components/Tour/utils/index.js +0 -107
- package/es/components/Tour/utils/index.js.map +0 -1
- package/es/components/Tour/variatoins/_size/base.js +0 -5
- package/es/components/Tour/variatoins/_size/base.js.map +0 -1
- package/es/components/Tour/variatoins/_size/base_x642ct.css +0 -1
- package/es/components/Tour/variatoins/_view/base.js +0 -5
- package/es/components/Tour/variatoins/_view/base.js.map +0 -1
- package/es/components/Tour/variatoins/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/Tour/Tour.js +0 -240
- package/styled-components/cjs/components/Tour/Tour.styles.js +0 -29
- package/styled-components/cjs/components/Tour/Tour.tokens.js +0 -19
- package/styled-components/cjs/components/Tour/Tour.types.js +0 -5
- package/styled-components/cjs/components/Tour/index.js +0 -31
- package/styled-components/cjs/components/Tour/utils/index.js +0 -110
- package/styled-components/cjs/components/Tour/variatoins/_size/base.js +0 -8
- package/styled-components/cjs/components/Tour/variatoins/_size/tokens.json +0 -1
- package/styled-components/cjs/components/Tour/variatoins/_view/base.js +0 -8
- package/styled-components/cjs/components/Tour/variatoins/_view/tokens.json +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +0 -22
- package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +0 -299
- package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.config.js +0 -22
- package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.stories.tsx +0 -242
- package/styled-components/es/components/Tour/Tour.js +0 -232
- package/styled-components/es/components/Tour/Tour.styles.js +0 -22
- package/styled-components/es/components/Tour/Tour.tokens.js +0 -13
- package/styled-components/es/components/Tour/Tour.types.js +0 -1
- package/styled-components/es/components/Tour/index.js +0 -2
- package/styled-components/es/components/Tour/utils/index.js +0 -104
- package/styled-components/es/components/Tour/variatoins/_size/base.js +0 -2
- package/styled-components/es/components/Tour/variatoins/_size/tokens.json +0 -1
- package/styled-components/es/components/Tour/variatoins/_view/base.js +0 -2
- package/styled-components/es/components/Tour/variatoins/_view/tokens.json +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.config.js +0 -16
- package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +0 -299
- package/styled-components/es/examples/plasma_web/components/Tour/Tour.config.js +0 -16
- package/styled-components/es/examples/plasma_web/components/Tour/Tour.js +0 -5
- package/styled-components/es/examples/plasma_web/components/Tour/Tour.stories.tsx +0 -242
- package/types/components/Tour/Tour.d.ts +0 -23
- package/types/components/Tour/Tour.d.ts.map +0 -1
- package/types/components/Tour/Tour.styles.d.ts +0 -10
- package/types/components/Tour/Tour.styles.d.ts.map +0 -1
- package/types/components/Tour/Tour.tokens.d.ts +0 -14
- package/types/components/Tour/Tour.tokens.d.ts.map +0 -1
- package/types/components/Tour/Tour.types.d.ts +0 -86
- package/types/components/Tour/Tour.types.d.ts.map +0 -1
- package/types/components/Tour/index.d.ts +0 -4
- package/types/components/Tour/index.d.ts.map +0 -1
- package/types/components/Tour/utils/index.d.ts +0 -4
- package/types/components/Tour/utils/index.d.ts.map +0 -1
- package/types/components/Tour/variatoins/_size/base.d.ts +0 -2
- package/types/components/Tour/variatoins/_size/base.d.ts.map +0 -1
- package/types/components/Tour/variatoins/_view/base.d.ts +0 -2
- package/types/components/Tour/variatoins/_view/base.d.ts.map +0 -1
- /package/cjs/components/{Tour/variatoins → TextArea/variations}/_size/base_x642ct.css +0 -0
- /package/{cjs/components/Tour/variatoins/_view → es/components/TextArea/variations/_size}/base_x642ct.css +0 -0
@@ -260,6 +260,5 @@ var tokens = exports.tokens = {
|
|
260
260
|
tooltipArrowMaskImage: '--plasma-textarea__tooltip-arrow-mask-image',
|
261
261
|
tooltipArrowHeight: '--plasma-textarea__tooltip-arrow-height',
|
262
262
|
tooltipArrowEdgeMargin: '--plasma-textarea__tooltip-arrow-edge-margin',
|
263
|
-
tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background'
|
264
|
-
tourBorderRadius: '--plasma-tour__border-radius'
|
263
|
+
tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background'
|
265
264
|
};
|
@@ -5,5 +5,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.base = void 0;
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", ":var(", ");"], _TextArea.tokens.tourBorderRadius, _TextArea.tokens.borderRadius);
|
8
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
|
@@ -309,7 +309,6 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
309
309
|
readOnly: !disabled && readOnly,
|
310
310
|
labelPlacement: innerLabelPlacementValue,
|
311
311
|
onClick: handleInputFocus,
|
312
|
-
"data-root": true,
|
313
312
|
className: (0, _utils.cx)(labelPlacementClass, clearClass, hasDividerClass, hasInnerHintClass, _TextField2.classes.textFieldGroupItem, className),
|
314
313
|
style: style
|
315
314
|
}, hintText && {
|
@@ -336,9 +335,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
336
335
|
handleHintClick: handleHintClick
|
337
336
|
})), required && hasRequiredIndicator && /*#__PURE__*/_react["default"].createElement(_TextField.StyledIndicator, {
|
338
337
|
className: (0, _utils.cx)(_TextField2.classes.outerLabelPlacement, requiredPlacementClass, hasHintClass)
|
339
|
-
}), optionalTextNode), titleCaption && /*#__PURE__*/_react["default"].createElement(_TextField.TitleCaption,
|
340
|
-
"data-root": true
|
341
|
-
}, titleCaption)), /*#__PURE__*/_react["default"].createElement(_TextField.InputWrapper
|
338
|
+
}), optionalTextNode), titleCaption && /*#__PURE__*/_react["default"].createElement(_TextField.TitleCaption, null, titleCaption)), /*#__PURE__*/_react["default"].createElement(_TextField.InputWrapper
|
342
339
|
// Ref для внутреннего использования. Не отдается наружу.
|
343
340
|
, {
|
344
341
|
ref: rest.inputWrapperRef
|
@@ -366,7 +363,6 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
366
363
|
handleHintClick: handleHintClick,
|
367
364
|
isInnerLabel: true
|
368
365
|
}))), contentLeft && /*#__PURE__*/_react["default"].createElement(_TextField.StyledContentLeft, {
|
369
|
-
"data-root": true,
|
370
366
|
isClear: clear,
|
371
367
|
isDefaultView: isDefaultView
|
372
368
|
}, contentLeft), /*#__PURE__*/_react["default"].createElement(_TextField.InputLabelWrapper, {
|
@@ -426,7 +422,6 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
426
422
|
onFocus: handleFocus,
|
427
423
|
onBlur: handleBlur
|
428
424
|
}, rest)), hasInnerLabel && /*#__PURE__*/_react["default"].createElement(_TextField.Label, {
|
429
|
-
"data-root": true,
|
430
425
|
id: labelId,
|
431
426
|
htmlFor: innerId
|
432
427
|
}, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/_react["default"].createElement(_TextField.InputPlaceholder, {
|
@@ -435,9 +430,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
435
430
|
isHidden: true
|
436
431
|
}, textBefore), innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode), hasTextAfter && /*#__PURE__*/_react["default"].createElement(_TextField.StyledTextAfter, null, textAfter))), /*#__PURE__*/_react["default"].createElement(_TextField.StyledContentRightWrapper, {
|
437
432
|
className: (0, _utils.cx)(contentRightCompensationMargin)
|
438
|
-
}, contentRight && /*#__PURE__*/_react["default"].createElement(_TextField.StyledContentRight, {
|
439
|
-
"data-root": true
|
440
|
-
}, contentRight), !hasOuterLabel && hintText && hintTargetPlacement === 'inner' && /*#__PURE__*/_react["default"].createElement(_Hint.HintComponent, {
|
433
|
+
}, contentRight && /*#__PURE__*/_react["default"].createElement(_TextField.StyledContentRight, null, contentRight), !hasOuterLabel && hintText && hintTargetPlacement === 'inner' && /*#__PURE__*/_react["default"].createElement(_Hint.HintComponent, {
|
441
434
|
ref: hintForkRef,
|
442
435
|
hintText: hintText,
|
443
436
|
hintTrigger: hintTrigger,
|
@@ -454,7 +447,6 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
|
|
454
447
|
handleHintClick: handleHintClick,
|
455
448
|
isInnerLabel: true
|
456
449
|
}))), leftHelper && /*#__PURE__*/_react["default"].createElement(_TextField.LeftHelper, {
|
457
|
-
"data-root": true,
|
458
450
|
id: helperTextId
|
459
451
|
}, leftHelper));
|
460
452
|
});
|
@@ -193,6 +193,5 @@ 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'
|
197
|
-
tourBorderRadius: '--plasma-textfield-tour-border-radius'
|
196
|
+
clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right'
|
198
197
|
};
|
@@ -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)(["", "
|
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);
|
@@ -860,15 +860,4 @@ Object.keys(_CodeField).forEach(function (key) {
|
|
860
860
|
return _CodeField[key];
|
861
861
|
}
|
862
862
|
});
|
863
|
-
});
|
864
|
-
var _Tour = /*#__PURE__*/require("./components/Tour");
|
865
|
-
Object.keys(_Tour).forEach(function (key) {
|
866
|
-
if (key === "default" || key === "__esModule") return;
|
867
|
-
if (key in exports && exports[key] === _Tour[key]) return;
|
868
|
-
Object.defineProperty(exports, key, {
|
869
|
-
enumerable: true,
|
870
|
-
get: function get() {
|
871
|
-
return _Tour[key];
|
872
|
-
}
|
873
|
-
});
|
874
863
|
});
|
@@ -11,11 +11,11 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
|
|
11
11
|
import React, { forwardRef, useImperativeHandle, useState } from 'react';
|
12
12
|
import maskInputCompose from '@salutejs/react-maskinput';
|
13
13
|
var defaultFormatChars = [{
|
14
|
-
str: '0',
|
15
|
-
regexp: /[0-9]/
|
16
|
-
}, {
|
17
14
|
str: '*',
|
18
15
|
regexp: /./
|
16
|
+
}, {
|
17
|
+
str: '0',
|
18
|
+
regexp: /[0-9]/
|
19
19
|
}, {
|
20
20
|
str: 'a',
|
21
21
|
regexp: /[a-zA-Z]/
|
@@ -248,8 +248,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
248
248
|
width: helperWidth
|
249
249
|
}, style),
|
250
250
|
className: cx(clearClass, hasDividerClass, hasHintClass, className),
|
251
|
-
onClick: handleTextAreaFocus
|
252
|
-
"data-root": true
|
251
|
+
onClick: handleTextAreaFocus
|
253
252
|
}, hintText && {
|
254
253
|
hintView: hintView,
|
255
254
|
hintSize: hintSize
|
@@ -329,9 +328,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
|
|
329
328
|
})), hasHelper && /*#__PURE__*/React.createElement(StyledHelpers, {
|
330
329
|
className: styledHelpers,
|
331
330
|
id: textareaHelperId
|
332
|
-
}, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/React.createElement(StyledRightHelper, {
|
333
|
-
"data-root": true
|
334
|
-
}, rightHelper)), placeholderLabel && /*#__PURE__*/React.createElement(StyledPlaceholder, {
|
331
|
+
}, isInnerLeftHelperPlacement && (leftHelper || helperText) && /*#__PURE__*/React.createElement(StyledLeftHelper, null, leftHelper || helperText), rightHelper && /*#__PURE__*/React.createElement(StyledRightHelper, null, rightHelper)), placeholderLabel && /*#__PURE__*/React.createElement(StyledPlaceholder, {
|
335
332
|
hasContentRight: Boolean(contentRight),
|
336
333
|
className: styledPlaceholder,
|
337
334
|
htmlFor: id
|
@@ -254,6 +254,5 @@ export var tokens = {
|
|
254
254
|
tooltipArrowMaskImage: '--plasma-textarea__tooltip-arrow-mask-image',
|
255
255
|
tooltipArrowHeight: '--plasma-textarea__tooltip-arrow-height',
|
256
256
|
tooltipArrowEdgeMargin: '--plasma-textarea__tooltip-arrow-edge-margin',
|
257
|
-
tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background'
|
258
|
-
tourBorderRadius: '--plasma-tour__border-radius'
|
257
|
+
tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background'
|
259
258
|
};
|
@@ -300,7 +300,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
300
300
|
readOnly: !disabled && readOnly,
|
301
301
|
labelPlacement: innerLabelPlacementValue,
|
302
302
|
onClick: handleInputFocus,
|
303
|
-
"data-root": true,
|
304
303
|
className: cx(labelPlacementClass, clearClass, hasDividerClass, hasInnerHintClass, classes.textFieldGroupItem, className),
|
305
304
|
style: style
|
306
305
|
}, hintText && {
|
@@ -327,9 +326,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
327
326
|
handleHintClick: handleHintClick
|
328
327
|
})), required && hasRequiredIndicator && /*#__PURE__*/React.createElement(StyledIndicator, {
|
329
328
|
className: cx(classes.outerLabelPlacement, requiredPlacementClass, hasHintClass)
|
330
|
-
}), optionalTextNode), titleCaption && /*#__PURE__*/React.createElement(TitleCaption,
|
331
|
-
"data-root": true
|
332
|
-
}, titleCaption)), /*#__PURE__*/React.createElement(InputWrapper
|
329
|
+
}), optionalTextNode), titleCaption && /*#__PURE__*/React.createElement(TitleCaption, null, titleCaption)), /*#__PURE__*/React.createElement(InputWrapper
|
333
330
|
// Ref для внутреннего использования. Не отдается наружу.
|
334
331
|
, {
|
335
332
|
ref: rest.inputWrapperRef
|
@@ -357,7 +354,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
357
354
|
handleHintClick: handleHintClick,
|
358
355
|
isInnerLabel: true
|
359
356
|
}))), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, {
|
360
|
-
"data-root": true,
|
361
357
|
isClear: clear,
|
362
358
|
isDefaultView: isDefaultView
|
363
359
|
}, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
|
@@ -417,7 +413,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
417
413
|
onFocus: handleFocus,
|
418
414
|
onBlur: handleBlur
|
419
415
|
}, rest)), hasInnerLabel && /*#__PURE__*/React.createElement(Label, {
|
420
|
-
"data-root": true,
|
421
416
|
id: labelId,
|
422
417
|
htmlFor: innerId
|
423
418
|
}, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/React.createElement(InputPlaceholder, {
|
@@ -426,9 +421,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
426
421
|
isHidden: true
|
427
422
|
}, textBefore), innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode), hasTextAfter && /*#__PURE__*/React.createElement(StyledTextAfter, null, textAfter))), /*#__PURE__*/React.createElement(StyledContentRightWrapper, {
|
428
423
|
className: cx(contentRightCompensationMargin)
|
429
|
-
}, contentRight && /*#__PURE__*/React.createElement(StyledContentRight, {
|
430
|
-
"data-root": true
|
431
|
-
}, contentRight), !hasOuterLabel && hintText && hintTargetPlacement === 'inner' && /*#__PURE__*/React.createElement(HintComponent, {
|
424
|
+
}, contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight), !hasOuterLabel && hintText && hintTargetPlacement === 'inner' && /*#__PURE__*/React.createElement(HintComponent, {
|
432
425
|
ref: hintForkRef,
|
433
426
|
hintText: hintText,
|
434
427
|
hintTrigger: hintTrigger,
|
@@ -445,7 +438,6 @@ export var textFieldRoot = function textFieldRoot(Root) {
|
|
445
438
|
handleHintClick: handleHintClick,
|
446
439
|
isInnerLabel: true
|
447
440
|
}))), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {
|
448
|
-
"data-root": true,
|
449
441
|
id: helperTextId
|
450
442
|
}, leftHelper));
|
451
443
|
});
|
@@ -187,6 +187,5 @@ 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'
|
191
|
-
tourBorderRadius: '--plasma-textfield-tour-border-radius'
|
190
|
+
clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right'
|
192
191
|
};
|
@@ -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(["", "
|
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);
|
@@ -79,5 +79,4 @@ export * from "./components/Toast/ToastNew";
|
|
79
79
|
export * from "./components/Carousel";
|
80
80
|
export * from "./components/PaginationDots";
|
81
81
|
export * from "./components/CodeField";
|
82
|
-
export * from "./components/List";
|
83
|
-
export * from "./components/Tour";
|
82
|
+
export * from "./components/List";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAKxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAgCrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,
|
1
|
+
{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAKxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAgCrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,8FA2T9E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA7TQ,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgWnF,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TextArea.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;IAChB,6DAA6D;;IAE7D,kEAAkE;;IAElE,+CAA+C;;IAE/C,6CAA6C;;IAE7C,4CAA4C;;IAE5C,mDAAmD;;IAEnD,+CAA+C;;IAE/C,2CAA2C;;;;IAI3C,6BAA6B;;;;;;CAMhC,CAAC;AAEF,eAAO,MAAM,MAAM;IACf,qCAAqC;;IAErC,uDAAuD;;IAEvD,wDAAwD;;IAExD,uDAAuD;;IAEvD,sCAAsC;;IAEtC,wDAAwD;;IAExD,yDAAyD;;IAEzD,wDAAwD;;IAExD,0CAA0C;;IAE1C,4DAA4D;;IAE5D,6DAA6D;;IAE7D,4DAA4D;;IAE5D,yCAAyC;;IAEzC,2DAA2D;;IAE3D,4DAA4D;;IAE5D,2DAA2D;;IAE3D,wCAAwC;;;;;;IAOxC,0DAA0D;;IAE1D,yCAAyC;;IAEzC,gCAAgC;;;IAGhC,kDAAkD;;;IAGlD,6BAA6B;;IAE7B,0CAA0C;;IAE1C,2CAA2C;;IAE3C,yCAAyC;;;IAIzC,2DAA2D;;IAE3D,2DAA2D;;IAG3D,+BAA+B;;IAE/B,+BAA+B;;IAE/B,2CAA2C;;IAE3C,qCAAqC;;IAErC,+CAA+C;;IAE/C,4FAA4F;;IAE5F,0CAA0C;;IAE1C,0CAA0C;;IAE1C,qEAAqE;;;IAGrE,yCAAyC;;IAEzC,mEAAmE;;IAEnE,yCAAyC;;IAEzC,uCAAuC;;;IAGvC,uCAAuC;;IAEvC,sCAAsC;;IAEtC,sCAAsC;;IAEtC,+FAA+F;;IAE/F,wCAAwC;;IAExC,wCAAwC;;IAExC,6BAA6B;;IAE7B,2DAA2D;;IAE3D,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,mEAAmE;;;IAGnE,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,qDAAqD;;IAErD,8FAA8F;;IAE9F,oCAAoC;;IAEpC,kCAAkC;;IAElC,0CAA0C;;IAE1C,yCAAyC;;IAEzC,8CAA8C;;IAE9C,4DAA4D;;IAE5D,iDAAiD;;IAEjD,8CAA8C;;IAE9C,sDAAsD;;IAEtD,qDAAqD;;IAErD,0DAA0D;;IAE1D,iEAAiE;;IAEjE,sDAAsD;;IAGtD,WAAW;;;IAKX,6DAA6D;;IAE7D,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwC7D,yBAAyB
|
1
|
+
{"version":3,"file":"TextArea.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;IAChB,6DAA6D;;IAE7D,kEAAkE;;IAElE,+CAA+C;;IAE/C,6CAA6C;;IAE7C,4CAA4C;;IAE5C,mDAAmD;;IAEnD,+CAA+C;;IAE/C,2CAA2C;;;;IAI3C,6BAA6B;;;;;;CAMhC,CAAC;AAEF,eAAO,MAAM,MAAM;IACf,qCAAqC;;IAErC,uDAAuD;;IAEvD,wDAAwD;;IAExD,uDAAuD;;IAEvD,sCAAsC;;IAEtC,wDAAwD;;IAExD,yDAAyD;;IAEzD,wDAAwD;;IAExD,0CAA0C;;IAE1C,4DAA4D;;IAE5D,6DAA6D;;IAE7D,4DAA4D;;IAE5D,yCAAyC;;IAEzC,2DAA2D;;IAE3D,4DAA4D;;IAE5D,2DAA2D;;IAE3D,wCAAwC;;;;;;IAOxC,0DAA0D;;IAE1D,yCAAyC;;IAEzC,gCAAgC;;;IAGhC,kDAAkD;;;IAGlD,6BAA6B;;IAE7B,0CAA0C;;IAE1C,2CAA2C;;IAE3C,yCAAyC;;;IAIzC,2DAA2D;;IAE3D,2DAA2D;;IAG3D,+BAA+B;;IAE/B,+BAA+B;;IAE/B,2CAA2C;;IAE3C,qCAAqC;;IAErC,+CAA+C;;IAE/C,4FAA4F;;IAE5F,0CAA0C;;IAE1C,0CAA0C;;IAE1C,qEAAqE;;;IAGrE,yCAAyC;;IAEzC,mEAAmE;;IAEnE,yCAAyC;;IAEzC,uCAAuC;;;IAGvC,uCAAuC;;IAEvC,sCAAsC;;IAEtC,sCAAsC;;IAEtC,+FAA+F;;IAE/F,wCAAwC;;IAExC,wCAAwC;;IAExC,6BAA6B;;IAE7B,2DAA2D;;IAE3D,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,mEAAmE;;;IAGnE,2DAA2D;;IAE3D,mEAAmE;;IAEnE,kEAAkE;;IAElE,uEAAuE;;IAEvE,8EAA8E;;IAE9E,mEAAmE;;IAEnE,qDAAqD;;IAErD,8FAA8F;;IAE9F,oCAAoC;;IAEpC,kCAAkC;;IAElC,0CAA0C;;IAE1C,yCAAyC;;IAEzC,8CAA8C;;IAE9C,4DAA4D;;IAE5D,iDAAiD;;IAEjD,8CAA8C;;IAE9C,sDAAsD;;IAEtD,qDAAqD;;IAErD,0DAA0D;;IAE1D,iEAAiE;;IAEjE,sDAAsD;;IAGtD,WAAW;;;IAKX,6DAA6D;;IAE7D,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwC7D,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B5B,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextArea/variations/_size/base.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextArea/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
@@ -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,
|
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"}
|
@@ -185,6 +185,5 @@ export declare const tokens: {
|
|
185
185
|
clearIndicatorLabelPlacementInner: string;
|
186
186
|
clearIndicatorLabelPlacementInnerRight: string;
|
187
187
|
clearIndicatorHintInnerRight: string;
|
188
|
-
tourBorderRadius: string;
|
189
188
|
};
|
190
189
|
//# 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
|
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 +1 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,IAAI,
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,IAAI,0CAsGhB,CAAC"}
|
package/types/index.d.ts
CHANGED
package/types/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bp4bcu4{--plasma-tour__border-radius:var(--plasma-textarea-border-radius);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b13ve66i{--plasma-textfield-tour-border-radius:var(--plasma-textfield-border-radius);}.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,4 +0,0 @@
|
|
1
|
-
.Tour_styles_hmd79i_m1hl3azh__252e79e9{z-index:var(--m1hl3azh-0);}
|
2
|
-
.Tour_styles_hmd79i_m12gu86u__252e79e9{position:fixed;inset:0;pointer-events:all;}
|
3
|
-
.Tour_styles_hmd79i_hz4trqu__252e79e9{--private-mask-color:var(--hz4trqu-0);position:fixed;background:transparent;border-radius:var(--hz4trqu-1);box-shadow:0 0 0 9999px var(--private-mask-color);pointer-events:none;-webkit-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
|
4
|
-
.Tour_styles_hmd79i_tjgv9oe__252e79e9{position:absolute;}
|
@@ -1,231 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
-
var React = require('react');
|
7
|
-
var ReactDOM = require('react-dom');
|
8
|
-
var reactDom = require('@floating-ui/react-dom');
|
9
|
-
var index = require('./utils/index.js');
|
10
|
-
var Tour_styles = require('./Tour.styles.js');
|
11
|
-
var base = require('./variatoins/_view/base.js');
|
12
|
-
var base$1 = require('./variatoins/_size/base.js');
|
13
|
-
var Tour_tokens = require('./Tour.tokens.js');
|
14
|
-
var canUseDOM = require('../../utils/canUseDOM.js');
|
15
|
-
|
16
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
17
|
-
|
18
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
19
|
-
|
20
|
-
var _Mask;
|
21
|
-
var _excluded = ["steps", "current", "defaultCurrent", "open", "defaultOpen", "onClose", "withOverlay", "overlayColor", "zIndex", "view", "size", "shift", "offset", "highlightOffset", "className"];
|
22
|
-
var TOUR_PORTAL_ID = 'plasma-tour-portal';
|
23
|
-
var tourRoot = function tourRoot(Root) {
|
24
|
-
return /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
|
25
|
-
var steps = _ref.steps,
|
26
|
-
current = _ref.current,
|
27
|
-
_ref$defaultCurrent = _ref.defaultCurrent,
|
28
|
-
defaultCurrent = _ref$defaultCurrent === void 0 ? 0 : _ref$defaultCurrent,
|
29
|
-
open = _ref.open,
|
30
|
-
_ref$defaultOpen = _ref.defaultOpen,
|
31
|
-
defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
|
32
|
-
onClose = _ref.onClose,
|
33
|
-
_ref$withOverlay = _ref.withOverlay,
|
34
|
-
withOverlay = _ref$withOverlay === void 0 ? true : _ref$withOverlay,
|
35
|
-
overlayColor = _ref.overlayColor,
|
36
|
-
_ref$zIndex = _ref.zIndex,
|
37
|
-
zIndex = _ref$zIndex === void 0 ? 9300 : _ref$zIndex,
|
38
|
-
view = _ref.view,
|
39
|
-
size = _ref.size,
|
40
|
-
_ref$shift = _ref.shift,
|
41
|
-
shiftProp = _ref$shift === void 0 ? 12 : _ref$shift,
|
42
|
-
_ref$offset = _ref.offset,
|
43
|
-
offsetProp = _ref$offset === void 0 ? 12 : _ref$offset,
|
44
|
-
_ref$highlightOffset = _ref.highlightOffset,
|
45
|
-
highlightOffset = _ref$highlightOffset === void 0 ? 4 : _ref$highlightOffset,
|
46
|
-
className = _ref.className,
|
47
|
-
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
48
|
-
var controlled = typeof current === 'number';
|
49
|
-
var controlledOpen = typeof open === 'boolean';
|
50
|
-
var _useState = React.useState(defaultCurrent),
|
51
|
-
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
52
|
-
innerCurrent = _useState2[0],
|
53
|
-
setInnerCurrent = _useState2[1];
|
54
|
-
var _useState3 = React.useState(defaultOpen),
|
55
|
-
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
56
|
-
innerOpen = _useState4[0],
|
57
|
-
setInnerOpen = _useState4[1];
|
58
|
-
var _useState5 = React.useState(null),
|
59
|
-
_useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
|
60
|
-
highlightRect = _useState6[0],
|
61
|
-
setHighlightRect = _useState6[1];
|
62
|
-
var _useState7 = React.useState(null),
|
63
|
-
_useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
|
64
|
-
highlightBorderRadius = _useState8[0],
|
65
|
-
setHighlightBorderRadius = _useState8[1];
|
66
|
-
var _useState9 = React.useState(null),
|
67
|
-
_useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
|
68
|
-
targetElement = _useState10[0],
|
69
|
-
setTargetElement = _useState10[1];
|
70
|
-
var portalRef = React.useRef(null);
|
71
|
-
var floatingRef = React.useRef(null);
|
72
|
-
var active = controlled ? current : innerCurrent;
|
73
|
-
var isOpen = controlledOpen ? open : innerOpen;
|
74
|
-
var currentStep = steps[active];
|
75
|
-
var placement = React.useMemo(function () {
|
76
|
-
if (!currentStep) return 'bottom';
|
77
|
-
if (Array.isArray(currentStep.placement)) {
|
78
|
-
return currentStep.placement[0] || 'bottom';
|
79
|
-
}
|
80
|
-
return currentStep.placement || 'bottom';
|
81
|
-
}, [currentStep]);
|
82
|
-
var middleware = React.useMemo(function () {
|
83
|
-
return [reactDom.offset(offsetProp), reactDom.flip({
|
84
|
-
fallbackPlacements: Array.isArray(currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement) ? currentStep.placement : undefined
|
85
|
-
}), reactDom.shift({
|
86
|
-
padding: shiftProp
|
87
|
-
})];
|
88
|
-
}, [currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement]);
|
89
|
-
var _useFloating = reactDom.useFloating({
|
90
|
-
placement: placement,
|
91
|
-
middleware: middleware,
|
92
|
-
whileElementsMounted: reactDom.autoUpdate
|
93
|
-
}),
|
94
|
-
refs = _useFloating.refs,
|
95
|
-
floatingStyles = _useFloating.floatingStyles,
|
96
|
-
calculatedPlacement = _useFloating.placement;
|
97
|
-
React.useEffect(function () {
|
98
|
-
refs.setReference(targetElement);
|
99
|
-
}, [refs, targetElement]);
|
100
|
-
var setOpen = React.useCallback(function (val) {
|
101
|
-
if (!controlledOpen) {
|
102
|
-
setInnerOpen(val);
|
103
|
-
}
|
104
|
-
if (!val) {
|
105
|
-
onClose === null || onClose === void 0 || onClose();
|
106
|
-
setInnerCurrent(0);
|
107
|
-
setHighlightRect(null);
|
108
|
-
setTargetElement(null);
|
109
|
-
}
|
110
|
-
}, [controlledOpen, onClose]);
|
111
|
-
var handleClose = function handleClose() {
|
112
|
-
return setOpen(false);
|
113
|
-
};
|
114
|
-
var updateHighlight = React.useCallback(function () {
|
115
|
-
if (!isOpen || !currentStep) return;
|
116
|
-
var rootItem = index.findRootElement(currentStep.target);
|
117
|
-
var highlightElement = index.getHTMLElement(rootItem);
|
118
|
-
var borderRadius = currentStep.borderRadius === 'fixed' ? "var(".concat(Tour_tokens.tokens.highlightRadius, ")") : index.getIncreasedRadius(rootItem, highlightOffset);
|
119
|
-
setHighlightBorderRadius(borderRadius);
|
120
|
-
if (highlightElement) {
|
121
|
-
var rect = highlightElement.getBoundingClientRect();
|
122
|
-
setHighlightRect(rect);
|
123
|
-
setTargetElement(highlightElement);
|
124
|
-
} else {
|
125
|
-
setHighlightRect(null);
|
126
|
-
setTargetElement(null);
|
127
|
-
}
|
128
|
-
}, [isOpen, currentStep]);
|
129
|
-
React.useEffect(function () {
|
130
|
-
if (!canUseDOM.canUseDOM) return;
|
131
|
-
var portal = document.getElementById(TOUR_PORTAL_ID);
|
132
|
-
if (!portal) {
|
133
|
-
portal = document.createElement('div');
|
134
|
-
portal.setAttribute('id', TOUR_PORTAL_ID);
|
135
|
-
document.body.appendChild(portal);
|
136
|
-
}
|
137
|
-
portalRef.current = portal;
|
138
|
-
return function () {
|
139
|
-
if (portal && portal.childNodes.length === 0) {
|
140
|
-
portal.remove();
|
141
|
-
}
|
142
|
-
};
|
143
|
-
}, []);
|
144
|
-
React.useEffect(function () {
|
145
|
-
updateHighlight();
|
146
|
-
var handleUpdate = function handleUpdate() {
|
147
|
-
updateHighlight();
|
148
|
-
};
|
149
|
-
window.addEventListener('resize', handleUpdate);
|
150
|
-
window.addEventListener('scroll', handleUpdate, true);
|
151
|
-
return function () {
|
152
|
-
window.removeEventListener('resize', handleUpdate);
|
153
|
-
window.removeEventListener('scroll', handleUpdate, true);
|
154
|
-
};
|
155
|
-
}, [updateHighlight]);
|
156
|
-
React.useEffect(function () {
|
157
|
-
if (!isOpen || !currentStep || !targetElement) return;
|
158
|
-
targetElement.scrollIntoView({
|
159
|
-
block: 'center',
|
160
|
-
inline: 'center',
|
161
|
-
behavior: 'smooth'
|
162
|
-
});
|
163
|
-
}, [isOpen, active, currentStep, targetElement]);
|
164
|
-
React.useEffect(function () {
|
165
|
-
var handleKeyDown = function handleKeyDown(e) {
|
166
|
-
if (e.key === 'Escape') {
|
167
|
-
handleClose();
|
168
|
-
}
|
169
|
-
};
|
170
|
-
if (isOpen) {
|
171
|
-
window.addEventListener('keydown', handleKeyDown);
|
172
|
-
}
|
173
|
-
return function () {
|
174
|
-
window.removeEventListener('keydown', handleKeyDown);
|
175
|
-
};
|
176
|
-
}, [isOpen]);
|
177
|
-
if (!currentStep || !canUseDOM.canUseDOM || !portalRef.current) return null;
|
178
|
-
var tourContent = /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
|
179
|
-
steps: steps,
|
180
|
-
ref: outerRef,
|
181
|
-
className: className,
|
182
|
-
view: view,
|
183
|
-
size: size
|
184
|
-
}, rest), isOpen && withOverlay && /*#__PURE__*/React__default.default.createElement(Tour_styles.MaskContainer, {
|
185
|
-
className: Tour_tokens.classes.mask,
|
186
|
-
zIndex: zIndex,
|
187
|
-
"data-plasma-tour-mask": true
|
188
|
-
}, _Mask || (_Mask = /*#__PURE__*/React__default.default.createElement(Tour_styles.Mask, null)), highlightRect && /*#__PURE__*/React__default.default.createElement(Tour_styles.Highlight, {
|
189
|
-
overlayColor: overlayColor,
|
190
|
-
borderRadius: highlightBorderRadius,
|
191
|
-
style: {
|
192
|
-
left: highlightRect.left - highlightOffset,
|
193
|
-
top: highlightRect.top - highlightOffset,
|
194
|
-
width: highlightRect.width + highlightOffset * 2,
|
195
|
-
height: highlightRect.height + highlightOffset * 2
|
196
|
-
}
|
197
|
-
})), isOpen && targetElement && /*#__PURE__*/React__default.default.createElement(Tour_styles.TourPortal, {
|
198
|
-
ref: function ref(node) {
|
199
|
-
refs.setFloating(node);
|
200
|
-
floatingRef.current = node;
|
201
|
-
},
|
202
|
-
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, floatingStyles), {}, {
|
203
|
-
zIndex: Number(zIndex)
|
204
|
-
}),
|
205
|
-
"data-placement": calculatedPlacement
|
206
|
-
}, currentStep.renderItem()));
|
207
|
-
return /*#__PURE__*/ReactDOM.createPortal(tourContent, portalRef.current);
|
208
|
-
});
|
209
|
-
};
|
210
|
-
var tourConfig = {
|
211
|
-
name: 'Tour',
|
212
|
-
tag: 'div',
|
213
|
-
layout: tourRoot,
|
214
|
-
base: '',
|
215
|
-
variations: {
|
216
|
-
view: {
|
217
|
-
css: base.base
|
218
|
-
},
|
219
|
-
size: {
|
220
|
-
css: base$1.base
|
221
|
-
}
|
222
|
-
},
|
223
|
-
defaults: {
|
224
|
-
view: 'default',
|
225
|
-
size: 'm'
|
226
|
-
}
|
227
|
-
};
|
228
|
-
|
229
|
-
exports.tourConfig = tourConfig;
|
230
|
-
exports.tourRoot = tourRoot;
|
231
|
-
//# sourceMappingURL=Tour.js.map
|