@salutejs/plasma-new-hope 0.330.0-canary.1655.16067292539.0 → 0.330.0-canary.2009.16048670450.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 (147) hide show
  1. package/cjs/components/Drawer/Drawer.css +5 -7
  2. package/cjs/components/Modal/Modal.css +6 -9
  3. package/cjs/components/Modal/Modal.js +4 -13
  4. package/cjs/components/Modal/Modal.js.map +1 -1
  5. package/cjs/components/Modal/Modal.styles.js +5 -16
  6. package/cjs/components/Modal/Modal.styles.js.map +1 -1
  7. package/cjs/components/Modal/{Modal.styles_1obtvtw.css → Modal.styles_1gt0sfn.css} +3 -4
  8. package/cjs/components/Notification/NotificationsProvider.css +3 -7
  9. package/cjs/components/Popup/Popup.js +4 -42
  10. package/cjs/components/Popup/Popup.js.map +1 -1
  11. package/cjs/components/Popup/Popup.styles.js +12 -24
  12. package/cjs/components/Popup/Popup.styles.js.map +1 -1
  13. package/cjs/components/Popup/Popup.styles_gq4luz.css +4 -0
  14. package/cjs/components/Popup/Popup.tokens.js +1 -6
  15. package/cjs/components/Popup/Popup.tokens.js.map +1 -1
  16. package/cjs/components/Popup/PopupContext.css +3 -7
  17. package/cjs/components/Popup/utils/index.js.map +1 -1
  18. package/cjs/components/TextField/TextField.js.map +1 -1
  19. package/cjs/index.css +6 -9
  20. package/emotion/cjs/components/Modal/Modal.js +5 -14
  21. package/emotion/cjs/components/Modal/Modal.styles.js +6 -14
  22. package/emotion/cjs/components/Popup/Popup.js +5 -43
  23. package/emotion/cjs/components/Popup/Popup.styles.js +8 -22
  24. package/emotion/cjs/components/Popup/Popup.tokens.js +1 -6
  25. package/emotion/cjs/components/Popup/utils/index.js +0 -16
  26. package/emotion/cjs/components/TextField/TextField.js +1 -1
  27. package/emotion/cjs/components/_Icon/index.js +0 -4
  28. package/emotion/es/components/Modal/Modal.js +6 -15
  29. package/emotion/es/components/Modal/Modal.styles.js +6 -11
  30. package/emotion/es/components/Popup/Popup.js +6 -45
  31. package/emotion/es/components/Popup/Popup.styles.js +8 -16
  32. package/emotion/es/components/Popup/Popup.tokens.js +1 -6
  33. package/emotion/es/components/Popup/utils/index.js +0 -3
  34. package/emotion/es/components/TextField/TextField.js +1 -1
  35. package/emotion/es/components/_Icon/index.js +0 -1
  36. package/es/components/Drawer/Drawer.css +5 -7
  37. package/es/components/Modal/Modal.css +6 -9
  38. package/es/components/Modal/Modal.js +7 -16
  39. package/es/components/Modal/Modal.js.map +1 -1
  40. package/es/components/Modal/Modal.styles.js +6 -16
  41. package/es/components/Modal/Modal.styles.js.map +1 -1
  42. package/es/components/Modal/{Modal.styles_1obtvtw.css → Modal.styles_1gt0sfn.css} +3 -4
  43. package/es/components/Notification/NotificationsProvider.css +3 -7
  44. package/es/components/Popup/Popup.js +5 -43
  45. package/es/components/Popup/Popup.js.map +1 -1
  46. package/es/components/Popup/Popup.styles.js +13 -23
  47. package/es/components/Popup/Popup.styles.js.map +1 -1
  48. package/es/components/Popup/Popup.styles_gq4luz.css +4 -0
  49. package/es/components/Popup/Popup.tokens.js +1 -6
  50. package/es/components/Popup/Popup.tokens.js.map +1 -1
  51. package/es/components/Popup/PopupContext.css +3 -7
  52. package/es/components/Popup/utils/index.js.map +1 -1
  53. package/es/components/TextField/TextField.js.map +1 -1
  54. package/es/index.css +6 -9
  55. package/package.json +2 -3
  56. package/styled-components/cjs/components/Modal/Modal.js +5 -14
  57. package/styled-components/cjs/components/Modal/Modal.styles.js +8 -50
  58. package/styled-components/cjs/components/Popup/Popup.js +5 -43
  59. package/styled-components/cjs/components/Popup/Popup.styles.js +8 -65
  60. package/styled-components/cjs/components/Popup/Popup.tokens.js +1 -6
  61. package/styled-components/cjs/components/Popup/utils/index.js +0 -16
  62. package/styled-components/cjs/components/_Icon/index.js +0 -4
  63. package/styled-components/es/components/Modal/Modal.js +6 -15
  64. package/styled-components/es/components/Modal/Modal.styles.js +4 -8
  65. package/styled-components/es/components/Popup/Popup.js +6 -45
  66. package/styled-components/es/components/Popup/Popup.styles.js +4 -20
  67. package/styled-components/es/components/Popup/Popup.tokens.js +1 -6
  68. package/styled-components/es/components/Popup/utils/index.js +0 -3
  69. package/styled-components/es/components/_Icon/index.js +0 -1
  70. package/types/components/Breadcrumbs/utils/index.d.ts +1 -1
  71. package/types/components/Combobox/ComboboxNew/utils/sizeToIconSize.d.ts +1 -1
  72. package/types/components/Drawer/Drawer.d.ts +2 -2
  73. package/types/components/Drawer/Drawer.d.ts.map +1 -1
  74. package/types/components/Drawer/Drawer.types.d.ts +1 -1
  75. package/types/components/Drawer/Drawer.types.d.ts.map +1 -1
  76. package/types/components/Modal/Modal.d.ts +1 -1
  77. package/types/components/Modal/Modal.d.ts.map +1 -1
  78. package/types/components/Modal/Modal.styles.d.ts +1 -4
  79. package/types/components/Modal/Modal.styles.d.ts.map +1 -1
  80. package/types/components/Popup/Popup.d.ts +1 -1
  81. package/types/components/Popup/Popup.d.ts.map +1 -1
  82. package/types/components/Popup/Popup.styles.d.ts +0 -2
  83. package/types/components/Popup/Popup.styles.d.ts.map +1 -1
  84. package/types/components/Popup/Popup.tokens.d.ts +0 -5
  85. package/types/components/Popup/Popup.tokens.d.ts.map +1 -1
  86. package/types/components/Popup/Popup.types.d.ts +0 -58
  87. package/types/components/Popup/Popup.types.d.ts.map +1 -1
  88. package/types/components/Popup/utils/index.d.ts +0 -3
  89. package/types/components/Popup/utils/index.d.ts.map +1 -1
  90. package/types/components/Select/utils/sizeToIconSize.d.ts +1 -1
  91. package/types/components/Table/ui/HeadCell/HeadCell.d.ts +1 -1
  92. package/types/components/TextField/TextField.d.ts.map +1 -1
  93. package/types/components/Tree/utils/sizeToIconSize.d.ts +1 -1
  94. package/types/components/_Icon/index.d.ts +0 -1
  95. package/types/components/_Icon/index.d.ts.map +1 -1
  96. package/cjs/components/Popup/Popup.styles_sejy82.css +0 -6
  97. package/cjs/components/Popup/utils/getHandleStyles.js +0 -58
  98. package/cjs/components/Popup/utils/getHandleStyles.js.map +0 -1
  99. package/cjs/components/Popup/utils/getRatioBasedOnPlacement.js +0 -36
  100. package/cjs/components/Popup/utils/getRatioBasedOnPlacement.js.map +0 -1
  101. package/cjs/components/Popup/utils/getResizeDirections.js +0 -73
  102. package/cjs/components/Popup/utils/getResizeDirections.js.map +0 -1
  103. package/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -30
  104. package/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js.map +0 -1
  105. package/cjs/components/_Icon/Icons/IconResizeDiagonal.js +0 -30
  106. package/cjs/components/_Icon/Icons/IconResizeDiagonal.js.map +0 -1
  107. package/emotion/cjs/components/Popup/utils/getHandleStyles.js +0 -61
  108. package/emotion/cjs/components/Popup/utils/getRatioBasedOnPlacement.js +0 -54
  109. package/emotion/cjs/components/Popup/utils/getResizeDirections.js +0 -82
  110. package/emotion/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -83
  111. package/emotion/cjs/components/_Icon/Icons/IconResizeDiagonal.js +0 -86
  112. package/emotion/es/components/Popup/utils/getHandleStyles.js +0 -51
  113. package/emotion/es/components/Popup/utils/getRatioBasedOnPlacement.js +0 -44
  114. package/emotion/es/components/Popup/utils/getResizeDirections.js +0 -72
  115. package/emotion/es/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -68
  116. package/emotion/es/components/_Icon/Icons/IconResizeDiagonal.js +0 -71
  117. package/es/components/Popup/Popup.styles_sejy82.css +0 -6
  118. package/es/components/Popup/utils/getHandleStyles.js +0 -54
  119. package/es/components/Popup/utils/getHandleStyles.js.map +0 -1
  120. package/es/components/Popup/utils/getRatioBasedOnPlacement.js +0 -32
  121. package/es/components/Popup/utils/getRatioBasedOnPlacement.js.map +0 -1
  122. package/es/components/Popup/utils/getResizeDirections.js +0 -69
  123. package/es/components/Popup/utils/getResizeDirections.js.map +0 -1
  124. package/es/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -22
  125. package/es/components/_Icon/Icon.assets/ResizeDiagonal.js.map +0 -1
  126. package/es/components/_Icon/Icons/IconResizeDiagonal.js +0 -22
  127. package/es/components/_Icon/Icons/IconResizeDiagonal.js.map +0 -1
  128. package/styled-components/cjs/components/Popup/utils/getHandleStyles.js +0 -61
  129. package/styled-components/cjs/components/Popup/utils/getRatioBasedOnPlacement.js +0 -54
  130. package/styled-components/cjs/components/Popup/utils/getResizeDirections.js +0 -82
  131. package/styled-components/cjs/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -83
  132. package/styled-components/cjs/components/_Icon/Icons/IconResizeDiagonal.js +0 -86
  133. package/styled-components/es/components/Popup/utils/getHandleStyles.js +0 -51
  134. package/styled-components/es/components/Popup/utils/getRatioBasedOnPlacement.js +0 -44
  135. package/styled-components/es/components/Popup/utils/getResizeDirections.js +0 -72
  136. package/styled-components/es/components/_Icon/Icon.assets/ResizeDiagonal.js +0 -68
  137. package/styled-components/es/components/_Icon/Icons/IconResizeDiagonal.js +0 -71
  138. package/types/components/Popup/utils/getHandleStyles.d.ts +0 -29
  139. package/types/components/Popup/utils/getHandleStyles.d.ts.map +0 -1
  140. package/types/components/Popup/utils/getRatioBasedOnPlacement.d.ts +0 -3
  141. package/types/components/Popup/utils/getRatioBasedOnPlacement.d.ts.map +0 -1
  142. package/types/components/Popup/utils/getResizeDirections.d.ts +0 -14
  143. package/types/components/Popup/utils/getResizeDirections.d.ts.map +0 -1
  144. package/types/components/_Icon/Icon.assets/ResizeDiagonal.d.ts +0 -4
  145. package/types/components/_Icon/Icon.assets/ResizeDiagonal.d.ts.map +0 -1
  146. package/types/components/_Icon/Icons/IconResizeDiagonal.d.ts +0 -4
  147. package/types/components/_Icon/Icons/IconResizeDiagonal.d.ts.map +0 -1
package/es/index.css CHANGED
@@ -346,16 +346,13 @@
346
346
  .Subtitle_styles_g6d0r2_b810c19__dce1fd86{font-family:var(--typo-font-family);font-size:var(--typo-font-size);font-style:var(--typo-font-style);-webkit-letter-spacing:var(--typo-font-letter-spacing);-moz-letter-spacing:var(--typo-font-letter-spacing);-ms-letter-spacing:var(--typo-font-letter-spacing);letter-spacing:var(--typo-font-letter-spacing);line-height:var(--typo-font-line-height);font-weight:var(--typo-font-weight);overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}.Subtitle_styles_g6d0r2_b810c19__dce1fd86.Subtitle_styles_g6d0r2_withNoWrap__dce1fd86{white-space:nowrap;}
347
347
 
348
348
 
349
+ .Popup_styles_gq4luz_s1cjo3us__bb610b96{width:0;}
350
+ .Popup_styles_gq4luz_p5u7tqa__bb610b96{position:relative;max-width:100%;pointer-events:all;}
351
+ .Popup_styles_gq4luz_p1f40oul__bb610b96{position:var(--p1f40oul-0);z-index:var(--p1f40oul-1);left:var(--p1f40oul-2);right:var(--p1f40oul-3);top:var(--p1f40oul-4);bottom:var(--p1f40oul-5);-webkit-transform:var(--p1f40oul-6);-ms-transform:var(--p1f40oul-6);transform:var(--p1f40oul-6);}
349
352
 
350
- .Popup_styles_sejy82_s5u7tqa__dfce5444{width:0;}
351
- .Popup_styles_sejy82_p1f40oul__dfce5444{position:relative;max-width:100%;pointer-events:all;}
352
- .Popup_styles_sejy82_p1ug7bn2__dfce5444{position:var(--p1ug7bn2-0);z-index:var(--p1ug7bn2-1);left:var(--p1ug7bn2-2);right:var(--p1ug7bn2-3);top:var(--p1ug7bn2-4);bottom:var(--p1ug7bn2-5);-webkit-transform:var(--p1ug7bn2-6);-ms-transform:var(--p1ug7bn2-6);transform:var(--p1ug7bn2-6);}
353
- .Popup_styles_sejy82_i10c9529__dfce5444{color:var(--text-secondary);}.Popup_styles_sejy82_i10c9529__dfce5444:hover{color:var(--text-secondary-hover);}.Popup_styles_sejy82_i10c9529__dfce5444:active{color:var(--text-secondary-active);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopRightIcon__dfce5444{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomRightIcon__dfce5444{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableBottomLeftIcon__dfce5444{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popup_styles_sejy82_i10c9529__dfce5444.Popup_styles_sejy82_resizableTopLeftIcon__dfce5444{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
354
-
355
- .Modal_styles_1obtvtw_b7npn1w__a2f4e50d{height:100%;}
356
- .Modal_styles_1obtvtw_m16phoaz__a2f4e50d{height:100%;box-sizing:border-box;border-radius:var(--plasma-modal-body-border-radius);padding:var(--plasma-modal-body-padding);background:var(--plasma-modal-body-background);box-shadow:var(--shadow-down-soft-l);}
357
- .Modal_styles_1obtvtw_m5bx5hr__a2f4e50d{position:relative;padding:var(--plasma-modal-content-padding);}
358
- .Modal_styles_1obtvtw_cjp242v__a2f4e50d{top:0;right:0;width:1.5rem;height:1.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--plasma-modal-close-button-radius);padding:0;margin:0;outline:none;cursor:pointer;background:transparent;position:relative;color:var(--plasma-modal-close-button-color);position:absolute;}.Modal_styles_1obtvtw_cjp242v__a2f4e50d::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-modal-close-button-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Modal_styles_1obtvtw_cjp242v__a2f4e50d.Modal_styles_1obtvtw_focusVisible__a2f4e50d:focus::before,.Modal_styles_1obtvtw_cjp242v__a2f4e50d[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-modal-outline-focus-color);}.Modal_styles_1obtvtw_cjp242v__a2f4e50d:hover{color:var(--plasma-modal-close-button-hover-color);}.Modal_styles_1obtvtw_cjp242v__a2f4e50d:active{color:var(--plasma-modal-close-button-active-color);}
353
+ .Modal_styles_1gt0sfn_m7npn1w__75045114{border-radius:var(--plasma-modal-body-border-radius);padding:var(--plasma-modal-body-padding);background:var(--plasma-modal-body-background);box-shadow:var(--shadow-down-soft-l);}
354
+ .Modal_styles_1gt0sfn_m16phoaz__75045114{position:relative;padding:var(--plasma-modal-content-padding);}
355
+ .Modal_styles_1gt0sfn_c5bx5hr__75045114{top:0;right:0;width:1.5rem;height:1.5rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border:none;border-radius:var(--plasma-modal-close-button-radius);padding:0;margin:0;outline:none;cursor:pointer;background:transparent;position:relative;color:var(--plasma-modal-close-button-color);position:absolute;}.Modal_styles_1gt0sfn_c5bx5hr__75045114::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.063rem solid transparent;border-radius:calc(var(--plasma-modal-close-button-radius) + 0.063rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Modal_styles_1gt0sfn_c5bx5hr__75045114.Modal_styles_1gt0sfn_focusVisible__75045114:focus::before,.Modal_styles_1gt0sfn_c5bx5hr__75045114[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.063rem var(--plasma-modal-outline-focus-color);}.Modal_styles_1gt0sfn_c5bx5hr__75045114:hover{color:var(--plasma-modal-close-button-hover-color);}.Modal_styles_1gt0sfn_c5bx5hr__75045114:active{color:var(--plasma-modal-close-button-active-color);}
359
356
 
360
357
  .NotificationsPortal_6417q6_s19gbs9t__4166aeb6 > .NotificationsPortal_6417q6_popupBaseRoot__4166aeb6{overflow:hidden;}
361
358
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.330.0-canary.1655.16067292539.0",
3
+ "version": "0.330.0-canary.2009.16048670450.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -128,7 +128,6 @@
128
128
  "lodash.throttle": "4.1.1",
129
129
  "rc-tree": "5.11.0",
130
130
  "rc-virtual-list": "3.18.1",
131
- "re-resizable": "6.10.3",
132
131
  "react-draggable": "4.4.3",
133
132
  "react-hot-toast": "2.5.2",
134
133
  "react-number-format": "5.4.3",
@@ -138,5 +137,5 @@
138
137
  "sideEffects": [
139
138
  "*.css"
140
139
  ],
141
- "gitHead": "306c14b67283d164a591b5df4d720b48f288215b"
140
+ "gitHead": "a40615dc08ec082ce36de8719039cb3a6eb22429"
142
141
  }
@@ -130,7 +130,7 @@ function _object_without_properties_loose(source, excluded) {
130
130
  var Popup = (0, _engines.component)(_Popup.popupConfig);
131
131
  var modalRoot = function(Root) {
132
132
  return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, outerRootRef) {
133
- var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, draggable = _param.draggable, handle = _param.handle, resizable = _param.resizable, rest = _object_without_properties(_param, [
133
+ var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, rest = _object_without_properties(_param, [
134
134
  "id",
135
135
  "withAnimation",
136
136
  "onClose",
@@ -148,16 +148,12 @@ var modalRoot = function(Root) {
148
148
  "opened",
149
149
  "isOpen",
150
150
  "hasBody",
151
- "hasClose",
152
- "draggable",
153
- "handle",
154
- "resizable"
151
+ "hasClose"
155
152
  ]);
156
153
  var innerIsOpen = Boolean(isOpen || opened);
157
154
  var innerHasClose = hasClose === undefined && hasBody || hasClose;
158
155
  var trapRef = (0, _hooks.useFocusTrap)(true, initialFocusRef, focusAfterRef, true);
159
156
  var popupController = (0, _Popup.usePopupContext)();
160
- var isResizableEnabled = Boolean(resizable && !resizable.disabled);
161
157
  var innerRef = (0, _plasmacore.useForkRef)(trapRef, outerRootRef);
162
158
  var uniqId = (0, _utils.safeUseId)();
163
159
  var innerId = id || uniqId;
@@ -207,15 +203,10 @@ var modalRoot = function(Root) {
207
203
  zIndex: zIndex,
208
204
  overlay: hasBody ? overlayNode : /*#__PURE__*/ _react.default.createElement(Root, {
209
205
  view: view
210
- }, overlayNode),
211
- draggable: draggable,
212
- handle: handle,
213
- resizable: resizable
206
+ }, overlayNode)
214
207
  }, rest), hasBody ? /*#__PURE__*/ _react.default.createElement(Root, {
215
208
  view: view
216
- }, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalBody, {
217
- isResizableEnabled: isResizableEnabled
218
- }, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalContent, null, innerHasClose && /*#__PURE__*/ _react.default.createElement(_Modalstyles.CloseButton, {
209
+ }, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalBody, null, /*#__PURE__*/ _react.default.createElement(_Modalstyles.ModalContent, null, innerHasClose && /*#__PURE__*/ _react.default.createElement(_Modalstyles.CloseButton, {
219
210
  onClick: onClose,
220
211
  "data-test": "modal-close"
221
212
  }, /*#__PURE__*/ _react.default.createElement(_IconClose.IconClose, {
@@ -228,7 +219,7 @@ var modalConfig = {
228
219
  name: 'Modal',
229
220
  tag: 'div',
230
221
  layout: modalRoot,
231
- base: _Modalstyles.base,
222
+ base: '',
232
223
  variations: {
233
224
  view: {
234
225
  css: _base.base
@@ -17,77 +17,35 @@ _export(exports, {
17
17
  },
18
18
  get ModalContent () {
19
19
  return ModalContent;
20
- },
21
- get base () {
22
- return base;
23
20
  }
24
21
  });
25
- var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
22
+ var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
26
23
  var _mixins = require("../../mixins");
27
24
  var _Modaltokens = require("./Modal.tokens");
28
- function _getRequireWildcardCache(nodeInterop) {
29
- if (typeof WeakMap !== "function") return null;
30
- var cacheBabelInterop = new WeakMap();
31
- var cacheNodeInterop = new WeakMap();
32
- return (_getRequireWildcardCache = function(nodeInterop) {
33
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
34
- })(nodeInterop);
35
- }
36
- function _interop_require_wildcard(obj, nodeInterop) {
37
- if (!nodeInterop && obj && obj.__esModule) {
38
- return obj;
39
- }
40
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
41
- return {
42
- default: obj
43
- };
44
- }
45
- var cache = _getRequireWildcardCache(nodeInterop);
46
- if (cache && cache.has(obj)) {
47
- return cache.get(obj);
48
- }
49
- var newObj = {
50
- __proto__: null
25
+ function _interop_require_default(obj) {
26
+ return obj && obj.__esModule ? obj : {
27
+ default: obj
51
28
  };
52
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
53
- for(var key in obj){
54
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
55
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
56
- if (desc && (desc.get || desc.set)) {
57
- Object.defineProperty(newObj, key, desc);
58
- } else {
59
- newObj[key] = obj[key];
60
- }
61
- }
62
- }
63
- newObj.default = obj;
64
- if (cache) {
65
- cache.set(obj, newObj);
66
- }
67
- return newObj;
68
29
  }
69
- var base = (0, _styledcomponents.css)([
70
- "height:100%;"
71
- ]);
72
30
  var ModalBody = _styledcomponents.default.div.withConfig({
73
31
  displayName: "Modal.styles__ModalBody",
74
- componentId: "sc-aa09e41b-0"
32
+ componentId: "sc-65f5e73a-0"
75
33
  })([
76
- "height:100%;box-sizing:border-box;border-radius:var(",
34
+ "border-radius:var(",
77
35
  ");padding:var(",
78
36
  ");background:var(",
79
37
  ");box-shadow:var(--shadow-down-soft-l);"
80
38
  ], _Modaltokens.tokens.modalBodyBorderRadius, _Modaltokens.tokens.modalBodyPadding, _Modaltokens.tokens.modalBodyBackground);
81
39
  var ModalContent = _styledcomponents.default.div.withConfig({
82
40
  displayName: "Modal.styles__ModalContent",
83
- componentId: "sc-aa09e41b-1"
41
+ componentId: "sc-65f5e73a-1"
84
42
  })([
85
43
  "position:relative;padding:var(",
86
44
  ");"
87
45
  ], _Modaltokens.tokens.modalContentPadding);
88
46
  var CloseButton = _styledcomponents.default.button.withConfig({
89
47
  displayName: "Modal.styles__CloseButton",
90
- componentId: "sc-aa09e41b-2"
48
+ componentId: "sc-65f5e73a-2"
91
49
  })([
92
50
  "top:0;right:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(",
93
51
  ");padding:0;margin:0;outline:none;cursor:pointer;background:transparent;",
@@ -21,10 +21,8 @@ _export(exports, {
21
21
  });
22
22
  var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
23
23
  var _plasmacore = require("@salutejs/plasma-core");
24
- var _reresizable = require("re-resizable");
25
24
  var _utils = require("../../utils");
26
25
  var _Portal = require("../Portal");
27
- var _utils1 = require("./utils");
28
26
  var _PopupRoot = require("./PopupRoot");
29
27
  var _hooks = require("./hooks");
30
28
  var _Popuptokens = require("./Popup.tokens");
@@ -232,7 +230,7 @@ var popupRoot = function(Root) {
232
230
  0,
233
231
  0
234
232
  ] : _param_offset, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, children = _param.children, overlay = _param.overlay, // eslint-disable-next-line @typescript-eslint/no-unused-vars
235
- role = _param.role, zIndex = _param.zIndex, popupInfo = _param.popupInfo, _param_withAnimation = _param.withAnimation, withAnimation = _param_withAnimation === void 0 ? false : _param_withAnimation, className = _param.className, _param_draggable = _param.draggable, draggable = _param_draggable === void 0 ? false : _param_draggable, handle = _param.handle, resizable = _param.resizable, rest = _object_without_properties(_param, [
233
+ role = _param.role, zIndex = _param.zIndex, popupInfo = _param.popupInfo, _param_withAnimation = _param.withAnimation, withAnimation = _param_withAnimation === void 0 ? false : _param_withAnimation, className = _param.className, rest = _object_without_properties(_param, [
236
234
  "id",
237
235
  "isOpen",
238
236
  "opened",
@@ -245,12 +243,8 @@ var popupRoot = function(Root) {
245
243
  "zIndex",
246
244
  "popupInfo",
247
245
  "withAnimation",
248
- "className",
249
- "draggable",
250
- "handle",
251
- "resizable"
246
+ "className"
252
247
  ]);
253
- var _resizable_hiddenIcons, _resizable_hiddenIcons1, _resizable_hiddenIcons2, _resizable_hiddenIcons3;
254
248
  var innerIsOpen = isOpen || opened;
255
249
  var uniqId = (0, _utils.safeUseId)();
256
250
  var innerId = id || uniqId;
@@ -263,10 +257,10 @@ var popupRoot = function(Root) {
263
257
  var portalRef = (0, _react.useRef)(null);
264
258
  var contentRef = (0, _react.useRef)(null);
265
259
  var innerRef = (0, _plasmacore.useForkRef)(contentRef, outerRootRef);
266
- var cls = (0, _utils.cx)(className, (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? _Popuptokens.classes.endAnimation : '', (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? _Popuptokens.classes.endTransition : '');
267
260
  if (!isVisible && !innerIsOpen) {
268
261
  return null;
269
262
  }
263
+ var cls = (0, _utils.cx)(className, (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endAnimation) ? _Popuptokens.classes.endAnimation : '', (animationInfo === null || animationInfo === void 0 ? void 0 : animationInfo.endTransition) ? _Popuptokens.classes.endTransition : '');
270
264
  var rootNode = /*#__PURE__*/ _react.default.createElement(Root, {
271
265
  className: cls
272
266
  }, overlay, /*#__PURE__*/ _react.default.createElement(_PopupRoot.PopupRoot, _object_spread({
@@ -277,39 +271,7 @@ var popupRoot = function(Root) {
277
271
  frame: frame,
278
272
  animationInfo: animationInfo,
279
273
  setVisible: setVisible
280
- }, rest), /*#__PURE__*/ _react.default.createElement(_reresizable.Resizable, {
281
- enable: resizable && !resizable.disabled ? (0, _utils1.getResizeDirections)(resizable.directions) : false,
282
- resizeRatio: (0, _utils1.getRatioBasedOnPlacement)(placement),
283
- defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
284
- minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
285
- minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
286
- maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
287
- maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
288
- handleComponent: {
289
- topRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons = resizable.hiddenIcons) === null || _resizable_hiddenIcons === void 0 ? void 0 : _resizable_hiddenIcons.includes('top-right')) ? undefined : /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
290
- className: _Popuptokens.classes.resizableTopRightIcon,
291
- color: "inherit",
292
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
293
- }),
294
- bottomRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons1 = resizable.hiddenIcons) === null || _resizable_hiddenIcons1 === void 0 ? void 0 : _resizable_hiddenIcons1.includes('bottom-right')) ? undefined : /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
295
- className: _Popuptokens.classes.resizableBottomRightIcon,
296
- color: "inherit",
297
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
298
- }),
299
- bottomLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons2 = resizable.hiddenIcons) === null || _resizable_hiddenIcons2 === void 0 ? void 0 : _resizable_hiddenIcons2.includes('bottom-left')) ? undefined : /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
300
- className: _Popuptokens.classes.resizableBottomLeftIcon,
301
- color: "inherit",
302
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
303
- }),
304
- topLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons3 = resizable.hiddenIcons) === null || _resizable_hiddenIcons3 === void 0 ? void 0 : _resizable_hiddenIcons3.includes('top-left')) ? undefined : /*#__PURE__*/ _react.default.createElement(_Popupstyles.IconResizeDiagonalStyled, {
305
- className: _Popuptokens.classes.resizableTopLeftIcon,
306
- color: "inherit",
307
- size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
308
- })
309
- },
310
- className: _Popuptokens.classes.resizableContainer,
311
- handleStyles: (0, _utils1.getHandleStyles)(resizable === null || resizable === void 0 ? void 0 : resizable.iconSize)
312
- }, children)));
274
+ }, rest), children));
313
275
  if (typeof frame !== 'string' && frame && frame.current && _utils.canUseDOM) {
314
276
  return /*#__PURE__*/ _react.default.createElement(_Portal.Portal, {
315
277
  container: frame.current
@@ -336,7 +298,7 @@ var popupConfig = {
336
298
  name: 'Popup',
337
299
  tag: 'div',
338
300
  layout: popupRoot,
339
- base: _Popupstyles.base,
301
+ base: '',
340
302
  variations: {},
341
303
  defaults: {}
342
304
  };
@@ -9,9 +9,6 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- get IconResizeDiagonalStyled () {
13
- return IconResizeDiagonalStyled;
14
- },
15
12
  get PopupRootContainer () {
16
13
  return PopupRootContainer;
17
14
  },
@@ -23,80 +20,36 @@ _export(exports, {
23
20
  },
24
21
  get StyledPortalContainer () {
25
22
  return StyledPortalContainer;
26
- },
27
- get base () {
28
- return base;
29
23
  }
30
24
  });
31
- var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
32
- var _Icon = require("../_Icon");
33
- var _Popuptokens = require("./Popup.tokens");
25
+ var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
34
26
  var _utils = require("./utils");
35
- function _getRequireWildcardCache(nodeInterop) {
36
- if (typeof WeakMap !== "function") return null;
37
- var cacheBabelInterop = new WeakMap();
38
- var cacheNodeInterop = new WeakMap();
39
- return (_getRequireWildcardCache = function(nodeInterop) {
40
- return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
41
- })(nodeInterop);
42
- }
43
- function _interop_require_wildcard(obj, nodeInterop) {
44
- if (!nodeInterop && obj && obj.__esModule) {
45
- return obj;
46
- }
47
- if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
48
- return {
49
- default: obj
50
- };
51
- }
52
- var cache = _getRequireWildcardCache(nodeInterop);
53
- if (cache && cache.has(obj)) {
54
- return cache.get(obj);
55
- }
56
- var newObj = {
57
- __proto__: null
27
+ function _interop_require_default(obj) {
28
+ return obj && obj.__esModule ? obj : {
29
+ default: obj
58
30
  };
59
- var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
60
- for(var key in obj){
61
- if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
62
- var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
63
- if (desc && (desc.get || desc.set)) {
64
- Object.defineProperty(newObj, key, desc);
65
- } else {
66
- newObj[key] = obj[key];
67
- }
68
- }
69
- }
70
- newObj.default = obj;
71
- if (cache) {
72
- cache.set(obj, newObj);
73
- }
74
- return newObj;
75
31
  }
76
- var base = (0, _styledcomponents.css)([
77
- ""
78
- ]);
79
32
  var StyledPortal = _styledcomponents.default.div.withConfig({
80
33
  displayName: "Popup.styles__StyledPortal",
81
- componentId: "sc-53e4f17f-0"
34
+ componentId: "sc-9d33eb36-0"
82
35
  })([
83
36
  ""
84
37
  ]);
85
38
  var StyledPortalContainer = _styledcomponents.default.div.withConfig({
86
39
  displayName: "Popup.styles__StyledPortalContainer",
87
- componentId: "sc-53e4f17f-1"
40
+ componentId: "sc-9d33eb36-1"
88
41
  })([
89
42
  "width:0;"
90
43
  ]);
91
44
  var PopupView = _styledcomponents.default.div.withConfig({
92
45
  displayName: "Popup.styles__PopupView",
93
- componentId: "sc-53e4f17f-2"
46
+ componentId: "sc-9d33eb36-2"
94
47
  })([
95
48
  "position:relative;max-width:100%;pointer-events:all;"
96
49
  ]);
97
50
  var PopupRootContainer = _styledcomponents.default.div.withConfig({
98
51
  displayName: "Popup.styles__PopupRootContainer",
99
- componentId: "sc-53e4f17f-3"
52
+ componentId: "sc-9d33eb36-3"
100
53
  })([
101
54
  "position:",
102
55
  ";z-index:",
@@ -128,13 +81,3 @@ var PopupRootContainer = _styledcomponents.default.div.withConfig({
128
81
  var position = param.position;
129
82
  return position.transform || '';
130
83
  });
131
- var IconResizeDiagonalStyled = (0, _styledcomponents.default)(_Icon.IconResizeDiagonal).withConfig({
132
- displayName: "Popup.styles__IconResizeDiagonalStyled",
133
- componentId: "sc-53e4f17f-4"
134
- })([
135
- "color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.",
136
- "{transform:rotate(-90deg);}&.",
137
- "{transform:rotate(0);}&.",
138
- "{transform:rotate(90deg);}&.",
139
- "{transform:rotate(180deg);}"
140
- ], _Popuptokens.classes.resizableTopRightIcon, _Popuptokens.classes.resizableBottomRightIcon, _Popuptokens.classes.resizableBottomLeftIcon, _Popuptokens.classes.resizableTopLeftIcon);
@@ -13,10 +13,5 @@ var classes = {
13
13
  * Класс корневого компонента PopupRoot: `popup-base-root`
14
14
  */ root: 'popup-base-root',
15
15
  endAnimation: 'popup-end-animation',
16
- endTransition: 'popup-end-transition',
17
- resizableContainer: 'resizable-container',
18
- resizableTopRightIcon: 'resizable-top-right-icon',
19
- resizableBottomRightIcon: 'resizable-bottom-right-icon',
20
- resizableBottomLeftIcon: 'resizable-bottom-left-icon',
21
- resizableTopLeftIcon: 'resizable-top-left-icon'
16
+ endTransition: 'popup-end-transition'
22
17
  };
@@ -8,20 +8,4 @@ Object.defineProperty(exports, "DEFAULT_Z_INDEX", {
8
8
  return DEFAULT_Z_INDEX;
9
9
  }
10
10
  });
11
- _export_star(require("./getRatioBasedOnPlacement"), exports);
12
- _export_star(require("./getResizeDirections"), exports);
13
- _export_star(require("./getHandleStyles"), exports);
14
- function _export_star(from, to) {
15
- Object.keys(from).forEach(function(k) {
16
- if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
17
- Object.defineProperty(to, k, {
18
- enumerable: true,
19
- get: function() {
20
- return from[k];
21
- }
22
- });
23
- }
24
- });
25
- return from;
26
- }
27
11
  var DEFAULT_Z_INDEX = '9000';
@@ -123,9 +123,6 @@ _export(exports, {
123
123
  get IconResetOutline () {
124
124
  return _IconResetOutline.IconResetOutline;
125
125
  },
126
- get IconResizeDiagonal () {
127
- return _IconResizeDiagonal.IconResizeDiagonal;
128
- },
129
126
  get IconSaluteOutline16 () {
130
127
  return _IconSaluteOutline.IconSaluteOutline16;
131
128
  },
@@ -213,4 +210,3 @@ var _IconEditOutline = require("./Icons/IconEditOutline");
213
210
  var _IconResetOutline = require("./Icons/IconResetOutline");
214
211
  var _IconDoneCircleOutline = require("./Icons/IconDoneCircleOutline");
215
212
  var _IconTrash = require("./Icons/IconTrash");
216
- var _IconResizeDiagonal = require("./Icons/IconResizeDiagonal");
@@ -66,7 +66,7 @@ import { classes, tokens } from "./Modal.tokens";
66
66
  import { useModal } from "./hooks";
67
67
  import { base as viewCSS } from "./variations/_view/base";
68
68
  import { getIdLastModal } from "./ModalContext";
69
- import { CloseButton, ModalBody, ModalContent, base } from "./Modal.styles";
69
+ import { CloseButton, ModalBody, ModalContent } from "./Modal.styles";
70
70
  // issue #823
71
71
  var Popup = component(popupConfig);
72
72
  /**
@@ -74,7 +74,7 @@ var Popup = component(popupConfig);
74
74
  * Управляет показом/скрытием, подложкой и анимацией визуальной части модального окна.
75
75
  */ export var modalRoot = function(Root) {
76
76
  return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
77
- var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, draggable = _param.draggable, handle = _param.handle, resizable = _param.resizable, rest = _object_without_properties(_param, [
77
+ var id = _param.id, withAnimation = _param.withAnimation, onClose = _param.onClose, onOverlayClick = _param.onOverlayClick, onEscKeyDown = _param.onEscKeyDown, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, withBlur = _param.withBlur, initialFocusRef = _param.initialFocusRef, focusAfterRef = _param.focusAfterRef, zIndex = _param.zIndex, popupInfo = _param.popupInfo, children = _param.children, view = _param.view, opened = _param.opened, isOpen = _param.isOpen, hasBody = _param.hasBody, hasClose = _param.hasClose, rest = _object_without_properties(_param, [
78
78
  "id",
79
79
  "withAnimation",
80
80
  "onClose",
@@ -92,16 +92,12 @@ var Popup = component(popupConfig);
92
92
  "opened",
93
93
  "isOpen",
94
94
  "hasBody",
95
- "hasClose",
96
- "draggable",
97
- "handle",
98
- "resizable"
95
+ "hasClose"
99
96
  ]);
100
97
  var innerIsOpen = Boolean(isOpen || opened);
101
98
  var innerHasClose = hasClose === undefined && hasBody || hasClose;
102
99
  var trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef, true);
103
100
  var popupController = usePopupContext();
104
- var isResizableEnabled = Boolean(resizable && !resizable.disabled);
105
101
  var innerRef = useForkRef(trapRef, outerRootRef);
106
102
  var uniqId = safeUseId();
107
103
  var innerId = id || uniqId;
@@ -151,15 +147,10 @@ var Popup = component(popupConfig);
151
147
  zIndex: zIndex,
152
148
  overlay: hasBody ? overlayNode : /*#__PURE__*/ React.createElement(Root, {
153
149
  view: view
154
- }, overlayNode),
155
- draggable: draggable,
156
- handle: handle,
157
- resizable: resizable
150
+ }, overlayNode)
158
151
  }, rest), hasBody ? /*#__PURE__*/ React.createElement(Root, {
159
152
  view: view
160
- }, /*#__PURE__*/ React.createElement(ModalBody, {
161
- isResizableEnabled: isResizableEnabled
162
- }, /*#__PURE__*/ React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/ React.createElement(CloseButton, {
153
+ }, /*#__PURE__*/ React.createElement(ModalBody, null, /*#__PURE__*/ React.createElement(ModalContent, null, innerHasClose && /*#__PURE__*/ React.createElement(CloseButton, {
163
154
  onClick: onClose,
164
155
  "data-test": "modal-close"
165
156
  }, /*#__PURE__*/ React.createElement(IconClose, {
@@ -172,7 +163,7 @@ export var modalConfig = {
172
163
  name: 'Modal',
173
164
  tag: 'div',
174
165
  layout: modalRoot,
175
- base: base,
166
+ base: '',
176
167
  variations: {
177
168
  view: {
178
169
  css: viewCSS
@@ -1,29 +1,25 @@
1
1
  import styled from "styled-components";
2
- import { css } from "styled-components";
3
2
  import { addFocus } from "../../mixins";
4
3
  import { tokens } from "./Modal.tokens";
5
- export var base = css([
6
- "height:100%;"
7
- ]);
8
4
  export var ModalBody = styled.div.withConfig({
9
5
  displayName: "Modal.styles__ModalBody",
10
- componentId: "sc-aa09e41b-0"
6
+ componentId: "sc-65f5e73a-0"
11
7
  })([
12
- "height:100%;box-sizing:border-box;border-radius:var(",
8
+ "border-radius:var(",
13
9
  ");padding:var(",
14
10
  ");background:var(",
15
11
  ");box-shadow:var(--shadow-down-soft-l);"
16
12
  ], tokens.modalBodyBorderRadius, tokens.modalBodyPadding, tokens.modalBodyBackground);
17
13
  export var ModalContent = styled.div.withConfig({
18
14
  displayName: "Modal.styles__ModalContent",
19
- componentId: "sc-aa09e41b-1"
15
+ componentId: "sc-65f5e73a-1"
20
16
  })([
21
17
  "position:relative;padding:var(",
22
18
  ");"
23
19
  ], tokens.modalContentPadding);
24
20
  export var CloseButton = styled.button.withConfig({
25
21
  displayName: "Modal.styles__CloseButton",
26
- componentId: "sc-aa09e41b-2"
22
+ componentId: "sc-65f5e73a-2"
27
23
  })([
28
24
  "top:0;right:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(",
29
25
  ");padding:0;margin:0;outline:none;cursor:pointer;background:transparent;",