@salutejs/plasma-new-hope 0.327.0-canary.1973.15733948288.0 → 0.327.0-canary.2010.15678347777.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/CodeField/CodeField.js +16 -15
- package/cjs/components/CodeField/CodeField.js.map +1 -1
- package/cjs/components/Tour/Tour.css +4 -0
- package/cjs/components/Tour/Tour.js +224 -0
- package/cjs/components/Tour/Tour.js.map +1 -0
- package/cjs/components/Tour/Tour.styles.js +51 -0
- package/cjs/components/Tour/Tour.styles.js.map +1 -0
- package/cjs/components/Tour/Tour.styles_1ks2isn.css +4 -0
- package/cjs/components/Tour/Tour.tokens.js +21 -0
- package/cjs/components/Tour/Tour.tokens.js.map +1 -0
- package/cjs/components/Tour/utils/index.js +19 -0
- package/cjs/components/Tour/utils/index.js.map +1 -0
- package/cjs/components/{CodeInput/variations/_disabled → Tour/variatoins/_size}/base.js +2 -2
- package/cjs/components/Tour/variatoins/_size/base.js.map +1 -0
- package/cjs/components/Tour/variatoins/_size/base_x642ct.css +1 -0
- package/cjs/components/{CodeInput/variations/_size → Tour/variatoins/_view}/base.js +2 -2
- package/cjs/components/Tour/variatoins/_view/base.js.map +1 -0
- package/cjs/components/Tour/variatoins/_view/base_x642ct.css +1 -0
- package/cjs/index.css +5 -15
- package/cjs/index.js +6 -12
- package/cjs/index.js.map +1 -1
- package/cjs/utils/constants.js +0 -12
- package/cjs/utils/constants.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/CodeField/CodeField.js +16 -14
- package/emotion/cjs/components/Tour/Tour.js +233 -0
- package/emotion/cjs/components/Tour/Tour.styles.js +48 -0
- package/emotion/cjs/components/Tour/Tour.tokens.js +19 -0
- package/emotion/cjs/components/Tour/index.js +31 -0
- package/emotion/cjs/components/Tour/utils/index.js +18 -0
- package/emotion/cjs/components/Tour/variatoins/_size/base.js +8 -0
- package/emotion/cjs/components/Tour/variatoins/_view/base.js +8 -0
- package/emotion/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +6 -6
- package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +22 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +250 -0
- package/emotion/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +6 -6
- package/emotion/cjs/examples/plasma_web/components/Tour/Tour.config.js +22 -0
- package/emotion/cjs/examples/plasma_web/components/Tour/Tour.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Tour/Tour.stories.tsx +242 -0
- package/emotion/cjs/hooks/index.js +1 -8
- package/emotion/cjs/index.js +8 -8
- package/emotion/cjs/utils/constants.js +2 -8
- package/emotion/cjs/utils/index.js +0 -12
- package/emotion/es/components/CodeField/CodeField.js +17 -16
- package/emotion/es/components/Tour/Tour.js +226 -0
- package/emotion/es/components/Tour/Tour.styles.js +41 -0
- package/emotion/es/components/Tour/Tour.tokens.js +13 -0
- package/emotion/es/components/Tour/index.js +2 -0
- package/emotion/es/components/Tour/utils/index.js +12 -0
- package/emotion/es/components/Tour/variatoins/_size/base.js +2 -0
- package/emotion/es/components/Tour/variatoins/_view/base.js +2 -0
- package/emotion/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/Tour/Tour.config.js +16 -0
- package/emotion/es/examples/plasma_b2c/components/Tour/Tour.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +250 -0
- package/emotion/es/examples/plasma_web/components/CodeField/CodeField.config.js +6 -6
- package/emotion/es/examples/plasma_web/components/Tour/Tour.config.js +16 -0
- package/emotion/es/examples/plasma_web/components/Tour/Tour.js +5 -0
- package/emotion/es/examples/plasma_web/components/Tour/Tour.stories.tsx +242 -0
- package/emotion/es/hooks/index.js +1 -2
- package/emotion/es/index.js +2 -2
- package/emotion/es/utils/constants.js +1 -7
- package/emotion/es/utils/index.js +0 -1
- package/es/components/CodeField/CodeField.js +17 -16
- package/es/components/CodeField/CodeField.js.map +1 -1
- package/es/components/Tour/Tour.css +4 -0
- package/es/components/Tour/Tour.js +215 -0
- package/es/components/Tour/Tour.js.map +1 -0
- package/es/components/Tour/Tour.styles.js +44 -0
- package/es/components/Tour/Tour.styles.js.map +1 -0
- package/es/components/Tour/Tour.styles_1ks2isn.css +4 -0
- package/es/components/Tour/Tour.tokens.js +16 -0
- package/es/components/Tour/Tour.tokens.js.map +1 -0
- package/es/components/Tour/utils/index.js +15 -0
- package/es/components/Tour/utils/index.js.map +1 -0
- package/es/components/{CodeInput/variations/_view → Tour/variatoins/_size}/base.js +2 -2
- package/es/components/Tour/variatoins/_size/base.js.map +1 -0
- package/es/components/Tour/variatoins/_size/base_x642ct.css +1 -0
- package/es/components/{CodeInput/variations/_size → Tour/variatoins/_view}/base.js +2 -2
- package/es/components/Tour/variatoins/_view/base.js.map +1 -0
- package/es/components/Tour/variatoins/_view/base_x642ct.css +1 -0
- package/es/index.css +5 -15
- package/es/index.js +2 -4
- package/es/index.js.map +1 -1
- package/es/utils/constants.js +1 -7
- package/es/utils/constants.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/CodeField/CodeField.js +16 -14
- package/styled-components/cjs/components/Tour/Tour.js +233 -0
- package/styled-components/cjs/components/Tour/Tour.styles.js +27 -0
- package/styled-components/cjs/components/Tour/Tour.tokens.js +19 -0
- package/styled-components/cjs/components/Tour/index.js +31 -0
- package/styled-components/cjs/components/Tour/utils/index.js +18 -0
- package/styled-components/cjs/components/{CodeInput/variations/_disabled → Tour/variatoins/_size}/base.js +1 -2
- package/styled-components/cjs/components/Tour/variatoins/_size/tokens.json +1 -0
- package/styled-components/cjs/components/Tour/variatoins/_view/base.js +8 -0
- package/styled-components/cjs/components/Tour/variatoins/_view/tokens.json +1 -0
- package/styled-components/cjs/examples/plasma_b2c/components/CodeField/CodeField.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.config.js +22 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Tour/Tour.stories.tsx +250 -0
- package/styled-components/cjs/examples/plasma_web/components/CodeField/CodeField.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.config.js +22 -0
- package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Tour/Tour.stories.tsx +242 -0
- package/styled-components/cjs/hooks/index.js +1 -8
- package/styled-components/cjs/index.js +8 -8
- package/styled-components/cjs/utils/constants.js +2 -8
- package/styled-components/cjs/utils/index.js +0 -12
- package/styled-components/es/components/CodeField/CodeField.js +17 -16
- package/styled-components/es/components/Tour/Tour.js +226 -0
- package/styled-components/es/components/Tour/Tour.styles.js +20 -0
- package/styled-components/es/components/Tour/Tour.tokens.js +13 -0
- package/styled-components/es/components/Tour/index.js +2 -0
- package/styled-components/es/components/Tour/utils/index.js +12 -0
- package/styled-components/es/components/Tour/variatoins/_size/base.js +2 -0
- package/styled-components/es/components/Tour/variatoins/_size/tokens.json +1 -0
- package/styled-components/es/components/Tour/variatoins/_view/base.js +2 -0
- package/styled-components/es/components/Tour/variatoins/_view/tokens.json +1 -0
- package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.config.js +16 -0
- package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx +250 -0
- package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/Tour/Tour.config.js +16 -0
- package/styled-components/es/examples/plasma_web/components/Tour/Tour.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Tour/Tour.stories.tsx +242 -0
- package/styled-components/es/hooks/index.js +1 -2
- package/styled-components/es/index.js +2 -2
- package/styled-components/es/utils/constants.js +1 -7
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/CodeField/CodeField.d.ts.map +1 -1
- package/types/components/Tour/Tour.d.ts +23 -0
- package/types/components/Tour/Tour.d.ts.map +1 -0
- package/types/components/Tour/Tour.styles.d.ts +9 -0
- package/types/components/Tour/Tour.styles.d.ts.map +1 -0
- package/types/components/Tour/Tour.tokens.d.ts +14 -0
- package/types/components/Tour/Tour.tokens.d.ts.map +1 -0
- package/types/components/Tour/Tour.types.d.ts +78 -0
- package/types/components/Tour/Tour.types.d.ts.map +1 -0
- package/types/components/Tour/index.d.ts +4 -0
- package/types/components/Tour/index.d.ts.map +1 -0
- package/types/components/Tour/utils/index.d.ts +2 -0
- package/types/components/Tour/utils/index.d.ts.map +1 -0
- package/types/components/Tour/variatoins/_size/base.d.ts.map +1 -0
- package/types/components/Tour/variatoins/_view/base.d.ts.map +1 -0
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/types/utils/constants.d.ts +0 -6
- package/types/utils/constants.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/CodeInput/CodeInput.css +0 -14
- package/cjs/components/CodeInput/CodeInput.js +0 -299
- package/cjs/components/CodeInput/CodeInput.js.map +0 -1
- package/cjs/components/CodeInput/CodeInput.styles.js +0 -78
- package/cjs/components/CodeInput/CodeInput.styles.js.map +0 -1
- package/cjs/components/CodeInput/CodeInput.styles_3w98lu.css +0 -8
- package/cjs/components/CodeInput/CodeInput.tokens.js +0 -72
- package/cjs/components/CodeInput/CodeInput.tokens.js.map +0 -1
- package/cjs/components/CodeInput/utils/handleCodeError.js +0 -55
- package/cjs/components/CodeInput/utils/handleCodeError.js.map +0 -1
- package/cjs/components/CodeInput/utils/handleItemError.js +0 -42
- package/cjs/components/CodeInput/utils/handleItemError.js.map +0 -1
- package/cjs/components/CodeInput/variations/_disabled/base.js.map +0 -1
- package/cjs/components/CodeInput/variations/_disabled/base_vkh53h.css +0 -1
- package/cjs/components/CodeInput/variations/_size/base.js.map +0 -1
- package/cjs/components/CodeInput/variations/_size/base_h42a8b.css +0 -1
- package/cjs/components/CodeInput/variations/_view/base.js +0 -9
- package/cjs/components/CodeInput/variations/_view/base.js.map +0 -1
- package/cjs/components/CodeInput/variations/_view/base_17gj0wr.css +0 -1
- package/cjs/hooks/useCodeHook.js +0 -34
- package/cjs/hooks/useCodeHook.js.map +0 -1
- package/cjs/utils/initialValuesHelper.js +0 -33
- package/cjs/utils/initialValuesHelper.js.map +0 -1
- package/emotion/cjs/components/CodeInput/CodeInput.js +0 -307
- package/emotion/cjs/components/CodeInput/CodeInput.styles.js +0 -76
- package/emotion/cjs/components/CodeInput/CodeInput.tokens.js +0 -76
- package/emotion/cjs/components/CodeInput/index.js +0 -31
- package/emotion/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
- package/emotion/cjs/components/CodeInput/utils/handleItemError.js +0 -40
- package/emotion/cjs/components/CodeInput/utils/index.js +0 -38
- package/emotion/cjs/components/CodeInput/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/emotion/cjs/components/CodeInput/variations/_size/base.js +0 -25
- package/emotion/cjs/components/CodeInput/variations/_size/tokens.json +0 -19
- package/emotion/cjs/components/CodeInput/variations/_view/base.js +0 -16
- package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -27
- package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -27
- package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/emotion/cjs/hooks/useCodeHook.js +0 -32
- package/emotion/cjs/utils/initialValuesHelper.js +0 -30
- package/emotion/es/components/CodeInput/CodeInput.js +0 -299
- package/emotion/es/components/CodeInput/CodeInput.styles.js +0 -69
- package/emotion/es/components/CodeInput/CodeInput.tokens.js +0 -70
- package/emotion/es/components/CodeInput/index.js +0 -2
- package/emotion/es/components/CodeInput/utils/handleCodeError.js +0 -52
- package/emotion/es/components/CodeInput/utils/handleItemError.js +0 -34
- package/emotion/es/components/CodeInput/utils/index.js +0 -3
- package/emotion/es/components/CodeInput/variations/_disabled/base.js +0 -3
- package/emotion/es/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/emotion/es/components/CodeInput/variations/_size/base.js +0 -19
- package/emotion/es/components/CodeInput/variations/_size/tokens.json +0 -19
- package/emotion/es/components/CodeInput/variations/_view/base.js +0 -10
- package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -21
- package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -21
- package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.js +0 -5
- package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/emotion/es/hooks/useCodeHook.js +0 -26
- package/emotion/es/utils/initialValuesHelper.js +0 -24
- package/es/components/CodeInput/CodeInput.css +0 -14
- package/es/components/CodeInput/CodeInput.js +0 -289
- package/es/components/CodeInput/CodeInput.js.map +0 -1
- package/es/components/CodeInput/CodeInput.styles.js +0 -67
- package/es/components/CodeInput/CodeInput.styles.js.map +0 -1
- package/es/components/CodeInput/CodeInput.styles_3w98lu.css +0 -8
- package/es/components/CodeInput/CodeInput.tokens.js +0 -67
- package/es/components/CodeInput/CodeInput.tokens.js.map +0 -1
- package/es/components/CodeInput/utils/handleCodeError.js +0 -51
- package/es/components/CodeInput/utils/handleCodeError.js.map +0 -1
- package/es/components/CodeInput/utils/handleItemError.js +0 -38
- package/es/components/CodeInput/utils/handleItemError.js.map +0 -1
- package/es/components/CodeInput/variations/_disabled/base.js +0 -5
- package/es/components/CodeInput/variations/_disabled/base.js.map +0 -1
- package/es/components/CodeInput/variations/_disabled/base_vkh53h.css +0 -1
- package/es/components/CodeInput/variations/_size/base.js.map +0 -1
- package/es/components/CodeInput/variations/_size/base_h42a8b.css +0 -1
- package/es/components/CodeInput/variations/_view/base.js.map +0 -1
- package/es/components/CodeInput/variations/_view/base_17gj0wr.css +0 -1
- package/es/hooks/useCodeHook.js +0 -30
- package/es/hooks/useCodeHook.js.map +0 -1
- package/es/utils/initialValuesHelper.js +0 -27
- package/es/utils/initialValuesHelper.js.map +0 -1
- package/styled-components/cjs/components/CodeInput/CodeInput.js +0 -307
- package/styled-components/cjs/components/CodeInput/CodeInput.styles.js +0 -47
- package/styled-components/cjs/components/CodeInput/CodeInput.tokens.js +0 -76
- package/styled-components/cjs/components/CodeInput/index.js +0 -31
- package/styled-components/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
- package/styled-components/cjs/components/CodeInput/utils/handleItemError.js +0 -40
- package/styled-components/cjs/components/CodeInput/utils/index.js +0 -38
- package/styled-components/cjs/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/CodeInput/variations/_size/base.js +0 -25
- package/styled-components/cjs/components/CodeInput/variations/_size/tokens.json +0 -19
- package/styled-components/cjs/components/CodeInput/variations/_view/base.js +0 -16
- package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -27
- package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -27
- package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/styled-components/cjs/hooks/useCodeHook.js +0 -32
- package/styled-components/cjs/utils/initialValuesHelper.js +0 -30
- package/styled-components/es/components/CodeInput/CodeInput.js +0 -299
- package/styled-components/es/components/CodeInput/CodeInput.styles.js +0 -39
- package/styled-components/es/components/CodeInput/CodeInput.tokens.js +0 -70
- package/styled-components/es/components/CodeInput/index.js +0 -2
- package/styled-components/es/components/CodeInput/utils/handleCodeError.js +0 -52
- package/styled-components/es/components/CodeInput/utils/handleItemError.js +0 -34
- package/styled-components/es/components/CodeInput/utils/index.js +0 -3
- package/styled-components/es/components/CodeInput/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/CodeInput/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/CodeInput/variations/_size/base.js +0 -19
- package/styled-components/es/components/CodeInput/variations/_size/tokens.json +0 -19
- package/styled-components/es/components/CodeInput/variations/_view/base.js +0 -10
- package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +0 -21
- package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +0 -21
- package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.js +0 -5
- package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.stories.tsx +0 -100
- package/styled-components/es/hooks/useCodeHook.js +0 -26
- package/styled-components/es/utils/initialValuesHelper.js +0 -24
- package/types/components/CodeInput/CodeInput.d.ts +0 -65
- package/types/components/CodeInput/CodeInput.d.ts.map +0 -1
- package/types/components/CodeInput/CodeInput.styles.d.ts +0 -16
- package/types/components/CodeInput/CodeInput.styles.d.ts.map +0 -1
- package/types/components/CodeInput/CodeInput.tokens.d.ts +0 -72
- package/types/components/CodeInput/CodeInput.tokens.d.ts.map +0 -1
- package/types/components/CodeInput/CodeInput.types.d.ts +0 -92
- package/types/components/CodeInput/CodeInput.types.d.ts.map +0 -1
- package/types/components/CodeInput/index.d.ts +0 -3
- package/types/components/CodeInput/index.d.ts.map +0 -1
- package/types/components/CodeInput/utils/handleCodeError.d.ts +0 -15
- package/types/components/CodeInput/utils/handleCodeError.d.ts.map +0 -1
- package/types/components/CodeInput/utils/handleItemError.d.ts +0 -14
- package/types/components/CodeInput/utils/handleItemError.d.ts.map +0 -1
- package/types/components/CodeInput/utils/index.d.ts +0 -4
- package/types/components/CodeInput/utils/index.d.ts.map +0 -1
- package/types/components/CodeInput/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/CodeInput/variations/_size/base.d.ts.map +0 -1
- package/types/components/CodeInput/variations/_view/base.d.ts +0 -2
- package/types/components/CodeInput/variations/_view/base.d.ts.map +0 -1
- package/types/hooks/useCodeHook.d.ts +0 -13
- package/types/hooks/useCodeHook.d.ts.map +0 -1
- package/types/utils/initialValuesHelper.d.ts +0 -4
- package/types/utils/initialValuesHelper.d.ts.map +0 -1
- /package/emotion/cjs/components/{CodeInput/CodeInput.types.js → Tour/Tour.types.js} +0 -0
- /package/emotion/cjs/components/{CodeInput/variations/_view → Tour/variatoins/_size}/tokens.json +0 -0
- /package/emotion/{es/components/CodeInput/variations → cjs/components/Tour/variatoins}/_view/tokens.json +0 -0
- /package/emotion/es/components/{CodeInput/CodeInput.types.js → Tour/Tour.types.js} +0 -0
- /package/{styled-components/cjs/components/CodeInput/variations/_view → emotion/es/components/Tour/variatoins/_size}/tokens.json +0 -0
- /package/{styled-components/es/components/CodeInput/variations → emotion/es/components/Tour/variatoins}/_view/tokens.json +0 -0
- /package/styled-components/cjs/components/{CodeInput/CodeInput.types.js → Tour/Tour.types.js} +0 -0
- /package/styled-components/es/components/{CodeInput/CodeInput.types.js → Tour/Tour.types.js} +0 -0
- /package/types/components/{CodeInput/variations/_disabled → Tour/variatoins/_size}/base.d.ts +0 -0
- /package/types/components/{CodeInput/variations/_size → Tour/variatoins/_view}/base.d.ts +0 -0
@@ -0,0 +1,215 @@
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React, { forwardRef, useState, useRef, useMemo, useEffect, useCallback } from 'react';
|
3
|
+
import { createPortal } from 'react-dom';
|
4
|
+
import { offset, flip, shift, useFloating, autoUpdate } from '@floating-ui/react-dom';
|
5
|
+
import { getHTMLElement } 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", "shift", "offset", "highlightOffset", "className"];
|
14
|
+
var TOUR_PORTAL_ID = 'plasma-tour-portal';
|
15
|
+
var tourRoot = function tourRoot(Root) {
|
16
|
+
return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
|
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 ? 9300 : _ref$zIndex,
|
30
|
+
view = _ref.view,
|
31
|
+
size = _ref.size,
|
32
|
+
_ref$shift = _ref.shift,
|
33
|
+
shiftProp = _ref$shift === void 0 ? 12 : _ref$shift,
|
34
|
+
_ref$offset = _ref.offset,
|
35
|
+
offsetProp = _ref$offset === void 0 ? 12 : _ref$offset,
|
36
|
+
_ref$highlightOffset = _ref.highlightOffset,
|
37
|
+
highlightOffset = _ref$highlightOffset === void 0 ? 4 : _ref$highlightOffset,
|
38
|
+
className = _ref.className,
|
39
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
40
|
+
var controlled = typeof current === 'number';
|
41
|
+
var controlledOpen = typeof open === 'boolean';
|
42
|
+
var _useState = useState(defaultCurrent),
|
43
|
+
_useState2 = _slicedToArray(_useState, 2),
|
44
|
+
innerCurrent = _useState2[0],
|
45
|
+
setInnerCurrent = _useState2[1];
|
46
|
+
var _useState3 = useState(defaultOpen),
|
47
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
48
|
+
innerOpen = _useState4[0],
|
49
|
+
setInnerOpen = _useState4[1];
|
50
|
+
var _useState5 = useState(null),
|
51
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
52
|
+
highlightRect = _useState6[0],
|
53
|
+
setHighlightRect = _useState6[1];
|
54
|
+
var _useState7 = useState(null),
|
55
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
56
|
+
targetElement = _useState8[0],
|
57
|
+
setTargetElement = _useState8[1];
|
58
|
+
var portalRef = useRef(null);
|
59
|
+
var floatingRef = useRef(null);
|
60
|
+
var active = controlled ? current : innerCurrent;
|
61
|
+
var isOpen = controlledOpen ? open : innerOpen;
|
62
|
+
var currentStep = steps[active];
|
63
|
+
var placement = useMemo(function () {
|
64
|
+
if (!currentStep) return 'bottom';
|
65
|
+
if (Array.isArray(currentStep.placement)) {
|
66
|
+
return currentStep.placement[0] || 'bottom';
|
67
|
+
}
|
68
|
+
return currentStep.placement || 'bottom';
|
69
|
+
}, [currentStep]);
|
70
|
+
var middleware = useMemo(function () {
|
71
|
+
return [offset(offsetProp), flip({
|
72
|
+
fallbackPlacements: Array.isArray(currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement) ? currentStep.placement : undefined
|
73
|
+
}), shift({
|
74
|
+
padding: shiftProp
|
75
|
+
})];
|
76
|
+
}, [currentStep === null || currentStep === void 0 ? void 0 : currentStep.placement]);
|
77
|
+
var _useFloating = useFloating({
|
78
|
+
placement: placement,
|
79
|
+
middleware: middleware,
|
80
|
+
whileElementsMounted: autoUpdate
|
81
|
+
}),
|
82
|
+
refs = _useFloating.refs,
|
83
|
+
floatingStyles = _useFloating.floatingStyles,
|
84
|
+
calculatedPlacement = _useFloating.placement;
|
85
|
+
useEffect(function () {
|
86
|
+
refs.setReference(targetElement);
|
87
|
+
}, [refs, targetElement]);
|
88
|
+
var setOpen = useCallback(function (val) {
|
89
|
+
if (!controlledOpen) {
|
90
|
+
setInnerOpen(val);
|
91
|
+
}
|
92
|
+
if (!val) {
|
93
|
+
onClose === null || onClose === void 0 || onClose();
|
94
|
+
setInnerCurrent(0);
|
95
|
+
setHighlightRect(null);
|
96
|
+
setTargetElement(null);
|
97
|
+
}
|
98
|
+
}, [controlledOpen, onClose]);
|
99
|
+
var handleClose = function handleClose() {
|
100
|
+
return setOpen(false);
|
101
|
+
};
|
102
|
+
var updateHighlight = useCallback(function () {
|
103
|
+
if (!isOpen || !currentStep) return;
|
104
|
+
var element = getHTMLElement(currentStep.target);
|
105
|
+
if (element) {
|
106
|
+
var rect = element.getBoundingClientRect();
|
107
|
+
setHighlightRect(rect);
|
108
|
+
setTargetElement(element);
|
109
|
+
} else {
|
110
|
+
setHighlightRect(null);
|
111
|
+
setTargetElement(null);
|
112
|
+
}
|
113
|
+
}, [isOpen, currentStep]);
|
114
|
+
useEffect(function () {
|
115
|
+
if (!canUseDOM) return; // No setup needed
|
116
|
+
|
117
|
+
var portal = document.getElementById(TOUR_PORTAL_ID);
|
118
|
+
if (!portal) {
|
119
|
+
portal = document.createElement('div');
|
120
|
+
portal.setAttribute('id', TOUR_PORTAL_ID);
|
121
|
+
document.body.appendChild(portal);
|
122
|
+
}
|
123
|
+
portalRef.current = portal;
|
124
|
+
return function () {
|
125
|
+
if (portal && portal.childNodes.length === 0) {
|
126
|
+
portal.remove();
|
127
|
+
}
|
128
|
+
};
|
129
|
+
}, []);
|
130
|
+
useEffect(function () {
|
131
|
+
updateHighlight();
|
132
|
+
var handleUpdate = function handleUpdate() {
|
133
|
+
updateHighlight();
|
134
|
+
};
|
135
|
+
window.addEventListener('resize', handleUpdate);
|
136
|
+
window.addEventListener('scroll', handleUpdate, true);
|
137
|
+
return function () {
|
138
|
+
window.removeEventListener('resize', handleUpdate);
|
139
|
+
window.removeEventListener('scroll', handleUpdate, true);
|
140
|
+
};
|
141
|
+
}, [updateHighlight]);
|
142
|
+
useEffect(function () {
|
143
|
+
if (!isOpen || !currentStep || !targetElement) return;
|
144
|
+
targetElement.scrollIntoView({
|
145
|
+
block: 'center',
|
146
|
+
inline: 'center',
|
147
|
+
behavior: 'smooth'
|
148
|
+
});
|
149
|
+
}, [isOpen, active, currentStep, 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]);
|
163
|
+
if (!currentStep || !canUseDOM || !portalRef.current) return null;
|
164
|
+
var tourContent = /*#__PURE__*/React.createElement(Root, _extends({
|
165
|
+
steps: steps,
|
166
|
+
ref: outerRef,
|
167
|
+
className: className,
|
168
|
+
view: view,
|
169
|
+
size: size
|
170
|
+
}, rest), isOpen && withOverlay && /*#__PURE__*/React.createElement(MaskContainer, {
|
171
|
+
className: classes.mask,
|
172
|
+
zIndex: zIndex,
|
173
|
+
"data-plasma-tour-mask": true
|
174
|
+
}, _Mask || (_Mask = /*#__PURE__*/React.createElement(Mask, null)), highlightRect && /*#__PURE__*/React.createElement(Highlight, {
|
175
|
+
overlayColor: overlayColor,
|
176
|
+
style: {
|
177
|
+
left: highlightRect.left - highlightOffset,
|
178
|
+
top: highlightRect.top - highlightOffset,
|
179
|
+
width: highlightRect.width + highlightOffset * 2,
|
180
|
+
height: highlightRect.height + highlightOffset * 2
|
181
|
+
}
|
182
|
+
})), isOpen && targetElement && /*#__PURE__*/React.createElement(TourPortal, {
|
183
|
+
ref: function ref(node) {
|
184
|
+
refs.setFloating(node);
|
185
|
+
floatingRef.current = node;
|
186
|
+
},
|
187
|
+
style: _objectSpread2(_objectSpread2({}, floatingStyles), {}, {
|
188
|
+
zIndex: Number(zIndex)
|
189
|
+
}),
|
190
|
+
"data-placement": calculatedPlacement
|
191
|
+
}, currentStep.renderItem()));
|
192
|
+
return /*#__PURE__*/createPortal(tourContent, portalRef.current);
|
193
|
+
});
|
194
|
+
};
|
195
|
+
var tourConfig = {
|
196
|
+
name: 'Tour',
|
197
|
+
tag: 'div',
|
198
|
+
layout: tourRoot,
|
199
|
+
base: '',
|
200
|
+
variations: {
|
201
|
+
view: {
|
202
|
+
css: base
|
203
|
+
},
|
204
|
+
size: {
|
205
|
+
css: base$1
|
206
|
+
}
|
207
|
+
},
|
208
|
+
defaults: {
|
209
|
+
view: 'default',
|
210
|
+
size: 'm'
|
211
|
+
}
|
212
|
+
};
|
213
|
+
|
214
|
+
export { tourConfig, tourRoot };
|
215
|
+
//# sourceMappingURL=Tour.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Tour.js","sources":["../../../src/components/Tour/Tour.tsx"],"sourcesContent":["// Tour.tsx\nimport React, { forwardRef, useCallback, useEffect, useState, useRef, useMemo } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useFloating, offset, flip, shift, autoUpdate } from '@floating-ui/react-dom';\n\nimport { RootProps } from '../../engines';\nimport { canUseDOM } from '../../utils';\n\nimport { getHTMLElement } 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\nconst TOUR_PORTAL_ID = 'plasma-tour-portal';\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 = 9300,\n view,\n size,\n shift: shiftProp = 12,\n offset: offsetProp = 12,\n highlightOffset = 4,\n className,\n ...rest\n },\n outerRef,\n ) => {\n const controlled = typeof current === 'number';\n const controlledOpen = 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 [targetElement, setTargetElement] = useState<HTMLElement | null>(null);\n\n const portalRef = useRef<HTMLElement | null>(null);\n const floatingRef = useRef<HTMLDivElement | null>(null);\n\n const active = controlled ? (current as number) : innerCurrent;\n const isOpen = controlledOpen ? (open as boolean) : innerOpen;\n\n const currentStep = steps[active];\n\n const placement = useMemo(() => {\n if (!currentStep) return 'bottom';\n\n if (Array.isArray(currentStep.placement)) {\n return currentStep.placement[0] || 'bottom';\n }\n\n return currentStep.placement || 'bottom';\n }, [currentStep]);\n\n const middleware = useMemo(\n () => [\n offset(offsetProp),\n flip({\n fallbackPlacements: Array.isArray(currentStep?.placement) ? currentStep.placement : undefined,\n }),\n shift({ padding: shiftProp }),\n ],\n [currentStep?.placement],\n );\n\n const { refs, floatingStyles, placement: calculatedPlacement } = useFloating({\n placement,\n middleware,\n whileElementsMounted: autoUpdate,\n });\n\n useEffect(() => {\n refs.setReference(targetElement);\n }, [refs, targetElement]);\n\n const setOpen = useCallback(\n (val: boolean) => {\n if (!controlledOpen) {\n setInnerOpen(val);\n }\n if (!val) {\n onClose?.();\n setInnerCurrent(0);\n setHighlightRect(null);\n setTargetElement(null);\n }\n },\n [controlledOpen, onClose],\n );\n\n const handleClose = () => setOpen(false);\n\n const updateHighlight = useCallback(() => {\n if (!isOpen || !currentStep) return;\n\n const element = getHTMLElement(currentStep.target as any);\n if (element) {\n const rect = element.getBoundingClientRect();\n setHighlightRect(rect);\n setTargetElement(element);\n } else {\n setHighlightRect(null);\n setTargetElement(null);\n }\n }, [isOpen, currentStep]);\n\n useEffect(() => {\n if (!canUseDOM) return; // No setup needed\n\n let portal = document.getElementById(TOUR_PORTAL_ID);\n\n if (!portal) {\n portal = document.createElement('div');\n portal.setAttribute('id', TOUR_PORTAL_ID);\n document.body.appendChild(portal);\n }\n\n portalRef.current = portal;\n\n return () => {\n if (portal && portal.childNodes.length === 0) {\n portal.remove();\n }\n };\n }, []);\n\n useEffect(() => {\n updateHighlight();\n\n const handleUpdate = () => {\n updateHighlight();\n };\n\n window.addEventListener('resize', handleUpdate);\n window.addEventListener('scroll', handleUpdate, true);\n\n return () => {\n window.removeEventListener('resize', handleUpdate);\n window.removeEventListener('scroll', handleUpdate, true);\n };\n }, [updateHighlight]);\n\n useEffect(() => {\n if (!isOpen || !currentStep || !targetElement) return;\n\n targetElement.scrollIntoView({\n block: 'center',\n inline: 'center',\n behavior: 'smooth',\n });\n }, [isOpen, active, currentStep, 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]);\n\n if (!currentStep || !canUseDOM || !portalRef.current) return null;\n\n const tourContent = (\n <Root steps={steps} ref={outerRef} className={className} view={view} size={size} {...rest}>\n {isOpen && withOverlay && (\n <MaskContainer className={classes.mask} zIndex={zIndex} data-plasma-tour-mask>\n <Mask />\n {highlightRect && (\n <Highlight\n overlayColor={overlayColor}\n style={{\n left: highlightRect.left - highlightOffset,\n top: highlightRect.top - highlightOffset,\n width: highlightRect.width + highlightOffset * 2,\n height: highlightRect.height + highlightOffset * 2,\n }}\n />\n )}\n </MaskContainer>\n )}\n\n {isOpen && targetElement && (\n <TourPortal\n ref={(node) => {\n refs.setFloating(node);\n floatingRef.current = node;\n }}\n style={{\n ...floatingStyles,\n zIndex: Number(zIndex),\n }}\n data-placement={calculatedPlacement}\n >\n {currentStep.renderItem()}\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":["TOUR_PORTAL_ID","tourRoot","Root","forwardRef","_ref","outerRef","steps","current","_ref$defaultCurrent","defaultCurrent","open","_ref$defaultOpen","defaultOpen","onClose","_ref$withOverlay","withOverlay","overlayColor","_ref$zIndex","zIndex","view","size","_ref$shift","shift","shiftProp","_ref$offset","offset","offsetProp","_ref$highlightOffset","highlightOffset","className","rest","_objectWithoutProperties","_excluded","controlled","controlledOpen","_useState","useState","_useState2","_slicedToArray","innerCurrent","setInnerCurrent","_useState3","_useState4","innerOpen","setInnerOpen","_useState5","_useState6","highlightRect","setHighlightRect","_useState7","_useState8","targetElement","setTargetElement","portalRef","useRef","floatingRef","active","isOpen","currentStep","placement","useMemo","Array","isArray","middleware","flip","fallbackPlacements","undefined","padding","_useFloating","useFloating","whileElementsMounted","autoUpdate","refs","floatingStyles","calculatedPlacement","useEffect","setReference","setOpen","useCallback","val","handleClose","updateHighlight","element","getHTMLElement","target","rect","getBoundingClientRect","canUseDOM","portal","document","getElementById","createElement","setAttribute","body","appendChild","childNodes","length","remove","handleUpdate","window","addEventListener","removeEventListener","scrollIntoView","block","inline","behavior","handleKeyDown","e","key","tourContent","React","_extends","ref","MaskContainer","classes","mask","_Mask","Mask","Highlight","style","left","top","width","height","TourPortal","node","setFloating","_objectSpread","Number","renderItem","createPortal","tourConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
@@ -0,0 +1,44 @@
|
|
1
|
+
import './Tour.styles_1ks2isn.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;
|
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 Highlight = /*#__PURE__*/styled('div')({
|
30
|
+
name: "Highlight",
|
31
|
+
"class": "hz4trqu",
|
32
|
+
propsAsIs: false,
|
33
|
+
vars: {
|
34
|
+
"hz4trqu-0": [/*#__PURE__*/_exp2()]
|
35
|
+
}
|
36
|
+
});
|
37
|
+
var TourPortal = /*#__PURE__*/styled('div')({
|
38
|
+
name: "TourPortal",
|
39
|
+
"class": "tjgv9oe",
|
40
|
+
propsAsIs: false
|
41
|
+
});
|
42
|
+
|
43
|
+
export { Highlight, Mask, MaskContainer, TourPortal };
|
44
|
+
//# 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';\n\nimport { tokens } from './Tour.tokens';\n\nexport const MaskContainer = styled.div<{ zIndex: string | number }>`\n z-index: ${({ zIndex }) => zIndex};\n`;\n\nexport const Mask = styled.div`\n position: fixed;\n inset: 0;\n pointer-events: all;\n`;\n\nexport const Highlight = styled.div<{ overlayColor?: string }>`\n --private-mask-color: ${({ overlayColor }) => `${overlayColor || 'rgba(0, 0, 0, 0.45)'}`};\n position: fixed;\n background: transparent;\n border-radius: var(${tokens.highlightRadius}, 0.5rem);\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","Highlight","TourPortal"],"mappings":";;AAAwC,IAAAA,IAAA,GACtBA,SADsBA,IAAAA,GAAA;AAAA,EAAA,OAKzB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAD9B,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,IAAsB,EAAA,CAAA;AAAA,GAAA;AAAA,CACpC,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,GAXgBA,SAWhBA,KAAAA,GAAA;AAAA,EAAA,OAG0B,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;AADrF,IAAMC,SAAS,gBAAGT,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,cACHE,KAAgE,EAAA,CAAA;AAAA,GAAA;AAAA,CAO3F,EAAA;AAEM,IAAMI,UAAU,gBAAGV,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(--plasma-tour-highlight-radius,0.5rem);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,15 @@
|
|
1
|
+
var getHTMLElement = function getHTMLElement(target) {
|
2
|
+
if (!target) {
|
3
|
+
return null;
|
4
|
+
}
|
5
|
+
if (typeof target === 'string') {
|
6
|
+
return document.querySelector(target);
|
7
|
+
}
|
8
|
+
if ('current' in target) {
|
9
|
+
return target.current;
|
10
|
+
}
|
11
|
+
return target;
|
12
|
+
};
|
13
|
+
|
14
|
+
export { getHTMLElement };
|
15
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Tour/utils/index.ts"],"sourcesContent":["export const getHTMLElement = (target: string | React.RefObject<HTMLElement> | HTMLElement): HTMLElement | null => {\n if (!target) {\n return null;\n }\n if (typeof target === 'string') {\n return document.querySelector<HTMLElement>(target);\n }\n if ('current' in target) {\n return target.current;\n }\n return target;\n};\n"],"names":["getHTMLElement","target","document","querySelector","current"],"mappings":"IAAaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,MAA2D,EAAyB;EAC/G,IAAI,CAACA,MAAM,EAAE;AACT,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AACA,EAAA,IAAI,OAAOA,MAAM,KAAK,QAAQ,EAAE;AAC5B,IAAA,OAAOC,QAAQ,CAACC,aAAa,CAAcF,MAAM,CAAC,CAAA;AACtD,GAAA;EACA,IAAI,SAAS,IAAIA,MAAM,EAAE;IACrB,OAAOA,MAAM,CAACG,OAAO,CAAA;AACzB,GAAA;AACA,EAAA,OAAOH,MAAM,CAAA;AACjB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Tour/variatoins/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Tour/variatoins/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
|
package/es/index.css
CHANGED
@@ -1008,21 +1008,6 @@
|
|
1008
1008
|
.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{width:var(--d1mcs0w2-0);height:0.375rem;border-radius:1rem;background:var(--d1mcs0w2-1);-webkit-transition:width 0.1s ease-in-out,background 0.3s ease-in-out;transition:width 0.1s ease-in-out,background 0.3s ease-in-out;font-size:0.5rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2 + .PaginationDot_baul9c_d1mcs0w2__b1eb09b2{margin-left:0.375rem;}.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:focus{outline:0 none;}
|
1009
1009
|
.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2{cursor:pointer;background:var(--poypaki-0);}.PaginationDot_baul9c_poypaki__b1eb09b2.PaginationDot_baul9c_d1mcs0w2__b1eb09b2:hover{background:var(--text-accent);}
|
1010
1010
|
|
1011
|
-
.CodeInput_styles_3w98lu_b1y2r9rw__c05da402{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeInput_styles_3w98lu_b1y2r9rw__c05da402.CodeInput_styles_3w98lu_codeinputCaptionAlignLeft__c05da402{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
|
1012
|
-
.CodeInput_styles_3w98lu_c1fux591__c05da402{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
1013
|
-
.CodeInput_styles_3w98lu_cuja080__c05da402{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
1014
|
-
.CodeInput_styles_3w98lu_s175xqem__c05da402{width:var(--plasma-codeinput-separator-width);}
|
1015
|
-
.CodeInput_styles_3w98lu_i16menav__c05da402{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;caret-color:transparent;caret:none;opacity:var(--i16menav-0);}
|
1016
|
-
.CodeInput_styles_3w98lu_iuawgdb__c05da402{position:relative;}
|
1017
|
-
.CodeInput_styles_3w98lu_i1tn2nm3__c05da402{position:absolute;top:calc(50% - calc(var(--plasma-codeinput-item-circle-size) / 2));left:calc(50% - calc(var(--plasma-codeinput-item-circle-size) / 2));width:var(--plasma-codeinput-item-circle-size);height:var(--plasma-codeinput-item-circle-size);box-sizing:border-box;border-radius:100%;background-color:'transparent';}
|
1018
|
-
.CodeInput_styles_3w98lu_c19x1gm7__c05da402{text-align:var(--c19x1gm7-0);-webkit-align-self:var(--c19x1gm7-0);-ms-flex-item-align:var(--c19x1gm7-0);align-self:var(--c19x1gm7-0);width:var(--c19x1gm7-1);white-space:pre-line;}
|
1019
|
-
|
1020
|
-
.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_c19x1gm7__67ad6f7c{color:var(--plasma-codeinput-caption-color);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_c19x1gm7__67ad6f7c.base_17gj0wr_codeinputCaptionError__67ad6f7c{color:var(--plasma-codeinput-caption-color-error);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i16menav__67ad6f7c{color:var(--plasma-codeinput-code-color);background-color:var(--plasma-codeinput-background-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c{border:var(--plasma-codeinput-item-circle-border-width) solid var(--plasma-codeinput-code-color);background-color:'transparent';}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c.base_17gj0wr_codeinputItemCircleFilled__67ad6f7c{background-color:var(--plasma-codeinput-code-color);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c.base_17gj0wr_codeinputItemCircleErrorAnimation__67ad6f7c{-webkit-animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c.base_17gj0wr_codeinputItemCircleError__67ad6f7c{background-color:var(--plasma-codeinput-code-color-error);border:var(--plasma-codeinput-item-circle-border-width) solid var(--plasma-codeinput-code-color-error);}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c:focus-visible{outline:none;}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c[data-focus-visible-added]{position:relative;border:none;position:absolute;}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c[data-focus-visible-added]::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:1rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c[data-focus-visible-added].base_17gj0wr_focusVisible__67ad6f7c:focus::before,.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c[data-focus-visible-added][data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-codeinput-border-color-focus);}.base_17gj0wr_bxs6mj3__67ad6f7c:hover .base_17gj0wr_codeinputItemHoverEnabled__67ad6f7c{background-color:var(--plasma-codeinput-background-color-hover);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color-hover);}.base_17gj0wr_bxs6mj3__67ad6f7c:focus-within .base_17gj0wr_i16menav__67ad6f7c:focus-within{box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-color-focus);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeErrorAnimation__67ad6f7c{-webkit-animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c .base_17gj0wr_i16menav__67ad6f7c{color:var(--plasma-codeinput-code-color-error);background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c{border:var(--plasma-codeinput-item-circle-border-width) solid var(--plasma-codeinput-code-color-error);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c .base_17gj0wr_i1tn2nm3__67ad6f7c.base_17gj0wr_codeinputItemCircleFilled__67ad6f7c{background-color:var(--plasma-codeinput-code-color-error);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c:focus-within .base_17gj0wr_i16menav__67ad6f7c{background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputCodeError__67ad6f7c.base_17gj0wr_codeinputCodeErrorFade__67ad6f7c .base_17gj0wr_i16menav__67ad6f7c{-webkit-animation:base_17gj0wr_fadeErrorBxs6mj3__67ad6f7c 0.3s forwards;animation:base_17gj0wr_fadeErrorBxs6mj3__67ad6f7c 0.3s forwards;}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemErrorAnimation__67ad6f7c{-webkit-animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards;}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemError__67ad6f7c,.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemError__67ad6f7c:focus-within{color:var(--plasma-codeinput-code-color-error);background-color:var(--plasma-codeinput-background-error-color);box-shadow:inset 0 0 0 var(--plasma-codeinput-border-width) var(--plasma-codeinput-border-error-color);}.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemError__67ad6f7c.base_17gj0wr_codeinputCodeErrorFade__67ad6f7c,.base_17gj0wr_bxs6mj3__67ad6f7c.base_17gj0wr_bxs6mj3__67ad6f7c .base_17gj0wr_codeinputItemError__67ad6f7c:focus-within.base_17gj0wr_codeinputCodeErrorFade__67ad6f7c{-webkit-animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards :local(fadeError-bxs6mj3) 0.3s :local(forwards);animation:base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c 0.3s forwards :local(fadeError-bxs6mj3) 0.3s :local(forwards);}@-webkit-keyframes base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@keyframes base_17gj0wr_shakingErrorBxs6mj3__67ad6f7c{14%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}28%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}42%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}57%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}71%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}85%{-webkit-transform:translateX(0.125rem);-ms-transform:translateX(0.125rem);transform:translateX(0.125rem);}100%{-webkit-transform:translateX(-0.125rem);-ms-transform:translateX(-0.125rem);transform:translateX(-0.125rem);}}@-webkit-keyframes base_17gj0wr_fadeErrorBxs6mj3__67ad6f7c{50%{color:var(--plasma-codeinput-code-color-error);}100%{color:transparent;}}@keyframes base_17gj0wr_fadeErrorBxs6mj3__67ad6f7c{50%{color:var(--plasma-codeinput-code-color-error);}100%{color:transparent;}}
|
1021
|
-
|
1022
|
-
.base_h42a8b_bbkzv6b__8ce3510f{gap:var(--plasma-codeinput-caption-gap);}@media (min-width:0){.base_h42a8b_bbkzv6b__8ce3510f{--private-codeinput-font-size:var(--plasma-codeinput-small-font-size);--private-codeinput-line-height:var(--plasma-codeinput-item-small-height);--private-codeinput-item-width:var(--plasma-codeinput-item-small-width);--private-codeinput-item-hieght:var(--plasma-codeinput-small-line-height);}}@media (min-width:35rem){.base_h42a8b_bbkzv6b__8ce3510f{--private-codeinput-font-size:var(--plasma-codeinput-medium-font-size);--private-codeinput-line-height:var(--plasma-codeinput-item-medium-height);--private-codeinput-item-width:var(--plasma-codeinput-item-medium-width);--private-codeinput-item-hieght:var(--plasma-codeinput-medium-line-height);}}@media (min-width:60rem){.base_h42a8b_bbkzv6b__8ce3510f{--private-codeinput-font-size:var(--plasma-codeinput-large-font-size);--private-codeinput-line-height:var(--plasma-codeinput-item-large-height);--private-codeinput-item-width:var(--plasma-codeinput-item-large-width);--private-codeinput-item-hieght:var(--plasma-codeinput-large-line-height);}}.base_h42a8b_bbkzv6b__8ce3510f .base_h42a8b_c1fux591__8ce3510f,.base_h42a8b_bbkzv6b__8ce3510f .base_h42a8b_cuja080__8ce3510f{gap:var(--plasma-codeinput-code-item-gap);}.base_h42a8b_bbkzv6b__8ce3510f .base_h42a8b_i16menav__8ce3510f{font-size:var(--private-codeinput-font-size);font-family:var(--plasma-codeinput-font-family);font-style:var(--plasma-codeinput-font-style);font-weight:var(--plasma-codeinput-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-letter-spacing);letter-spacing:var(--plasma-codeinput-letter-spacing);line-height:var(--private-codeinput-line-height);width:var(--private-codeinput-item-width);height:var(--private-codeinput-item-hieght);}.base_h42a8b_bbkzv6b__8ce3510f .base_h42a8b_c19x1gm7__8ce3510f{font-family:var(--plasma-codeinput-caption-font-family);font-size:var(--plasma-codeinput-caption-font-style);font-style:var(--plasma-codeinput-caption-font-size);font-weight:var(--plasma-codeinput-caption-font-weight);-webkit-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-moz-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);-ms-letter-spacing:var(--plasma-codeinput-caption-letter-spacing);letter-spacing:var(--plasma-codeinput-caption-letter-spacing);line-height:var(--plasma-codeinput-caption-line-height);}
|
1023
|
-
|
1024
|
-
.base_vkh53h_b1vzcfqx__e0f9eeea.base_vkh53h_b1vzcfqx__e0f9eeea[disabled]{opacity:var(--plasma-codeinput-disabled-opacity);cursor:not-allowed;}.base_vkh53h_b1vzcfqx__e0f9eeea.base_vkh53h_b1vzcfqx__e0f9eeea[disabled] > *{pointer-events:none;}
|
1025
|
-
|
1026
1011
|
.CodeField_styles_7zxgpc_b1xx9skx__84a479ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:-webkit-min-content;width:-moz-min-content;width:min-content;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.CodeField_styles_7zxgpc_b1xx9skx__84a479ac.CodeField_styles_7zxgpc_codefieldCaptionAlignLeft__84a479ac{-webkit-align-items:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;}
|
1027
1012
|
.CodeField_styles_7zxgpc_c1wzspax__84a479ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
1028
1013
|
.CodeField_styles_7zxgpc_c7swj1z__84a479ac{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
|
@@ -1037,3 +1022,8 @@
|
|
1037
1022
|
.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc{border-radius:var(--plasma-codefield-code-item-border-radius);}.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc.base_1scsyya_codefieldShapeSegmented__a3446bcc{border-radius:var(--plasma-codefield-code-item-border-radius-segmented);}.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc.base_1scsyya_codefieldShapeSegmented__a3446bcc:first-child{border-top-left-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);border-bottom-left-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);}.base_1scsyya_b103qcna__a3446bcc .base_1scsyya_ig5h1kg__a3446bcc.base_1scsyya_codefieldShapeSegmented__a3446bcc:last-child{border-top-right-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);border-bottom-right-radius:var(--plasma-codefield-code-item-segmented-side-border-radius);}
|
1038
1023
|
|
1039
1024
|
.base_obsae2_b3zd5bu__e66a8428.base_obsae2_b3zd5bu__e66a8428[disabled]{opacity:var(--plasma-codefield-disabled-opacity);cursor:not-allowed;}.base_obsae2_b3zd5bu__e66a8428.base_obsae2_b3zd5bu__e66a8428[disabled] > *{pointer-events:none;}
|
1025
|
+
|
1026
|
+
.Tour_styles_1ks2isn_m1hl3azh__f7b9f098{z-index:var(--m1hl3azh-0);}
|
1027
|
+
.Tour_styles_1ks2isn_m12gu86u__f7b9f098{position:fixed;inset:0;pointer-events:all;}
|
1028
|
+
.Tour_styles_1ks2isn_hz4trqu__f7b9f098{--private-mask-color:var(--hz4trqu-0);position:fixed;background:transparent;border-radius:var(--plasma-tour-highlight-radius,0.5rem);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);}
|
1029
|
+
.Tour_styles_1ks2isn_tjgv9oe__f7b9f098{position:absolute;}
|
package/es/index.js
CHANGED
@@ -23,7 +23,6 @@ export { useDidMountEffect } from './hooks/useDidMountEffect.js';
|
|
23
23
|
export { useDidMountLayoutEffect } from './hooks/useDidMountLayoutEffect.js';
|
24
24
|
export { useOutsideClick } from './hooks/useOutsideClick.js';
|
25
25
|
export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
|
26
|
-
export { useCodeHook } from './hooks/useCodeHook.js';
|
27
26
|
export { canUseDOM } from './utils/canUseDOM.js';
|
28
27
|
export { extractTextFrom } from './utils/extractTextFrom.js';
|
29
28
|
export { getSizeValueFromProp } from './utils/getSizeValueFromProp.js';
|
@@ -37,7 +36,6 @@ export { getHeightAsNumber } from './utils/getHeightAsNumber.js';
|
|
37
36
|
export { createConditionalComponent } from './utils/createConditionalComponent.js';
|
38
37
|
export { fixedForwardRef } from './utils/fixedForwardRef.js';
|
39
38
|
export { getPlacement, getPlacements } from './utils/getPopoverPlacement.js';
|
40
|
-
export { getCodeValue, getFieldPattern, getPlaceholderValue } from './utils/initialValuesHelper.js';
|
41
39
|
import * as constants from './utils/constants.js';
|
42
40
|
export { constants };
|
43
41
|
export { buttonConfig, buttonRoot } from './components/Button/Button.js';
|
@@ -244,9 +242,9 @@ export { tokens as carouselNewTokens } from './components/Carousel/CarouselNew/C
|
|
244
242
|
export { SmartPaginationDots } from './components/PaginationDots/SmartPaginationDots.js';
|
245
243
|
export { PaginationDots } from './components/PaginationDots/PaginationDots.js';
|
246
244
|
export { PaginationDot } from './components/PaginationDots/PaginationDot.js';
|
247
|
-
export { codeInputConfig, codeInputRoot } from './components/CodeInput/CodeInput.js';
|
248
|
-
export { classes as codeInputClasses, tokens as codeInputTokens } from './components/CodeInput/CodeInput.tokens.js';
|
249
245
|
export { codeFieldConfig, codeFieldRoot } from './components/CodeField/CodeField.js';
|
250
246
|
export { classes as codeFieldClasses, tokens as codeFieldTokens } from './components/CodeField/CodeField.tokens.js';
|
251
247
|
export { ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN } from './components/CodeField/utils/constants.js';
|
248
|
+
export { tourConfig, tourRoot } from './components/Tour/Tour.js';
|
249
|
+
export { classes as tourClasses, tokens as tourTokens } from './components/Tour/Tour.tokens.js';
|
252
250
|
//# sourceMappingURL=index.js.map
|
package/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/es/utils/constants.js
CHANGED
@@ -16,12 +16,6 @@ var screenGroupBreakpoints = {
|
|
16
16
|
medium: '35rem',
|
17
17
|
large: '60rem'
|
18
18
|
};
|
19
|
-
var ONLY_DIGITS_PATTERN = '^\\d+$';
|
20
|
-
var ONLY_CHARS_PATTERN = '^[a-zA-Z]+$';
|
21
|
-
var ONLY_DIGITS_AND_CHARS_PATTERN = '^[a-zA-Z0-9]+$';
|
22
|
-
var FORBIDDEN_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete', 'Tab'];
|
23
|
-
var BACKSPACE_KEY = 'Backspace';
|
24
|
-
var ANIMATION_TIMEOUT = 300;
|
25
19
|
|
26
|
-
export {
|
20
|
+
export { keyCodes, screenGroupBreakpoints };
|
27
21
|
//# sourceMappingURL=constants.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../src/utils/constants.ts"],"sourcesContent":["export const keyCodes = {\n PageUp: 33,\n PageDown: 34,\n Home: 36,\n End: 35,\n Left: 37,\n Right: 39,\n Up: 38,\n Down: 40,\n Enter: 13,\n Space: 32,\n Escape: 27,\n};\n\nexport const screenGroupBreakpoints = {\n small: '0',\n medium: '35rem',\n large: '60rem',\n};\n
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../src/utils/constants.ts"],"sourcesContent":["export const keyCodes = {\n PageUp: 33,\n PageDown: 34,\n Home: 36,\n End: 35,\n Left: 37,\n Right: 39,\n Up: 38,\n Down: 40,\n Enter: 13,\n Space: 32,\n Escape: 27,\n};\n\nexport const screenGroupBreakpoints = {\n small: '0',\n medium: '35rem',\n large: '60rem',\n};\n"],"names":["keyCodes","PageUp","PageDown","Home","End","Left","Right","Up","Down","Enter","Space","Escape","screenGroupBreakpoints","small","medium","large"],"mappings":"AAAO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,QAAQ,EAAE,EAAE;AACZC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,GAAG,EAAE,EAAE;AACPC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,EAAE,EAAE,EAAE;AACNC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAE,EAAA;AACZ,EAAC;AAEM,IAAMC,sBAAsB,GAAG;AAClCC,EAAAA,KAAK,EAAE,GAAG;AACVC,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,OAAA;AACX;;;;"}
|
package/es/utils/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n let res = '';\n for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n res += s[i] ?? '';\n res += expr[i] ?? '';\n }\n\n return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAgBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.327.0-canary.
|
3
|
+
"version": "0.327.0-canary.2010.15678347777.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -137,5 +137,5 @@
|
|
137
137
|
"sideEffects": [
|
138
138
|
"*.css"
|
139
139
|
],
|
140
|
-
"gitHead": "
|
140
|
+
"gitHead": "173e0d4ea7ea7980fd5cf1703a07b2572e196e68"
|
141
141
|
}
|
@@ -180,7 +180,6 @@ var codeFieldRoot = exports.codeFieldRoot = function codeFieldRoot(Root) {
|
|
180
180
|
};
|
181
181
|
var handlePaste = function handlePaste(event) {
|
182
182
|
var _inputRefs$current$ac;
|
183
|
-
var newCode = _toConsumableArray(code);
|
184
183
|
if (disabled) {
|
185
184
|
return;
|
186
185
|
}
|
@@ -190,27 +189,30 @@ var codeFieldRoot = exports.codeFieldRoot = function codeFieldRoot(Root) {
|
|
190
189
|
var _symb$match;
|
191
190
|
return ((_symb$match = symb.match(fieldPattern)) === null || _symb$match === void 0 ? void 0 : _symb$match[0]) || '';
|
192
191
|
}).filter(Boolean) || [] : rawData.split('')).slice(0, codeLength);
|
193
|
-
pastedData.forEach(function (element, index) {
|
194
|
-
newCode[index] = element;
|
195
|
-
});
|
196
192
|
var activeIndex = Math.min(pastedData.length, codeLength - 1);
|
197
193
|
(_inputRefs$current$ac = inputRefs.current[activeIndex]) === null || _inputRefs$current$ac === void 0 || _inputRefs$current$ac.focus();
|
198
|
-
codeSetter(
|
194
|
+
codeSetter(pastedData);
|
199
195
|
};
|
200
196
|
var handleFullCodeEnter = (0, _react.useCallback)(function (fullCode) {
|
201
197
|
if (onFullCodeEnter) {
|
202
198
|
onFullCodeEnter(fullCode);
|
203
199
|
}
|
204
200
|
}, []);
|
205
|
-
(0,
|
206
|
-
inputRefs
|
207
|
-
|
208
|
-
|
209
|
-
autoFocus
|
210
|
-
|
211
|
-
|
212
|
-
|
213
|
-
|
201
|
+
(0, _react.useEffect)(function () {
|
202
|
+
inputRefs.current = inputRefs.current.slice(0, codeLength);
|
203
|
+
}, [codeLength]);
|
204
|
+
(0, _react.useEffect)(function () {
|
205
|
+
if (autoFocus && !disabled) {
|
206
|
+
var _inputRefs$current$la;
|
207
|
+
var lastActiveIndex = getLastActiveIndex();
|
208
|
+
(_inputRefs$current$la = inputRefs.current[lastActiveIndex]) === null || _inputRefs$current$la === void 0 || _inputRefs$current$la.focus();
|
209
|
+
}
|
210
|
+
}, [autoFocus]);
|
211
|
+
(0, _hooks.useDidMountEffect)(function () {
|
212
|
+
if (handleFullCodeEnter && originalValue.length === codeLength) {
|
213
|
+
handleFullCodeEnter(originalValue);
|
214
|
+
}
|
215
|
+
}, [originalValue, handleFullCodeEnter]);
|
214
216
|
(0, _hooks.useDidMountEffect)(function () {
|
215
217
|
if (isError) {
|
216
218
|
(0, _utils2.handleCodeError)({
|