@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
@@ -1,307 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.codeInputRoot = exports.codeInputConfig = void 0;
|
8
|
-
var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
|
9
|
-
var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
|
10
|
-
var _hooks = /*#__PURE__*/require("../../hooks");
|
11
|
-
var _utils = /*#__PURE__*/require("../../utils");
|
12
|
-
var _constants = /*#__PURE__*/require("../../utils/constants");
|
13
|
-
var _utils2 = /*#__PURE__*/require("./utils");
|
14
|
-
var _CodeInput = /*#__PURE__*/require("./CodeInput.tokens");
|
15
|
-
var _CodeInput2 = /*#__PURE__*/require("./CodeInput.styles");
|
16
|
-
var _base = /*#__PURE__*/require("./variations/_view/base");
|
17
|
-
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
18
|
-
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
19
|
-
var _Separator;
|
20
|
-
var _excluded = ["className", "value", "placeholder", "autoFocus", "codeLength", "caption", "captionAlign", "width", "view", "size", "hidden", "disabled", "isError", "allowedSymbols", "itemErrorBehavior", "codeErrorBehavior", "autoComplete", "setIsError", "onChange", "onFullCodeEnter"];
|
21
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
22
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
23
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
24
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
25
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
26
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
27
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
28
|
-
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
29
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
30
|
-
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
31
|
-
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
32
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
33
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
34
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
35
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
36
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
37
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
38
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
39
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
40
|
-
var codeInputRoot = exports.codeInputRoot = function codeInputRoot(Root) {
|
41
|
-
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
42
|
-
var className = _ref.className,
|
43
|
-
outerValue = _ref.value,
|
44
|
-
placeholder = _ref.placeholder,
|
45
|
-
autoFocus = _ref.autoFocus,
|
46
|
-
_ref$codeLength = _ref.codeLength,
|
47
|
-
codeLength = _ref$codeLength === void 0 ? 6 : _ref$codeLength,
|
48
|
-
caption = _ref.caption,
|
49
|
-
_ref$captionAlign = _ref.captionAlign,
|
50
|
-
captionAlign = _ref$captionAlign === void 0 ? 'left' : _ref$captionAlign,
|
51
|
-
width = _ref.width,
|
52
|
-
view = _ref.view,
|
53
|
-
size = _ref.size,
|
54
|
-
hidden = _ref.hidden,
|
55
|
-
disabled = _ref.disabled,
|
56
|
-
isError = _ref.isError,
|
57
|
-
_ref$allowedSymbols = _ref.allowedSymbols,
|
58
|
-
allowedSymbols = _ref$allowedSymbols === void 0 ? _constants.ONLY_DIGITS_PATTERN : _ref$allowedSymbols,
|
59
|
-
_ref$itemErrorBehavio = _ref.itemErrorBehavior,
|
60
|
-
itemErrorBehavior = _ref$itemErrorBehavio === void 0 ? 'remove-symbol' : _ref$itemErrorBehavio,
|
61
|
-
_ref$codeErrorBehavio = _ref.codeErrorBehavior,
|
62
|
-
codeErrorBehavior = _ref$codeErrorBehavio === void 0 ? 'remove-code' : _ref$codeErrorBehavio,
|
63
|
-
_ref$autoComplete = _ref.autoComplete,
|
64
|
-
autoComplete = _ref$autoComplete === void 0 ? 'one-time-code' : _ref$autoComplete,
|
65
|
-
setIsError = _ref.setIsError,
|
66
|
-
onChange = _ref.onChange,
|
67
|
-
onFullCodeEnter = _ref.onFullCodeEnter,
|
68
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
69
|
-
var _useState = (0, _react.useState)((0, _utils2.getCodeValue)(codeLength, outerValue || '')),
|
70
|
-
_useState2 = _slicedToArray(_useState, 2),
|
71
|
-
code = _useState2[0],
|
72
|
-
setCode = _useState2[1];
|
73
|
-
var _useState3 = (0, _react.useState)(code.join('')),
|
74
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
75
|
-
originalValue = _useState4[0],
|
76
|
-
setOriginalValue = _useState4[1];
|
77
|
-
var inputRefs = (0, _react.useRef)([]);
|
78
|
-
var inputContainerRef = (0, _react.useRef)(null);
|
79
|
-
var captionRef = (0, _react.useRef)(null);
|
80
|
-
var fieldPattern = (0, _utils2.getFieldPattern)(allowedSymbols);
|
81
|
-
var placeholderValue = (0, _utils2.getPlaceholderValue)(codeLength, placeholder);
|
82
|
-
var parts = codeLength === 6 ? 2 : 1;
|
83
|
-
var widthValue = width ? (0, _utils.getSizeValueFromProp)(width, 'rem') : undefined;
|
84
|
-
var getLastActiveIndex = function getLastActiveIndex() {
|
85
|
-
if (code.length && code.length < codeLength) {
|
86
|
-
return code.length;
|
87
|
-
}
|
88
|
-
var lastEmptyIndex = code.findIndex(function (digit) {
|
89
|
-
return digit === '';
|
90
|
-
});
|
91
|
-
return lastEmptyIndex >= 0 ? lastEmptyIndex : codeLength - 1;
|
92
|
-
};
|
93
|
-
var handleClick = function handleClick() {
|
94
|
-
if (disabled) {
|
95
|
-
return;
|
96
|
-
}
|
97
|
-
var lastActiveIndex = getLastActiveIndex();
|
98
|
-
if (inputRefs.current[lastActiveIndex]) {
|
99
|
-
inputRefs.current[lastActiveIndex].focus();
|
100
|
-
}
|
101
|
-
};
|
102
|
-
var handleOnKeyDown = function handleOnKeyDown(event, index, type) {
|
103
|
-
if (disabled) {
|
104
|
-
return;
|
105
|
-
}
|
106
|
-
var key = event.key;
|
107
|
-
if (_constants.FORBIDDEN_KEYS.includes(key)) {
|
108
|
-
event.preventDefault();
|
109
|
-
return;
|
110
|
-
}
|
111
|
-
if (key === _constants.BACKSPACE_KEY) {
|
112
|
-
if (index > 0 && code[index] === '') {
|
113
|
-
var _inputRefs$current;
|
114
|
-
(_inputRefs$current = inputRefs.current[index - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.focus();
|
115
|
-
}
|
116
|
-
}
|
117
|
-
if (type === 'circle') {
|
118
|
-
var _inputRefs$current$in;
|
119
|
-
handleAddSymbol(key, index);
|
120
|
-
(_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.focus();
|
121
|
-
}
|
122
|
-
};
|
123
|
-
var codeSetter = function codeSetter(newCode) {
|
124
|
-
setCode(newCode);
|
125
|
-
setOriginalValue(newCode.join(''));
|
126
|
-
if (onChange) {
|
127
|
-
onChange(newCode.join(''));
|
128
|
-
}
|
129
|
-
};
|
130
|
-
var handleChange = function handleChange(event, index) {
|
131
|
-
if (disabled) {
|
132
|
-
return;
|
133
|
-
}
|
134
|
-
var rawSymbol = event.currentTarget.value;
|
135
|
-
var symbol = rawSymbol.charAt(rawSymbol.length - 1);
|
136
|
-
handleAddSymbol(symbol, index);
|
137
|
-
};
|
138
|
-
var handleAddSymbol = function handleAddSymbol(symbol, index) {
|
139
|
-
var _inputRefs$current$in2;
|
140
|
-
var newCode = _toConsumableArray(code);
|
141
|
-
(_inputRefs$current$in2 = inputRefs.current[index]) === null || _inputRefs$current$in2 === void 0 || _inputRefs$current$in2.classList.remove(_CodeInput.classes.itemError);
|
142
|
-
if (isError) {
|
143
|
-
var _captionRef$current;
|
144
|
-
(_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.remove(_CodeInput.classes.captionError);
|
145
|
-
if (codeErrorBehavior === 'keep') {
|
146
|
-
var _inputContainerRef$cu;
|
147
|
-
(_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(_CodeInput.classes.codeError, _CodeInput.classes.codeErrorAnimation);
|
148
|
-
}
|
149
|
-
if (setIsError) {
|
150
|
-
setIsError(false);
|
151
|
-
}
|
152
|
-
}
|
153
|
-
if (!fieldPattern) {
|
154
|
-
newCode[index] = symbol;
|
155
|
-
codeSetter(newCode);
|
156
|
-
if (symbol && index < codeLength - 1) {
|
157
|
-
var _inputRefs$current2;
|
158
|
-
(_inputRefs$current2 = inputRefs.current[index + 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
|
159
|
-
}
|
160
|
-
return;
|
161
|
-
}
|
162
|
-
if (!symbol) {
|
163
|
-
newCode[index] = '';
|
164
|
-
codeSetter(newCode);
|
165
|
-
return;
|
166
|
-
}
|
167
|
-
if (fieldPattern.test(symbol)) {
|
168
|
-
newCode[index] = symbol.charAt(symbol.length - 1);
|
169
|
-
codeSetter(newCode);
|
170
|
-
if (index < codeLength - 1) {
|
171
|
-
var _inputRefs$current3;
|
172
|
-
(_inputRefs$current3 = inputRefs.current[index + 1]) === null || _inputRefs$current3 === void 0 || _inputRefs$current3.focus();
|
173
|
-
}
|
174
|
-
} else {
|
175
|
-
newCode[index] = symbol.charAt(symbol.length - 1);
|
176
|
-
(0, _utils2.handleItemError)({
|
177
|
-
currentSymbol: symbol,
|
178
|
-
itemErrorBehavior: itemErrorBehavior,
|
179
|
-
index: index,
|
180
|
-
newCode: newCode,
|
181
|
-
inputRefs: inputRefs,
|
182
|
-
inputContainerRef: inputContainerRef,
|
183
|
-
codeSetter: codeSetter
|
184
|
-
});
|
185
|
-
}
|
186
|
-
};
|
187
|
-
var handlePaste = function handlePaste(event) {
|
188
|
-
var _inputRefs$current$ac;
|
189
|
-
var newCode = _toConsumableArray(code);
|
190
|
-
if (disabled) {
|
191
|
-
return;
|
192
|
-
}
|
193
|
-
event.preventDefault();
|
194
|
-
var rawData = event.clipboardData.getData('text/plain');
|
195
|
-
var pastedData = (fieldPattern ? rawData.split('').map(function (symb) {
|
196
|
-
var _symb$match;
|
197
|
-
return ((_symb$match = symb.match(fieldPattern)) === null || _symb$match === void 0 ? void 0 : _symb$match[0]) || '';
|
198
|
-
}).filter(Boolean) || [] : rawData.split('')).slice(0, codeLength);
|
199
|
-
pastedData.forEach(function (element, index) {
|
200
|
-
newCode[index] = element;
|
201
|
-
});
|
202
|
-
var activeIndex = Math.min(pastedData.length, codeLength - 1);
|
203
|
-
(_inputRefs$current$ac = inputRefs.current[activeIndex]) === null || _inputRefs$current$ac === void 0 || _inputRefs$current$ac.focus();
|
204
|
-
codeSetter(newCode);
|
205
|
-
};
|
206
|
-
var handleFullCodeEnter = (0, _react.useCallback)(function (fullCode) {
|
207
|
-
if (onFullCodeEnter) {
|
208
|
-
onFullCodeEnter(fullCode);
|
209
|
-
}
|
210
|
-
}, []);
|
211
|
-
(0, _hooks.useCodeHook)({
|
212
|
-
inputRefs: inputRefs,
|
213
|
-
codeLength: codeLength,
|
214
|
-
disabled: disabled,
|
215
|
-
autoFocus: autoFocus,
|
216
|
-
originalValue: originalValue,
|
217
|
-
getLastActiveIndex: getLastActiveIndex,
|
218
|
-
handleFullCodeEnter: handleFullCodeEnter
|
219
|
-
});
|
220
|
-
(0, _hooks.useDidMountEffect)(function () {
|
221
|
-
if (isError) {
|
222
|
-
(0, _utils2.handleCodeError)({
|
223
|
-
codeLength: codeLength,
|
224
|
-
codeErrorBehavior: codeErrorBehavior,
|
225
|
-
currentCode: code,
|
226
|
-
inputRefs: inputRefs,
|
227
|
-
inputContainerRef: inputContainerRef,
|
228
|
-
captionRef: captionRef,
|
229
|
-
setCode: setCode,
|
230
|
-
codeSetter: codeSetter
|
231
|
-
});
|
232
|
-
}
|
233
|
-
}, [isError]);
|
234
|
-
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
235
|
-
ref: ref,
|
236
|
-
view: view,
|
237
|
-
size: size,
|
238
|
-
disabled: disabled,
|
239
|
-
onClick: handleClick,
|
240
|
-
className: (0, _classnames["default"])(className, _defineProperty({}, _CodeInput.classes.captionAlignLeft, captionAlign === 'left'))
|
241
|
-
}, rest), /*#__PURE__*/_react["default"].createElement(_CodeInput2.CodeWrapper, {
|
242
|
-
ref: inputContainerRef
|
243
|
-
}, _toConsumableArray(Array(parts)).map(function (_, partIndex) {
|
244
|
-
return /*#__PURE__*/_react["default"].createElement(_react.Fragment, {
|
245
|
-
key: partIndex
|
246
|
-
}, /*#__PURE__*/_react["default"].createElement(_CodeInput2.CodeGroup, {
|
247
|
-
role: "group"
|
248
|
-
}, _toConsumableArray(Array(codeLength / parts)).map(function (_, i) {
|
249
|
-
var inputCorrectIndex = i + codeLength / parts * partIndex;
|
250
|
-
return /*#__PURE__*/_react["default"].createElement(_CodeInput2.ItemWrapper, {
|
251
|
-
key: partIndex + i + partIndex * i
|
252
|
-
}, (!code[inputCorrectIndex] || !!code[inputCorrectIndex] && hidden) && /*#__PURE__*/_react["default"].createElement(_CodeInput2.ItemCircle, {
|
253
|
-
role: "tab",
|
254
|
-
tabIndex: originalValue.length === inputCorrectIndex ? 0 : -1,
|
255
|
-
onKeyDown: function onKeyDown(e) {
|
256
|
-
handleOnKeyDown(e, inputCorrectIndex, 'circle');
|
257
|
-
},
|
258
|
-
className: (0, _classnames["default"])([!!code[inputCorrectIndex] && hidden ? _CodeInput.classes.itemCirlceFilled : '', "".concat(_CodeInput.classes.itemCircle, "-").concat(inputCorrectIndex)])
|
259
|
-
}), /*#__PURE__*/_react["default"].createElement(_CodeInput2.ItemInput, _extends({
|
260
|
-
ref: function ref(element) {
|
261
|
-
inputRefs.current[inputCorrectIndex] = element;
|
262
|
-
},
|
263
|
-
className: (0, _classnames["default"])(_defineProperty({}, _CodeInput.classes.hoverEnabled, inputCorrectIndex >= originalValue.length)),
|
264
|
-
hide: hidden,
|
265
|
-
value: code[inputCorrectIndex] || '',
|
266
|
-
tabIndex: originalValue.length === inputCorrectIndex ? 0 : -1,
|
267
|
-
autoComplete: autoComplete,
|
268
|
-
onChange: function onChange(e) {
|
269
|
-
handleChange(e, inputCorrectIndex);
|
270
|
-
},
|
271
|
-
onKeyDown: function onKeyDown(e) {
|
272
|
-
handleOnKeyDown(e, inputCorrectIndex);
|
273
|
-
},
|
274
|
-
onPaste: handlePaste
|
275
|
-
}, placeholderValue && {
|
276
|
-
placeholder: placeholderValue[inputCorrectIndex]
|
277
|
-
})));
|
278
|
-
})), partIndex !== parts - 1 && (_Separator || (_Separator = /*#__PURE__*/_react["default"].createElement(_CodeInput2.Separator, null))));
|
279
|
-
})), caption && /*#__PURE__*/_react["default"].createElement(_CodeInput2.CaptionWrapper, {
|
280
|
-
ref: captionRef,
|
281
|
-
captionAlign: captionAlign,
|
282
|
-
widthValue: widthValue
|
283
|
-
}, caption));
|
284
|
-
});
|
285
|
-
};
|
286
|
-
var codeInputConfig = exports.codeInputConfig = {
|
287
|
-
name: 'CodeInput',
|
288
|
-
tag: 'div',
|
289
|
-
layout: codeInputRoot,
|
290
|
-
base: _CodeInput2.base,
|
291
|
-
variations: {
|
292
|
-
view: {
|
293
|
-
css: _base.base
|
294
|
-
},
|
295
|
-
size: {
|
296
|
-
css: _base2.base
|
297
|
-
},
|
298
|
-
disabled: {
|
299
|
-
css: _base3.base,
|
300
|
-
attrs: true
|
301
|
-
}
|
302
|
-
},
|
303
|
-
defaults: {
|
304
|
-
size: 'm',
|
305
|
-
view: 'default'
|
306
|
-
}
|
307
|
-
};
|
@@ -1,47 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.base = exports.Separator = exports.ItemWrapper = exports.ItemInput = exports.ItemCircle = exports.CodeWrapper = exports.CodeGroup = exports.CaptionWrapper = void 0;
|
8
|
-
var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
|
9
|
-
var _CodeInput = /*#__PURE__*/require("./CodeInput.tokens");
|
10
|
-
var _templateObject;
|
11
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
13
|
-
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
|
14
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: min-content;\n align-items: center;\n\n &.", " {\n align-items: start;\n }\n"])), _CodeInput.classes.captionAlignLeft);
|
15
|
-
var CodeWrapper = exports.CodeWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
16
|
-
componentId: "plasma-new-hope__sc-1lsnhbl-0"
|
17
|
-
})(["display:flex;align-items:center;"]);
|
18
|
-
var CodeGroup = exports.CodeGroup = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
19
|
-
componentId: "plasma-new-hope__sc-1lsnhbl-1"
|
20
|
-
})(["display:flex;align-items:center;"]);
|
21
|
-
var Separator = exports.Separator = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
22
|
-
componentId: "plasma-new-hope__sc-1lsnhbl-2"
|
23
|
-
})(["width:var(", ");"], _CodeInput.tokens.separatorWidth);
|
24
|
-
var ItemInput = exports.ItemInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
25
|
-
componentId: "plasma-new-hope__sc-1lsnhbl-3"
|
26
|
-
})(["box-sizing:border-box;appearance:none;border:0;padding:0;outline:none;pointer-events:none;text-align:center;caret-color:transparent;caret:none;opacity:", ";"], function (_ref) {
|
27
|
-
var hide = _ref.hide;
|
28
|
-
return hide ? '0' : '1';
|
29
|
-
});
|
30
|
-
var ItemWrapper = exports.ItemWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
31
|
-
componentId: "plasma-new-hope__sc-1lsnhbl-4"
|
32
|
-
})(["position:relative;"]);
|
33
|
-
var ItemCircle = exports.ItemCircle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
34
|
-
componentId: "plasma-new-hope__sc-1lsnhbl-5"
|
35
|
-
})(["position:absolute;top:calc(50% - calc(var(", ") / 2));left:calc(50% - calc(var(", ") / 2));width:var(", ");height:var(", ");box-sizing:border-box;border-radius:100%;background-color:'transparent';"], _CodeInput.tokens.codeItemCircleSize, _CodeInput.tokens.codeItemCircleSize, _CodeInput.tokens.codeItemCircleSize, _CodeInput.tokens.codeItemCircleSize);
|
36
|
-
var CaptionWrapper = exports.CaptionWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
37
|
-
componentId: "plasma-new-hope__sc-1lsnhbl-6"
|
38
|
-
})(["text-align:", ";align-self:", ";width:", ";white-space:pre-line;"], function (_ref2) {
|
39
|
-
var captionAlign = _ref2.captionAlign;
|
40
|
-
return captionAlign;
|
41
|
-
}, function (_ref3) {
|
42
|
-
var captionAlign = _ref3.captionAlign;
|
43
|
-
return captionAlign;
|
44
|
-
}, function (_ref4) {
|
45
|
-
var widthValue = _ref4.widthValue;
|
46
|
-
return widthValue || 'auto';
|
47
|
-
});
|
@@ -1,76 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.tokens = exports.privateTokens = exports.classes = void 0;
|
7
|
-
var classes = exports.classes = {
|
8
|
-
itemError: 'codeinput-item-error',
|
9
|
-
itemErrorAnimation: 'codeinput-item-error-animation',
|
10
|
-
itemErrorFade: 'codeinput-item-error-fade',
|
11
|
-
itemCircle: 'codeinput-item-circle',
|
12
|
-
itemCirlceFilled: 'codeinput-item-circle-filled',
|
13
|
-
itemCircleError: 'codeinput-item-circle-error',
|
14
|
-
itemCircleErrorAnimation: 'codeinput-item-circle-error-animation',
|
15
|
-
captionError: 'codeinput-caption-error',
|
16
|
-
codeError: 'codeinput-code-error',
|
17
|
-
codeErrorAnimation: 'codeinput-code-error-animation',
|
18
|
-
codeErrorFade: 'codeinput-code-error-fade',
|
19
|
-
captionAlignLeft: 'codeinput-caption-align-left',
|
20
|
-
hoverEnabled: 'codeinput-item-hover-enabled',
|
21
|
-
segmented: 'codeinput-shape-segmented',
|
22
|
-
"default": 'codeinput-shape-default',
|
23
|
-
disabled: 'codeinput-disabled'
|
24
|
-
};
|
25
|
-
var privateTokens = exports.privateTokens = {
|
26
|
-
itemWidth: '--private-codeinput-item-width',
|
27
|
-
itemHeight: '--private-codeinput-item-hieght',
|
28
|
-
fontSize: '--private-codeinput-font-size',
|
29
|
-
lineHeight: '--private-codeinput-line-height'
|
30
|
-
};
|
31
|
-
var tokens = exports.tokens = {
|
32
|
-
captionGap: '--plasma-codeinput-caption-gap',
|
33
|
-
codeItemsGap: '--plasma-codeinput-code-item-gap',
|
34
|
-
separatorWidth: '--plasma-codeinput-separator-width',
|
35
|
-
largeCodeItemWidth: '--plasma-codeinput-item-large-width',
|
36
|
-
largeCodeItemHeight: '--plasma-codeinput-item-large-height',
|
37
|
-
mediumCodeItemWidth: '--plasma-codeinput-item-medium-width',
|
38
|
-
mediumCodeItemHeight: '--plasma-codeinput-item-medium-height',
|
39
|
-
smallCodeItemWidth: '--plasma-codeinput-item-small-width',
|
40
|
-
smallCodeItemHeight: '--plasma-codeinput-item-small-height',
|
41
|
-
codeItemCircleSize: '--plasma-codeinput-item-circle-size',
|
42
|
-
codeItemCircleBorderWidth: '--plasma-codeinput-item-circle-border-width',
|
43
|
-
fontStyle: '--plasma-codeinput-font-style',
|
44
|
-
fontFamily: '--plasma-codeinput-font-family',
|
45
|
-
fontWeight: '--plasma-codeinput-font-weight',
|
46
|
-
letterSpacing: '--plasma-codeinput-letter-spacing',
|
47
|
-
largeFontSize: '--plasma-codeinput-large-font-size',
|
48
|
-
largeLineHeight: '--plasma-codeinput-large-line-height',
|
49
|
-
mediumFontSize: '--plasma-codeinput-medium-font-size',
|
50
|
-
mediumLineHeight: '--plasma-codeinput-medium-line-height',
|
51
|
-
smallFontSize: '--plasma-codeinput-small-font-size',
|
52
|
-
smallLineHeight: '--plasma-codeinput-small-line-height',
|
53
|
-
captionFontFamily: '--plasma-codeinput-caption-font-family',
|
54
|
-
captionFontSize: '--plasma-codeinput-caption-font-style',
|
55
|
-
captionFontStyle: '--plasma-codeinput-caption-font-size',
|
56
|
-
captionFontWeight: '--plasma-codeinput-caption-font-weight',
|
57
|
-
captionLetterSpacing: '--plasma-codeinput-caption-letter-spacing',
|
58
|
-
captionLineHeight: '--plasma-codeinput-caption-line-height',
|
59
|
-
borderRadius: '--plasma-codeinput-code-item-border-radius',
|
60
|
-
borderRadiusSegmented: '--plasma-codeinput-code-item-border-radius-segmented',
|
61
|
-
segmentedSideBorderRadius: '--plasma-codeinput-code-item-segmented-side-border-radius',
|
62
|
-
captionColor: '--plasma-codeinput-caption-color',
|
63
|
-
captionColorError: '--plasma-codeinput-caption-color-error',
|
64
|
-
codeColor: '--plasma-codeinput-code-color',
|
65
|
-
codeColorError: '--plasma-codeinput-code-color-error',
|
66
|
-
backgroundColor: '--plasma-codeinput-background-color',
|
67
|
-
backgroundColorHover: '--plasma-codeinput-background-color-hover',
|
68
|
-
backgroundColorFocus: '--plasma-codeinput-background-color-focus',
|
69
|
-
backgroundErrorColor: '--plasma-codeinput-background-error-color',
|
70
|
-
borderWidth: '--plasma-codeinput-border-width',
|
71
|
-
borderColor: '--plasma-codeinput-border-color',
|
72
|
-
borderColorHover: '--plasma-codeinput-border-color-hover',
|
73
|
-
borderColorFocus: '--plasma-codeinput-border-color-focus',
|
74
|
-
borderErrorColor: '--plasma-codeinput-border-error-color',
|
75
|
-
disabledOpacity: '--plasma-codeinput-disabled-opacity'
|
76
|
-
};
|
@@ -1,31 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "codeInputClasses", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _CodeInput2.classes;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "codeInputConfig", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _CodeInput.codeInputConfig;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
Object.defineProperty(exports, "codeInputRoot", {
|
19
|
-
enumerable: true,
|
20
|
-
get: function get() {
|
21
|
-
return _CodeInput.codeInputRoot;
|
22
|
-
}
|
23
|
-
});
|
24
|
-
Object.defineProperty(exports, "codeInputTokens", {
|
25
|
-
enumerable: true,
|
26
|
-
get: function get() {
|
27
|
-
return _CodeInput2.tokens;
|
28
|
-
}
|
29
|
-
});
|
30
|
-
var _CodeInput = /*#__PURE__*/require("./CodeInput");
|
31
|
-
var _CodeInput2 = /*#__PURE__*/require("./CodeInput.tokens");
|
@@ -1,58 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.handleCodeError = void 0;
|
7
|
-
var _CodeInput = /*#__PURE__*/require("../CodeInput.tokens");
|
8
|
-
var _utils = /*#__PURE__*/require("../../../utils");
|
9
|
-
var _constants = /*#__PURE__*/require("../../../utils/constants");
|
10
|
-
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
11
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
12
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
13
|
-
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
14
|
-
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
15
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
16
|
-
var handleCodeError = exports.handleCodeError = function handleCodeError(_ref) {
|
17
|
-
var _captionRef$current, _captionRef$current2;
|
18
|
-
var codeLength = _ref.codeLength,
|
19
|
-
codeErrorBehavior = _ref.codeErrorBehavior,
|
20
|
-
currentCode = _ref.currentCode,
|
21
|
-
inputRefs = _ref.inputRefs,
|
22
|
-
inputContainerRef = _ref.inputContainerRef,
|
23
|
-
captionRef = _ref.captionRef,
|
24
|
-
setCode = _ref.setCode,
|
25
|
-
codeSetter = _ref.codeSetter;
|
26
|
-
if (!inputContainerRef.current) {
|
27
|
-
return;
|
28
|
-
}
|
29
|
-
switch (codeErrorBehavior) {
|
30
|
-
case 'keep':
|
31
|
-
inputContainerRef.current.classList.add(_CodeInput.classes.codeError, _CodeInput.classes.codeErrorAnimation);
|
32
|
-
(_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.add(_CodeInput.classes.captionError);
|
33
|
-
setTimeout(function () {
|
34
|
-
var _inputContainerRef$cu;
|
35
|
-
var newCode = _toConsumableArray(currentCode);
|
36
|
-
newCode.pop();
|
37
|
-
codeSetter(newCode);
|
38
|
-
setCode(currentCode);
|
39
|
-
(_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(_CodeInput.classes.codeErrorAnimation);
|
40
|
-
setTimeout(function () {
|
41
|
-
var _inputRefs$current, _inputRefs$current2;
|
42
|
-
(_inputRefs$current = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.setSelectionRange(0, 1);
|
43
|
-
(_inputRefs$current2 = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
|
44
|
-
}, 0);
|
45
|
-
}, _constants.ANIMATION_TIMEOUT);
|
46
|
-
break;
|
47
|
-
case 'remove-code':
|
48
|
-
default:
|
49
|
-
inputContainerRef.current.classList.add(_CodeInput.classes.codeError, _CodeInput.classes.codeErrorAnimation, _CodeInput.classes.codeErrorFade);
|
50
|
-
(_captionRef$current2 = captionRef.current) === null || _captionRef$current2 === void 0 || _captionRef$current2.classList.add(_CodeInput.classes.captionError);
|
51
|
-
setTimeout(function () {
|
52
|
-
var _inputRefs$current$, _inputContainerRef$cu2;
|
53
|
-
codeSetter((0, _utils.getCodeValue)(codeLength, ''));
|
54
|
-
(_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
|
55
|
-
(_inputContainerRef$cu2 = inputContainerRef.current) === null || _inputContainerRef$cu2 === void 0 || _inputContainerRef$cu2.classList.remove(_CodeInput.classes.codeError, _CodeInput.classes.codeErrorAnimation, _CodeInput.classes.codeErrorFade);
|
56
|
-
}, _constants.ANIMATION_TIMEOUT);
|
57
|
-
}
|
58
|
-
};
|
@@ -1,40 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.handleItemError = void 0;
|
7
|
-
var _CodeInput = /*#__PURE__*/require("../CodeInput.tokens");
|
8
|
-
var _constants = /*#__PURE__*/require("../../../utils/constants");
|
9
|
-
var handleItemError = exports.handleItemError = function handleItemError(_ref) {
|
10
|
-
var _inputContainerRef$cu;
|
11
|
-
var currentSymbol = _ref.currentSymbol,
|
12
|
-
itemErrorBehavior = _ref.itemErrorBehavior,
|
13
|
-
index = _ref.index,
|
14
|
-
newCode = _ref.newCode,
|
15
|
-
inputRefs = _ref.inputRefs,
|
16
|
-
inputContainerRef = _ref.inputContainerRef,
|
17
|
-
codeSetter = _ref.codeSetter;
|
18
|
-
if (!inputRefs.current[index] || currentSymbol === ' ') {
|
19
|
-
return;
|
20
|
-
}
|
21
|
-
var circleElement = (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 ? void 0 : _inputContainerRef$cu.querySelector(".".concat(_CodeInput.classes.itemCircle, "-").concat(index));
|
22
|
-
switch (itemErrorBehavior) {
|
23
|
-
case 'forbid-enter':
|
24
|
-
newCode[index] = '';
|
25
|
-
codeSetter(newCode);
|
26
|
-
break;
|
27
|
-
case 'remove-symbol':
|
28
|
-
default:
|
29
|
-
newCode[index] = '';
|
30
|
-
codeSetter(newCode);
|
31
|
-
if (circleElement) {
|
32
|
-
circleElement.classList.add(_CodeInput.classes.itemCircleError, _CodeInput.classes.itemCircleErrorAnimation);
|
33
|
-
}
|
34
|
-
setTimeout(function () {
|
35
|
-
if (circleElement) {
|
36
|
-
circleElement.classList.remove(_CodeInput.classes.itemCircleError, _CodeInput.classes.itemCircleErrorAnimation);
|
37
|
-
}
|
38
|
-
}, _constants.ANIMATION_TIMEOUT);
|
39
|
-
}
|
40
|
-
};
|
@@ -1,38 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "getCodeValue", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _utils.getCodeValue;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "getFieldPattern", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _utils.getFieldPattern;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
Object.defineProperty(exports, "getPlaceholderValue", {
|
19
|
-
enumerable: true,
|
20
|
-
get: function get() {
|
21
|
-
return _utils.getPlaceholderValue;
|
22
|
-
}
|
23
|
-
});
|
24
|
-
Object.defineProperty(exports, "handleCodeError", {
|
25
|
-
enumerable: true,
|
26
|
-
get: function get() {
|
27
|
-
return _handleCodeError.handleCodeError;
|
28
|
-
}
|
29
|
-
});
|
30
|
-
Object.defineProperty(exports, "handleItemError", {
|
31
|
-
enumerable: true,
|
32
|
-
get: function get() {
|
33
|
-
return _handleItemError.handleItemError;
|
34
|
-
}
|
35
|
-
});
|
36
|
-
var _utils = /*#__PURE__*/require("../../../utils");
|
37
|
-
var _handleItemError = /*#__PURE__*/require("./handleItemError");
|
38
|
-
var _handleCodeError = /*#__PURE__*/require("./handleCodeError");
|
@@ -1,25 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _styledComponents = /*#__PURE__*/require("styled-components");
|
8
|
-
var _CodeInput = /*#__PURE__*/require("../../CodeInput.styles");
|
9
|
-
var _CodeInput2 = /*#__PURE__*/require("../../CodeInput.tokens");
|
10
|
-
var _constants = /*#__PURE__*/require("../../../../utils/constants");
|
11
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
12
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
13
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
14
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
15
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
16
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
17
|
-
var getIconMediaQueries = function getIconMediaQueries() {
|
18
|
-
return Object.entries(_constants.screenGroupBreakpoints).map(function (_ref) {
|
19
|
-
var _ref2 = _slicedToArray(_ref, 2),
|
20
|
-
name = _ref2[0],
|
21
|
-
minWidth = _ref2[1];
|
22
|
-
return "\n @media (min-width: ".concat(minWidth, ") {\n ").concat(_CodeInput2.privateTokens.fontSize, ": var(").concat(_CodeInput2.tokens["".concat(name, "FontSize")], ");\n ").concat(_CodeInput2.privateTokens.lineHeight, ": var(").concat(_CodeInput2.tokens["".concat(name, "CodeItemHeight")], ");\n ").concat(_CodeInput2.privateTokens.itemWidth, ": var(").concat(_CodeInput2.tokens["".concat(name, "CodeItemWidth")], ");\n ").concat(_CodeInput2.privateTokens.itemHeight, ": var(").concat(_CodeInput2.tokens["".concat(name, "LineHeight")], ");\n }\n ");
|
23
|
-
}).join('\n');
|
24
|
-
};
|
25
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["", " gap:var(", ");", ",", "{gap:var(", ");}", "{font-size:var(", ");font-family:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");width:var(", ");height:var(", ");}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], /*#__PURE__*/getIconMediaQueries(), _CodeInput2.tokens.captionGap, _CodeInput.CodeWrapper, _CodeInput.CodeGroup, _CodeInput2.tokens.codeItemsGap, _CodeInput.ItemInput, _CodeInput2.privateTokens.fontSize, _CodeInput2.tokens.fontFamily, _CodeInput2.tokens.fontStyle, _CodeInput2.tokens.fontWeight, _CodeInput2.tokens.letterSpacing, _CodeInput2.privateTokens.lineHeight, _CodeInput2.privateTokens.itemWidth, _CodeInput2.privateTokens.itemHeight, _CodeInput.CaptionWrapper, _CodeInput2.tokens.captionFontFamily, _CodeInput2.tokens.captionFontSize, _CodeInput2.tokens.captionFontStyle, _CodeInput2.tokens.captionFontWeight, _CodeInput2.tokens.captionLetterSpacing, _CodeInput2.tokens.captionLineHeight);
|