@salutejs/plasma-new-hope 0.343.0-canary.2378.20025711782.0 → 0.343.0-canary.2380.20029516196.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 (102) hide show
  1. package/cjs/index.css +0 -4
  2. package/cjs/index.js +0 -6
  3. package/cjs/index.js.map +1 -1
  4. package/emotion/cjs/index.js +0 -1
  5. package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
  6. package/emotion/es/index.js +0 -1
  7. package/es/index.css +0 -4
  8. package/es/index.js +0 -2
  9. package/es/index.js.map +1 -1
  10. package/package.json +5 -5
  11. package/styled-components/cjs/examples/components/Combobox/Combobox.js +0 -15
  12. package/styled-components/cjs/index.js +0 -1
  13. package/styled-components/es/index.js +0 -1
  14. package/types/components/TextField/TextField.types.d.ts +1 -1
  15. package/types/index.d.ts +0 -1
  16. package/types/index.d.ts.map +1 -1
  17. package/cjs/components/_beta/Popover/Popover.js +0 -164
  18. package/cjs/components/_beta/Popover/Popover.js.map +0 -1
  19. package/cjs/components/_beta/Popover/Popover.styles.js +0 -23
  20. package/cjs/components/_beta/Popover/Popover.styles.js.map +0 -1
  21. package/cjs/components/_beta/Popover/Popover.styles_1iofnso.css +0 -3
  22. package/cjs/components/_beta/Popover/Popover.tokens.js +0 -22
  23. package/cjs/components/_beta/Popover/Popover.tokens.js.map +0 -1
  24. package/cjs/components/_beta/Popover/Popover_1ed9tky.css +0 -2
  25. package/cjs/components/_beta/Popover/utils/sizeToIconSize.js +0 -10
  26. package/cjs/components/_beta/Popover/utils/sizeToIconSize.js.map +0 -1
  27. package/emotion/cjs/components/_beta/Popover/Popover.js +0 -327
  28. package/emotion/cjs/components/_beta/Popover/Popover.styles.js +0 -38
  29. package/emotion/cjs/components/_beta/Popover/Popover.tokens.js +0 -32
  30. package/emotion/cjs/components/_beta/Popover/Popover.types.js +0 -4
  31. package/emotion/cjs/components/_beta/Popover/index.js +0 -26
  32. package/emotion/cjs/components/_beta/Popover/utils/index.js +0 -18
  33. package/emotion/cjs/components/_beta/Popover/utils/sizeToIconSize.js +0 -13
  34. package/emotion/cjs/components/_beta/index.js +0 -18
  35. package/emotion/cjs/examples/components/_beta/Popover/Popover.closeInner.config.js +0 -28
  36. package/emotion/cjs/examples/components/_beta/Popover/Popover.closeNone.config.js +0 -28
  37. package/emotion/cjs/examples/components/_beta/Popover/Popover.js +0 -39
  38. package/emotion/es/components/_beta/Popover/Popover.js +0 -263
  39. package/emotion/es/components/_beta/Popover/Popover.styles.js +0 -12
  40. package/emotion/es/components/_beta/Popover/Popover.tokens.js +0 -14
  41. package/emotion/es/components/_beta/Popover/Popover.types.js +0 -1
  42. package/emotion/es/components/_beta/Popover/index.js +0 -2
  43. package/emotion/es/components/_beta/Popover/utils/index.js +0 -1
  44. package/emotion/es/components/_beta/Popover/utils/sizeToIconSize.js +0 -3
  45. package/emotion/es/components/_beta/index.js +0 -1
  46. package/emotion/es/examples/components/_beta/Popover/Popover.closeInner.config.js +0 -18
  47. package/emotion/es/examples/components/_beta/Popover/Popover.closeNone.config.js +0 -18
  48. package/emotion/es/examples/components/_beta/Popover/Popover.js +0 -18
  49. package/es/components/_beta/Popover/Popover.js +0 -154
  50. package/es/components/_beta/Popover/Popover.js.map +0 -1
  51. package/es/components/_beta/Popover/Popover.styles.js +0 -17
  52. package/es/components/_beta/Popover/Popover.styles.js.map +0 -1
  53. package/es/components/_beta/Popover/Popover.styles_1iofnso.css +0 -3
  54. package/es/components/_beta/Popover/Popover.tokens.js +0 -17
  55. package/es/components/_beta/Popover/Popover.tokens.js.map +0 -1
  56. package/es/components/_beta/Popover/Popover_1ed9tky.css +0 -2
  57. package/es/components/_beta/Popover/utils/sizeToIconSize.js +0 -6
  58. package/es/components/_beta/Popover/utils/sizeToIconSize.js.map +0 -1
  59. package/styled-components/cjs/components/_beta/Popover/Popover.js +0 -331
  60. package/styled-components/cjs/components/_beta/Popover/Popover.styles.js +0 -88
  61. package/styled-components/cjs/components/_beta/Popover/Popover.tokens.js +0 -32
  62. package/styled-components/cjs/components/_beta/Popover/Popover.types.js +0 -4
  63. package/styled-components/cjs/components/_beta/Popover/index.js +0 -26
  64. package/styled-components/cjs/components/_beta/Popover/utils/index.js +0 -18
  65. package/styled-components/cjs/components/_beta/Popover/utils/sizeToIconSize.js +0 -13
  66. package/styled-components/cjs/components/_beta/index.js +0 -18
  67. package/styled-components/cjs/examples/components/_beta/Popover/Popover.closeInner.config.js +0 -57
  68. package/styled-components/cjs/examples/components/_beta/Popover/Popover.closeNone.config.js +0 -48
  69. package/styled-components/cjs/examples/components/_beta/Popover/Popover.js +0 -39
  70. package/styled-components/es/components/_beta/Popover/Popover.js +0 -267
  71. package/styled-components/es/components/_beta/Popover/Popover.styles.js +0 -27
  72. package/styled-components/es/components/_beta/Popover/Popover.tokens.js +0 -14
  73. package/styled-components/es/components/_beta/Popover/Popover.types.js +0 -1
  74. package/styled-components/es/components/_beta/Popover/index.js +0 -2
  75. package/styled-components/es/components/_beta/Popover/utils/index.js +0 -1
  76. package/styled-components/es/components/_beta/Popover/utils/sizeToIconSize.js +0 -3
  77. package/styled-components/es/components/_beta/index.js +0 -1
  78. package/styled-components/es/examples/components/_beta/Popover/Popover.closeInner.config.js +0 -47
  79. package/styled-components/es/examples/components/_beta/Popover/Popover.closeNone.config.js +0 -38
  80. package/styled-components/es/examples/components/_beta/Popover/Popover.js +0 -18
  81. package/types/components/_beta/Popover/Popover.d.ts +0 -23
  82. package/types/components/_beta/Popover/Popover.d.ts.map +0 -1
  83. package/types/components/_beta/Popover/Popover.styles.d.ts +0 -4
  84. package/types/components/_beta/Popover/Popover.styles.d.ts.map +0 -1
  85. package/types/components/_beta/Popover/Popover.tokens.d.ts +0 -15
  86. package/types/components/_beta/Popover/Popover.tokens.d.ts.map +0 -1
  87. package/types/components/_beta/Popover/Popover.types.d.ts +0 -106
  88. package/types/components/_beta/Popover/Popover.types.d.ts.map +0 -1
  89. package/types/components/_beta/Popover/index.d.ts +0 -4
  90. package/types/components/_beta/Popover/index.d.ts.map +0 -1
  91. package/types/components/_beta/Popover/utils/index.d.ts +0 -2
  92. package/types/components/_beta/Popover/utils/index.d.ts.map +0 -1
  93. package/types/components/_beta/Popover/utils/sizeToIconSize.d.ts +0 -2
  94. package/types/components/_beta/Popover/utils/sizeToIconSize.d.ts.map +0 -1
  95. package/types/components/_beta/index.d.ts +0 -2
  96. package/types/components/_beta/index.d.ts.map +0 -1
  97. package/types/examples/components/_beta/Popover/Popover.closeInner.config.d.ts +0 -17
  98. package/types/examples/components/_beta/Popover/Popover.closeInner.config.d.ts.map +0 -1
  99. package/types/examples/components/_beta/Popover/Popover.closeNone.config.d.ts +0 -17
  100. package/types/examples/components/_beta/Popover/Popover.closeNone.config.d.ts.map +0 -1
  101. package/types/examples/components/_beta/Popover/Popover.d.ts +0 -34
  102. package/types/examples/components/_beta/Popover/Popover.d.ts.map +0 -1
@@ -1,88 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get CloseButton () {
13
- return CloseButton;
14
- },
15
- get Target () {
16
- return Target;
17
- },
18
- get base () {
19
- return base;
20
- }
21
- });
22
- var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
23
- var _Popovertokens = require("./Popover.tokens");
24
- function _getRequireWildcardCache(nodeInterop) {
25
- if (typeof WeakMap !== "function") return null;
26
- var cacheBabelInterop = new WeakMap();
27
- var cacheNodeInterop = new WeakMap();
28
- return (_getRequireWildcardCache = function(nodeInterop) {
29
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
30
- })(nodeInterop);
31
- }
32
- function _interop_require_wildcard(obj, nodeInterop) {
33
- if (!nodeInterop && obj && obj.__esModule) {
34
- return obj;
35
- }
36
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
37
- return {
38
- default: obj
39
- };
40
- }
41
- var cache = _getRequireWildcardCache(nodeInterop);
42
- if (cache && cache.has(obj)) {
43
- return cache.get(obj);
44
- }
45
- var newObj = {
46
- __proto__: null
47
- };
48
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
49
- for(var key in obj){
50
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
51
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
52
- if (desc && (desc.get || desc.set)) {
53
- Object.defineProperty(newObj, key, desc);
54
- } else {
55
- newObj[key] = obj[key];
56
- }
57
- }
58
- }
59
- newObj.default = obj;
60
- if (cache) {
61
- cache.set(obj, newObj);
62
- }
63
- return newObj;
64
- }
65
- var base = (0, _styledcomponents.css)([
66
- "position:relative;background:var(",
67
- ");padding:var(",
68
- ");border-radius:var(",
69
- ");box-shadow:var(",
70
- ");"
71
- ], _Popovertokens.tokens.backgroundColor, _Popovertokens.tokens.padding, _Popovertokens.tokens.borderRadius, _Popovertokens.tokens.boxShadow);
72
- var Target = _styledcomponents.default.div.withConfig({
73
- displayName: "Popover.styles__Target",
74
- componentId: "sc-7e1eeac3-0"
75
- })([
76
- "display:inline-block;max-width:100%;"
77
- ]);
78
- var CloseButton = _styledcomponents.default.button.withConfig({
79
- displayName: "Popover.styles__CloseButton",
80
- componentId: "sc-7e1eeac3-1"
81
- })([
82
- "position:absolute;top:var(",
83
- ");right:var(",
84
- ");padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(",
85
- ");&:hover{color:var(",
86
- ");}&:active{color:var(",
87
- ");}"
88
- ], _Popovertokens.tokens.iconOffset, _Popovertokens.tokens.iconOffset, _Popovertokens.tokens.iconColor, _Popovertokens.tokens.iconColorHover, _Popovertokens.tokens.iconColorActive);
@@ -1,32 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get classes () {
13
- return classes;
14
- },
15
- get tokens () {
16
- return tokens;
17
- }
18
- });
19
- var classes = {
20
- popoverContainer: 'popover-container',
21
- popoverCloseIconButton: 'popover-close-icon-button'
22
- };
23
- var tokens = {
24
- backgroundColor: '--plasma-popover-background-color',
25
- borderRadius: '--plasma-popover-border-radius',
26
- padding: '--plasma-popover-padding',
27
- boxShadow: '--plasma-popover-box-shadow',
28
- iconColor: '--plasma-popover-icon-color',
29
- iconColorHover: '--plasma-popover-icon-color-hover',
30
- iconColorActive: '--plasma-popover-icon-color-active',
31
- iconOffset: '--plasma-popover-icon-offset'
32
- };
@@ -1,4 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
@@ -1,26 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get _beta_popoverClasses () {
13
- return _Popovertokens.classes;
14
- },
15
- get _beta_popoverConfig () {
16
- return _Popover.popoverConfig;
17
- },
18
- get _beta_popoverRoot () {
19
- return _Popover.popoverRoot;
20
- },
21
- get _beta_popoverTokens () {
22
- return _Popovertokens.tokens;
23
- }
24
- });
25
- var _Popover = require("./Popover");
26
- var _Popovertokens = require("./Popover.tokens");
@@ -1,18 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- _export_star(require("./sizeToIconSize"), exports);
6
- function _export_star(from, to) {
7
- Object.keys(from).forEach(function(k) {
8
- if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
9
- Object.defineProperty(to, k, {
10
- enumerable: true,
11
- get: function() {
12
- return from[k];
13
- }
14
- });
15
- }
16
- });
17
- return from;
18
- }
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "sizeToIconSize", {
6
- enumerable: true,
7
- get: function() {
8
- return sizeToIconSize;
9
- }
10
- });
11
- var sizeToIconSize = function(size) {
12
- return size === 's' ? 'xs' : 's';
13
- };
@@ -1,18 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- _export_star(require("./Popover"), exports);
6
- function _export_star(from, to) {
7
- Object.keys(from).forEach(function(k) {
8
- if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
9
- Object.defineProperty(to, k, {
10
- enumerable: true,
11
- get: function() {
12
- return from[k];
13
- }
14
- });
15
- }
16
- });
17
- return from;
18
- }
@@ -1,57 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "config", {
6
- enumerable: true,
7
- get: function() {
8
- return config;
9
- }
10
- });
11
- var _styledcomponents = require("styled-components");
12
- var _Popover = require("../../../../components/_beta/Popover");
13
- var config = {
14
- defaults: {
15
- view: 'default'
16
- },
17
- variations: {
18
- view: {
19
- default: (0, _styledcomponents.css)([
20
- "",
21
- ":var(--surface-solid-card);",
22
- ":var(--shadow-down-soft-m);",
23
- ":var(--text-secondary);",
24
- ":var(--text-secondary-hover);",
25
- ":var(--text-secondary-active);"
26
- ], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow, _Popover._beta_popoverTokens.iconColor, _Popover._beta_popoverTokens.iconColorHover, _Popover._beta_popoverTokens.iconColorActive),
27
- accent: (0, _styledcomponents.css)([
28
- "",
29
- ":var(--surface-accent);",
30
- ":var(--shadow-down-soft-m);",
31
- ":var(--on-dark-text-secondary);",
32
- ":var(--on-dark-text-secondary-hover);",
33
- ":var(--on-dark-text-secondary-active);"
34
- ], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow, _Popover._beta_popoverTokens.iconColor, _Popover._beta_popoverTokens.iconColorHover, _Popover._beta_popoverTokens.iconColorActive)
35
- },
36
- size: {
37
- l: (0, _styledcomponents.css)([
38
- "",
39
- ":1rem;",
40
- ":0.75rem;",
41
- ":0.75rem;"
42
- ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding, _Popover._beta_popoverTokens.iconOffset),
43
- m: (0, _styledcomponents.css)([
44
- "",
45
- ":0.875rem;",
46
- ":0.625rem;",
47
- ":0.625rem;"
48
- ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding, _Popover._beta_popoverTokens.iconOffset),
49
- s: (0, _styledcomponents.css)([
50
- "",
51
- ":0.75rem;",
52
- ":0.5rem;",
53
- ":0.5rem;"
54
- ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding, _Popover._beta_popoverTokens.iconOffset)
55
- }
56
- }
57
- };
@@ -1,48 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "config", {
6
- enumerable: true,
7
- get: function() {
8
- return config;
9
- }
10
- });
11
- var _styledcomponents = require("styled-components");
12
- var _Popover = require("../../../../components/_beta/Popover");
13
- var config = {
14
- defaults: {
15
- view: 'default'
16
- },
17
- variations: {
18
- view: {
19
- default: (0, _styledcomponents.css)([
20
- "",
21
- ":var(--surface-solid-card);",
22
- ":var(--shadow-down-soft-m);"
23
- ], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow),
24
- accent: (0, _styledcomponents.css)([
25
- "",
26
- ":var(--surface-accent);",
27
- ":var(--shadow-down-soft-m);"
28
- ], _Popover._beta_popoverTokens.backgroundColor, _Popover._beta_popoverTokens.boxShadow)
29
- },
30
- size: {
31
- l: (0, _styledcomponents.css)([
32
- "",
33
- ":1rem;",
34
- ":0.75rem;"
35
- ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding),
36
- m: (0, _styledcomponents.css)([
37
- "",
38
- ":0.875rem;",
39
- ":0.625rem;"
40
- ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding),
41
- s: (0, _styledcomponents.css)([
42
- "",
43
- ":0.75rem;",
44
- ":0.5rem;"
45
- ], _Popover._beta_popoverTokens.borderRadius, _Popover._beta_popoverTokens.padding)
46
- }
47
- }
48
- };
@@ -1,39 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get Popover () {
13
- return Popover;
14
- },
15
- get PopoverCloseInner () {
16
- return PopoverCloseInner;
17
- },
18
- get PopoverCloseNone () {
19
- return PopoverCloseNone;
20
- }
21
- });
22
- var _Popover = require("../../../../components/_beta/Popover");
23
- var _engines = require("../../../../engines");
24
- var _utils = require("../../../../utils");
25
- var _PopovercloseNoneconfig = require("./Popover.closeNone.config");
26
- var _PopovercloseInnerconfig = require("./Popover.closeInner.config");
27
- var mergedCloseNoneConfig = (0, _engines.mergeConfig)(_Popover._beta_popoverConfig, _PopovercloseNoneconfig.config);
28
- var PopoverCloseNone = (0, _engines.component)(mergedCloseNoneConfig);
29
- var mergedCloseInnerConfig = (0, _engines.mergeConfig)(_Popover._beta_popoverConfig, _PopovercloseInnerconfig.config);
30
- var PopoverCloseInner = (0, _engines.component)(mergedCloseInnerConfig);
31
- var Popover = (0, _utils.createConditionalComponent)(PopoverCloseNone, [
32
- {
33
- conditions: {
34
- prop: 'appearance',
35
- value: 'closeInner'
36
- },
37
- component: PopoverCloseInner
38
- }
39
- ]);
@@ -1,267 +0,0 @@
1
- function _array_like_to_array(arr, len) {
2
- if (len == null || len > arr.length) len = arr.length;
3
- for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
4
- return arr2;
5
- }
6
- function _array_with_holes(arr) {
7
- if (Array.isArray(arr)) return arr;
8
- }
9
- function _define_property(obj, key, value) {
10
- if (key in obj) {
11
- Object.defineProperty(obj, key, {
12
- value: value,
13
- enumerable: true,
14
- configurable: true,
15
- writable: true
16
- });
17
- } else {
18
- obj[key] = value;
19
- }
20
- return obj;
21
- }
22
- function _iterable_to_array_limit(arr, i) {
23
- var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
24
- if (_i == null) return;
25
- var _arr = [];
26
- var _n = true;
27
- var _d = false;
28
- var _s, _e;
29
- try {
30
- for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
31
- _arr.push(_s.value);
32
- if (i && _arr.length === i) break;
33
- }
34
- } catch (err) {
35
- _d = true;
36
- _e = err;
37
- } finally{
38
- try {
39
- if (!_n && _i["return"] != null) _i["return"]();
40
- } finally{
41
- if (_d) throw _e;
42
- }
43
- }
44
- return _arr;
45
- }
46
- function _non_iterable_rest() {
47
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
48
- }
49
- function _object_spread(target) {
50
- for(var i = 1; i < arguments.length; i++){
51
- var source = arguments[i] != null ? arguments[i] : {};
52
- var ownKeys = Object.keys(source);
53
- if (typeof Object.getOwnPropertySymbols === "function") {
54
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
55
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
56
- }));
57
- }
58
- ownKeys.forEach(function(key) {
59
- _define_property(target, key, source[key]);
60
- });
61
- }
62
- return target;
63
- }
64
- function ownKeys(object, enumerableOnly) {
65
- var keys = Object.keys(object);
66
- if (Object.getOwnPropertySymbols) {
67
- var symbols = Object.getOwnPropertySymbols(object);
68
- if (enumerableOnly) {
69
- symbols = symbols.filter(function(sym) {
70
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
71
- });
72
- }
73
- keys.push.apply(keys, symbols);
74
- }
75
- return keys;
76
- }
77
- function _object_spread_props(target, source) {
78
- source = source != null ? source : {};
79
- if (Object.getOwnPropertyDescriptors) {
80
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
81
- } else {
82
- ownKeys(Object(source)).forEach(function(key) {
83
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
84
- });
85
- }
86
- return target;
87
- }
88
- function _object_without_properties(source, excluded) {
89
- if (source == null) return {};
90
- var target = _object_without_properties_loose(source, excluded);
91
- var key, i;
92
- if (Object.getOwnPropertySymbols) {
93
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
94
- for(i = 0; i < sourceSymbolKeys.length; i++){
95
- key = sourceSymbolKeys[i];
96
- if (excluded.indexOf(key) >= 0) continue;
97
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
98
- target[key] = source[key];
99
- }
100
- }
101
- return target;
102
- }
103
- function _object_without_properties_loose(source, excluded) {
104
- if (source == null) return {};
105
- var target = {};
106
- var sourceKeys = Object.keys(source);
107
- var key, i;
108
- for(i = 0; i < sourceKeys.length; i++){
109
- key = sourceKeys[i];
110
- if (excluded.indexOf(key) >= 0) continue;
111
- target[key] = source[key];
112
- }
113
- return target;
114
- }
115
- function _sliced_to_array(arr, i) {
116
- return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
117
- }
118
- function _unsupported_iterable_to_array(o, minLen) {
119
- if (!o) return;
120
- if (typeof o === "string") return _array_like_to_array(o, minLen);
121
- var n = Object.prototype.toString.call(o).slice(8, -1);
122
- if (n === "Object" && o.constructor) n = o.constructor.name;
123
- if (n === "Map" || n === "Set") return Array.from(n);
124
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
125
- }
126
- import React, { forwardRef, useState, useRef } from "react";
127
- import cls from "classnames";
128
- import { useFloating, useInteractions, useClick, useDismiss, useRole, FloatingFocusManager, FloatingArrow, arrow, offset, useHover, safePolygon, shift, flip, FloatingPortal, autoUpdate } from "@floating-ui/react";
129
- import { mergeRefs } from "../../../utils";
130
- import { css } from "styled-components";
131
- import { IconClose } from "../../_Icon";
132
- import { sizeToIconSize } from "./utils";
133
- import { tokens, classes } from "./Popover.tokens";
134
- import { base, Target, CloseButton } from "./Popover.styles";
135
- /* Ширина хвостика */ var ARROW_WIDTH = 20;
136
- /* Высота хвостика */ var ARROW_HEIGHT = 8;
137
- /* SVG хвостика */ var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
138
- /* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */ var ARROW_PADDING = 16;
139
- export var popoverRoot = function(Root) {
140
- return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
141
- var _param_appearance = _param.appearance, appearance = _param_appearance === void 0 ? 'closeNone' : _param_appearance, children = _param.children, target = _param.target, outerOpened = _param.opened, _param_defaultOpened = _param.defaultOpened, defaultOpened = _param_defaultOpened === void 0 ? false : _param_defaultOpened, _param_trigger = _param.trigger, trigger = _param_trigger === void 0 ? 'click' : _param_trigger, _param_placement = _param.placement, placement = _param_placement === void 0 ? 'bottom' : _param_placement, tmp = _param.arrow, outerArrow = tmp === void 0 ? true : tmp, tmp1 = _param.flip, outsideFlip = tmp1 === void 0 ? true : tmp1, tmp2 = _param.shift, outsideShift = tmp2 === void 0 ? true : tmp2, tmp3 = _param.offset, outerOffset = tmp3 === void 0 ? 0 : tmp3, _param_outsideClick = _param.outsideClick, outsideClick = _param_outsideClick === void 0 ? true : _param_outsideClick, resizable = _param.resizable, onResizeStart = _param.onResizeStart, onResizeEnd = _param.onResizeEnd, onToggle = _param.onToggle, _param_delayOpen = _param.delayOpen, delayOpen = _param_delayOpen === void 0 ? 0 : _param_delayOpen, _param_delayClose = _param.delayClose, delayClose = _param_delayClose === void 0 ? 0 : _param_delayClose, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 1000 : _param_zIndex, className = _param.className, style = _param.style, size = _param.size, rest = _object_without_properties(_param, [
142
- "appearance",
143
- "children",
144
- "target",
145
- "opened",
146
- "defaultOpened",
147
- "trigger",
148
- "placement",
149
- "arrow",
150
- "flip",
151
- "shift",
152
- "offset",
153
- "outsideClick",
154
- "resizable",
155
- "onResizeStart",
156
- "onResizeEnd",
157
- "onToggle",
158
- "delayOpen",
159
- "delayClose",
160
- "zIndex",
161
- "className",
162
- "style",
163
- "size"
164
- ]);
165
- var _useState = _sliced_to_array(useState(defaultOpened), 2), innerOpened = _useState[0], setInnerOpened = _useState[1];
166
- var opened = outerOpened !== null && outerOpened !== void 0 ? outerOpened : innerOpened;
167
- var arrowRef = useRef(null);
168
- var handleToggle = function(opened) {
169
- setInnerOpened(opened);
170
- if (onToggle) {
171
- onToggle(opened);
172
- }
173
- };
174
- var _useFloating = useFloating({
175
- whileElementsMounted: autoUpdate,
176
- placement: placement,
177
- open: opened,
178
- onOpenChange: handleToggle,
179
- middleware: [
180
- outsideShift && shift(),
181
- outsideFlip && flip(),
182
- outerArrow && arrow({
183
- element: arrowRef,
184
- padding: ARROW_PADDING
185
- }),
186
- offset((outerArrow ? ARROW_HEIGHT : 0) + outerOffset)
187
- ]
188
- }), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles, context = _useFloating.context;
189
- var click = useClick(context, {
190
- enabled: trigger === 'click'
191
- });
192
- var dismiss = useDismiss(context, {
193
- enabled: true,
194
- outsidePress: outsideClick
195
- });
196
- var role = useRole(context);
197
- var hover = useHover(context, {
198
- enabled: trigger === 'hover',
199
- handleClose: safePolygon({
200
- requireIntent: false
201
- }),
202
- delay: {
203
- open: delayOpen,
204
- close: delayClose
205
- }
206
- });
207
- var _useInteractions = useInteractions([
208
- dismiss,
209
- role,
210
- click,
211
- hover
212
- ]), getReferenceProps = _useInteractions.getReferenceProps, getFloatingProps = _useInteractions.getFloatingProps;
213
- var commonRef = mergeRefs(outerRootRef, refs.setFloating);
214
- return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Target, _object_spread({
215
- ref: refs.setReference
216
- }, getReferenceProps()), target), opened && /*#__PURE__*/ React.createElement(FloatingPortal, null, /*#__PURE__*/ React.createElement(FloatingFocusManager, {
217
- context: context
218
- }, /*#__PURE__*/ React.createElement(Root, _object_spread_props(_object_spread({
219
- ref: commonRef,
220
- target: target,
221
- className: cls(className, classes.popoverContainer),
222
- style: _object_spread({
223
- zIndex: zIndex
224
- }, style, floatingStyles),
225
- size: size
226
- }, getFloatingProps(), rest), {
227
- "data-popover-open": opened
228
- }), appearance === 'closeInner' && /*#__PURE__*/ React.createElement(CloseButton, {
229
- className: classes.popoverCloseIconButton,
230
- onClick: function() {
231
- return handleToggle(false);
232
- }
233
- }, /*#__PURE__*/ React.createElement(IconClose, {
234
- size: sizeToIconSize(size),
235
- color: "inherit"
236
- })), outerArrow && /*#__PURE__*/ React.createElement(FloatingArrow, {
237
- ref: arrowRef,
238
- context: context,
239
- width: ARROW_WIDTH,
240
- height: ARROW_HEIGHT,
241
- fill: "var(".concat(tokens.backgroundColor, ")"),
242
- d: ARROW_POLYGON
243
- }), children))));
244
- });
245
- };
246
- export var popoverConfig = {
247
- name: 'Popover',
248
- tag: 'div',
249
- layout: popoverRoot,
250
- base: base,
251
- variations: {
252
- view: {
253
- css: css([
254
- ""
255
- ])
256
- },
257
- size: {
258
- css: css([
259
- ""
260
- ])
261
- }
262
- },
263
- defaults: {
264
- view: 'default',
265
- size: 'm'
266
- }
267
- };
@@ -1,27 +0,0 @@
1
- import styled from "styled-components";
2
- import { css } from "styled-components";
3
- import { tokens } from "./Popover.tokens";
4
- export var base = css([
5
- "position:relative;background:var(",
6
- ");padding:var(",
7
- ");border-radius:var(",
8
- ");box-shadow:var(",
9
- ");"
10
- ], tokens.backgroundColor, tokens.padding, tokens.borderRadius, tokens.boxShadow);
11
- export var Target = styled.div.withConfig({
12
- displayName: "Popover.styles__Target",
13
- componentId: "sc-7e1eeac3-0"
14
- })([
15
- "display:inline-block;max-width:100%;"
16
- ]);
17
- export var CloseButton = styled.button.withConfig({
18
- displayName: "Popover.styles__CloseButton",
19
- componentId: "sc-7e1eeac3-1"
20
- })([
21
- "position:absolute;top:var(",
22
- ");right:var(",
23
- ");padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(",
24
- ");&:hover{color:var(",
25
- ");}&:active{color:var(",
26
- ");}"
27
- ], tokens.iconOffset, tokens.iconOffset, tokens.iconColor, tokens.iconColorHover, tokens.iconColorActive);
@@ -1,14 +0,0 @@
1
- export var classes = {
2
- popoverContainer: 'popover-container',
3
- popoverCloseIconButton: 'popover-close-icon-button'
4
- };
5
- export var tokens = {
6
- backgroundColor: '--plasma-popover-background-color',
7
- borderRadius: '--plasma-popover-border-radius',
8
- padding: '--plasma-popover-padding',
9
- boxShadow: '--plasma-popover-box-shadow',
10
- iconColor: '--plasma-popover-icon-color',
11
- iconColorHover: '--plasma-popover-icon-color-hover',
12
- iconColorActive: '--plasma-popover-icon-color-active',
13
- iconOffset: '--plasma-popover-icon-offset'
14
- };
@@ -1,2 +0,0 @@
1
- export { popoverRoot as _beta_popoverRoot, popoverConfig as _beta_popoverConfig } from "./Popover";
2
- export { classes as _beta_popoverClasses, tokens as _beta_popoverTokens } from "./Popover.tokens";
@@ -1 +0,0 @@
1
- export * from "./sizeToIconSize";