@salutejs/plasma-new-hope 0.328.0-canary.2047.15885229046.0 → 0.328.0-canary.2048.15921758556.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 (215) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +1 -1
  2. package/cjs/components/Calendar/utils/getDateWithModification.js +2 -2
  3. package/cjs/components/Calendar/utils/getDateWithModification.js.map +1 -1
  4. package/cjs/components/Combobox/ComboboxNew/Combobox.css +1 -1
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.css +1 -1
  6. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  7. package/cjs/components/DatePicker/SingleDate/SingleDate.css +1 -1
  8. package/cjs/components/Pagination/Pagination.css +1 -1
  9. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  10. package/cjs/components/Range/Range.css +1 -1
  11. package/cjs/components/Select/Select.css +1 -1
  12. package/cjs/components/Select/ui/Target/Target.css +1 -1
  13. package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  14. package/cjs/components/Slider/Slider.css +1 -1
  15. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  16. package/cjs/components/Table/Table.css +1 -1
  17. package/cjs/components/Table/ui/Cell/Cell.css +1 -1
  18. package/cjs/components/Table/ui/EditableCell/EditableCell.css +1 -1
  19. package/cjs/components/Table/ui/HeadCell/HeadCell.css +1 -1
  20. package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  21. package/cjs/components/TextArea/TextArea.js +7 -3
  22. package/cjs/components/TextArea/TextArea.js.map +1 -1
  23. package/cjs/components/TextArea/TextArea.tokens.js +4 -1
  24. package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
  25. package/cjs/components/TextArea/variations/_size/base.js +1 -1
  26. package/cjs/components/TextArea/variations/_size/base.js.map +1 -1
  27. package/cjs/components/TextArea/variations/_size/base_1mq4sb2.css +1 -0
  28. package/cjs/components/TextField/TextField.js +12 -3
  29. package/cjs/components/TextField/TextField.js.map +1 -1
  30. package/cjs/components/TextField/TextField.tokens.js +4 -1
  31. package/cjs/components/TextField/TextField.tokens.js.map +1 -1
  32. package/cjs/components/TextField/variations/_size/base.js +1 -1
  33. package/cjs/components/TextField/variations/_size/base.js.map +1 -1
  34. package/cjs/components/TextField/variations/_size/base_1oec4lw.css +1 -0
  35. package/cjs/components/Tour/Tour.css +4 -0
  36. package/cjs/components/Tour/Tour.js +223 -0
  37. package/cjs/components/Tour/Tour.js.map +1 -0
  38. package/cjs/components/Tour/Tour.styles.js +58 -0
  39. package/cjs/components/Tour/Tour.styles.js.map +1 -0
  40. package/cjs/components/Tour/Tour.styles_hmd79i.css +4 -0
  41. package/cjs/components/Tour/Tour.tokens.js +21 -0
  42. package/cjs/components/Tour/Tour.tokens.js.map +1 -0
  43. package/cjs/components/Tour/utils/index.js +126 -0
  44. package/cjs/components/Tour/utils/index.js.map +1 -0
  45. package/cjs/components/Tour/variatoins/_size/base.js +9 -0
  46. package/cjs/components/Tour/variatoins/_size/base.js.map +1 -0
  47. package/cjs/components/Tour/variatoins/_view/base.js +9 -0
  48. package/cjs/components/Tour/variatoins/_view/base.js.map +1 -0
  49. package/cjs/index.css +8 -1
  50. package/cjs/index.js +6 -0
  51. package/cjs/index.js.map +1 -1
  52. package/emotion/cjs/components/Calendar/utils/getDateWithModification.js +2 -2
  53. package/emotion/cjs/components/TextArea/TextArea.js +8 -4
  54. package/emotion/cjs/components/TextArea/TextArea.tokens.js +3 -1
  55. package/emotion/cjs/components/TextArea/variations/_size/base.js +2 -1
  56. package/emotion/cjs/components/TextField/TextField.js +13 -4
  57. package/emotion/cjs/components/TextField/TextField.tokens.js +3 -1
  58. package/emotion/cjs/components/TextField/variations/_size/base.js +1 -1
  59. package/emotion/cjs/components/Tour/Tour.js +387 -0
  60. package/emotion/cjs/components/Tour/Tour.styles.js +55 -0
  61. package/emotion/cjs/components/Tour/Tour.tokens.js +31 -0
  62. package/emotion/cjs/components/Tour/Tour.types.js +4 -0
  63. package/emotion/cjs/components/Tour/index.js +26 -0
  64. package/emotion/cjs/components/Tour/utils/index.js +157 -0
  65. package/emotion/cjs/components/Tour/variatoins/_size/base.js +12 -0
  66. package/emotion/cjs/components/Tour/variatoins/_view/base.js +12 -0
  67. package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +26 -0
  68. package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.js +15 -0
  69. package/emotion/cjs/examples/plasma_web/components/Tour/Tour.config.js +26 -0
  70. package/emotion/cjs/examples/plasma_web/components/Tour/Tour.js +15 -0
  71. package/emotion/cjs/index.js +1 -0
  72. package/emotion/es/components/Calendar/utils/getDateWithModification.js +2 -2
  73. package/emotion/es/components/TextArea/TextArea.js +8 -4
  74. package/emotion/es/components/TextArea/TextArea.tokens.js +3 -1
  75. package/emotion/es/components/TextArea/variations/_size/base.js +2 -1
  76. package/emotion/es/components/TextField/TextField.js +13 -4
  77. package/emotion/es/components/TextField/TextField.tokens.js +3 -1
  78. package/emotion/es/components/TextField/variations/_size/base.js +1 -1
  79. package/emotion/es/components/Tour/Tour.js +328 -0
  80. package/emotion/es/components/Tour/Tour.styles.js +26 -0
  81. package/emotion/es/components/Tour/Tour.tokens.js +13 -0
  82. package/emotion/es/components/Tour/Tour.types.js +1 -0
  83. package/emotion/es/components/Tour/index.js +2 -0
  84. package/emotion/es/components/Tour/utils/index.js +127 -0
  85. package/emotion/es/components/Tour/variatoins/_size/base.js +2 -0
  86. package/emotion/es/components/Tour/variatoins/_view/base.js +2 -0
  87. package/emotion/es/examples/plasma_b2c/components/Tour/Tour.config.js +16 -0
  88. package/emotion/es/examples/plasma_b2c/components/Tour/Tour.js +5 -0
  89. package/emotion/es/examples/plasma_web/components/Tour/Tour.config.js +16 -0
  90. package/emotion/es/examples/plasma_web/components/Tour/Tour.js +5 -0
  91. package/emotion/es/index.js +1 -0
  92. package/es/components/Autocomplete/Autocomplete.css +1 -1
  93. package/es/components/Calendar/utils/getDateWithModification.js +2 -2
  94. package/es/components/Calendar/utils/getDateWithModification.js.map +1 -1
  95. package/es/components/Combobox/ComboboxNew/Combobox.css +1 -1
  96. package/es/components/DatePicker/RangeDate/RangeDate.css +1 -1
  97. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +1 -1
  98. package/es/components/DatePicker/SingleDate/SingleDate.css +1 -1
  99. package/es/components/Pagination/Pagination.css +1 -1
  100. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +1 -1
  101. package/es/components/Range/Range.css +1 -1
  102. package/es/components/Select/Select.css +1 -1
  103. package/es/components/Select/ui/Target/Target.css +1 -1
  104. package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +1 -1
  105. package/es/components/Slider/Slider.css +1 -1
  106. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +1 -1
  107. package/es/components/Table/Table.css +1 -1
  108. package/es/components/Table/ui/Cell/Cell.css +1 -1
  109. package/es/components/Table/ui/EditableCell/EditableCell.css +1 -1
  110. package/es/components/Table/ui/HeadCell/HeadCell.css +1 -1
  111. package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +1 -1
  112. package/es/components/TextArea/TextArea.js +7 -3
  113. package/es/components/TextArea/TextArea.js.map +1 -1
  114. package/es/components/TextArea/TextArea.tokens.js +4 -1
  115. package/es/components/TextArea/TextArea.tokens.js.map +1 -1
  116. package/es/components/TextArea/variations/_size/base.js +1 -1
  117. package/es/components/TextArea/variations/_size/base.js.map +1 -1
  118. package/es/components/TextArea/variations/_size/base_1mq4sb2.css +1 -0
  119. package/es/components/TextField/TextField.js +12 -3
  120. package/es/components/TextField/TextField.js.map +1 -1
  121. package/es/components/TextField/TextField.tokens.js +4 -1
  122. package/es/components/TextField/TextField.tokens.js.map +1 -1
  123. package/es/components/TextField/variations/_size/base.js +1 -1
  124. package/es/components/TextField/variations/_size/base.js.map +1 -1
  125. package/es/components/TextField/variations/_size/base_1oec4lw.css +1 -0
  126. package/es/components/Tour/Tour.css +4 -0
  127. package/es/components/Tour/Tour.js +214 -0
  128. package/es/components/Tour/Tour.js.map +1 -0
  129. package/es/components/Tour/Tour.styles.js +51 -0
  130. package/es/components/Tour/Tour.styles.js.map +1 -0
  131. package/es/components/Tour/Tour.styles_hmd79i.css +4 -0
  132. package/es/components/Tour/Tour.tokens.js +16 -0
  133. package/es/components/Tour/Tour.tokens.js.map +1 -0
  134. package/es/components/Tour/utils/index.js +117 -0
  135. package/es/components/Tour/utils/index.js.map +1 -0
  136. package/es/components/Tour/variatoins/_size/base.js +5 -0
  137. package/es/components/Tour/variatoins/_size/base.js.map +1 -0
  138. package/es/components/Tour/variatoins/_size/base_x642ct.css +1 -0
  139. package/es/components/Tour/variatoins/_view/base.js +5 -0
  140. package/es/components/Tour/variatoins/_view/base.js.map +1 -0
  141. package/es/components/Tour/variatoins/_view/base_x642ct.css +1 -0
  142. package/es/index.css +8 -1
  143. package/es/index.js +2 -0
  144. package/es/index.js.map +1 -1
  145. package/package.json +4 -4
  146. package/styled-components/cjs/components/Calendar/utils/getDateWithModification.js +2 -2
  147. package/styled-components/cjs/components/TextArea/TextArea.js +7 -3
  148. package/styled-components/cjs/components/TextArea/TextArea.tokens.js +3 -1
  149. package/styled-components/cjs/components/TextArea/variations/_size/base.js +5 -2
  150. package/styled-components/cjs/components/TextField/TextField.js +12 -3
  151. package/styled-components/cjs/components/TextField/TextField.tokens.js +3 -1
  152. package/styled-components/cjs/components/TextField/variations/_size/base.js +3 -1
  153. package/styled-components/cjs/components/Tour/Tour.js +387 -0
  154. package/styled-components/cjs/components/Tour/Tour.styles.js +66 -0
  155. package/styled-components/cjs/components/Tour/Tour.tokens.js +31 -0
  156. package/styled-components/cjs/components/Tour/Tour.types.js +4 -0
  157. package/styled-components/cjs/components/Tour/index.js +26 -0
  158. package/styled-components/cjs/components/Tour/utils/index.js +157 -0
  159. package/styled-components/cjs/components/Tour/variatoins/_size/base.js +14 -0
  160. package/styled-components/cjs/components/Tour/variatoins/_view/base.js +14 -0
  161. package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +33 -0
  162. package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.js +15 -0
  163. package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.config.js +33 -0
  164. package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.js +15 -0
  165. package/styled-components/cjs/index.js +1 -0
  166. package/styled-components/es/components/Calendar/utils/getDateWithModification.js +2 -2
  167. package/styled-components/es/components/TextArea/TextArea.js +7 -3
  168. package/styled-components/es/components/TextArea/TextArea.tokens.js +3 -1
  169. package/styled-components/es/components/TextArea/variations/_size/base.js +5 -2
  170. package/styled-components/es/components/TextField/TextField.js +12 -3
  171. package/styled-components/es/components/TextField/TextField.tokens.js +3 -1
  172. package/styled-components/es/components/TextField/variations/_size/base.js +3 -1
  173. package/styled-components/es/components/Tour/Tour.js +328 -0
  174. package/styled-components/es/components/Tour/Tour.styles.js +37 -0
  175. package/styled-components/es/components/Tour/Tour.tokens.js +13 -0
  176. package/styled-components/es/components/Tour/Tour.types.js +1 -0
  177. package/styled-components/es/components/Tour/index.js +2 -0
  178. package/styled-components/es/components/Tour/utils/index.js +127 -0
  179. package/styled-components/es/components/Tour/variatoins/_size/base.js +4 -0
  180. package/styled-components/es/components/Tour/variatoins/_view/base.js +4 -0
  181. package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.config.js +23 -0
  182. package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.js +5 -0
  183. package/styled-components/es/examples/plasma_web/components/Tour/Tour.config.js +23 -0
  184. package/styled-components/es/examples/plasma_web/components/Tour/Tour.js +5 -0
  185. package/styled-components/es/index.js +1 -0
  186. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  187. package/types/components/TextArea/TextArea.tokens.d.ts +1 -0
  188. package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
  189. package/types/components/TextArea/variations/_size/base.d.ts.map +1 -1
  190. package/types/components/TextField/TextField.d.ts.map +1 -1
  191. package/types/components/TextField/TextField.tokens.d.ts +1 -0
  192. package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
  193. package/types/components/TextField/variations/_size/base.d.ts.map +1 -1
  194. package/types/components/Tour/Tour.d.ts +23 -0
  195. package/types/components/Tour/Tour.d.ts.map +1 -0
  196. package/types/components/Tour/Tour.styles.d.ts +11 -0
  197. package/types/components/Tour/Tour.styles.d.ts.map +1 -0
  198. package/types/components/Tour/Tour.tokens.d.ts +14 -0
  199. package/types/components/Tour/Tour.tokens.d.ts.map +1 -0
  200. package/types/components/Tour/Tour.types.d.ts +86 -0
  201. package/types/components/Tour/Tour.types.d.ts.map +1 -0
  202. package/types/components/Tour/index.d.ts +4 -0
  203. package/types/components/Tour/index.d.ts.map +1 -0
  204. package/types/components/Tour/utils/index.d.ts +7 -0
  205. package/types/components/Tour/utils/index.d.ts.map +1 -0
  206. package/types/components/Tour/variatoins/_size/base.d.ts +2 -0
  207. package/types/components/Tour/variatoins/_size/base.d.ts.map +1 -0
  208. package/types/components/Tour/variatoins/_view/base.d.ts +2 -0
  209. package/types/components/Tour/variatoins/_view/base.d.ts.map +1 -0
  210. package/types/index.d.ts +1 -0
  211. package/types/index.d.ts.map +1 -1
  212. package/cjs/components/TextField/variations/_size/base_uulqii.css +0 -1
  213. package/es/components/TextField/variations/_size/base_uulqii.css +0 -1
  214. /package/cjs/components/{TextArea/variations → Tour/variatoins}/_size/base_x642ct.css +0 -0
  215. /package/{es/components/TextArea/variations/_size → cjs/components/Tour/variatoins/_view}/base_x642ct.css +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["export const classes = {\n hasChips: 'has-chips',\n chipsWrapper: 'chips-wrapper',\n hasValue: 'has-value',\n keepPlaceholder: 'keep-placeholder',\n hasEmptyContentLeft: 'has-empty-content-left',\n hasEmptyContentRight: 'has-empty-content-right',\n innerLabelPlacement: 'label-placement-inner',\n outerLabelPlacement: 'label-placement-outer',\n hideLabel: 'hide-label',\n clear: 'textfield-clear',\n hasDivider: 'textfield-has-divider',\n hasHint: 'textfield-has-hint',\n textFieldGroupItem: 'text-field-group-item',\n requiredAlignRight: 'required-align-right',\n inputWrapper: 'input-wrapper',\n inputTextEllipsis: 'textfield-input-text-ellipsis',\n contentRightCompensationMargin: 'textfield-content-right-compensation-margin',\n readOnlyInput: 'textfield-readonly-input',\n};\n\nexport const tokens = {\n color: '--plasma-textfield-color',\n clearColor: '--plasma-textfield-clear-color',\n boxShadow: '--plasma-textfield-box-shadow',\n\n backgroundColor: '--plasma-textfield-bg-color',\n backgroundColorHover: '--plasma-textfield-bg-color-hover',\n backgroundColorFocus: '--plasma-textfield-bg-color-focus',\n\n borderColor: '--plasma-textfield-border-color',\n borderColorHover: '--plasma-textfield-border-color-hover',\n borderColorFocus: '--plasma-textfield-border-color-focus',\n\n dividerColor: '--plasma-textfield-divider-color',\n dividerColorHover: '--plasma-textfield-divider-color-hover',\n dividerColorFocus: '--plasma-textfield-divider-color-focus',\n\n /** Цвета для read-only состояния */\n colorReadOnly: '--plasma-textfield-color-readonly',\n backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',\n borderColorReadOnly: '--plasma-textfield-border-color-readonly',\n placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',\n dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',\n\n /** Цвет каретки */\n caretColor: '--plasma-textfield__caret-color',\n placeholderColor: '--plasma-textfield__placeholder-color',\n placeholderColorFocus: '--plasma-textfield__placeholder-color-focus',\n clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',\n clearPlaceholderColorFocus: '--plasma-textfield__clear-placeholder-color-focus',\n optionalColor: '--plasma-textfield__optional-color',\n\n height: '--plasma-textfield-height',\n borderWidth: '--plasma-textfield-border-width',\n borderRadius: '--plasma-textfield-border-radius',\n\n /** Отступ от границы ТextField */\n padding: '--plasma-textfield-padding',\n paddingWithChips: '--plasma-textfield-padding-with-chips',\n\n /* Токены для input */\n leftContentMargin: '--plasma-textfield__left-content-margin',\n rightContentMargin: '--plasma-textfield__right-content-margin',\n rightContentWithHintMargin: '--plasma-textfield__right-content-with-hint-margin',\n\n fontFamily: '--plasma-textfield-font-family',\n fontStyle: '--plasma-textfield-font-style',\n fontSize: '--plasma-textfield-font-size',\n fontWeight: '--plasma-textfield-font-weight',\n letterSpacing: '--plasma-textfield-letter-spacing',\n lineHeight: '--plasma-textfield-line-height',\n\n /* Tokens for content slot */\n contentSlotColor: '--plasma-textfield-content-slot-color',\n contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',\n contentSlotColorActive: '--plasma-textfield-content-slot-color-active',\n\n contentSlotRightColor: '--plasma-textfield-content-right-slot-color',\n contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',\n contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',\n\n contentRightWrapperGap: '--plasma-textfield-content-right-wrapper-gap',\n contentRightWrapperMargin: '--plasma-textfield-content-right-wrapper-margin',\n\n /** Токены лейбла */\n labelColor: '--plasma-textfield__label-color',\n labelColorReadOnly: '--plasma-textfield__label-color-readonly',\n labelOffset: '--plasma-textfield__label-offset',\n clearLabelOffset: '--plasma-textfield__clear-label-offset',\n\n labelFontFamily: '--plasma-textfield__label-font-family',\n labelFontStyle: '--plasma-textfield__label-font-style',\n labelFontSize: '--plasma-textfield__label-font-size',\n labelFontWeight: '--plasma-textfield__label-font-weight',\n labelLetterSpacing: '--plasma-textfield__label-letter-spacing',\n labelLineHeight: '--plasma-textfield__label-line-height',\n\n /* label-placement-inner */\n labelInnerFontFamily: '--plasma-textfield-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-textfield-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-textfield-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-textfield-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-textfield-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',\n\n titleCaptionColor: '--plasma-textfield__title-caption-color',\n titleCaptionColorReadOnly: '--plasma-textfield__title-caption-color-readonly',\n titleCaptionInnerLabelOffset: '--plasma-textfield__title-caption-label-inner-offset',\n\n titleCaptionFontFamily: '--plasma-textfield__title-caption-font-family',\n titleCaptionFontStyle: '--plasma-textfield__title-caption-font-style',\n titleCaptionFontSize: '--plasma-textfield__title-caption-font-size',\n titleCaptionFontWeight: '--plasma-textfield__title-caption-font-weight',\n titleCaptionLetterSpacing: '--plasma-textfield__title-caption-letter-spacing',\n titleCaptionLineHeight: '--plasma-textfield__title-caption-line-height',\n\n leftHelperColor: '--plasma-textfield__left-helper-color',\n leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',\n leftHelperOffset: '--plasma-textfield__left-helper-offset',\n\n leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',\n leftHelperFontStyle: '--plasma-textfield__left-helper-font-style',\n leftHelperFontSize: '--plasma-textfield__left-helper-font-size',\n leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',\n\n /** Токены вспомогательного текста */\n textBeforeColor: '--plasma-textfield__before-text-color',\n textAfterColor: '--plasma-textfield__after-text-color',\n textBeforeMargin: '--plasma-textfield__before-text-margin',\n textAfterMargin: '--plasma-textfield__after-text-margin',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-textfield-disabled-opacity',\n readOnlyOpacity: '--plasma-textfield-readonly-opacity',\n\n /** Токены для tooltip */\n hintMargin: '--plasma-textfield__hint-margin',\n hintTargetSize: '--plasma-textfield__hint-target-size',\n hintCustomIconTargetSize: '--plasma-textfield__hint-custom-icon-target-size',\n hintIconColor: '--plasma-textfield__hint-icon-color',\n hintInnerLabelPlacementOffset: '--plasma-textfield__hint-inner-label-placement-offset',\n clearHintInnerLabelPlacementOffset: '--plasma-textfield__clear-hint-inner-label-placement-offset',\n\n tooltipBackgroundColor: '--plasma-textfield__tooltip-background-color',\n tooltipBoxShadow: '--plasma-textfield__tooltip-box-shadow',\n tooltipColor: '--plasma-textfield__tooltip-color',\n\n tooltipPaddingTop: '--plasma-textfield__tooltip-padding-top',\n tooltipPaddingRight: '--plasma-textfield__tooltip-padding-right',\n tooltipPaddingBottom: '--plasma-textfield__tooltip-padding-bottom',\n tooltipPaddingLeft: '--plasma-textfield__tooltip-padding-left',\n tooltipMinHeight: '--plasma-textfield__tooltip-min-height',\n tooltipBorderRadius: '--plasma-textfield__tooltip-border-radius',\n tooltipTextFontFamily: '--plasma-textfield__tooltip-text-font-family',\n tooltipTextFontSize: '--plasma-textfield__tooltip-text-font-size',\n tooltipTextFontStyle: '--plasma-textfield__tooltip-text-font-style',\n tooltipTextFontWeight: '--plasma-textfield__tooltip-text-font-weight',\n tooltipTextFontLetterSpacing: '--plasma-textfield__tooltip-text-font-letter-spacing',\n tooltipTextFontLineHeight: '--plasma-textfield__tooltip-text-font-line-height',\n tooltipContentLeftMargin: '--plasma-textfield__tooltip-content-left-margin',\n tooltipArrowMaskWidth: '--plasma-textfield__tooltip-arrow-mask-width',\n tooltipArrowMaskHeight: '--plasma-textfield__tooltip-arrow-mask-height',\n tooltipArrowMaskImage: '--plasma-textfield__tooltip-arrow-mask-image',\n tooltipArrowHeight: '--plasma-textfield__tooltip-arrow-height',\n tooltipArrowEdgeMargin: '--plasma-textfield__tooltip-arrow-edge-margin',\n tooltipArrowBackground: '--plasma-textfield__tooltip-arrow-background',\n\n /** Токены чипа */\n chipHeight: '--plasma-textfield__chip-height',\n chipBorderRadius: '--plasma-textfield__chip-border-radius',\n chipGap: '--plasma-textfield__chip-gap',\n chipMarginRight: '--plasma-textfield__chip-margin-right',\n chipBackground: '--plasma-textfield__chip-background',\n chipColor: '--plasma-textfield__chip-color',\n chipBackgroundHover: '--plasma-textfield__chip-background-hover',\n chipColorHover: '--plasma-textfield__chip-color-hover',\n chipScaleHover: '--plasma-textfield__chip-scale-hover',\n chipBackgroundReadOnly: '--plasma-textfield__chip-background-readonly',\n chipColorReadOnly: '--plasma-textfield__chip-color-readonly',\n chipBackgroundReadOnlyHover: '--plasma-textfield__chip-background-readonly-hover',\n chipColorReadOnlyHover: '--plasma-textfield__chip-color-readonly-hover',\n chipBackgroundActive: '--plasma-textfield__chip-background-active',\n chipColorActive: '--plasma-textfield__chip-color-active',\n chipScaleActive: '--plasma-textfield__chip-scale-active',\n chipFocusColor: '--plasma-textfield__chip-focus-color',\n chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',\n chipOutlineSize: '--plasma-textfield__chip-outline-size',\n chipWidth: '--plasma-textfield__chip-width',\n chipPadding: '--plasma-textfield__chip-padding',\n chipCloseIconSize: '--plasma-textfield__chip-close-icon-size',\n chipFontFamily: '--plasma-textfield__chip-font-family',\n chipFontSize: '--plasma-textfield__chip-font-size',\n chipFontStyle: '--plasma-textfield__chip-font-style',\n chipFontWeight: '--plasma-textfield__chip-font-weight',\n chipLetterSpacing: '--plasma-textfield__chip-letter-spacing',\n chipLineHeight: '--plasma-textfield__chip-line-height',\n chipClearContentMarginLeft: '--plasma-textfield__chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-textfield__chip-clear-content-margin-right',\n chipOpacityReadonly: '--plasma-textfield__chip-opacity-readonly',\n\n focusColor: '--plasma-textfield-focus-color',\n\n indicatorColor: '--plasma-textfield__indicator-color',\n indicatorSizeInner: '--plasma-textfield__indicator-size-inner',\n indicatorSizeOuter: '--plasma-textfield__indicator-size-outer',\n indicatorLabelPlacementInner: '--plasma-textfield__indicator-placement-inner',\n indicatorLabelPlacementOuter: '--plasma-textfield__indicator-placement-outer',\n indicatorLabelPlacementInnerRight: '--plasma-textfield__indicator-placement-inner-right',\n indicatorLabelPlacementOuterRight: '--plasma-textfield__indicator-placement-outer-right',\n indicatorLabelPlacementHintOuterRight: '--plasma-textfield__indicator-hint-placement-outer-right',\n clearIndicatorLabelPlacementInner: '--plasma-textfield__clear-indicator-placement-inner',\n clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right',\n clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right',\n};\n"],"names":["classes","hasChips","chipsWrapper","hasValue","keepPlaceholder","hasEmptyContentLeft","hasEmptyContentRight","innerLabelPlacement","outerLabelPlacement","hideLabel","clear","hasDivider","hasHint","textFieldGroupItem","requiredAlignRight","inputWrapper","inputTextEllipsis","contentRightCompensationMargin","readOnlyInput","tokens","color","clearColor","boxShadow","backgroundColor","backgroundColorHover","backgroundColorFocus","borderColor","borderColorHover","borderColorFocus","dividerColor","dividerColorHover","dividerColorFocus","colorReadOnly","backgroundColorReadOnly","borderColorReadOnly","placeholderColorReadOnly","dividerColorReadOnly","caretColor","placeholderColor","placeholderColorFocus","clearPlaceholderColor","clearPlaceholderColorFocus","optionalColor","height","borderWidth","borderRadius","padding","paddingWithChips","leftContentMargin","rightContentMargin","rightContentWithHintMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","contentSlotColor","contentSlotColorHover","contentSlotColorActive","contentSlotRightColor","contentSlotRightColorHover","contentSlotRightColorActive","contentRightWrapperGap","contentRightWrapperMargin","labelColor","labelColorReadOnly","labelOffset","clearLabelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","titleCaptionColor","titleCaptionColorReadOnly","titleCaptionInnerLabelOffset","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeColor","textAfterColor","textBeforeMargin","textAfterMargin","disabledOpacity","readOnlyOpacity","hintMargin","hintTargetSize","hintCustomIconTargetSize","hintIconColor","hintInnerLabelPlacementOffset","clearHintInnerLabelPlacementOffset","tooltipBackgroundColor","tooltipBoxShadow","tooltipColor","tooltipPaddingTop","tooltipPaddingRight","tooltipPaddingBottom","tooltipPaddingLeft","tooltipMinHeight","tooltipBorderRadius","tooltipTextFontFamily","tooltipTextFontSize","tooltipTextFontStyle","tooltipTextFontWeight","tooltipTextFontLetterSpacing","tooltipTextFontLineHeight","tooltipContentLeftMargin","tooltipArrowMaskWidth","tooltipArrowMaskHeight","tooltipArrowMaskImage","tooltipArrowHeight","tooltipArrowEdgeMargin","tooltipArrowBackground","chipHeight","chipBorderRadius","chipGap","chipMarginRight","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPadding","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight","indicatorLabelPlacementHintOuterRight","clearIndicatorLabelPlacementInner","clearIndicatorLabelPlacementInnerRight","clearIndicatorHintInnerRight"],"mappings":"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"}
1
+ {"version":3,"file":"TextField.tokens.js","sources":["../../../src/components/TextField/TextField.tokens.ts"],"sourcesContent":["import { TOUR_BORDER_RADIUS_TOKEN } from '../Tour/utils';\n\nexport const classes = {\n hasChips: 'has-chips',\n chipsWrapper: 'chips-wrapper',\n hasValue: 'has-value',\n keepPlaceholder: 'keep-placeholder',\n hasEmptyContentLeft: 'has-empty-content-left',\n hasEmptyContentRight: 'has-empty-content-right',\n innerLabelPlacement: 'label-placement-inner',\n outerLabelPlacement: 'label-placement-outer',\n hideLabel: 'hide-label',\n clear: 'textfield-clear',\n hasDivider: 'textfield-has-divider',\n hasHint: 'textfield-has-hint',\n textFieldGroupItem: 'text-field-group-item',\n requiredAlignRight: 'required-align-right',\n inputWrapper: 'input-wrapper',\n inputTextEllipsis: 'textfield-input-text-ellipsis',\n contentRightCompensationMargin: 'textfield-content-right-compensation-margin',\n readOnlyInput: 'textfield-readonly-input',\n};\n\nexport const tokens = {\n color: '--plasma-textfield-color',\n clearColor: '--plasma-textfield-clear-color',\n boxShadow: '--plasma-textfield-box-shadow',\n\n backgroundColor: '--plasma-textfield-bg-color',\n backgroundColorHover: '--plasma-textfield-bg-color-hover',\n backgroundColorFocus: '--plasma-textfield-bg-color-focus',\n\n borderColor: '--plasma-textfield-border-color',\n borderColorHover: '--plasma-textfield-border-color-hover',\n borderColorFocus: '--plasma-textfield-border-color-focus',\n\n dividerColor: '--plasma-textfield-divider-color',\n dividerColorHover: '--plasma-textfield-divider-color-hover',\n dividerColorFocus: '--plasma-textfield-divider-color-focus',\n\n /** Цвета для read-only состояния */\n colorReadOnly: '--plasma-textfield-color-readonly',\n backgroundColorReadOnly: '--plasma-textfield-bg-color-readonly',\n borderColorReadOnly: '--plasma-textfield-border-color-readonly',\n placeholderColorReadOnly: '--plasma-textfield__placeholder-color-readonly',\n dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',\n\n /** Цвет каретки */\n caretColor: '--plasma-textfield__caret-color',\n placeholderColor: '--plasma-textfield__placeholder-color',\n placeholderColorFocus: '--plasma-textfield__placeholder-color-focus',\n clearPlaceholderColor: '--plasma-textfield__clear-placeholder-color',\n clearPlaceholderColorFocus: '--plasma-textfield__clear-placeholder-color-focus',\n optionalColor: '--plasma-textfield__optional-color',\n\n height: '--plasma-textfield-height',\n borderWidth: '--plasma-textfield-border-width',\n borderRadius: '--plasma-textfield-border-radius',\n\n /** Отступ от границы ТextField */\n padding: '--plasma-textfield-padding',\n paddingWithChips: '--plasma-textfield-padding-with-chips',\n\n /* Токены для input */\n leftContentMargin: '--plasma-textfield__left-content-margin',\n rightContentMargin: '--plasma-textfield__right-content-margin',\n rightContentWithHintMargin: '--plasma-textfield__right-content-with-hint-margin',\n\n fontFamily: '--plasma-textfield-font-family',\n fontStyle: '--plasma-textfield-font-style',\n fontSize: '--plasma-textfield-font-size',\n fontWeight: '--plasma-textfield-font-weight',\n letterSpacing: '--plasma-textfield-letter-spacing',\n lineHeight: '--plasma-textfield-line-height',\n\n /* Tokens for content slot */\n contentSlotColor: '--plasma-textfield-content-slot-color',\n contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',\n contentSlotColorActive: '--plasma-textfield-content-slot-color-active',\n\n contentSlotRightColor: '--plasma-textfield-content-right-slot-color',\n contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',\n contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',\n\n contentRightWrapperGap: '--plasma-textfield-content-right-wrapper-gap',\n contentRightWrapperMargin: '--plasma-textfield-content-right-wrapper-margin',\n\n /** Токены лейбла */\n labelColor: '--plasma-textfield__label-color',\n labelColorReadOnly: '--plasma-textfield__label-color-readonly',\n labelOffset: '--plasma-textfield__label-offset',\n clearLabelOffset: '--plasma-textfield__clear-label-offset',\n\n labelFontFamily: '--plasma-textfield__label-font-family',\n labelFontStyle: '--plasma-textfield__label-font-style',\n labelFontSize: '--plasma-textfield__label-font-size',\n labelFontWeight: '--plasma-textfield__label-font-weight',\n labelLetterSpacing: '--plasma-textfield__label-letter-spacing',\n labelLineHeight: '--plasma-textfield__label-line-height',\n\n /* label-placement-inner */\n labelInnerFontFamily: '--plasma-textfield-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-textfield-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-textfield-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-textfield-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-textfield-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-textfield-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-textfield-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-textfield-placement_inner__content-padding',\n\n titleCaptionColor: '--plasma-textfield__title-caption-color',\n titleCaptionColorReadOnly: '--plasma-textfield__title-caption-color-readonly',\n titleCaptionInnerLabelOffset: '--plasma-textfield__title-caption-label-inner-offset',\n\n titleCaptionFontFamily: '--plasma-textfield__title-caption-font-family',\n titleCaptionFontStyle: '--plasma-textfield__title-caption-font-style',\n titleCaptionFontSize: '--plasma-textfield__title-caption-font-size',\n titleCaptionFontWeight: '--plasma-textfield__title-caption-font-weight',\n titleCaptionLetterSpacing: '--plasma-textfield__title-caption-letter-spacing',\n titleCaptionLineHeight: '--plasma-textfield__title-caption-line-height',\n\n leftHelperColor: '--plasma-textfield__left-helper-color',\n leftHelperColorReadOnly: '--plasma-textfield__left-helper-color-readonly',\n leftHelperOffset: '--plasma-textfield__left-helper-offset',\n\n leftHelperFontFamily: '--plasma-textfield__left-helper-font-family',\n leftHelperFontStyle: '--plasma-textfield__left-helper-font-style',\n leftHelperFontSize: '--plasma-textfield__left-helper-font-size',\n leftHelperFontWeight: '--plasma-textfield__left-helper-font-weight',\n leftHelperLetterSpacing: '--plasma-textfield__left-helper-letter-spacing',\n leftHelperLineHeight: '--plasma-textfield__left-helper-line-height',\n\n /** Токены вспомогательного текста */\n textBeforeColor: '--plasma-textfield__before-text-color',\n textAfterColor: '--plasma-textfield__after-text-color',\n textBeforeMargin: '--plasma-textfield__before-text-margin',\n textAfterMargin: '--plasma-textfield__after-text-margin',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-textfield-disabled-opacity',\n readOnlyOpacity: '--plasma-textfield-readonly-opacity',\n\n /** Токены для tooltip */\n hintMargin: '--plasma-textfield__hint-margin',\n hintTargetSize: '--plasma-textfield__hint-target-size',\n hintCustomIconTargetSize: '--plasma-textfield__hint-custom-icon-target-size',\n hintIconColor: '--plasma-textfield__hint-icon-color',\n hintInnerLabelPlacementOffset: '--plasma-textfield__hint-inner-label-placement-offset',\n clearHintInnerLabelPlacementOffset: '--plasma-textfield__clear-hint-inner-label-placement-offset',\n\n tooltipBackgroundColor: '--plasma-textfield__tooltip-background-color',\n tooltipBoxShadow: '--plasma-textfield__tooltip-box-shadow',\n tooltipColor: '--plasma-textfield__tooltip-color',\n\n tooltipPaddingTop: '--plasma-textfield__tooltip-padding-top',\n tooltipPaddingRight: '--plasma-textfield__tooltip-padding-right',\n tooltipPaddingBottom: '--plasma-textfield__tooltip-padding-bottom',\n tooltipPaddingLeft: '--plasma-textfield__tooltip-padding-left',\n tooltipMinHeight: '--plasma-textfield__tooltip-min-height',\n tooltipBorderRadius: '--plasma-textfield__tooltip-border-radius',\n tooltipTextFontFamily: '--plasma-textfield__tooltip-text-font-family',\n tooltipTextFontSize: '--plasma-textfield__tooltip-text-font-size',\n tooltipTextFontStyle: '--plasma-textfield__tooltip-text-font-style',\n tooltipTextFontWeight: '--plasma-textfield__tooltip-text-font-weight',\n tooltipTextFontLetterSpacing: '--plasma-textfield__tooltip-text-font-letter-spacing',\n tooltipTextFontLineHeight: '--plasma-textfield__tooltip-text-font-line-height',\n tooltipContentLeftMargin: '--plasma-textfield__tooltip-content-left-margin',\n tooltipArrowMaskWidth: '--plasma-textfield__tooltip-arrow-mask-width',\n tooltipArrowMaskHeight: '--plasma-textfield__tooltip-arrow-mask-height',\n tooltipArrowMaskImage: '--plasma-textfield__tooltip-arrow-mask-image',\n tooltipArrowHeight: '--plasma-textfield__tooltip-arrow-height',\n tooltipArrowEdgeMargin: '--plasma-textfield__tooltip-arrow-edge-margin',\n tooltipArrowBackground: '--plasma-textfield__tooltip-arrow-background',\n\n /** Токены чипа */\n chipHeight: '--plasma-textfield__chip-height',\n chipBorderRadius: '--plasma-textfield__chip-border-radius',\n chipGap: '--plasma-textfield__chip-gap',\n chipMarginRight: '--plasma-textfield__chip-margin-right',\n chipBackground: '--plasma-textfield__chip-background',\n chipColor: '--plasma-textfield__chip-color',\n chipBackgroundHover: '--plasma-textfield__chip-background-hover',\n chipColorHover: '--plasma-textfield__chip-color-hover',\n chipScaleHover: '--plasma-textfield__chip-scale-hover',\n chipBackgroundReadOnly: '--plasma-textfield__chip-background-readonly',\n chipColorReadOnly: '--plasma-textfield__chip-color-readonly',\n chipBackgroundReadOnlyHover: '--plasma-textfield__chip-background-readonly-hover',\n chipColorReadOnlyHover: '--plasma-textfield__chip-color-readonly-hover',\n chipBackgroundActive: '--plasma-textfield__chip-background-active',\n chipColorActive: '--plasma-textfield__chip-color-active',\n chipScaleActive: '--plasma-textfield__chip-scale-active',\n chipFocusColor: '--plasma-textfield__chip-focus-color',\n chipCloseIconColor: '--plasma-textfield__chip-close-icon-color',\n chipOutlineSize: '--plasma-textfield__chip-outline-size',\n chipWidth: '--plasma-textfield__chip-width',\n chipPadding: '--plasma-textfield__chip-padding',\n chipCloseIconSize: '--plasma-textfield__chip-close-icon-size',\n chipFontFamily: '--plasma-textfield__chip-font-family',\n chipFontSize: '--plasma-textfield__chip-font-size',\n chipFontStyle: '--plasma-textfield__chip-font-style',\n chipFontWeight: '--plasma-textfield__chip-font-weight',\n chipLetterSpacing: '--plasma-textfield__chip-letter-spacing',\n chipLineHeight: '--plasma-textfield__chip-line-height',\n chipClearContentMarginLeft: '--plasma-textfield__chip-clear-content-margin-left',\n chipClearContentMarginRight: '--plasma-textfield__chip-clear-content-margin-right',\n chipOpacityReadonly: '--plasma-textfield__chip-opacity-readonly',\n\n focusColor: '--plasma-textfield-focus-color',\n\n indicatorColor: '--plasma-textfield__indicator-color',\n indicatorSizeInner: '--plasma-textfield__indicator-size-inner',\n indicatorSizeOuter: '--plasma-textfield__indicator-size-outer',\n indicatorLabelPlacementInner: '--plasma-textfield__indicator-placement-inner',\n indicatorLabelPlacementOuter: '--plasma-textfield__indicator-placement-outer',\n indicatorLabelPlacementInnerRight: '--plasma-textfield__indicator-placement-inner-right',\n indicatorLabelPlacementOuterRight: '--plasma-textfield__indicator-placement-outer-right',\n indicatorLabelPlacementHintOuterRight: '--plasma-textfield__indicator-hint-placement-outer-right',\n clearIndicatorLabelPlacementInner: '--plasma-textfield__clear-indicator-placement-inner',\n clearIndicatorLabelPlacementInnerRight: '--plasma-textfield__clear-indicator-placement-inner-right',\n clearIndicatorHintInnerRight: '--plasma-textfield__clear-indicator-hint-placement-inner-right',\n\n tourBorderRadius: TOUR_BORDER_RADIUS_TOKEN,\n};\n"],"names":["classes","hasChips","chipsWrapper","hasValue","keepPlaceholder","hasEmptyContentLeft","hasEmptyContentRight","innerLabelPlacement","outerLabelPlacement","hideLabel","clear","hasDivider","hasHint","textFieldGroupItem","requiredAlignRight","inputWrapper","inputTextEllipsis","contentRightCompensationMargin","readOnlyInput","tokens","color","clearColor","boxShadow","backgroundColor","backgroundColorHover","backgroundColorFocus","borderColor","borderColorHover","borderColorFocus","dividerColor","dividerColorHover","dividerColorFocus","colorReadOnly","backgroundColorReadOnly","borderColorReadOnly","placeholderColorReadOnly","dividerColorReadOnly","caretColor","placeholderColor","placeholderColorFocus","clearPlaceholderColor","clearPlaceholderColorFocus","optionalColor","height","borderWidth","borderRadius","padding","paddingWithChips","leftContentMargin","rightContentMargin","rightContentWithHintMargin","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","contentSlotColor","contentSlotColorHover","contentSlotColorActive","contentSlotRightColor","contentSlotRightColorHover","contentSlotRightColorActive","contentRightWrapperGap","contentRightWrapperMargin","labelColor","labelColorReadOnly","labelOffset","clearLabelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","titleCaptionColor","titleCaptionColorReadOnly","titleCaptionInnerLabelOffset","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","leftHelperColor","leftHelperColorReadOnly","leftHelperOffset","leftHelperFontFamily","leftHelperFontStyle","leftHelperFontSize","leftHelperFontWeight","leftHelperLetterSpacing","leftHelperLineHeight","textBeforeColor","textAfterColor","textBeforeMargin","textAfterMargin","disabledOpacity","readOnlyOpacity","hintMargin","hintTargetSize","hintCustomIconTargetSize","hintIconColor","hintInnerLabelPlacementOffset","clearHintInnerLabelPlacementOffset","tooltipBackgroundColor","tooltipBoxShadow","tooltipColor","tooltipPaddingTop","tooltipPaddingRight","tooltipPaddingBottom","tooltipPaddingLeft","tooltipMinHeight","tooltipBorderRadius","tooltipTextFontFamily","tooltipTextFontSize","tooltipTextFontStyle","tooltipTextFontWeight","tooltipTextFontLetterSpacing","tooltipTextFontLineHeight","tooltipContentLeftMargin","tooltipArrowMaskWidth","tooltipArrowMaskHeight","tooltipArrowMaskImage","tooltipArrowHeight","tooltipArrowEdgeMargin","tooltipArrowBackground","chipHeight","chipBorderRadius","chipGap","chipMarginRight","chipBackground","chipColor","chipBackgroundHover","chipColorHover","chipScaleHover","chipBackgroundReadOnly","chipColorReadOnly","chipBackgroundReadOnlyHover","chipColorReadOnlyHover","chipBackgroundActive","chipColorActive","chipScaleActive","chipFocusColor","chipCloseIconColor","chipOutlineSize","chipWidth","chipPadding","chipCloseIconSize","chipFontFamily","chipFontSize","chipFontStyle","chipFontWeight","chipLetterSpacing","chipLineHeight","chipClearContentMarginLeft","chipClearContentMarginRight","chipOpacityReadonly","focusColor","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight","indicatorLabelPlacementHintOuterRight","clearIndicatorLabelPlacementInner","clearIndicatorLabelPlacementInnerRight","clearIndicatorHintInnerRight","tourBorderRadius","TOUR_BORDER_RADIUS_TOKEN"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import './base_uulqii.css';
1
+ import './base_1oec4lw.css';
2
2
  var base = "b13ve66i";
3
3
 
4
4
  export { base };
@@ -1 +1 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n HintTargetWrapper,\n Input,\n InputContainer,\n InputWrapper,\n Label,\n LeftHelper,\n StyledContentRight,\n StyledContentRightWrapper,\n StyledHintWrapper,\n StyledOptionalText,\n StyledTextAfter,\n StyledTextBefore,\n TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n ${Input} {\n width: 100%;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n }\n\n ${InputContainer} {\n width: 100%;\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${InputWrapper} {\n height: var(${tokens.height});\n border-radius: var(${tokens.borderRadius});\n padding: var(${tokens.padding});\n\n &.${classes.hasChips} {\n padding-top: var(${tokens.paddingWithChips});\n padding-bottom: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentLeft} {\n padding-left: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentRight} {\n padding-right: var(${tokens.paddingWithChips});\n }\n }\n\n ${Label}, &:not(.${classes.innerLabelPlacement}) ${StyledOptionalText} {\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n }\n\n ${StyledHintWrapper} {\n margin: var(${tokens.hintMargin});\n width: var(${tokens.hintTargetSize});\n height: var(${tokens.hintTargetSize});\n }\n\n ${HintTargetWrapper} {\n width: var(${tokens.hintTargetSize});\n height: var(${tokens.hintTargetSize});\n }\n\n ${TitleCaption} {\n font-family: var(${tokens.titleCaptionFontFamily});\n font-size: var(${tokens.titleCaptionFontSize});\n font-style: var(${tokens.titleCaptionFontStyle});\n font-weight: var(${tokens.titleCaptionFontWeight});\n letter-spacing: var(${tokens.titleCaptionLetterSpacing});\n line-height: var(${tokens.titleCaptionLineHeight});\n }\n\n ${LeftHelper} {\n margin-top: var(${tokens.leftHelperOffset});\n\n font-family: var(${tokens.leftHelperFontFamily});\n font-size: var(${tokens.leftHelperFontSize});\n font-style: var(${tokens.leftHelperFontStyle});\n font-weight: var(${tokens.leftHelperFontWeight});\n letter-spacing: var(${tokens.leftHelperLetterSpacing});\n line-height: var(${tokens.leftHelperLineHeight});\n }\n\n ${StyledTextBefore}, ${StyledTextAfter} {\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${StyledTextBefore} {\n margin: var(${tokens.textBeforeMargin});\n }\n\n ${StyledTextAfter} {\n margin: var(${tokens.textAfterMargin});\n }\n\n ${StyledContentRightWrapper}.${classes.contentRightCompensationMargin} {\n gap: var(${tokens.contentRightWrapperGap});\n margin: var(${tokens.contentRightWrapperMargin});\n\n ${StyledContentRight} {\n margin: var(${tokens.rightContentWithHintMargin});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAmBO,IAAMA,IAAI,GAsGhB;;;;"}
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/TextField/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextField.tokens';\nimport {\n HintTargetWrapper,\n Input,\n InputContainer,\n InputWrapper,\n Label,\n LeftHelper,\n StyledContentRight,\n StyledContentRightWrapper,\n StyledHintWrapper,\n StyledOptionalText,\n StyledTextAfter,\n StyledTextBefore,\n TitleCaption,\n} from '../../TextField.styles';\n\nexport const base = css`\n ${tokens.tourBorderRadius}: var(${tokens.borderRadius});\n\n ${Input} {\n width: 100%;\n font: inherit;\n letter-spacing: inherit;\n line-height: inherit;\n }\n\n ${InputContainer} {\n width: 100%;\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${InputWrapper} {\n height: var(${tokens.height});\n border-radius: var(${tokens.borderRadius});\n padding: var(${tokens.padding});\n\n &.${classes.hasChips} {\n padding-top: var(${tokens.paddingWithChips});\n padding-bottom: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentLeft} {\n padding-left: var(${tokens.paddingWithChips});\n }\n\n &.${classes.hasEmptyContentRight} {\n padding-right: var(${tokens.paddingWithChips});\n }\n }\n\n ${Label}, &:not(.${classes.innerLabelPlacement}) ${StyledOptionalText} {\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n }\n\n ${StyledHintWrapper} {\n margin: var(${tokens.hintMargin});\n width: var(${tokens.hintTargetSize});\n height: var(${tokens.hintTargetSize});\n }\n\n ${HintTargetWrapper} {\n width: var(${tokens.hintTargetSize});\n height: var(${tokens.hintTargetSize});\n }\n\n ${TitleCaption} {\n font-family: var(${tokens.titleCaptionFontFamily});\n font-size: var(${tokens.titleCaptionFontSize});\n font-style: var(${tokens.titleCaptionFontStyle});\n font-weight: var(${tokens.titleCaptionFontWeight});\n letter-spacing: var(${tokens.titleCaptionLetterSpacing});\n line-height: var(${tokens.titleCaptionLineHeight});\n }\n\n ${LeftHelper} {\n margin-top: var(${tokens.leftHelperOffset});\n\n font-family: var(${tokens.leftHelperFontFamily});\n font-size: var(${tokens.leftHelperFontSize});\n font-style: var(${tokens.leftHelperFontStyle});\n font-weight: var(${tokens.leftHelperFontWeight});\n letter-spacing: var(${tokens.leftHelperLetterSpacing});\n line-height: var(${tokens.leftHelperLineHeight});\n }\n\n ${StyledTextBefore}, ${StyledTextAfter} {\n font-family: var(${tokens.fontFamily});\n font-size: var(${tokens.fontSize});\n font-style: var(${tokens.fontStyle});\n font-weight: var(${tokens.fontWeight});\n letter-spacing: var(${tokens.letterSpacing});\n line-height: var(${tokens.lineHeight});\n }\n\n ${StyledTextBefore} {\n margin: var(${tokens.textBeforeMargin});\n }\n\n ${StyledTextAfter} {\n margin: var(${tokens.textAfterMargin});\n }\n\n ${StyledContentRightWrapper}.${classes.contentRightCompensationMargin} {\n gap: var(${tokens.contentRightWrapperGap});\n margin: var(${tokens.contentRightWrapperMargin});\n\n ${StyledContentRight} {\n margin: var(${tokens.rightContentWithHintMargin});\n }\n }\n`;\n"],"names":["base"],"mappings":"AAmBO,IAAMA,IAAI,GAwGhB;;;;"}
@@ -0,0 +1 @@
1
+ .b13ve66i{--plasma-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);}
@@ -0,0 +1,4 @@
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;}
@@ -0,0 +1,214 @@
1
+ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
+ import React, { forwardRef, useState, useRef, useEffect } from 'react';
3
+ import { createPortal } from 'react-dom';
4
+ import { offset, flip, shift, useFloating, autoUpdate } from '@floating-ui/react-dom';
5
+ import { findRootElement, getHTMLElement, getIncreasedRadius } from './utils/index.js';
6
+ import { MaskContainer, Mask, Highlight, TourPortal } from './Tour.styles.js';
7
+ import { base } from './variatoins/_view/base.js';
8
+ import { base as base$1 } from './variatoins/_size/base.js';
9
+ import { classes } from './Tour.tokens.js';
10
+ import { canUseDOM } from '../../utils/canUseDOM.js';
11
+
12
+ var _Mask;
13
+ var _excluded = ["steps", "current", "defaultCurrent", "open", "defaultOpen", "onClose", "withOverlay", "overlayColor", "zIndex", "view", "size", "offset", "highlightOffset", "renderStep"];
14
+ var tourRoot = function tourRoot(Root) {
15
+ return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
16
+ var _highlightRect$left, _highlightRect$top, _highlightRect$width, _highlightRect$height;
17
+ var steps = _ref.steps,
18
+ current = _ref.current,
19
+ _ref$defaultCurrent = _ref.defaultCurrent,
20
+ defaultCurrent = _ref$defaultCurrent === void 0 ? 0 : _ref$defaultCurrent,
21
+ open = _ref.open,
22
+ _ref$defaultOpen = _ref.defaultOpen,
23
+ defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
24
+ onClose = _ref.onClose,
25
+ _ref$withOverlay = _ref.withOverlay,
26
+ withOverlay = _ref$withOverlay === void 0 ? true : _ref$withOverlay,
27
+ overlayColor = _ref.overlayColor,
28
+ _ref$zIndex = _ref.zIndex,
29
+ zIndex = _ref$zIndex === void 0 ? 9000 : _ref$zIndex,
30
+ view = _ref.view,
31
+ size = _ref.size,
32
+ _ref$offset = _ref.offset,
33
+ offsetProp = _ref$offset === void 0 ? [12, 12] : _ref$offset,
34
+ _ref$highlightOffset = _ref.highlightOffset,
35
+ highlightOffset = _ref$highlightOffset === void 0 ? 4 : _ref$highlightOffset,
36
+ renderStep = _ref.renderStep,
37
+ rest = _objectWithoutProperties(_ref, _excluded);
38
+ var TOUR_PORTAL_ID = "plasma-tour-portal-".concat(Date.now());
39
+ var isCurrentControlled = typeof current === 'number';
40
+ var isOpenControlled = typeof open === 'boolean';
41
+ var _useState = useState(defaultCurrent),
42
+ _useState2 = _slicedToArray(_useState, 2),
43
+ innerCurrent = _useState2[0],
44
+ setInnerCurrent = _useState2[1];
45
+ var _useState3 = useState(defaultOpen),
46
+ _useState4 = _slicedToArray(_useState3, 2),
47
+ innerOpen = _useState4[0],
48
+ setInnerOpen = _useState4[1];
49
+ var _useState5 = useState(null),
50
+ _useState6 = _slicedToArray(_useState5, 2),
51
+ highlightRect = _useState6[0],
52
+ setHighlightRect = _useState6[1];
53
+ var _useState7 = useState(null),
54
+ _useState8 = _slicedToArray(_useState7, 2),
55
+ highlightBorderRadius = _useState8[0],
56
+ setHighlightBorderRadius = _useState8[1];
57
+ var _useState9 = useState(null),
58
+ _useState10 = _slicedToArray(_useState9, 2),
59
+ targetElement = _useState10[0],
60
+ setTargetElement = _useState10[1];
61
+ var portalRef = useRef(null);
62
+ var active = isCurrentControlled ? current : innerCurrent;
63
+ var isOpen = isOpenControlled ? open : innerOpen;
64
+ var currentStep = steps[active];
65
+ var rawPlacement = currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement;
66
+ var placement = (Array.isArray(rawPlacement) ? rawPlacement[0] : rawPlacement) || 'bottom';
67
+ var middleware = [offset(offsetProp[0]), flip({
68
+ fallbackPlacements: Array.isArray(currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement) ? currentStep.placement : undefined
69
+ }), shift({
70
+ padding: offsetProp[1]
71
+ })];
72
+ var _useFloating = useFloating({
73
+ placement: placement,
74
+ middleware: middleware,
75
+ whileElementsMounted: autoUpdate
76
+ }),
77
+ refs = _useFloating.refs,
78
+ floatingStyles = _useFloating.floatingStyles,
79
+ calculatedPlacement = _useFloating.placement;
80
+ var handleSetOpen = function handleSetOpen(value) {
81
+ if (!isOpenControlled) {
82
+ setInnerOpen(value);
83
+ }
84
+ if (!value) {
85
+ onClose === null || onClose === void 0 || onClose();
86
+ setInnerCurrent(0);
87
+ setHighlightRect(null);
88
+ setTargetElement(null);
89
+ }
90
+ };
91
+ var handleClose = function handleClose() {
92
+ handleSetOpen(false);
93
+ };
94
+ var updateHighlight = function updateHighlight() {
95
+ if (!isOpen || !currentStep) {
96
+ return;
97
+ }
98
+ var rootItem = findRootElement(currentStep.target);
99
+ var highlightElement = getHTMLElement(rootItem);
100
+ if (highlightElement) {
101
+ var _currentStep$borderRa;
102
+ var rect = highlightElement.getBoundingClientRect();
103
+ setHighlightRect(rect);
104
+ setTargetElement(highlightElement);
105
+ var borderRadius = currentStep.borderRadius === 'auto' || currentStep.borderRadius === undefined || currentStep.borderRadius === null ? getIncreasedRadius(rootItem, highlightOffset) : (_currentStep$borderRa = currentStep === null || currentStep === void 0 ? void 0 : currentStep.borderRadius) !== null && _currentStep$borderRa !== void 0 ? _currentStep$borderRa : '0px';
106
+ setHighlightBorderRadius(borderRadius);
107
+ } else {
108
+ setHighlightRect(null);
109
+ setTargetElement(null);
110
+ }
111
+ };
112
+ useEffect(function () {
113
+ refs.setReference(targetElement);
114
+ }, [refs, targetElement]);
115
+ useEffect(function () {
116
+ if (!canUseDOM) {
117
+ return;
118
+ }
119
+ var portal = document.getElementById(TOUR_PORTAL_ID);
120
+ if (!portal) {
121
+ portal = document.createElement('div');
122
+ portal.setAttribute('id', TOUR_PORTAL_ID);
123
+ document.body.appendChild(portal);
124
+ }
125
+ portalRef.current = portal;
126
+ return function () {
127
+ if (portal) {
128
+ portal.remove();
129
+ }
130
+ };
131
+ }, []);
132
+ useEffect(function () {
133
+ updateHighlight();
134
+ window.addEventListener('resize', updateHighlight);
135
+ window.addEventListener('scroll', updateHighlight, true);
136
+ return function () {
137
+ window.removeEventListener('resize', updateHighlight);
138
+ window.removeEventListener('scroll', updateHighlight, true);
139
+ };
140
+ }, [currentStep]);
141
+ useEffect(function () {
142
+ if (isOpen && targetElement) {
143
+ targetElement.scrollIntoView({
144
+ block: 'center',
145
+ inline: 'center',
146
+ behavior: 'smooth'
147
+ });
148
+ }
149
+ }, [isOpen, active, targetElement]);
150
+ useEffect(function () {
151
+ var handleKeyDown = function handleKeyDown(e) {
152
+ if (e.key === 'Escape') {
153
+ handleClose();
154
+ }
155
+ };
156
+ if (isOpen) {
157
+ window.addEventListener('keydown', handleKeyDown);
158
+ }
159
+ return function () {
160
+ window.removeEventListener('keydown', handleKeyDown);
161
+ };
162
+ }, [isOpen, handleClose]);
163
+ if (!currentStep || !canUseDOM || !portalRef.current) {
164
+ return null;
165
+ }
166
+ var tourContent = /*#__PURE__*/React.createElement(Root, _extends({
167
+ renderStep: renderStep,
168
+ steps: steps,
169
+ ref: outerRef,
170
+ view: view,
171
+ size: size
172
+ }, rest), isOpen && withOverlay && /*#__PURE__*/React.createElement(MaskContainer, {
173
+ className: classes.mask,
174
+ zIndex: zIndex
175
+ }, _Mask || (_Mask = /*#__PURE__*/React.createElement(Mask, null)), Boolean(highlightRect) && /*#__PURE__*/React.createElement(Highlight, {
176
+ overlayColor: overlayColor,
177
+ borderRadius: highlightBorderRadius,
178
+ style: {
179
+ left: ((_highlightRect$left = highlightRect === null || highlightRect === void 0 ? void 0 : highlightRect.left) !== null && _highlightRect$left !== void 0 ? _highlightRect$left : 0) - highlightOffset,
180
+ top: ((_highlightRect$top = highlightRect === null || highlightRect === void 0 ? void 0 : highlightRect.top) !== null && _highlightRect$top !== void 0 ? _highlightRect$top : 0) - highlightOffset,
181
+ width: ((_highlightRect$width = highlightRect === null || highlightRect === void 0 ? void 0 : highlightRect.width) !== null && _highlightRect$width !== void 0 ? _highlightRect$width : 0) + highlightOffset * 2,
182
+ height: ((_highlightRect$height = highlightRect === null || highlightRect === void 0 ? void 0 : highlightRect.height) !== null && _highlightRect$height !== void 0 ? _highlightRect$height : 0) + highlightOffset * 2
183
+ }
184
+ })), isOpen && Boolean(targetElement) && /*#__PURE__*/React.createElement(TourPortal, {
185
+ ref: refs.setFloating,
186
+ style: _objectSpread2(_objectSpread2({}, floatingStyles), {}, {
187
+ zIndex: Number(zIndex)
188
+ }),
189
+ "data-placement": calculatedPlacement
190
+ }, renderStep && renderStep(active, steps.length, active === steps.length - 1, steps[active])));
191
+ return /*#__PURE__*/createPortal(tourContent, portalRef.current);
192
+ });
193
+ };
194
+ var tourConfig = {
195
+ name: 'Tour',
196
+ tag: 'div',
197
+ layout: tourRoot,
198
+ base: '',
199
+ variations: {
200
+ view: {
201
+ css: base
202
+ },
203
+ size: {
204
+ css: base$1
205
+ }
206
+ },
207
+ defaults: {
208
+ view: 'default',
209
+ size: 'm'
210
+ }
211
+ };
212
+
213
+ export { tourConfig, tourRoot };
214
+ //# sourceMappingURL=Tour.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tour.js","sources":["../../../src/components/Tour/Tour.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useState, useRef, CSSProperties } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useFloating, offset, flip, shift, autoUpdate, Placement } from '@floating-ui/react-dom';\n\nimport { RootProps } from '../../engines';\nimport { canUseDOM } from '../../utils';\n\nimport { getHTMLElement, getIncreasedRadius, findRootElement } from './utils';\nimport type { TourProps } from './Tour.types';\nimport { MaskContainer, Mask, Highlight, TourPortal } from './Tour.styles';\nimport { base as viewCSS } from './variatoins/_view/base';\nimport { base as sizeCSS } from './variatoins/_size/base';\nimport { classes } from './Tour.tokens';\n\nexport const tourRoot = (Root: RootProps<HTMLDivElement, TourProps>) =>\n forwardRef<HTMLDivElement, TourProps>(\n (\n {\n steps,\n current,\n defaultCurrent = 0,\n open,\n defaultOpen = false,\n onClose,\n withOverlay = true,\n overlayColor,\n zIndex = 9000,\n view,\n size,\n offset: offsetProp = [12, 12],\n highlightOffset = 4,\n renderStep,\n ...rest\n },\n outerRef,\n ) => {\n const TOUR_PORTAL_ID = `plasma-tour-portal-${Date.now()}`;\n const isCurrentControlled = typeof current === 'number';\n const isOpenControlled = typeof open === 'boolean';\n\n const [innerCurrent, setInnerCurrent] = useState(defaultCurrent);\n const [innerOpen, setInnerOpen] = useState(defaultOpen);\n const [highlightRect, setHighlightRect] = useState<DOMRect | null>(null);\n const [highlightBorderRadius, setHighlightBorderRadius] = useState<\n string | CSSProperties['borderRadius'] | null\n >(null);\n const [targetElement, setTargetElement] = useState<HTMLElement | null>(null);\n\n const portalRef = useRef<HTMLElement | null>(null);\n\n const active = isCurrentControlled ? (current as number) : innerCurrent;\n const isOpen = isOpenControlled ? (open as boolean) : innerOpen;\n\n const currentStep = steps[active];\n\n const rawPlacement = currentStep?.placement;\n const placement: Placement = (Array.isArray(rawPlacement) ? rawPlacement[0] : rawPlacement) || 'bottom';\n\n const middleware = [\n offset(offsetProp[0]),\n flip({\n fallbackPlacements: Array.isArray(currentStep?.placement) ? currentStep.placement : undefined,\n }),\n shift({ padding: offsetProp[1] }),\n ];\n\n const { refs, floatingStyles, placement: calculatedPlacement } = useFloating({\n placement,\n middleware,\n whileElementsMounted: autoUpdate,\n });\n\n const handleSetOpen = (value: boolean) => {\n if (!isOpenControlled) {\n setInnerOpen(value);\n }\n if (!value) {\n onClose?.();\n setInnerCurrent(0);\n setHighlightRect(null);\n setTargetElement(null);\n }\n };\n\n const handleClose = () => {\n handleSetOpen(false);\n };\n\n const updateHighlight = () => {\n if (!isOpen || !currentStep) {\n return;\n }\n\n const rootItem = findRootElement(currentStep.target as any) as any;\n const highlightElement = getHTMLElement(rootItem);\n\n if (highlightElement) {\n const rect = highlightElement.getBoundingClientRect();\n setHighlightRect(rect);\n setTargetElement(highlightElement);\n\n const borderRadius =\n currentStep.borderRadius === 'auto' ||\n currentStep.borderRadius === undefined ||\n currentStep.borderRadius === null\n ? getIncreasedRadius(rootItem, highlightOffset)\n : currentStep?.borderRadius ?? '0px';\n setHighlightBorderRadius(borderRadius);\n } else {\n setHighlightRect(null);\n setTargetElement(null);\n }\n };\n\n useEffect(() => {\n refs.setReference(targetElement);\n }, [refs, targetElement]);\n\n useEffect(() => {\n if (!canUseDOM) {\n return;\n }\n\n let portal = document.getElementById(TOUR_PORTAL_ID);\n if (!portal) {\n portal = document.createElement('div');\n portal.setAttribute('id', TOUR_PORTAL_ID);\n document.body.appendChild(portal);\n }\n portalRef.current = portal;\n\n return () => {\n if (portal) {\n portal.remove();\n }\n };\n }, []);\n\n useEffect(() => {\n updateHighlight();\n\n window.addEventListener('resize', updateHighlight);\n window.addEventListener('scroll', updateHighlight, true);\n\n return () => {\n window.removeEventListener('resize', updateHighlight);\n window.removeEventListener('scroll', updateHighlight, true);\n };\n }, [currentStep]);\n\n useEffect(() => {\n if (isOpen && targetElement) {\n targetElement.scrollIntoView({\n block: 'center',\n inline: 'center',\n behavior: 'smooth',\n });\n }\n }, [isOpen, active, targetElement]);\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Escape') {\n handleClose();\n }\n };\n\n if (isOpen) {\n window.addEventListener('keydown', handleKeyDown);\n }\n\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n };\n }, [isOpen, handleClose]);\n\n if (!currentStep || !canUseDOM || !portalRef.current) {\n return null;\n }\n\n const tourContent = (\n <Root renderStep={renderStep} steps={steps} ref={outerRef} view={view} size={size} {...rest}>\n {isOpen && withOverlay && (\n <MaskContainer className={classes.mask} zIndex={zIndex}>\n <Mask />\n\n {Boolean(highlightRect) && (\n <Highlight\n overlayColor={overlayColor}\n borderRadius={highlightBorderRadius}\n style={{\n left: (highlightRect?.left ?? 0) - highlightOffset,\n top: (highlightRect?.top ?? 0) - highlightOffset,\n width: (highlightRect?.width ?? 0) + highlightOffset * 2,\n height: (highlightRect?.height ?? 0) + highlightOffset * 2,\n }}\n />\n )}\n </MaskContainer>\n )}\n\n {isOpen && Boolean(targetElement) && (\n <TourPortal\n ref={refs.setFloating}\n style={{\n ...floatingStyles,\n zIndex: Number(zIndex),\n }}\n data-placement={calculatedPlacement}\n >\n {renderStep && renderStep(active, steps.length, active === steps.length - 1, steps[active])}\n </TourPortal>\n )}\n </Root>\n );\n\n return createPortal(tourContent, portalRef.current);\n },\n );\n\nexport const tourConfig = {\n name: 'Tour',\n tag: 'div',\n layout: tourRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["tourRoot","Root","forwardRef","_ref","outerRef","_highlightRect$left","_highlightRect$top","_highlightRect$width","_highlightRect$height","steps","current","_ref$defaultCurrent","defaultCurrent","open","_ref$defaultOpen","defaultOpen","onClose","_ref$withOverlay","withOverlay","overlayColor","_ref$zIndex","zIndex","view","size","_ref$offset","offset","offsetProp","_ref$highlightOffset","highlightOffset","renderStep","rest","_objectWithoutProperties","_excluded","TOUR_PORTAL_ID","concat","Date","now","isCurrentControlled","isOpenControlled","_useState","useState","_useState2","_slicedToArray","innerCurrent","setInnerCurrent","_useState3","_useState4","innerOpen","setInnerOpen","_useState5","_useState6","highlightRect","setHighlightRect","_useState7","_useState8","highlightBorderRadius","setHighlightBorderRadius","_useState9","_useState10","targetElement","setTargetElement","portalRef","useRef","active","isOpen","currentStep","rawPlacement","placement","Array","isArray","middleware","flip","fallbackPlacements","undefined","shift","padding","_useFloating","useFloating","whileElementsMounted","autoUpdate","refs","floatingStyles","calculatedPlacement","handleSetOpen","value","handleClose","updateHighlight","rootItem","findRootElement","target","highlightElement","getHTMLElement","_currentStep$borderRa","rect","getBoundingClientRect","borderRadius","getIncreasedRadius","useEffect","setReference","canUseDOM","portal","document","getElementById","createElement","setAttribute","body","appendChild","remove","window","addEventListener","removeEventListener","scrollIntoView","block","inline","behavior","handleKeyDown","e","key","tourContent","React","_extends","ref","MaskContainer","className","classes","mask","_Mask","Mask","Boolean","Highlight","style","left","top","width","height","TourPortal","setFloating","_objectSpread","Number","length","createPortal","tourConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
@@ -0,0 +1,51 @@
1
+ import './Tour.styles_hmd79i.css';
2
+ import { styled } from '@linaria/react';
3
+
4
+ var _exp = function _exp() {
5
+ return function (_ref) {
6
+ var zIndex = _ref.zIndex;
7
+ return zIndex || 9000;
8
+ };
9
+ };
10
+ var MaskContainer = /*#__PURE__*/styled('div')({
11
+ name: "MaskContainer",
12
+ "class": "m1hl3azh",
13
+ propsAsIs: false,
14
+ vars: {
15
+ "m1hl3azh-0": [/*#__PURE__*/_exp()]
16
+ }
17
+ });
18
+ var Mask = /*#__PURE__*/styled('div')({
19
+ name: "Mask",
20
+ "class": "m12gu86u",
21
+ propsAsIs: false
22
+ });
23
+ var _exp2 = function _exp2() {
24
+ return function (_ref2) {
25
+ var overlayColor = _ref2.overlayColor;
26
+ return "".concat(overlayColor || 'rgba(0, 0, 0, 0.45)');
27
+ };
28
+ };
29
+ var _exp3 = function _exp3() {
30
+ return function (_ref3) {
31
+ var borderRadius = _ref3.borderRadius;
32
+ return borderRadius !== null && borderRadius !== void 0 ? borderRadius : 0;
33
+ };
34
+ };
35
+ var Highlight = /*#__PURE__*/styled('div')({
36
+ name: "Highlight",
37
+ "class": "hz4trqu",
38
+ propsAsIs: false,
39
+ vars: {
40
+ "hz4trqu-0": [/*#__PURE__*/_exp2()],
41
+ "hz4trqu-1": [/*#__PURE__*/_exp3()]
42
+ }
43
+ });
44
+ var TourPortal = /*#__PURE__*/styled('div')({
45
+ name: "TourPortal",
46
+ "class": "tjgv9oe",
47
+ propsAsIs: false
48
+ });
49
+
50
+ export { Highlight, Mask, MaskContainer, TourPortal };
51
+ //# sourceMappingURL=Tour.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tour.styles.js","sources":["../../../src/components/Tour/Tour.styles.tsx"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { CSSProperties } from 'react';\n\nexport const MaskContainer = styled.div<{ zIndex: CSSProperties['zIndex'] }>`\n z-index: ${({ zIndex }) => zIndex || 9000};\n`;\n\nexport const Mask = styled.div`\n position: fixed;\n inset: 0;\n pointer-events: all;\n`;\n\nexport const Highlight = styled.div<{\n overlayColor?: CSSProperties['color'];\n borderRadius?: CSSProperties['borderRadius'] | null;\n}>`\n --private-mask-color: ${({ overlayColor }) => `${overlayColor || 'rgba(0, 0, 0, 0.45)'}`};\n position: fixed;\n background: transparent;\n border-radius: ${({ borderRadius }) => borderRadius ?? 0};\n box-shadow: 0 0 0 9999px var(--private-mask-color);\n pointer-events: none;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n`;\n\nexport const TourPortal = styled.div`\n position: absolute;\n`;\n"],"names":["_exp","_ref","zIndex","MaskContainer","styled","name","class","propsAsIs","vars","Mask","_exp2","_ref2","overlayColor","_exp3","_ref3","borderRadius","Highlight","TourPortal"],"mappings":";;AACsC,IAAAA,IAAA,GAApBA,SAAoBA,IAAAA,GAAA;AAAA,EAAA,OAGvB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAI,IAAI,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADtC,IAAMC,aAAa,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACpBR,IAA8B,EAAA,CAAA;AAAA,GAAA;AAAA,CAC5C,EAAA;AAEM,IAAMS,IAAI,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIzB,EAAA;AAAC,IAAAG,KAAA,GAVgBA,SAUhBA,KAAAA,GAAA;AAAA,EAAA,OAM0B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAAA,EAAAA,CAAAA,MAAAA,CAAsBA,YAAY,IAAI,qBAAqB,CAAA,CAAA;GAAE,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAhB1EA,SAgB0EA,KAAAA,GAAA;AAAA,EAAA,OAGvE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;AAAAA,IAAAA,OAAmBA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,YAAY,GAAI,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAPrD,IAAMC,SAAS,gBAAGZ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAIHE,KAAgE,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAGvEG,KAAuC,EAAA,CAAA;AAAA,GAAA;AAAA,CAI3D,EAAA;AAEM,IAAMI,UAAU,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAE/B;;;;"}
@@ -0,0 +1,4 @@
1
+ .m1hl3azh{z-index:var(--m1hl3azh-0);}
2
+ .m12gu86u{position:fixed;inset:0;pointer-events:all;}
3
+ .hz4trqu{--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
+ .tjgv9oe{position:absolute;}
@@ -0,0 +1,16 @@
1
+ var classes = {
2
+ mask: 'tour-mask'
3
+ };
4
+ var tokens = {
5
+ cardPadding: '--plasma-tour-card-padding',
6
+ cardRadius: '--plasma-tour-card-radius',
7
+ cardBgColor: '--plasma-tour-card-bg',
8
+ cardShadow: '--plasma-tour-card-shadow',
9
+ maskBgColor: '--plasma-tour-mask-bg',
10
+ titleColor: '--plasma-tour-title-color',
11
+ descriptionColor: '--plasma-tour-description-color',
12
+ highlightRadius: '--plasma-tour-highlight-radius'
13
+ };
14
+
15
+ export { classes, tokens };
16
+ //# sourceMappingURL=Tour.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tour.tokens.js","sources":["../../../src/components/Tour/Tour.tokens.ts"],"sourcesContent":["export const classes = {\n mask: 'tour-mask',\n};\n\nexport const tokens = {\n cardPadding: '--plasma-tour-card-padding',\n cardRadius: '--plasma-tour-card-radius',\n cardBgColor: '--plasma-tour-card-bg',\n cardShadow: '--plasma-tour-card-shadow',\n maskBgColor: '--plasma-tour-mask-bg',\n titleColor: '--plasma-tour-title-color',\n descriptionColor: '--plasma-tour-description-color',\n highlightRadius: '--plasma-tour-highlight-radius',\n};\n"],"names":["classes","mask","tokens","cardPadding","cardRadius","cardBgColor","cardShadow","maskBgColor","titleColor","descriptionColor","highlightRadius"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,IAAI,EAAE,WAAA;AACV,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,WAAW,EAAE,4BAA4B;AACzCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,gBAAgB,EAAE,iCAAiC;AACnDC,EAAAA,eAAe,EAAE,gCAAA;AACrB;;;;"}
@@ -0,0 +1,117 @@
1
+ import { canUseDOM } from '../../../utils/canUseDOM.js';
2
+
3
+ var TOUR_FINDER_MARK = 'data-tour';
4
+ var ROOT_COMPONENT = 'data-root';
5
+ var TOUR_BORDER_RADIUS_TOKEN = '--plasma-tour__border-radius';
6
+ var getHTMLElement = function getHTMLElement(target) {
7
+ if (!target || !canUseDOM) {
8
+ return null;
9
+ }
10
+ if (typeof target === 'string') {
11
+ return document.querySelector(target);
12
+ }
13
+ if ('current' in target) {
14
+ return target.current;
15
+ }
16
+ return target;
17
+ };
18
+ var getIncreasedRadius = function getIncreasedRadius(ref, offset) {
19
+ if (!ref.current) {
20
+ return '';
21
+ }
22
+ var element = ref.current;
23
+ var computedStyle = getComputedStyle(element);
24
+ var borderRadiusComponent = computedStyle.getPropertyValue(TOUR_BORDER_RADIUS_TOKEN);
25
+ var currentRadius = computedStyle.borderRadius !== undefined && computedStyle.borderRadius !== null && computedStyle.borderRadius !== '0px' ? computedStyle.borderRadius : borderRadiusComponent;
26
+ var parseValue = function parseValue(value, context) {
27
+ var num = parseFloat(value);
28
+ if (Number.isNaN(num)) return 0;
29
+ if (value.endsWith('px')) return num;
30
+ if (value.endsWith('%')) return num / 100 * context.width;
31
+ if (value.endsWith('em')) return num * parseFloat(computedStyle.fontSize);
32
+ if (value.endsWith('rem')) {
33
+ return num * parseFloat(getComputedStyle(document.documentElement).fontSize);
34
+ }
35
+ if (value.endsWith('vw')) return num / 100 * window.innerWidth;
36
+ if (value.endsWith('vh')) return num / 100 * window.innerHeight;
37
+ if (value.endsWith('vmin')) return num / 100 * Math.min(window.innerWidth, window.innerHeight);
38
+ if (value.endsWith('vmax')) return num / 100 * Math.max(window.innerWidth, window.innerHeight);
39
+ return num;
40
+ };
41
+ var context = {
42
+ width: element.offsetWidth,
43
+ height: element.offsetHeight
44
+ };
45
+ var parseRadius = function parseRadius(radius) {
46
+ var parts = radius.split('/').map(function (part) {
47
+ return part.trim();
48
+ });
49
+ var horizontal = parts[0].split(/\s+/).map(function (val) {
50
+ return parseValue(val, context);
51
+ });
52
+ var normalize = function normalize(values) {
53
+ if (values.length === 1) return [values[0], values[0], values[0], values[0]];
54
+ if (values.length === 2) return [values[0], values[1], values[0], values[1]];
55
+ if (values.length === 3) return [values[0], values[1], values[2], values[1]];
56
+ return values.slice(0, 4);
57
+ };
58
+ return {
59
+ horizontal: normalize(horizontal),
60
+ vertical: parts[1] ? normalize(parts[1].split(/\s+/).map(function (val) {
61
+ return parseValue(val, context);
62
+ })) : normalize(horizontal)
63
+ };
64
+ };
65
+ try {
66
+ var parsed = parseRadius(currentRadius);
67
+ var newHorizontal = parsed.horizontal.map(function (val) {
68
+ return val !== 0 ? Math.max(0, val + offset) : 0;
69
+ });
70
+ var newVertical = parsed.vertical.map(function (val) {
71
+ return val !== 0 ? Math.max(0, val + offset) : 0;
72
+ });
73
+ var format = function format(values) {
74
+ return values.map(function (v) {
75
+ return "".concat(v, "px");
76
+ }).join(' ');
77
+ };
78
+ var horizontalStr = format(newHorizontal);
79
+ var verticalStr = format(newVertical);
80
+ return horizontalStr === verticalStr ? horizontalStr : "".concat(horizontalStr, " / ").concat(verticalStr);
81
+ } catch (error) {
82
+ return '';
83
+ }
84
+ };
85
+ var findRootElement = function findRootElement(ref) {
86
+ var _currentElement, _currentElement2;
87
+ if (!ref.current) {
88
+ return '';
89
+ }
90
+ var currentElement = ref.current;
91
+ if (!((_currentElement = currentElement) !== null && _currentElement !== void 0 && _currentElement.hasAttribute(TOUR_FINDER_MARK))) {
92
+ return {
93
+ current: currentElement
94
+ };
95
+ }
96
+ while (currentElement !== null && currentElement !== document.documentElement) {
97
+ if (currentElement.hasAttribute(ROOT_COMPONENT)) {
98
+ return {
99
+ current: currentElement
100
+ };
101
+ }
102
+ var parent = currentElement.parentElement;
103
+ if (parent === null) {
104
+ break;
105
+ }
106
+ currentElement = parent;
107
+ }
108
+ if ((_currentElement2 = currentElement) !== null && _currentElement2 !== void 0 && _currentElement2.hasAttribute(ROOT_COMPONENT)) {
109
+ return {
110
+ current: currentElement
111
+ };
112
+ }
113
+ return ref;
114
+ };
115
+
116
+ export { ROOT_COMPONENT, TOUR_BORDER_RADIUS_TOKEN, TOUR_FINDER_MARK, findRootElement, getHTMLElement, getIncreasedRadius };
117
+ //# sourceMappingURL=index.js.map