@salutejs/plasma-new-hope 0.326.0-canary.1973.15492799823.0 → 0.326.0-canary.1973.15523989355.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/CodeInput/CodeInput.css +1 -1
- package/cjs/components/CodeInput/CodeInput.js +14 -30
- package/cjs/components/CodeInput/CodeInput.js.map +1 -1
- package/cjs/components/CodeInput/CodeInput.tokens.js +12 -37
- package/cjs/components/CodeInput/CodeInput.tokens.js.map +1 -1
- package/cjs/components/CodeInput/variations/_size/base.js +1 -1
- package/cjs/components/CodeInput/variations/_size/base.js.map +1 -1
- package/cjs/components/CodeInput/variations/_size/base_h42a8b.css +1 -0
- package/cjs/index.css +1 -1
- package/cjs/index.js +0 -2
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/CodeInput/CodeInput.js +12 -27
- package/emotion/cjs/components/CodeInput/CodeInput.tokens.js +12 -30
- package/emotion/cjs/components/CodeInput/index.js +1 -8
- package/emotion/cjs/components/CodeInput/utils/index.js +6 -26
- package/emotion/cjs/components/CodeInput/variations/_size/base.js +16 -1
- package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +5 -9
- package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +5 -9
- package/emotion/es/components/CodeInput/CodeInput.js +13 -28
- package/emotion/es/components/CodeInput/CodeInput.tokens.js +12 -30
- package/emotion/es/components/CodeInput/index.js +1 -2
- package/emotion/es/components/CodeInput/utils/index.js +2 -3
- package/emotion/es/components/CodeInput/variations/_size/base.js +16 -1
- package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +6 -10
- package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +6 -10
- package/es/components/CodeInput/CodeInput.css +1 -1
- package/es/components/CodeInput/CodeInput.js +14 -30
- package/es/components/CodeInput/CodeInput.js.map +1 -1
- package/es/components/CodeInput/CodeInput.tokens.js +13 -37
- package/es/components/CodeInput/CodeInput.tokens.js.map +1 -1
- package/es/components/CodeInput/variations/_size/base.js +1 -1
- package/es/components/CodeInput/variations/_size/base.js.map +1 -1
- package/es/components/CodeInput/variations/_size/base_h42a8b.css +1 -0
- package/es/index.css +1 -1
- package/es/index.js +0 -1
- package/es/index.js.map +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/CodeInput/CodeInput.js +12 -27
- package/styled-components/cjs/components/CodeInput/CodeInput.tokens.js +12 -30
- package/styled-components/cjs/components/CodeInput/index.js +1 -8
- package/styled-components/cjs/components/CodeInput/utils/index.js +6 -26
- package/styled-components/cjs/components/CodeInput/variations/_size/base.js +16 -1
- package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +4 -8
- package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +4 -8
- package/styled-components/es/components/CodeInput/CodeInput.js +13 -28
- package/styled-components/es/components/CodeInput/CodeInput.tokens.js +12 -30
- package/styled-components/es/components/CodeInput/index.js +1 -2
- package/styled-components/es/components/CodeInput/utils/index.js +2 -3
- package/styled-components/es/components/CodeInput/variations/_size/base.js +16 -1
- package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +5 -9
- package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +5 -9
- package/types/components/CodeInput/CodeInput.d.ts.map +1 -1
- package/types/components/CodeInput/CodeInput.tokens.d.ts +12 -30
- package/types/components/CodeInput/CodeInput.tokens.d.ts.map +1 -1
- package/types/components/CodeInput/index.d.ts +0 -1
- package/types/components/CodeInput/index.d.ts.map +1 -1
- package/types/components/CodeInput/utils/index.d.ts +2 -3
- package/types/components/CodeInput/utils/index.d.ts.map +1 -1
- package/types/components/CodeInput/variations/_size/base.d.ts.map +1 -1
- package/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -49
- package/cjs/components/CodeInput/utils/generateMediaQuery.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/initialValuesHelper.js +0 -33
- package/cjs/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
- package/cjs/components/CodeInput/variations/_size/base_eip8ma.css +0 -1
- package/emotion/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -45
- package/emotion/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
- package/emotion/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
- package/emotion/es/components/CodeInput/utils/generateMediaQuery.js +0 -39
- package/emotion/es/components/CodeInput/utils/handleCodeError.js +0 -52
- package/emotion/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
- package/es/components/CodeInput/utils/generateMediaQuery.js +0 -43
- package/es/components/CodeInput/utils/generateMediaQuery.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/initialValuesHelper.js +0 -27
- package/es/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
- package/es/components/CodeInput/variations/_size/base_eip8ma.css +0 -1
- package/styled-components/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -45
- package/styled-components/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
- package/styled-components/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
- package/styled-components/es/components/CodeInput/utils/generateMediaQuery.js +0 -39
- package/styled-components/es/components/CodeInput/utils/handleCodeError.js +0 -52
- package/styled-components/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
- package/types/components/CodeInput/utils/generateMediaQuery.d.ts +0 -12
- package/types/components/CodeInput/utils/generateMediaQuery.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/initialValuesHelper.d.ts +0 -4
- package/types/components/CodeInput/utils/initialValuesHelper.d.ts.map +0 -1
@@ -1,9 +1,5 @@
|
|
1
|
-
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); }
|
2
|
-
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; }
|
3
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
4
|
-
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); }
|
5
1
|
import { css } from 'styled-components';
|
6
|
-
import { codeInputTokens as tokens
|
2
|
+
import { codeInputTokens as tokens } from "../../../../components/CodeInput";
|
7
3
|
export var config = {
|
8
4
|
defaults: {
|
9
5
|
view: 'default',
|
@@ -11,12 +7,12 @@ export var config = {
|
|
11
7
|
},
|
12
8
|
variations: {
|
13
9
|
view: {
|
14
|
-
"default": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--outline-accent);"
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--outline-accent);"], tokens.captionColor, tokens.captionColorError, tokens.codeColor, tokens.codeColorError, tokens.borderColorFocus)
|
15
11
|
},
|
16
12
|
size: {
|
17
|
-
l: /*#__PURE__*/css(["", ":2.5rem;", ":0.75rem;", ":0.75rem;", ":var(--plasma-typo-dspl-l-font-family);", ":var(--plasma-typo-dspl-l-font-style);", ":var(--plasma-typo-dspl-l-bold-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":8rem;", ":8rem;", ":
|
18
|
-
m: /*#__PURE__*/css(["", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":var(--plasma-typo-dspl-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":5.5rem;", ":5.75rem;", ":
|
19
|
-
s: /*#__PURE__*/css(["", ":1.5rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-dspl-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":4rem;", ":4.25rem;", ":
|
13
|
+
l: /*#__PURE__*/css(["", ":2.5rem;", ":0.75rem;", ":0.75rem;", ":var(--plasma-typo-dspl-l-font-family);", ":var(--plasma-typo-dspl-l-font-style);", ":var(--plasma-typo-dspl-l-bold-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":8rem;", ":8rem;", ":7rem;", ":7rem;", ":5.5rem;", ":5.75rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);", ":5rem;", ":8rem;", ":4.5rem;", ":7rem;", ":3.5rem;", ":5.75rem;", ":0.125rem;", ":1.5rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeFontSize, tokens.largeLineHeight, tokens.mediumFontSize, tokens.mediumLineHeight, tokens.smallFontSize, tokens.smallLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeCodeItemWidth, tokens.largeCodeItemHeight, tokens.mediumCodeItemWidth, tokens.mediumCodeItemHeight, tokens.smallCodeItemWidth, tokens.smallCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
|
14
|
+
m: /*#__PURE__*/css(["", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":var(--plasma-typo-dspl-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":5.5rem;", ":5.75rem;", ":4.5rem;", ":4.75rem;", ":3.5rem;", ":3.75rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":3.5rem;", ":5.75rem;", ":3rem;", ":4.75rem;", ":2.25rem;", ":3.75rem;", ":0.094rem;", ":1rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeFontSize, tokens.largeLineHeight, tokens.mediumFontSize, tokens.mediumLineHeight, tokens.smallFontSize, tokens.smallLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeCodeItemWidth, tokens.largeCodeItemHeight, tokens.mediumCodeItemWidth, tokens.mediumCodeItemHeight, tokens.smallCodeItemWidth, tokens.smallCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
|
15
|
+
s: /*#__PURE__*/css(["", ":1.5rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-dspl-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":4rem;", ":4.25rem;", ":3rem;", ":3.25rem;", ":2.5rem;", ":2.75rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":2.5rem;", ":4.25rem;", ":2rem;", ":3.25rem;", ":1.625rem;", ":2.75rem;", ":0.063rem;", ":0.75rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeFontSize, tokens.largeLineHeight, tokens.mediumFontSize, tokens.mediumLineHeight, tokens.smallFontSize, tokens.smallLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeCodeItemWidth, tokens.largeCodeItemHeight, tokens.mediumCodeItemWidth, tokens.mediumCodeItemHeight, tokens.smallCodeItemWidth, tokens.smallCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize)
|
20
16
|
},
|
21
17
|
disabled: {
|
22
18
|
"true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
|
@@ -1,9 +1,5 @@
|
|
1
|
-
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); }
|
2
|
-
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; }
|
3
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
4
|
-
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); }
|
5
1
|
import { css } from 'styled-components';
|
6
|
-
import { codeInputTokens as tokens
|
2
|
+
import { codeInputTokens as tokens } from "../../../../components/CodeInput";
|
7
3
|
export var config = {
|
8
4
|
defaults: {
|
9
5
|
view: 'default',
|
@@ -11,12 +7,12 @@ export var config = {
|
|
11
7
|
},
|
12
8
|
variations: {
|
13
9
|
view: {
|
14
|
-
"default": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--outline-accent);"
|
10
|
+
"default": /*#__PURE__*/css(["", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--outline-accent);"], tokens.captionColor, tokens.captionColorError, tokens.codeColor, tokens.codeColorError, tokens.borderColorFocus)
|
15
11
|
},
|
16
12
|
size: {
|
17
|
-
l: /*#__PURE__*/css(["", ":2.5rem;", ":0.75rem;", ":0.75rem;", ":var(--plasma-typo-dspl-l-font-family);", ":var(--plasma-typo-dspl-l-font-style);", ":var(--plasma-typo-dspl-l-bold-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":8rem;", ":8rem;", ":
|
18
|
-
m: /*#__PURE__*/css(["", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":var(--plasma-typo-dspl-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":5.5rem;", ":5.75rem;", ":
|
19
|
-
s: /*#__PURE__*/css(["", ":1.5rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-dspl-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":4rem;", ":4.25rem;", ":
|
13
|
+
l: /*#__PURE__*/css(["", ":2.5rem;", ":0.75rem;", ":0.75rem;", ":var(--plasma-typo-dspl-l-font-family);", ":var(--plasma-typo-dspl-l-font-style);", ":var(--plasma-typo-dspl-l-bold-font-weight);", ":var(--plasma-typo-dspl-l-letter-spacing);", ":8rem;", ":8rem;", ":7rem;", ":7rem;", ":5.5rem;", ":5.75rem;", ":var(--plasma-typo-h3-font-family);", ":var(--plasma-typo-h3-font-size);", ":var(--plasma-typo-h3-font-style);", ":var(--plasma-typo-h3-font-weight);", ":var(--plasma-typo-h3-letter-spacing);", ":var(--plasma-typo-h3-line-height);", ":5rem;", ":8rem;", ":4.5rem;", ":7rem;", ":3.5rem;", ":5.75rem;", ":0.125rem;", ":1.5rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeFontSize, tokens.largeLineHeight, tokens.mediumFontSize, tokens.mediumLineHeight, tokens.smallFontSize, tokens.smallLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeCodeItemWidth, tokens.largeCodeItemHeight, tokens.mediumCodeItemWidth, tokens.mediumCodeItemHeight, tokens.smallCodeItemWidth, tokens.smallCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
|
14
|
+
m: /*#__PURE__*/css(["", ":1.75rem;", ":0.5rem;", ":0.75rem;", ":var(--plasma-typo-dspl-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":5.5rem;", ":5.75rem;", ":4.5rem;", ":4.75rem;", ":3.5rem;", ":3.75rem;", ":var(--plasma-typo-h4-font-family);", ":var(--plasma-typo-h4-font-size);", ":var(--plasma-typo-h4-font-style);", ":var(--plasma-typo-h4-font-weight);", ":var(--plasma-typo-h4-letter-spacing);", ":var(--plasma-typo-h4-line-height);", ":3.5rem;", ":5.75rem;", ":3rem;", ":4.75rem;", ":2.25rem;", ":3.75rem;", ":0.094rem;", ":1rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeFontSize, tokens.largeLineHeight, tokens.mediumFontSize, tokens.mediumLineHeight, tokens.smallFontSize, tokens.smallLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeCodeItemWidth, tokens.largeCodeItemHeight, tokens.mediumCodeItemWidth, tokens.mediumCodeItemHeight, tokens.smallCodeItemWidth, tokens.smallCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
|
15
|
+
s: /*#__PURE__*/css(["", ":1.5rem;", ":0.25rem;", ":0.5rem;", ":var(--plasma-typo-dspl-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":4rem;", ":4.25rem;", ":3rem;", ":3.25rem;", ":2.5rem;", ":2.75rem;", ":var(--plasma-typo-h5-font-family);", ":var(--plasma-typo-h5-font-size);", ":var(--plasma-typo-h5-font-style);", ":var(--plasma-typo-h5-font-weight);", ":var(--plasma-typo-h5-letter-spacing);", ":var(--plasma-typo-h5-line-height);", ":2.5rem;", ":4.25rem;", ":2rem;", ":3.25rem;", ":1.625rem;", ":2.75rem;", ":0.063rem;", ":0.75rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeFontSize, tokens.largeLineHeight, tokens.mediumFontSize, tokens.mediumLineHeight, tokens.smallFontSize, tokens.smallLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeCodeItemWidth, tokens.largeCodeItemHeight, tokens.mediumCodeItemWidth, tokens.mediumCodeItemHeight, tokens.smallCodeItemWidth, tokens.smallCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize)
|
20
16
|
},
|
21
17
|
disabled: {
|
22
18
|
"true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAG9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;
|
1
|
+
{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAG9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAkBxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;sLAuTxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAzTQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8U5E,CAAC"}
|
@@ -14,11 +14,6 @@ export declare const classes: {
|
|
14
14
|
hoverEnabled: string;
|
15
15
|
segmented: string;
|
16
16
|
default: string;
|
17
|
-
largeMScreen: string;
|
18
|
-
largeSScreen: string;
|
19
|
-
mediumMScreen: string;
|
20
|
-
mediumSScreen: string;
|
21
|
-
smallMScreen: string;
|
22
17
|
disabled: string;
|
23
18
|
};
|
24
19
|
export declare const privateTokens: {
|
@@ -30,38 +25,25 @@ export declare const privateTokens: {
|
|
30
25
|
export declare const tokens: {
|
31
26
|
captionGap: string;
|
32
27
|
codeItemsGap: string;
|
33
|
-
smallMMinWidth: string;
|
34
|
-
mediumSMinWidth: string;
|
35
|
-
mediumMMinWidth: string;
|
36
|
-
largeSMinWidth: string;
|
37
|
-
largeMMinWidth: string;
|
38
28
|
separatorWidth: string;
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
mediumSCodeItemWidth: string;
|
46
|
-
mediumSCodeItemHeight: string;
|
47
|
-
smallMCodeItemWidth: string;
|
48
|
-
smallMCodeItemHeight: string;
|
29
|
+
largeCodeItemWidth: string;
|
30
|
+
largeCodeItemHeight: string;
|
31
|
+
mediumCodeItemWidth: string;
|
32
|
+
mediumCodeItemHeight: string;
|
33
|
+
smallCodeItemWidth: string;
|
34
|
+
smallCodeItemHeight: string;
|
49
35
|
codeItemCircleSize: string;
|
50
36
|
codeItemCircleBorderWidth: string;
|
51
37
|
fontStyle: string;
|
52
38
|
fontFamily: string;
|
53
39
|
fontWeight: string;
|
54
40
|
letterSpacing: string;
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
mediumSFontSize: string;
|
62
|
-
mediumSLineHeight: string;
|
63
|
-
smallMFontSize: string;
|
64
|
-
smallMLineHeight: string;
|
41
|
+
largeFontSize: string;
|
42
|
+
largeLineHeight: string;
|
43
|
+
mediumFontSize: string;
|
44
|
+
mediumLineHeight: string;
|
45
|
+
smallFontSize: string;
|
46
|
+
smallLineHeight: string;
|
65
47
|
captionFontFamily: string;
|
66
48
|
captionFontSize: string;
|
67
49
|
captionFontStyle: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CodeInput.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO
|
1
|
+
{"version":3,"file":"CodeInput.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAqBnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;CAKzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DlB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
|
@@ -1,5 +1,4 @@
|
|
1
|
-
export { getFieldPattern, getPlaceholderValue, getCodeValue } from '
|
1
|
+
export { getFieldPattern, getPlaceholderValue, getCodeValue } from '../../CodeField/utils';
|
2
2
|
export { handleItemError } from './handleItemError';
|
3
|
-
export { handleCodeError } from '
|
4
|
-
export * from './generateMediaQuery';
|
3
|
+
export { handleCodeError } from '../../CodeField/utils';
|
5
4
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeInput/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeInput/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeInput/variations/_size/base.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/CodeInput/variations/_size/base.ts"],"names":[],"mappings":"AAsBA,eAAO,MAAM,IAAI,0CA2BhB,CAAC"}
|
@@ -1,49 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var CodeInput_tokens = require('../CodeInput.tokens.js');
|
6
|
-
|
7
|
-
var getCodeInputViewClass = function getCodeInputViewClass(view) {
|
8
|
-
return "codeinput-".concat(view, "-view");
|
9
|
-
};
|
10
|
-
var tokenPrefix = '--plasma-codeinput-';
|
11
|
-
var gridSizes = ['smallXXS', 'smallXS', 'smallS', 'smallM', 'smallL', 'smallXL', 'smallXXL', 'mediumXXS', 'mediumXS', 'mediumS', 'mediumM', 'mediumL', 'mediumXL', 'mediumXXL', 'largeXXS', 'largeXS', 'largeS', 'largeM', 'largeL', 'largeXL', 'largeXXL'];
|
12
|
-
|
13
|
-
/**
|
14
|
-
* Генерирует набор медиа-запросов под различную ширину вьюпорта
|
15
|
-
*
|
16
|
-
* @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта
|
17
|
-
* @return {string} сгенерированный набор медиа-запросов
|
18
|
-
*/
|
19
|
-
var gridMediaQueryTemplate = function gridMediaQueryTemplate(breakpoints) {
|
20
|
-
return gridSizes.map(function (size) {
|
21
|
-
if (!String(breakpoints["".concat(tokenPrefix).concat(size, "-min-width")])) {
|
22
|
-
return;
|
23
|
-
}
|
24
|
-
var minWidth = breakpoints["".concat(tokenPrefix).concat(size, "-min-width")];
|
25
|
-
var itemWidth = CodeInput_tokens.tokens["".concat(size, "CodeItemWidth")];
|
26
|
-
var itemHeight = CodeInput_tokens.tokens["".concat(size, "CodeItemHeight")];
|
27
|
-
var fontSize = CodeInput_tokens.tokens["".concat(size, "FontSize")];
|
28
|
-
var lineHeight = CodeInput_tokens.tokens["".concat(size, "LineHeight")];
|
29
|
-
return "\n @media (min-width: ".concat(minWidth, ") {\n ").concat(CodeInput_tokens.privateTokens.fontSize, ": var(").concat(fontSize, ");\n ").concat(CodeInput_tokens.privateTokens.lineHeight, ": var(").concat(lineHeight, ");\n ").concat(CodeInput_tokens.privateTokens.itemWidth, ": var(").concat(itemWidth, ");\n ").concat(CodeInput_tokens.privateTokens.itemHeight, ": var(").concat(itemHeight, ");\n }\n ");
|
30
|
-
}).filter(function (style) {
|
31
|
-
return style;
|
32
|
-
}).join('\n');
|
33
|
-
};
|
34
|
-
|
35
|
-
/**
|
36
|
-
* Генерирует строку со стилями для обертки Grid и набором медиа-запросов
|
37
|
-
*
|
38
|
-
* @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта
|
39
|
-
* @param {string} viewName - название view из конфига
|
40
|
-
* @return {string} стили для обертки Grid
|
41
|
-
*/
|
42
|
-
var getCodeInputView = function getCodeInputView(breakponts, viewName) {
|
43
|
-
return "\n &.".concat(getCodeInputViewClass(viewName), " {\n ").concat(gridMediaQueryTemplate(breakponts), "\n }\n ");
|
44
|
-
};
|
45
|
-
|
46
|
-
exports.getCodeInputView = getCodeInputView;
|
47
|
-
exports.getCodeInputViewClass = getCodeInputViewClass;
|
48
|
-
exports.gridSizes = gridSizes;
|
49
|
-
//# sourceMappingURL=generateMediaQuery.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"generateMediaQuery.js","sources":["../../../../src/components/CodeInput/utils/generateMediaQuery.ts"],"sourcesContent":["import { privateTokens, tokens } from '../CodeInput.tokens';\n\nimport type { BreakpointTokens, ScreenVariant, TokensType } from './types';\n\nexport const getCodeInputViewClass = (view: string) => {\n return `codeinput-${view}-view`;\n};\n\nconst tokenPrefix = '--plasma-codeinput-';\n\nexport const gridSizes: Array<ScreenVariant> = [\n 'smallXXS',\n 'smallXS',\n 'smallS',\n 'smallM',\n 'smallL',\n 'smallXL',\n 'smallXXL',\n 'mediumXXS',\n 'mediumXS',\n 'mediumS',\n 'mediumM',\n 'mediumL',\n 'mediumXL',\n 'mediumXXL',\n 'largeXXS',\n 'largeXS',\n 'largeS',\n 'largeM',\n 'largeL',\n 'largeXL',\n 'largeXXL',\n];\n\n/**\n * Генерирует набор медиа-запросов под различную ширину вьюпорта\n *\n * @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта\n * @return {string} сгенерированный набор медиа-запросов\n */\nconst gridMediaQueryTemplate = (breakpoints: BreakpointTokens): string => {\n return gridSizes\n .map((size) => {\n if (!String(breakpoints[`${tokenPrefix}${size}-min-width`])) {\n return;\n }\n\n const minWidth = breakpoints[`${tokenPrefix}${size}-min-width` as keyof typeof breakpoints];\n const itemWidth = tokens[`${size}CodeItemWidth` as TokensType];\n const itemHeight = tokens[`${size}CodeItemHeight` as TokensType];\n const fontSize = tokens[`${size}FontSize` as TokensType];\n const lineHeight = tokens[`${size}LineHeight` as TokensType];\n\n return `\n @media (min-width: ${minWidth}) {\n ${privateTokens.fontSize}: var(${fontSize});\n ${privateTokens.lineHeight}: var(${lineHeight});\n ${privateTokens.itemWidth}: var(${itemWidth});\n ${privateTokens.itemHeight}: var(${itemHeight});\n }\n `;\n })\n .filter((style) => style)\n .join('\\n');\n};\n\n/**\n * Генерирует строку со стилями для обертки Grid и набором медиа-запросов\n *\n * @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта\n * @param {string} viewName - название view из конфига\n * @return {string} стили для обертки Grid\n */\nexport const getCodeInputView = (breakponts: BreakpointTokens, viewName: string) => {\n return `\n &.${getCodeInputViewClass(viewName)} {\n ${gridMediaQueryTemplate(breakponts)}\n }\n `;\n};\n"],"names":["getCodeInputViewClass","view","concat","tokenPrefix","gridSizes","gridMediaQueryTemplate","breakpoints","map","size","String","minWidth","itemWidth","tokens","itemHeight","fontSize","lineHeight","privateTokens","filter","style","join","getCodeInputView","breakponts","viewName"],"mappings":";;;;;;IAIaA,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,IAAY,EAAK;EACnD,OAAAC,YAAAA,CAAAA,MAAA,CAAoBD,IAAI,EAAA,OAAA,CAAA,CAAA;AAC5B,EAAC;AAED,IAAME,WAAW,GAAG,qBAAqB,CAAA;AAElC,IAAMC,SAA+B,GAAG,CAC3C,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,EACb;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,WAA6B,EAAa;AACtE,EAAA,OAAOF,SAAS,CACXG,GAAG,CAAC,UAACC,IAAI,EAAK;AACX,IAAA,IAAI,CAACC,MAAM,CAACH,WAAW,IAAAJ,MAAA,CAAIC,WAAW,CAAA,CAAAD,MAAA,CAAGM,IAAI,EAAA,YAAA,CAAA,CAAa,CAAC,EAAE;AACzD,MAAA,OAAA;AACJ,KAAA;IAEA,IAAME,QAAQ,GAAGJ,WAAW,CAAAJ,EAAAA,CAAAA,MAAA,CAAIC,WAAW,CAAAD,CAAAA,MAAA,CAAGM,IAAI,EAAyC,YAAA,CAAA,CAAA,CAAA;AAC3F,IAAA,IAAMG,SAAS,GAAGC,uBAAM,IAAAV,MAAA,CAAIM,IAAI,EAA8B,eAAA,CAAA,CAAA,CAAA;AAC9D,IAAA,IAAMK,UAAU,GAAGD,uBAAM,IAAAV,MAAA,CAAIM,IAAI,EAA+B,gBAAA,CAAA,CAAA,CAAA;AAChE,IAAA,IAAMM,QAAQ,GAAGF,uBAAM,IAAAV,MAAA,CAAIM,IAAI,EAAyB,UAAA,CAAA,CAAA,CAAA;AACxD,IAAA,IAAMO,UAAU,GAAGH,uBAAM,IAAAV,MAAA,CAAIM,IAAI,EAA2B,YAAA,CAAA,CAAA,CAAA;AAE5D,IAAA,OAAA,uCAAA,CAAAN,MAAA,CACyBQ,QAAQ,+BAAAR,MAAA,CACvBc,8BAAa,CAACF,QAAQ,YAAAZ,MAAA,CAASY,QAAQ,EAAAZ,0BAAAA,CAAAA,CAAAA,MAAA,CACvCc,8BAAa,CAACD,UAAU,EAAAb,QAAAA,CAAAA,CAAAA,MAAA,CAASa,UAAU,8BAAAb,MAAA,CAC3Cc,8BAAa,CAACL,SAAS,YAAAT,MAAA,CAASS,SAAS,EAAAT,0BAAAA,CAAAA,CAAAA,MAAA,CACzCc,8BAAa,CAACH,UAAU,EAAAX,QAAAA,CAAAA,CAAAA,MAAA,CAASW,UAAU,EAAA,qCAAA,CAAA,CAAA;AAGzD,GAAC,CAAC,CACDI,MAAM,CAAC,UAACC,KAAK,EAAA;AAAA,IAAA,OAAKA,KAAK,CAAA;AAAA,GAAA,CAAC,CACxBC,IAAI,CAAC,IAAI,CAAC,CAAA;AACnB,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAA4B,EAAEC,QAAgB,EAAK;AAChF,EAAA,OAAA,cAAA,CAAApB,MAAA,CACQF,qBAAqB,CAACsB,QAAQ,CAAC,EAAApB,kBAAAA,CAAAA,CAAAA,MAAA,CAC7BG,sBAAsB,CAACgB,UAAU,CAAC,EAAA,mBAAA,CAAA,CAAA;AAGhD;;;;;;"}
|
@@ -1,55 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
-
var CodeInput_tokens = require('../CodeInput.tokens.js');
|
7
|
-
var constants = require('./constants.js');
|
8
|
-
var initialValuesHelper = require('./initialValuesHelper.js');
|
9
|
-
|
10
|
-
var handleCodeError = function handleCodeError(_ref) {
|
11
|
-
var _captionRef$current, _captionRef$current2;
|
12
|
-
var codeLength = _ref.codeLength,
|
13
|
-
codeErrorBehavior = _ref.codeErrorBehavior,
|
14
|
-
currentCode = _ref.currentCode,
|
15
|
-
inputRefs = _ref.inputRefs,
|
16
|
-
inputContainerRef = _ref.inputContainerRef,
|
17
|
-
captionRef = _ref.captionRef,
|
18
|
-
setCode = _ref.setCode,
|
19
|
-
codeSetter = _ref.codeSetter;
|
20
|
-
if (!inputContainerRef.current) {
|
21
|
-
return;
|
22
|
-
}
|
23
|
-
switch (codeErrorBehavior) {
|
24
|
-
case 'keep':
|
25
|
-
inputContainerRef.current.classList.add(CodeInput_tokens.classes.codeError, CodeInput_tokens.classes.codeErrorAnimation);
|
26
|
-
(_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.add(CodeInput_tokens.classes.captionError);
|
27
|
-
setTimeout(function () {
|
28
|
-
var _inputContainerRef$cu;
|
29
|
-
var newCode = _rollupPluginBabelHelpers.toConsumableArray(currentCode);
|
30
|
-
newCode.pop();
|
31
|
-
codeSetter(newCode);
|
32
|
-
setCode(currentCode);
|
33
|
-
(_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(CodeInput_tokens.classes.codeErrorAnimation);
|
34
|
-
setTimeout(function () {
|
35
|
-
var _inputRefs$current, _inputRefs$current2;
|
36
|
-
(_inputRefs$current = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.setSelectionRange(0, 1);
|
37
|
-
(_inputRefs$current2 = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
|
38
|
-
}, 0);
|
39
|
-
}, constants.ANIMATION_TIMEOUT);
|
40
|
-
break;
|
41
|
-
case 'remove-code':
|
42
|
-
default:
|
43
|
-
inputContainerRef.current.classList.add(CodeInput_tokens.classes.codeError, CodeInput_tokens.classes.codeErrorAnimation, CodeInput_tokens.classes.codeErrorFade);
|
44
|
-
(_captionRef$current2 = captionRef.current) === null || _captionRef$current2 === void 0 || _captionRef$current2.classList.add(CodeInput_tokens.classes.captionError);
|
45
|
-
setTimeout(function () {
|
46
|
-
var _inputRefs$current$, _inputContainerRef$cu2;
|
47
|
-
codeSetter(initialValuesHelper.getCodeValue(codeLength, ''));
|
48
|
-
(_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
|
49
|
-
(_inputContainerRef$cu2 = inputContainerRef.current) === null || _inputContainerRef$cu2 === void 0 || _inputContainerRef$cu2.classList.remove(CodeInput_tokens.classes.codeError, CodeInput_tokens.classes.codeErrorAnimation, CodeInput_tokens.classes.codeErrorFade);
|
50
|
-
}, constants.ANIMATION_TIMEOUT);
|
51
|
-
}
|
52
|
-
};
|
53
|
-
|
54
|
-
exports.handleCodeError = handleCodeError;
|
55
|
-
//# sourceMappingURL=handleCodeError.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"handleCodeError.js","sources":["../../../../src/components/CodeInput/utils/handleCodeError.ts"],"sourcesContent":["import { Dispatch, MutableRefObject, SetStateAction } from 'react';\n\nimport type { CodeErrorBehavior } from '../CodeInput.types';\nimport { classes } from '../CodeInput.tokens';\n\nimport { ANIMATION_TIMEOUT } from './constants';\nimport { getCodeValue } from './initialValuesHelper';\n\ntype ValidateSymbolsArgs = {\n codeLength: number;\n codeErrorBehavior: CodeErrorBehavior;\n currentCode: Array<string>;\n inputContainerRef: MutableRefObject<HTMLDivElement | null>;\n inputRefs: MutableRefObject<Array<HTMLInputElement | null>>;\n captionRef: MutableRefObject<HTMLDivElement | null>;\n setCode: Dispatch<SetStateAction<Array<string>>>;\n codeSetter: (newCode: Array<string>) => void;\n};\n\nexport const handleCodeError = ({\n codeLength,\n codeErrorBehavior,\n currentCode,\n inputRefs,\n inputContainerRef,\n captionRef,\n setCode,\n codeSetter,\n}: ValidateSymbolsArgs) => {\n if (!inputContainerRef.current) {\n return;\n }\n\n switch (codeErrorBehavior) {\n case 'keep':\n inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation);\n captionRef.current?.classList.add(classes.captionError);\n\n setTimeout(() => {\n const newCode = [...currentCode];\n\n newCode.pop();\n codeSetter(newCode);\n setCode(currentCode);\n\n inputContainerRef.current?.classList.remove(classes.codeErrorAnimation);\n\n setTimeout(() => {\n inputRefs.current[inputRefs.current.length - 1]?.setSelectionRange(0, 1);\n inputRefs.current[inputRefs.current.length - 1]?.focus();\n }, 0);\n }, ANIMATION_TIMEOUT);\n\n break;\n case 'remove-code':\n default:\n inputContainerRef.current.classList.add(\n classes.codeError,\n classes.codeErrorAnimation,\n classes.codeErrorFade,\n );\n captionRef.current?.classList.add(classes.captionError);\n\n setTimeout(() => {\n codeSetter(getCodeValue(codeLength, ''));\n\n inputRefs.current[0]?.focus();\n inputContainerRef.current?.classList.remove(\n classes.codeError,\n classes.codeErrorAnimation,\n classes.codeErrorFade,\n );\n }, ANIMATION_TIMEOUT);\n }\n};\n"],"names":["handleCodeError","_ref","_captionRef$current","_captionRef$current2","codeLength","codeErrorBehavior","currentCode","inputRefs","inputContainerRef","captionRef","setCode","codeSetter","current","classList","add","classes","codeError","codeErrorAnimation","captionError","setTimeout","_inputContainerRef$cu","newCode","_toConsumableArray","pop","remove","_inputRefs$current","_inputRefs$current2","length","setSelectionRange","focus","ANIMATION_TIMEOUT","codeErrorFade","_inputRefs$current$","_inputContainerRef$cu2","getCodeValue"],"mappings":"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"}
|
@@ -1,33 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var getFieldPattern = function getFieldPattern(allowedSymbols) {
|
6
|
-
if (!allowedSymbols) {
|
7
|
-
return null;
|
8
|
-
}
|
9
|
-
if (typeof allowedSymbols === 'string') {
|
10
|
-
return new RegExp(allowedSymbols, 'g');
|
11
|
-
}
|
12
|
-
return allowedSymbols;
|
13
|
-
};
|
14
|
-
var getCodeValue = function getCodeValue(codeLength, value) {
|
15
|
-
if (!value.length) {
|
16
|
-
return new Array(codeLength).fill('');
|
17
|
-
}
|
18
|
-
return value.slice(0, codeLength).split('');
|
19
|
-
};
|
20
|
-
var getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
|
21
|
-
if (!placeholder || typeof placeholder !== 'string') {
|
22
|
-
return null;
|
23
|
-
}
|
24
|
-
if (placeholder.length === 1) {
|
25
|
-
return Array(codeLength).fill(placeholder);
|
26
|
-
}
|
27
|
-
return placeholder.slice(0, codeLength).split('');
|
28
|
-
};
|
29
|
-
|
30
|
-
exports.getCodeValue = getCodeValue;
|
31
|
-
exports.getFieldPattern = getFieldPattern;
|
32
|
-
exports.getPlaceholderValue = getPlaceholderValue;
|
33
|
-
//# sourceMappingURL=initialValuesHelper.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"initialValuesHelper.js","sources":["../../../../src/components/CodeInput/utils/initialValuesHelper.ts"],"sourcesContent":["export const getFieldPattern = (allowedSymbols: RegExp | string) => {\n if (!allowedSymbols) {\n return null;\n }\n\n if (typeof allowedSymbols === 'string') {\n return new RegExp(allowedSymbols, 'g');\n }\n\n return allowedSymbols;\n};\n\nexport const getCodeValue = (codeLength: number, value: string): Array<string> => {\n if (!value.length) {\n return new Array(codeLength).fill('');\n }\n\n return value.slice(0, codeLength).split('');\n};\n\nexport const getPlaceholderValue = (codeLength: number, placeholder?: string): null | string[] => {\n if (!placeholder || typeof placeholder !== 'string') {\n return null;\n }\n\n if (placeholder.length === 1) {\n return Array(codeLength).fill(placeholder);\n }\n\n return placeholder.slice(0, codeLength).split('');\n};\n"],"names":["getFieldPattern","allowedSymbols","RegExp","getCodeValue","codeLength","value","length","Array","fill","slice","split","getPlaceholderValue","placeholder"],"mappings":";;;;IAAaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,cAA+B,EAAK;EAChE,IAAI,CAACA,cAAc,EAAE;AACjB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAI,OAAOA,cAAc,KAAK,QAAQ,EAAE;AACpC,IAAA,OAAO,IAAIC,MAAM,CAACD,cAAc,EAAE,GAAG,CAAC,CAAA;AAC1C,GAAA;AAEA,EAAA,OAAOA,cAAc,CAAA;AACzB,EAAC;AAEM,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIC,UAAkB,EAAEC,KAAa,EAAoB;AAC9E,EAAA,IAAI,CAACA,KAAK,CAACC,MAAM,EAAE;IACf,OAAO,IAAIC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,OAAOH,KAAK,CAACI,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AAC/C,EAAC;AAEM,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIP,UAAkB,EAAEQ,WAAoB,EAAsB;AAC9F,EAAA,IAAI,CAACA,WAAW,IAAI,OAAOA,WAAW,KAAK,QAAQ,EAAE;AACjD,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAIA,WAAW,CAACN,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAOC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAACI,WAAW,CAAC,CAAA;AAC9C,GAAA;AAEA,EAAA,OAAOA,WAAW,CAACH,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AACrD;;;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.bbkzv6b{gap:var(--plasma-codeinput-caption-gap);}.bbkzv6b .c1fux591,.bbkzv6b .cuja080{gap:var(--plasma-codeinput-code-item-gap);}.bbkzv6b .i16menav{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);}.bbkzv6b .c19x1gm7{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);}
|
@@ -1,45 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.gridSizes = exports.getCodeInputViewClass = exports.getCodeInputView = void 0;
|
7
|
-
var _CodeInput = /*#__PURE__*/require("../CodeInput.tokens");
|
8
|
-
var getCodeInputViewClass = exports.getCodeInputViewClass = function getCodeInputViewClass(view) {
|
9
|
-
return "codeinput-".concat(view, "-view");
|
10
|
-
};
|
11
|
-
var tokenPrefix = '--plasma-codeinput-';
|
12
|
-
var gridSizes = exports.gridSizes = ['smallXXS', 'smallXS', 'smallS', 'smallM', 'smallL', 'smallXL', 'smallXXL', 'mediumXXS', 'mediumXS', 'mediumS', 'mediumM', 'mediumL', 'mediumXL', 'mediumXXL', 'largeXXS', 'largeXS', 'largeS', 'largeM', 'largeL', 'largeXL', 'largeXXL'];
|
13
|
-
|
14
|
-
/**
|
15
|
-
* Генерирует набор медиа-запросов под различную ширину вьюпорта
|
16
|
-
*
|
17
|
-
* @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта
|
18
|
-
* @return {string} сгенерированный набор медиа-запросов
|
19
|
-
*/
|
20
|
-
var gridMediaQueryTemplate = function gridMediaQueryTemplate(breakpoints) {
|
21
|
-
return gridSizes.map(function (size) {
|
22
|
-
if (!String(breakpoints["".concat(tokenPrefix).concat(size, "-min-width")])) {
|
23
|
-
return;
|
24
|
-
}
|
25
|
-
var minWidth = breakpoints["".concat(tokenPrefix).concat(size, "-min-width")];
|
26
|
-
var itemWidth = _CodeInput.tokens["".concat(size, "CodeItemWidth")];
|
27
|
-
var itemHeight = _CodeInput.tokens["".concat(size, "CodeItemHeight")];
|
28
|
-
var fontSize = _CodeInput.tokens["".concat(size, "FontSize")];
|
29
|
-
var lineHeight = _CodeInput.tokens["".concat(size, "LineHeight")];
|
30
|
-
return "\n @media (min-width: ".concat(minWidth, ") {\n ").concat(_CodeInput.privateTokens.fontSize, ": var(").concat(fontSize, ");\n ").concat(_CodeInput.privateTokens.lineHeight, ": var(").concat(lineHeight, ");\n ").concat(_CodeInput.privateTokens.itemWidth, ": var(").concat(itemWidth, ");\n ").concat(_CodeInput.privateTokens.itemHeight, ": var(").concat(itemHeight, ");\n }\n ");
|
31
|
-
}).filter(function (style) {
|
32
|
-
return style;
|
33
|
-
}).join('\n');
|
34
|
-
};
|
35
|
-
|
36
|
-
/**
|
37
|
-
* Генерирует строку со стилями для обертки Grid и набором медиа-запросов
|
38
|
-
*
|
39
|
-
* @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта
|
40
|
-
* @param {string} viewName - название view из конфига
|
41
|
-
* @return {string} стили для обертки Grid
|
42
|
-
*/
|
43
|
-
var getCodeInputView = exports.getCodeInputView = function getCodeInputView(breakponts, viewName) {
|
44
|
-
return "\n &.".concat(getCodeInputViewClass(viewName), " {\n ").concat(gridMediaQueryTemplate(breakponts), "\n }\n ");
|
45
|
-
};
|
@@ -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 _constants = /*#__PURE__*/require("./constants");
|
9
|
-
var _initialValuesHelper = /*#__PURE__*/require("./initialValuesHelper");
|
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, _initialValuesHelper.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,30 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.getPlaceholderValue = exports.getFieldPattern = exports.getCodeValue = void 0;
|
7
|
-
var getFieldPattern = exports.getFieldPattern = function getFieldPattern(allowedSymbols) {
|
8
|
-
if (!allowedSymbols) {
|
9
|
-
return null;
|
10
|
-
}
|
11
|
-
if (typeof allowedSymbols === 'string') {
|
12
|
-
return new RegExp(allowedSymbols, 'g');
|
13
|
-
}
|
14
|
-
return allowedSymbols;
|
15
|
-
};
|
16
|
-
var getCodeValue = exports.getCodeValue = function getCodeValue(codeLength, value) {
|
17
|
-
if (!value.length) {
|
18
|
-
return new Array(codeLength).fill('');
|
19
|
-
}
|
20
|
-
return value.slice(0, codeLength).split('');
|
21
|
-
};
|
22
|
-
var getPlaceholderValue = exports.getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
|
23
|
-
if (!placeholder || typeof placeholder !== 'string') {
|
24
|
-
return null;
|
25
|
-
}
|
26
|
-
if (placeholder.length === 1) {
|
27
|
-
return Array(codeLength).fill(placeholder);
|
28
|
-
}
|
29
|
-
return placeholder.slice(0, codeLength).split('');
|
30
|
-
};
|
@@ -1,39 +0,0 @@
|
|
1
|
-
import { privateTokens, tokens } from "../CodeInput.tokens";
|
2
|
-
export var getCodeInputViewClass = function getCodeInputViewClass(view) {
|
3
|
-
return "codeinput-".concat(view, "-view");
|
4
|
-
};
|
5
|
-
var tokenPrefix = '--plasma-codeinput-';
|
6
|
-
export var gridSizes = ['smallXXS', 'smallXS', 'smallS', 'smallM', 'smallL', 'smallXL', 'smallXXL', 'mediumXXS', 'mediumXS', 'mediumS', 'mediumM', 'mediumL', 'mediumXL', 'mediumXXL', 'largeXXS', 'largeXS', 'largeS', 'largeM', 'largeL', 'largeXL', 'largeXXL'];
|
7
|
-
|
8
|
-
/**
|
9
|
-
* Генерирует набор медиа-запросов под различную ширину вьюпорта
|
10
|
-
*
|
11
|
-
* @param {GridToken} cssTokens - объект view с набором токенов ширины вьюпорта
|
12
|
-
* @return {string} сгенерированный набор медиа-запросов
|
13
|
-
*/
|
14
|
-
var gridMediaQueryTemplate = function gridMediaQueryTemplate(breakpoints) {
|
15
|
-
return gridSizes.map(function (size) {
|
16
|
-
if (!String(breakpoints["".concat(tokenPrefix).concat(size, "-min-width")])) {
|
17
|
-
return;
|
18
|
-
}
|
19
|
-
var minWidth = breakpoints["".concat(tokenPrefix).concat(size, "-min-width")];
|
20
|
-
var itemWidth = tokens["".concat(size, "CodeItemWidth")];
|
21
|
-
var itemHeight = tokens["".concat(size, "CodeItemHeight")];
|
22
|
-
var fontSize = tokens["".concat(size, "FontSize")];
|
23
|
-
var lineHeight = tokens["".concat(size, "LineHeight")];
|
24
|
-
return "\n @media (min-width: ".concat(minWidth, ") {\n ").concat(privateTokens.fontSize, ": var(").concat(fontSize, ");\n ").concat(privateTokens.lineHeight, ": var(").concat(lineHeight, ");\n ").concat(privateTokens.itemWidth, ": var(").concat(itemWidth, ");\n ").concat(privateTokens.itemHeight, ": var(").concat(itemHeight, ");\n }\n ");
|
25
|
-
}).filter(function (style) {
|
26
|
-
return style;
|
27
|
-
}).join('\n');
|
28
|
-
};
|
29
|
-
|
30
|
-
/**
|
31
|
-
* Генерирует строку со стилями для обертки Grid и набором медиа-запросов
|
32
|
-
*
|
33
|
-
* @param {BreakpointToken} breakponts - объект view с набором токенов ширины вьюпорта
|
34
|
-
* @param {string} viewName - название view из конфига
|
35
|
-
* @return {string} стили для обертки Grid
|
36
|
-
*/
|
37
|
-
export var getCodeInputView = function getCodeInputView(breakponts, viewName) {
|
38
|
-
return "\n &.".concat(getCodeInputViewClass(viewName), " {\n ").concat(gridMediaQueryTemplate(breakponts), "\n }\n ");
|
39
|
-
};
|