@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.
Files changed (91) hide show
  1. package/cjs/components/CodeInput/CodeInput.css +1 -1
  2. package/cjs/components/CodeInput/CodeInput.js +14 -30
  3. package/cjs/components/CodeInput/CodeInput.js.map +1 -1
  4. package/cjs/components/CodeInput/CodeInput.tokens.js +12 -37
  5. package/cjs/components/CodeInput/CodeInput.tokens.js.map +1 -1
  6. package/cjs/components/CodeInput/variations/_size/base.js +1 -1
  7. package/cjs/components/CodeInput/variations/_size/base.js.map +1 -1
  8. package/cjs/components/CodeInput/variations/_size/base_h42a8b.css +1 -0
  9. package/cjs/index.css +1 -1
  10. package/cjs/index.js +0 -2
  11. package/cjs/index.js.map +1 -1
  12. package/emotion/cjs/components/CodeInput/CodeInput.js +12 -27
  13. package/emotion/cjs/components/CodeInput/CodeInput.tokens.js +12 -30
  14. package/emotion/cjs/components/CodeInput/index.js +1 -8
  15. package/emotion/cjs/components/CodeInput/utils/index.js +6 -26
  16. package/emotion/cjs/components/CodeInput/variations/_size/base.js +16 -1
  17. package/emotion/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +5 -9
  18. package/emotion/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +5 -9
  19. package/emotion/es/components/CodeInput/CodeInput.js +13 -28
  20. package/emotion/es/components/CodeInput/CodeInput.tokens.js +12 -30
  21. package/emotion/es/components/CodeInput/index.js +1 -2
  22. package/emotion/es/components/CodeInput/utils/index.js +2 -3
  23. package/emotion/es/components/CodeInput/variations/_size/base.js +16 -1
  24. package/emotion/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +6 -10
  25. package/emotion/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +6 -10
  26. package/es/components/CodeInput/CodeInput.css +1 -1
  27. package/es/components/CodeInput/CodeInput.js +14 -30
  28. package/es/components/CodeInput/CodeInput.js.map +1 -1
  29. package/es/components/CodeInput/CodeInput.tokens.js +13 -37
  30. package/es/components/CodeInput/CodeInput.tokens.js.map +1 -1
  31. package/es/components/CodeInput/variations/_size/base.js +1 -1
  32. package/es/components/CodeInput/variations/_size/base.js.map +1 -1
  33. package/es/components/CodeInput/variations/_size/base_h42a8b.css +1 -0
  34. package/es/index.css +1 -1
  35. package/es/index.js +0 -1
  36. package/es/index.js.map +1 -1
  37. package/package.json +5 -5
  38. package/styled-components/cjs/components/CodeInput/CodeInput.js +12 -27
  39. package/styled-components/cjs/components/CodeInput/CodeInput.tokens.js +12 -30
  40. package/styled-components/cjs/components/CodeInput/index.js +1 -8
  41. package/styled-components/cjs/components/CodeInput/utils/index.js +6 -26
  42. package/styled-components/cjs/components/CodeInput/variations/_size/base.js +16 -1
  43. package/styled-components/cjs/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +4 -8
  44. package/styled-components/cjs/examples/plasma_web/components/CodeInput/CodeInput.config.js +4 -8
  45. package/styled-components/es/components/CodeInput/CodeInput.js +13 -28
  46. package/styled-components/es/components/CodeInput/CodeInput.tokens.js +12 -30
  47. package/styled-components/es/components/CodeInput/index.js +1 -2
  48. package/styled-components/es/components/CodeInput/utils/index.js +2 -3
  49. package/styled-components/es/components/CodeInput/variations/_size/base.js +16 -1
  50. package/styled-components/es/examples/plasma_b2c/components/CodeInput/CodeInput.config.js +5 -9
  51. package/styled-components/es/examples/plasma_web/components/CodeInput/CodeInput.config.js +5 -9
  52. package/types/components/CodeInput/CodeInput.d.ts.map +1 -1
  53. package/types/components/CodeInput/CodeInput.tokens.d.ts +12 -30
  54. package/types/components/CodeInput/CodeInput.tokens.d.ts.map +1 -1
  55. package/types/components/CodeInput/index.d.ts +0 -1
  56. package/types/components/CodeInput/index.d.ts.map +1 -1
  57. package/types/components/CodeInput/utils/index.d.ts +2 -3
  58. package/types/components/CodeInput/utils/index.d.ts.map +1 -1
  59. package/types/components/CodeInput/variations/_size/base.d.ts.map +1 -1
  60. package/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -49
  61. package/cjs/components/CodeInput/utils/generateMediaQuery.js.map +0 -1
  62. package/cjs/components/CodeInput/utils/handleCodeError.js +0 -55
  63. package/cjs/components/CodeInput/utils/handleCodeError.js.map +0 -1
  64. package/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -33
  65. package/cjs/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
  66. package/cjs/components/CodeInput/variations/_size/base_eip8ma.css +0 -1
  67. package/emotion/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -45
  68. package/emotion/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
  69. package/emotion/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
  70. package/emotion/es/components/CodeInput/utils/generateMediaQuery.js +0 -39
  71. package/emotion/es/components/CodeInput/utils/handleCodeError.js +0 -52
  72. package/emotion/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
  73. package/es/components/CodeInput/utils/generateMediaQuery.js +0 -43
  74. package/es/components/CodeInput/utils/generateMediaQuery.js.map +0 -1
  75. package/es/components/CodeInput/utils/handleCodeError.js +0 -51
  76. package/es/components/CodeInput/utils/handleCodeError.js.map +0 -1
  77. package/es/components/CodeInput/utils/initialValuesHelper.js +0 -27
  78. package/es/components/CodeInput/utils/initialValuesHelper.js.map +0 -1
  79. package/es/components/CodeInput/variations/_size/base_eip8ma.css +0 -1
  80. package/styled-components/cjs/components/CodeInput/utils/generateMediaQuery.js +0 -45
  81. package/styled-components/cjs/components/CodeInput/utils/handleCodeError.js +0 -58
  82. package/styled-components/cjs/components/CodeInput/utils/initialValuesHelper.js +0 -30
  83. package/styled-components/es/components/CodeInput/utils/generateMediaQuery.js +0 -39
  84. package/styled-components/es/components/CodeInput/utils/handleCodeError.js +0 -52
  85. package/styled-components/es/components/CodeInput/utils/initialValuesHelper.js +0 -24
  86. package/types/components/CodeInput/utils/generateMediaQuery.d.ts +0 -12
  87. package/types/components/CodeInput/utils/generateMediaQuery.d.ts.map +0 -1
  88. package/types/components/CodeInput/utils/handleCodeError.d.ts +0 -15
  89. package/types/components/CodeInput/utils/handleCodeError.d.ts.map +0 -1
  90. package/types/components/CodeInput/utils/initialValuesHelper.d.ts +0 -4
  91. 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, getCodeInputView } from "../../../../components/CodeInput";
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);", ";"], tokens.captionColor, tokens.captionColorError, tokens.codeColor, tokens.codeColorError, tokens.borderColorFocus, /*#__PURE__*/getCodeInputView(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty({}, tokens.smallMMinWidth, 0), tokens.mediumSMinWidth, '35rem'), tokens.mediumMMinWidth, '49.125rem'), tokens.largeSMinWidth, '60rem'), tokens.largeMMinWidth, '75rem'), 'default'))
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;", ":8rem;", ":8rem;", ":7rem;", ":7rem;", ":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;", ":5rem;", ":8rem;", ":4.5rem;", ":7rem;", ":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.largeSFontSize, tokens.largeSLineHeight, tokens.largeMFontSize, tokens.largeMLineHeight, tokens.mediumSFontSize, tokens.mediumSLineHeight, tokens.mediumMFontSize, tokens.mediumMLineHeight, tokens.smallMFontSize, tokens.smallMLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeMCodeItemWidth, tokens.largeMCodeItemHeight, tokens.largeSCodeItemWidth, tokens.largeSCodeItemHeight, tokens.mediumMCodeItemWidth, tokens.mediumMCodeItemHeight, tokens.mediumSCodeItemWidth, tokens.mediumSCodeItemHeight, tokens.smallMCodeItemWidth, tokens.smallMCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
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;", ":5.5rem;", ":5.75rem;", ":4.5rem;", ":4.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;", ":3.5rem;", ":5.75rem;", ":3rem;", ":4.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.largeMFontSize, tokens.largeMLineHeight, tokens.largeSFontSize, tokens.largeSLineHeight, tokens.mediumSFontSize, tokens.mediumSLineHeight, tokens.mediumMFontSize, tokens.mediumMLineHeight, tokens.smallMFontSize, tokens.smallMLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeMCodeItemWidth, tokens.largeMCodeItemHeight, tokens.largeSCodeItemWidth, tokens.largeSCodeItemHeight, tokens.mediumMCodeItemWidth, tokens.mediumMCodeItemHeight, tokens.mediumSCodeItemWidth, tokens.mediumSCodeItemHeight, tokens.smallMCodeItemWidth, tokens.smallMCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
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;", ":4rem;", ":4.25rem;", ":3rem;", ":3.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;", ":2.5rem;", ":4.25rem;", ":2rem;", ":3.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.largeMFontSize, tokens.largeMLineHeight, tokens.largeSFontSize, tokens.largeSLineHeight, tokens.mediumMFontSize, tokens.mediumMLineHeight, tokens.mediumSFontSize, tokens.mediumSLineHeight, tokens.smallMFontSize, tokens.smallMLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeMCodeItemWidth, tokens.largeMCodeItemHeight, tokens.largeSCodeItemWidth, tokens.largeSCodeItemHeight, tokens.mediumMCodeItemWidth, tokens.mediumMCodeItemHeight, tokens.mediumSCodeItemWidth, tokens.mediumSCodeItemHeight, tokens.smallMCodeItemWidth, tokens.smallMCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize)
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, getCodeInputView } from "../../../../components/CodeInput";
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);", ";"], tokens.captionColor, tokens.captionColorError, tokens.codeColor, tokens.codeColorError, tokens.borderColorFocus, /*#__PURE__*/getCodeInputView(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty(/*#__PURE__*/_defineProperty({}, tokens.smallMMinWidth, 0), tokens.mediumSMinWidth, '35rem'), tokens.mediumMMinWidth, '49.125rem'), tokens.largeSMinWidth, '60rem'), tokens.largeMMinWidth, '75rem'), 'default'))
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;", ":8rem;", ":8rem;", ":7rem;", ":7rem;", ":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;", ":5rem;", ":8rem;", ":4.5rem;", ":7rem;", ":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.largeSFontSize, tokens.largeSLineHeight, tokens.largeMFontSize, tokens.largeMLineHeight, tokens.mediumSFontSize, tokens.mediumSLineHeight, tokens.mediumMFontSize, tokens.mediumMLineHeight, tokens.smallMFontSize, tokens.smallMLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeMCodeItemWidth, tokens.largeMCodeItemHeight, tokens.largeSCodeItemWidth, tokens.largeSCodeItemHeight, tokens.mediumMCodeItemWidth, tokens.mediumMCodeItemHeight, tokens.mediumSCodeItemWidth, tokens.mediumSCodeItemHeight, tokens.smallMCodeItemWidth, tokens.smallMCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
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;", ":5.5rem;", ":5.75rem;", ":4.5rem;", ":4.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;", ":3.5rem;", ":5.75rem;", ":3rem;", ":4.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.largeMFontSize, tokens.largeMLineHeight, tokens.largeSFontSize, tokens.largeSLineHeight, tokens.mediumSFontSize, tokens.mediumSLineHeight, tokens.mediumMFontSize, tokens.mediumMLineHeight, tokens.smallMFontSize, tokens.smallMLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeMCodeItemWidth, tokens.largeMCodeItemHeight, tokens.largeSCodeItemWidth, tokens.largeSCodeItemHeight, tokens.mediumMCodeItemWidth, tokens.mediumMCodeItemHeight, tokens.mediumSCodeItemWidth, tokens.mediumSCodeItemHeight, tokens.smallMCodeItemWidth, tokens.smallMCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
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;", ":4rem;", ":4.25rem;", ":3rem;", ":3.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;", ":2.5rem;", ":4.25rem;", ":2rem;", ":3.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.largeMFontSize, tokens.largeMLineHeight, tokens.largeSFontSize, tokens.largeSLineHeight, tokens.mediumMFontSize, tokens.mediumMLineHeight, tokens.mediumSFontSize, tokens.mediumSLineHeight, tokens.smallMFontSize, tokens.smallMLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.largeMCodeItemWidth, tokens.largeMCodeItemHeight, tokens.largeSCodeItemWidth, tokens.largeSCodeItemHeight, tokens.mediumMCodeItemWidth, tokens.mediumMCodeItemHeight, tokens.mediumSCodeItemWidth, tokens.mediumSCodeItemHeight, tokens.smallMCodeItemWidth, tokens.smallMCodeItemHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize)
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;AAyBxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;sLAsUxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAxUQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6V5E,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
- largeMCodeItemWidth: string;
40
- largeMCodeItemHeight: string;
41
- largeSCodeItemWidth: string;
42
- largeSCodeItemHeight: string;
43
- mediumMCodeItemWidth: string;
44
- mediumMCodeItemHeight: string;
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
- largeMFontSize: string;
56
- largeMLineHeight: string;
57
- largeSFontSize: string;
58
- largeSLineHeight: string;
59
- mediumMFontSize: string;
60
- mediumMLineHeight: string;
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;;;;;;;;;;;;;;;;;;;;;;CA2BnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;CAKzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ElB,CAAC"}
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,4 +1,3 @@
1
1
  export { codeInputRoot, codeInputConfig } from './CodeInput';
2
2
  export { tokens as codeInputTokens, classes as codeInputClasses } from './CodeInput.tokens';
3
- export { getCodeInputView } from './utils';
4
3
  //# sourceMappingURL=index.d.ts.map
@@ -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;AAC5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,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 './initialValuesHelper';
1
+ export { getFieldPattern, getPlaceholderValue, getCodeValue } from '../../CodeField/utils';
2
2
  export { handleItemError } from './handleItemError';
3
- export { handleCodeError } from './handleCodeError';
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,mBAAmB,CAAC;AACpD,cAAc,sBAAsB,CAAC"}
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":"AAKA,eAAO,MAAM,IAAI,0CA0BhB,CAAC"}
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":";;;;;;;;;IAmBaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EASD;EAAA,IAAAC,mBAAA,EAAAC,oBAAA,CAAA;AAAA,EAAA,IARvBC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;IACjBC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,iBAAiB,GAAAP,IAAA,CAAjBO,iBAAiB;IACjBC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACPC,UAAU,GAAAV,IAAA,CAAVU,UAAU,CAAA;AAEV,EAAA,IAAI,CAACH,iBAAiB,CAACI,OAAO,EAAE;AAC5B,IAAA,OAAA;AACJ,GAAA;AAEA,EAAA,QAAQP,iBAAiB;AACrB,IAAA,KAAK,MAAM;AACPG,MAAAA,iBAAiB,CAACI,OAAO,CAACC,SAAS,CAACC,GAAG,CAACC,wBAAO,CAACC,SAAS,EAAED,wBAAO,CAACE,kBAAkB,CAAC,CAAA;AACtF,MAAA,CAAAf,mBAAA,GAAAO,UAAU,CAACG,OAAO,cAAAV,mBAAA,KAAA,KAAA,CAAA,IAAlBA,mBAAA,CAAoBW,SAAS,CAACC,GAAG,CAACC,wBAAO,CAACG,YAAY,CAAC,CAAA;AAEvDC,MAAAA,UAAU,CAAC,YAAM;AAAA,QAAA,IAAAC,qBAAA,CAAA;AACb,QAAA,IAAMC,OAAO,GAAAC,2CAAA,CAAOhB,WAAW,CAAC,CAAA;QAEhCe,OAAO,CAACE,GAAG,EAAE,CAAA;QACbZ,UAAU,CAACU,OAAO,CAAC,CAAA;QACnBX,OAAO,CAACJ,WAAW,CAAC,CAAA;AAEpB,QAAA,CAAAc,qBAAA,GAAAZ,iBAAiB,CAACI,OAAO,cAAAQ,qBAAA,KAAA,KAAA,CAAA,IAAzBA,qBAAA,CAA2BP,SAAS,CAACW,MAAM,CAACT,wBAAO,CAACE,kBAAkB,CAAC,CAAA;AAEvEE,QAAAA,UAAU,CAAC,YAAM;UAAA,IAAAM,kBAAA,EAAAC,mBAAA,CAAA;UACb,CAAAD,kBAAA,GAAAlB,SAAS,CAACK,OAAO,CAACL,SAAS,CAACK,OAAO,CAACe,MAAM,GAAG,CAAC,CAAC,MAAA,IAAA,IAAAF,kBAAA,KAAA,KAAA,CAAA,IAA/CA,kBAAA,CAAiDG,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;UACxE,CAAAF,mBAAA,GAAAnB,SAAS,CAACK,OAAO,CAACL,SAAS,CAACK,OAAO,CAACe,MAAM,GAAG,CAAC,CAAC,MAAAD,IAAAA,IAAAA,mBAAA,eAA/CA,mBAAA,CAAiDG,KAAK,EAAE,CAAA;SAC3D,EAAE,CAAC,CAAC,CAAA;OACR,EAAEC,2BAAiB,CAAC,CAAA;AAErB,MAAA,MAAA;AACJ,IAAA,KAAK,aAAa,CAAA;AAClB,IAAA;AACItB,MAAAA,iBAAiB,CAACI,OAAO,CAACC,SAAS,CAACC,GAAG,CACnCC,wBAAO,CAACC,SAAS,EACjBD,wBAAO,CAACE,kBAAkB,EAC1BF,wBAAO,CAACgB,aACZ,CAAC,CAAA;AACD,MAAA,CAAA5B,oBAAA,GAAAM,UAAU,CAACG,OAAO,cAAAT,oBAAA,KAAA,KAAA,CAAA,IAAlBA,oBAAA,CAAoBU,SAAS,CAACC,GAAG,CAACC,wBAAO,CAACG,YAAY,CAAC,CAAA;AAEvDC,MAAAA,UAAU,CAAC,YAAM;QAAA,IAAAa,mBAAA,EAAAC,sBAAA,CAAA;AACbtB,QAAAA,UAAU,CAACuB,gCAAY,CAAC9B,UAAU,EAAE,EAAE,CAAC,CAAC,CAAA;AAExC,QAAA,CAAA4B,mBAAA,GAAAzB,SAAS,CAACK,OAAO,CAAC,CAAC,CAAC,MAAA,IAAA,IAAAoB,mBAAA,KAApBA,KAAAA,CAAAA,IAAAA,mBAAA,CAAsBH,KAAK,EAAE,CAAA;QAC7B,CAAAI,sBAAA,GAAAzB,iBAAiB,CAACI,OAAO,cAAAqB,sBAAA,KAAA,KAAA,CAAA,IAAzBA,sBAAA,CAA2BpB,SAAS,CAACW,MAAM,CACvCT,wBAAO,CAACC,SAAS,EACjBD,wBAAO,CAACE,kBAAkB,EAC1BF,wBAAO,CAACgB,aACZ,CAAC,CAAA;OACJ,EAAED,2BAAiB,CAAC,CAAA;AAC7B,GAAA;AACJ;;;;"}
@@ -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
- };