@commercetools-uikit/collapsible-panel 20.5.0 → 20.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<!-- THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY. -->
|
|
2
|
-
<!-- This file is created by the `
|
|
2
|
+
<!-- This file is created by the `pnpm generate-readme` script. -->
|
|
3
3
|
|
|
4
4
|
# CollapsiblePanel
|
|
5
5
|
|
|
@@ -14,7 +14,7 @@ The component can be used in a controlled or uncontrolled manner. Please refer t
|
|
|
14
14
|
## Installation
|
|
15
15
|
|
|
16
16
|
```
|
|
17
|
-
|
|
17
|
+
pnpm add @commercetools-uikit/collapsible-panel
|
|
18
18
|
```
|
|
19
19
|
|
|
20
20
|
```
|
|
@@ -24,7 +24,7 @@ npm --save install @commercetools-uikit/collapsible-panel
|
|
|
24
24
|
Additionally install the peer dependencies (if not present)
|
|
25
25
|
|
|
26
26
|
```
|
|
27
|
-
|
|
27
|
+
pnpm add react
|
|
28
28
|
```
|
|
29
29
|
|
|
30
30
|
```
|
|
@@ -26,7 +26,6 @@ var react = require('@emotion/react');
|
|
|
26
26
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
27
27
|
var icons = require('@commercetools-uikit/icons');
|
|
28
28
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
29
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
30
29
|
|
|
31
30
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
32
31
|
|
|
@@ -45,7 +44,6 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
|
|
|
45
44
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
46
45
|
var CollapsibleMotion__default = /*#__PURE__*/_interopDefault(CollapsibleMotion);
|
|
47
46
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
48
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
49
47
|
|
|
50
48
|
const _excluded$1 = ["tone"];
|
|
51
49
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
@@ -104,7 +102,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
104
102
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
105
103
|
};
|
|
106
104
|
const getHeaderContainerStyles = (props, isOpen) => {
|
|
107
|
-
const baseStyles = /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";border-bottom:",
|
|
105
|
+
const baseStyles = /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";border-bottom:", `1px solid ${designSystem.designTokens.colorNeutral90}`, ";position:relative;border-top-left-radius:", designSystem.designTokens.borderRadius6, ";border-top-right-radius:", designSystem.designTokens.borderRadius6, ";display:flex;flex:1;align-items:center;list-style-type:none;justify-content:", props.headerControlsAlignment === 'left' ? 'flex-start' : 'space-between', ";padding:", props.condensed ? `${designSystem.designTokens.spacing20} 0` : `${designSystem.designTokens.spacing30} 0`, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J3QiIsImZpbGUiOiJjb2xsYXBzaWJsZS1wYW5lbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9yd2FyZFJlZiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVENvbGxhcHNpYmxlUGFuZWwgfSBmcm9tICcuL2NvbGxhcHNpYmxlLXBhbmVsJztcblxuZnVuY3Rpb24gZ2V0VGhlbWVTdHlsZSh0aGVtZT86IFRDb2xsYXBzaWJsZVBhbmVsWyd0aGVtZSddKSB7XG4gIGlmICh0aGVtZSA9PT0gJ2xpZ2h0Jykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgIGA7XG4gIH1cbiAgcmV0dXJuIGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gIGA7XG59XG5cbmNvbnN0IGdldEhlYWRlckNvbnRhaW5lclN0eWxlcyA9IChcbiAgcHJvcHM6IFBpY2s8XG4gICAgVENvbGxhcHNpYmxlUGFuZWwsXG4gICAgJ2hlYWRlckNvbnRyb2xzQWxpZ25tZW50JyB8ICdjb25kZW5zZWQnIHwgJ2lzRGlzYWJsZWQnIHwgJ2lzU3RpY2t5J1xuICA+LFxuICBpc09wZW46IGJvb2xlYW5cbikgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYm9yZGVyLWJvdHRvbTogJHtgMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfWB9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4OiAxO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgIGp1c3RpZnktY29udGVudDogJHtwcm9wcy5oZWFkZXJDb250cm9sc0FsaWdubWVudCA9PT0gJ2xlZnQnXG4gICAgICA/ICdmbGV4LXN0YXJ0J1xuICAgICAgOiAnc3BhY2UtYmV0d2Vlbid9O1xuICAgIHBhZGRpbmc6ICR7cHJvcHMuY29uZGVuc2VkXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9IDBgXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDBgfTtcbiAgYDtcbiAgcmV0dXJuIFtcbiAgICBiYXNlU3R5bGVzLFxuICAgIHByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc1N0aWNreSAmJlxuICAgICAgaXNPcGVuICYmXG4gICAgICBjc3NgXG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIGAsXG4gICAgIXByb3BzLmNvbmRlbnNlZCAmJlxuICAgICAgLy8gVG8gdW5kZXJzdGFuZCB3aHkgdGhpcyBtaW4taGVpZ2h0IHNlZTogaHR0cHM6Ly9naXRodWIuY29tL2NvbW1lcmNldG9vbHMvdWkta2l0L3B1bGwvNjE2XG4gICAgICBjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvckJ1dHRvbkFzMzB9O1xuICAgICAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDsgLyogbWFrZXMgdGhlIHBhZGRpbmcgZXh0ZW5kIGJleW9uZCB0aGUgbWluLWhlaWdodCAqL1xuICAgICAgYCxcbiAgXTtcbn07XG5cbmNvbnN0IGJhc2VDb250YWluZXJTdHlsZXMgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke2Rlc2lnblRva2Vucy5jb25zdHJhaW50Nn07XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG5gO1xuXG5jb25zdCBIZWFkZXJDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAvKiByZXNldCB0aGUgY3Vyc29yIGJlY2F1c2UgdGhpcyBhcmVhIG9mIHRoZSBoZWFkZXIgZG9lc24ndCB0cmlnZ2VyIGl0cyBvbkNsaWNrICovXG4gIGN1cnNvcjogYXV0bztcbmA7XG5cbmNvbnN0IFNlY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xuXG5jb25zdCBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMCAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG5gO1xuXG50eXBlIFRTZWN0aW9uV3JhcHBlciA9IHtcbiAgY29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaXNFeHBhbmRDb250cm9sSGlkZGVuPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5jb25zdCBTZWN0aW9uV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFRTZWN0aW9uV3JhcHBlcj4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGBcbiAgICAgICAgICBwYWRkaW5nOiAke1xuICAgICAgICAgICAgcHJvcHMuY29uZGVuc2VkXG4gICAgICAgICAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nNTB9IDAgMCBjYWxjKCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gKyAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9KWBcbiAgICAgICAgICB9O1xuXG4gICAgICAgIGAsXG4gICAgICAgICAgcHJvcHMuaXNFeHBhbmRDb250cm9sSGlkZGVuICYmICdwYWRkaW5nLWxlZnQ6IDA7JyxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcblNlY3Rpb25XcmFwcGVyLmRpc3BsYXlOYW1lID0gJ1NlY3Rpb25XcmFwcGVyJztcblxuZXhwb3J0IHtcbiAgYmFzZUNvbnRhaW5lclN0eWxlcyxcbiAgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzLFxuICBnZXRUaGVtZVN0eWxlLFxuICBTZWN0aW9uQ29udGVudCxcbiAgU2VjdGlvbkRlc2NyaXB0aW9uV3JhcHBlcixcbiAgU2VjdGlvbldyYXBwZXIsXG4gIEhlYWRlckNvbnRyb2xzV3JhcHBlcixcbn07XG4iXX0= */");
|
|
108
106
|
return [baseStyles, props.isDisabled && _ref, props.isSticky && isOpen && /*#__PURE__*/react.css("z-index:1;position:sticky;top:0;border-top-right-radius:", designSystem.designTokens.borderRadius6, ";border-top-left-radius:", designSystem.designTokens.borderRadius6, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getHeaderContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURTIiwiZmlsZSI6ImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUQ29sbGFwc2libGVQYW5lbCB9IGZyb20gJy4vY29sbGFwc2libGUtcGFuZWwnO1xuXG5mdW5jdGlvbiBnZXRUaGVtZVN0eWxlKHRoZW1lPzogVENvbGxhcHNpYmxlUGFuZWxbJ3RoZW1lJ10pIHtcbiAgaWYgKHRoZW1lID09PSAnbGlnaHQnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYDtcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgYDtcbn1cblxuY29uc3QgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzID0gKFxuICBwcm9wczogUGljazxcbiAgICBUQ29sbGFwc2libGVQYW5lbCxcbiAgICAnaGVhZGVyQ29udHJvbHNBbGlnbm1lbnQnIHwgJ2NvbmRlbnNlZCcgfCAnaXNEaXNhYmxlZCcgfCAnaXNTdGlja3knXG4gID4sXG4gIGlzT3BlbjogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICBib3JkZXItYm90dG9tOiAke2AxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9YH07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAganVzdGlmeS1jb250ZW50OiAke3Byb3BzLmhlYWRlckNvbnRyb2xzQWxpZ25tZW50ID09PSAnbGVmdCdcbiAgICAgID8gJ2ZsZXgtc3RhcnQnXG4gICAgICA6ICdzcGFjZS1iZXR3ZWVuJ307XG4gICAgcGFkZGluZzogJHtwcm9wcy5jb25kZW5zZWRcbiAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMGBcbiAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMGB9O1xuICBgO1xuICByZXR1cm4gW1xuICAgIGJhc2VTdHlsZXMsXG4gICAgcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICBgLFxuICAgIHByb3BzLmlzU3RpY2t5ICYmXG4gICAgICBpc09wZW4gJiZcbiAgICAgIGNzc2BcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgYCxcbiAgICAhcHJvcHMuY29uZGVuc2VkICYmXG4gICAgICAvLyBUbyB1bmRlcnN0YW5kIHdoeSB0aGlzIG1pbi1oZWlnaHQgc2VlOiBodHRwczovL2dpdGh1Yi5jb20vY29tbWVyY2V0b29scy91aS1raXQvcHVsbC82MTZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLWhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yQnV0dG9uQXMzMH07XG4gICAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94OyAvKiBtYWtlcyB0aGUgcGFkZGluZyBleHRlbmQgYmV5b25kIHRoZSBtaW4taGVpZ2h0ICovXG4gICAgICBgLFxuICBdO1xufTtcblxuY29uc3QgYmFzZUNvbnRhaW5lclN0eWxlcyA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ2fTtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbmA7XG5cbmNvbnN0IEhlYWRlckNvbnRyb2xzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qIHJlc2V0IHRoZSBjdXJzb3IgYmVjYXVzZSB0aGlzIGFyZWEgb2YgdGhlIGhlYWRlciBkb2Vzbid0IHRyaWdnZXIgaXRzIG9uQ2xpY2sgKi9cbiAgY3Vyc29yOiBhdXRvO1xuYDtcblxuY29uc3QgU2VjdGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IFNlY3Rpb25EZXNjcmlwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAwIDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfTtcbmA7XG5cbnR5cGUgVFNlY3Rpb25XcmFwcGVyID0ge1xuICBjb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0V4cGFuZENvbnRyb2xIaWRkZW4/OiBib29sZWFuO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcbmNvbnN0IFNlY3Rpb25XcmFwcGVyID0gZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgVFNlY3Rpb25XcmFwcGVyPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgYFxuICAgICAgICAgIHBhZGRpbmc6ICR7XG4gICAgICAgICAgICBwcm9wcy5jb25kZW5zZWRcbiAgICAgICAgICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfSAwIDAgY2FsYygke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9ICsgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfSlgXG4gICAgICAgICAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgIH07XG5cbiAgICAgICAgYCxcbiAgICAgICAgICBwcm9wcy5pc0V4cGFuZENvbnRyb2xIaWRkZW4gJiYgJ3BhZGRpbmctbGVmdDogMDsnLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuU2VjdGlvbldyYXBwZXIuZGlzcGxheU5hbWUgPSAnU2VjdGlvbldyYXBwZXInO1xuXG5leHBvcnQge1xuICBiYXNlQ29udGFpbmVyU3R5bGVzLFxuICBnZXRIZWFkZXJDb250YWluZXJTdHlsZXMsXG4gIGdldFRoZW1lU3R5bGUsXG4gIFNlY3Rpb25Db250ZW50LFxuICBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyLFxuICBTZWN0aW9uV3JhcHBlcixcbiAgSGVhZGVyQ29udHJvbHNXcmFwcGVyLFxufTtcbiJdfQ== */"), !props.condensed &&
|
|
109
107
|
/*#__PURE__*/
|
|
110
108
|
// To understand why this min-height see: https://github.com/commercetools/ui-kit/pull/616
|
|
@@ -137,10 +135,12 @@ const SectionDescriptionWrapper = /*#__PURE__*/_styled__default["default"]("div"
|
|
|
137
135
|
label: "SectionDescriptionWrapper"
|
|
138
136
|
})("padding:0 0 ", designSystem.designTokens.spacing40, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEY0QyIsImZpbGUiOiJjb2xsYXBzaWJsZS1wYW5lbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9yd2FyZFJlZiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVENvbGxhcHNpYmxlUGFuZWwgfSBmcm9tICcuL2NvbGxhcHNpYmxlLXBhbmVsJztcblxuZnVuY3Rpb24gZ2V0VGhlbWVTdHlsZSh0aGVtZT86IFRDb2xsYXBzaWJsZVBhbmVsWyd0aGVtZSddKSB7XG4gIGlmICh0aGVtZSA9PT0gJ2xpZ2h0Jykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgIGA7XG4gIH1cbiAgcmV0dXJuIGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gIGA7XG59XG5cbmNvbnN0IGdldEhlYWRlckNvbnRhaW5lclN0eWxlcyA9IChcbiAgcHJvcHM6IFBpY2s8XG4gICAgVENvbGxhcHNpYmxlUGFuZWwsXG4gICAgJ2hlYWRlckNvbnRyb2xzQWxpZ25tZW50JyB8ICdjb25kZW5zZWQnIHwgJ2lzRGlzYWJsZWQnIHwgJ2lzU3RpY2t5J1xuICA+LFxuICBpc09wZW46IGJvb2xlYW5cbikgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYm9yZGVyLWJvdHRvbTogJHtgMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfWB9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4OiAxO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgIGp1c3RpZnktY29udGVudDogJHtwcm9wcy5oZWFkZXJDb250cm9sc0FsaWdubWVudCA9PT0gJ2xlZnQnXG4gICAgICA/ICdmbGV4LXN0YXJ0J1xuICAgICAgOiAnc3BhY2UtYmV0d2Vlbid9O1xuICAgIHBhZGRpbmc6ICR7cHJvcHMuY29uZGVuc2VkXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9IDBgXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDBgfTtcbiAgYDtcbiAgcmV0dXJuIFtcbiAgICBiYXNlU3R5bGVzLFxuICAgIHByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc1N0aWNreSAmJlxuICAgICAgaXNPcGVuICYmXG4gICAgICBjc3NgXG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIGAsXG4gICAgIXByb3BzLmNvbmRlbnNlZCAmJlxuICAgICAgLy8gVG8gdW5kZXJzdGFuZCB3aHkgdGhpcyBtaW4taGVpZ2h0IHNlZTogaHR0cHM6Ly9naXRodWIuY29tL2NvbW1lcmNldG9vbHMvdWkta2l0L3B1bGwvNjE2XG4gICAgICBjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvckJ1dHRvbkFzMzB9O1xuICAgICAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDsgLyogbWFrZXMgdGhlIHBhZGRpbmcgZXh0ZW5kIGJleW9uZCB0aGUgbWluLWhlaWdodCAqL1xuICAgICAgYCxcbiAgXTtcbn07XG5cbmNvbnN0IGJhc2VDb250YWluZXJTdHlsZXMgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke2Rlc2lnblRva2Vucy5jb25zdHJhaW50Nn07XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG5gO1xuXG5jb25zdCBIZWFkZXJDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAvKiByZXNldCB0aGUgY3Vyc29yIGJlY2F1c2UgdGhpcyBhcmVhIG9mIHRoZSBoZWFkZXIgZG9lc24ndCB0cmlnZ2VyIGl0cyBvbkNsaWNrICovXG4gIGN1cnNvcjogYXV0bztcbmA7XG5cbmNvbnN0IFNlY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xuXG5jb25zdCBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMCAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG5gO1xuXG50eXBlIFRTZWN0aW9uV3JhcHBlciA9IHtcbiAgY29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaXNFeHBhbmRDb250cm9sSGlkZGVuPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5jb25zdCBTZWN0aW9uV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFRTZWN0aW9uV3JhcHBlcj4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGBcbiAgICAgICAgICBwYWRkaW5nOiAke1xuICAgICAgICAgICAgcHJvcHMuY29uZGVuc2VkXG4gICAgICAgICAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nNTB9IDAgMCBjYWxjKCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gKyAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9KWBcbiAgICAgICAgICB9O1xuXG4gICAgICAgIGAsXG4gICAgICAgICAgcHJvcHMuaXNFeHBhbmRDb250cm9sSGlkZGVuICYmICdwYWRkaW5nLWxlZnQ6IDA7JyxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcblNlY3Rpb25XcmFwcGVyLmRpc3BsYXlOYW1lID0gJ1NlY3Rpb25XcmFwcGVyJztcblxuZXhwb3J0IHtcbiAgYmFzZUNvbnRhaW5lclN0eWxlcyxcbiAgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzLFxuICBnZXRUaGVtZVN0eWxlLFxuICBTZWN0aW9uQ29udGVudCxcbiAgU2VjdGlvbkRlc2NyaXB0aW9uV3JhcHBlcixcbiAgU2VjdGlvbldyYXBwZXIsXG4gIEhlYWRlckNvbnRyb2xzV3JhcHBlcixcbn07XG4iXX0= */"));
|
|
139
137
|
const SectionWrapper = /*#__PURE__*/react$1.forwardRef((props, ref) => {
|
|
140
|
-
var _context, _context2, _context3, _context4;
|
|
141
138
|
return jsxRuntime.jsx("div", {
|
|
142
139
|
ref: ref,
|
|
143
|
-
css: [
|
|
140
|
+
css: [`
|
|
141
|
+
padding: ${props.condensed ? `${designSystem.designTokens.spacing40} 0 0 calc(${designSystem.designTokens.spacing30} + ${designSystem.designTokens.spacing10})` : `${designSystem.designTokens.spacing50} 0 0 calc(${designSystem.designTokens.spacing30} + ${designSystem.designTokens.spacing10})`};
|
|
142
|
+
|
|
143
|
+
`, props.isExpandControlHidden && 'padding-left: 0;', process.env.NODE_ENV === "production" ? "" : ";label:SectionWrapper;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEdRIiwiZmlsZSI6ImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUQ29sbGFwc2libGVQYW5lbCB9IGZyb20gJy4vY29sbGFwc2libGUtcGFuZWwnO1xuXG5mdW5jdGlvbiBnZXRUaGVtZVN0eWxlKHRoZW1lPzogVENvbGxhcHNpYmxlUGFuZWxbJ3RoZW1lJ10pIHtcbiAgaWYgKHRoZW1lID09PSAnbGlnaHQnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYDtcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgYDtcbn1cblxuY29uc3QgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzID0gKFxuICBwcm9wczogUGljazxcbiAgICBUQ29sbGFwc2libGVQYW5lbCxcbiAgICAnaGVhZGVyQ29udHJvbHNBbGlnbm1lbnQnIHwgJ2NvbmRlbnNlZCcgfCAnaXNEaXNhYmxlZCcgfCAnaXNTdGlja3knXG4gID4sXG4gIGlzT3BlbjogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICBib3JkZXItYm90dG9tOiAke2AxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9YH07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAganVzdGlmeS1jb250ZW50OiAke3Byb3BzLmhlYWRlckNvbnRyb2xzQWxpZ25tZW50ID09PSAnbGVmdCdcbiAgICAgID8gJ2ZsZXgtc3RhcnQnXG4gICAgICA6ICdzcGFjZS1iZXR3ZWVuJ307XG4gICAgcGFkZGluZzogJHtwcm9wcy5jb25kZW5zZWRcbiAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMGBcbiAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMGB9O1xuICBgO1xuICByZXR1cm4gW1xuICAgIGJhc2VTdHlsZXMsXG4gICAgcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICBgLFxuICAgIHByb3BzLmlzU3RpY2t5ICYmXG4gICAgICBpc09wZW4gJiZcbiAgICAgIGNzc2BcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgYCxcbiAgICAhcHJvcHMuY29uZGVuc2VkICYmXG4gICAgICAvLyBUbyB1bmRlcnN0YW5kIHdoeSB0aGlzIG1pbi1oZWlnaHQgc2VlOiBodHRwczovL2dpdGh1Yi5jb20vY29tbWVyY2V0b29scy91aS1raXQvcHVsbC82MTZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLWhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yQnV0dG9uQXMzMH07XG4gICAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94OyAvKiBtYWtlcyB0aGUgcGFkZGluZyBleHRlbmQgYmV5b25kIHRoZSBtaW4taGVpZ2h0ICovXG4gICAgICBgLFxuICBdO1xufTtcblxuY29uc3QgYmFzZUNvbnRhaW5lclN0eWxlcyA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ2fTtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbmA7XG5cbmNvbnN0IEhlYWRlckNvbnRyb2xzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qIHJlc2V0IHRoZSBjdXJzb3IgYmVjYXVzZSB0aGlzIGFyZWEgb2YgdGhlIGhlYWRlciBkb2Vzbid0IHRyaWdnZXIgaXRzIG9uQ2xpY2sgKi9cbiAgY3Vyc29yOiBhdXRvO1xuYDtcblxuY29uc3QgU2VjdGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IFNlY3Rpb25EZXNjcmlwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAwIDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfTtcbmA7XG5cbnR5cGUgVFNlY3Rpb25XcmFwcGVyID0ge1xuICBjb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0V4cGFuZENvbnRyb2xIaWRkZW4/OiBib29sZWFuO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcbmNvbnN0IFNlY3Rpb25XcmFwcGVyID0gZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgVFNlY3Rpb25XcmFwcGVyPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgYFxuICAgICAgICAgIHBhZGRpbmc6ICR7XG4gICAgICAgICAgICBwcm9wcy5jb25kZW5zZWRcbiAgICAgICAgICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfSAwIDAgY2FsYygke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9ICsgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfSlgXG4gICAgICAgICAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgIH07XG5cbiAgICAgICAgYCxcbiAgICAgICAgICBwcm9wcy5pc0V4cGFuZENvbnRyb2xIaWRkZW4gJiYgJ3BhZGRpbmctbGVmdDogMDsnLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuU2VjdGlvbldyYXBwZXIuZGlzcGxheU5hbWUgPSAnU2VjdGlvbldyYXBwZXInO1xuXG5leHBvcnQge1xuICBiYXNlQ29udGFpbmVyU3R5bGVzLFxuICBnZXRIZWFkZXJDb250YWluZXJTdHlsZXMsXG4gIGdldFRoZW1lU3R5bGUsXG4gIFNlY3Rpb25Db250ZW50LFxuICBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyLFxuICBTZWN0aW9uV3JhcHBlcixcbiAgSGVhZGVyQ29udHJvbHNXcmFwcGVyLFxufTtcbiJdfQ== */"],
|
|
144
144
|
children: props.children
|
|
145
145
|
});
|
|
146
146
|
});
|
|
@@ -208,18 +208,18 @@ const CollapsiblePanel = _ref => {
|
|
|
208
208
|
}, props));
|
|
209
209
|
const scale = condensed ? 's' : 'm';
|
|
210
210
|
const isClosedAndIsDefaultClosed = !isNil__default["default"](props.isClosed) && !isNil__default["default"](props.isDefaultClosed);
|
|
211
|
-
process.env.NODE_ENV !== "production" ? utils.warning(!isClosedAndIsDefaultClosed,
|
|
211
|
+
process.env.NODE_ENV !== "production" ? utils.warning(!isClosedAndIsDefaultClosed, `Invalid prop \`isDefaultClosed\` supplied to \`CollapsiblePanel\`. Component must either be controlled or uncontrolled. Pass either \`isClosed\` or \`isDefaultClosed\` but not both.`) : void 0;
|
|
212
212
|
const hasOnToggle = !isNil__default["default"](props.onToggle);
|
|
213
213
|
const isControlledComponent = !isNil__default["default"](props.isClosed);
|
|
214
214
|
|
|
215
215
|
// controlled
|
|
216
216
|
if (isControlledComponent) {
|
|
217
|
-
process.env.NODE_ENV !== "production" ? utils.warning(hasOnToggle,
|
|
217
|
+
process.env.NODE_ENV !== "production" ? utils.warning(hasOnToggle, `missing required prop \`onToggle\` when using the "isClosed" prop (controlled component).`) : void 0;
|
|
218
218
|
}
|
|
219
219
|
|
|
220
220
|
// uncontrolled
|
|
221
221
|
if (!isControlledComponent) {
|
|
222
|
-
process.env.NODE_ENV !== "production" ? utils.warning(!hasOnToggle,
|
|
222
|
+
process.env.NODE_ENV !== "production" ? utils.warning(!hasOnToggle, `Invalid prop \`onToggle\` supplied to \`CollapsiblePanel\`. \`onToggle\` does not have any effect when the component is uncontrolled.`) : void 0;
|
|
223
223
|
}
|
|
224
224
|
return jsxRuntime.jsx(CollapsibleMotion__default["default"], {
|
|
225
225
|
isClosed: props.isClosed,
|
|
@@ -317,7 +317,7 @@ CollapsiblePanel.Header = CollapsiblePanelHeader$1;
|
|
|
317
317
|
var CollapsiblePanel$1 = CollapsiblePanel;
|
|
318
318
|
|
|
319
319
|
// NOTE: This string will be replaced on build time with the package version.
|
|
320
|
-
var version = "20.
|
|
320
|
+
var version = "20.6.1";
|
|
321
321
|
|
|
322
322
|
exports["default"] = CollapsiblePanel$1;
|
|
323
323
|
exports.version = version;
|
|
@@ -26,7 +26,6 @@ var react = require('@emotion/react');
|
|
|
26
26
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
27
27
|
var icons = require('@commercetools-uikit/icons');
|
|
28
28
|
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
29
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
30
29
|
|
|
31
30
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
32
31
|
|
|
@@ -45,7 +44,6 @@ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
|
|
|
45
44
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
46
45
|
var CollapsibleMotion__default = /*#__PURE__*/_interopDefault(CollapsibleMotion);
|
|
47
46
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
48
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
49
47
|
|
|
50
48
|
const _excluded$1 = ["tone"];
|
|
51
49
|
const getArrowColor = _ref2 => {
|
|
@@ -94,7 +92,7 @@ var _ref = {
|
|
|
94
92
|
styles: "cursor:default"
|
|
95
93
|
} ;
|
|
96
94
|
const getHeaderContainerStyles = (props, isOpen) => {
|
|
97
|
-
const baseStyles = /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";border-bottom:",
|
|
95
|
+
const baseStyles = /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";border-bottom:", `1px solid ${designSystem.designTokens.colorNeutral90}`, ";position:relative;border-top-left-radius:", designSystem.designTokens.borderRadius6, ";border-top-right-radius:", designSystem.designTokens.borderRadius6, ";display:flex;flex:1;align-items:center;list-style-type:none;justify-content:", props.headerControlsAlignment === 'left' ? 'flex-start' : 'space-between', ";padding:", props.condensed ? `${designSystem.designTokens.spacing20} 0` : `${designSystem.designTokens.spacing30} 0`, ";" + ("" ), "" );
|
|
98
96
|
return [baseStyles, props.isDisabled && _ref, props.isSticky && isOpen && /*#__PURE__*/react.css("z-index:1;position:sticky;top:0;border-top-right-radius:", designSystem.designTokens.borderRadius6, ";border-top-left-radius:", designSystem.designTokens.borderRadius6, ";" + ("" ), "" ), !props.condensed &&
|
|
99
97
|
/*#__PURE__*/
|
|
100
98
|
// To understand why this min-height see: https://github.com/commercetools/ui-kit/pull/616
|
|
@@ -114,10 +112,12 @@ const SectionDescriptionWrapper = /*#__PURE__*/_styled__default["default"]("div"
|
|
|
114
112
|
target: "em5v1nl0"
|
|
115
113
|
} )("padding:0 0 ", designSystem.designTokens.spacing40, ";" + ("" ));
|
|
116
114
|
const SectionWrapper = /*#__PURE__*/react$1.forwardRef((props, ref) => {
|
|
117
|
-
var _context, _context2, _context3, _context4;
|
|
118
115
|
return jsxRuntime.jsx("div", {
|
|
119
116
|
ref: ref,
|
|
120
|
-
css: [
|
|
117
|
+
css: [`
|
|
118
|
+
padding: ${props.condensed ? `${designSystem.designTokens.spacing40} 0 0 calc(${designSystem.designTokens.spacing30} + ${designSystem.designTokens.spacing10})` : `${designSystem.designTokens.spacing50} 0 0 calc(${designSystem.designTokens.spacing30} + ${designSystem.designTokens.spacing10})`};
|
|
119
|
+
|
|
120
|
+
`, props.isExpandControlHidden && 'padding-left: 0;', "" , "" ],
|
|
121
121
|
children: props.children
|
|
122
122
|
});
|
|
123
123
|
});
|
|
@@ -280,7 +280,7 @@ CollapsiblePanel.Header = CollapsiblePanelHeader$1;
|
|
|
280
280
|
var CollapsiblePanel$1 = CollapsiblePanel;
|
|
281
281
|
|
|
282
282
|
// NOTE: This string will be replaced on build time with the package version.
|
|
283
|
-
var version = "20.
|
|
283
|
+
var version = "20.6.1";
|
|
284
284
|
|
|
285
285
|
exports["default"] = CollapsiblePanel$1;
|
|
286
286
|
exports.version = version;
|
|
@@ -22,7 +22,6 @@ import { css } from '@emotion/react';
|
|
|
22
22
|
import { designTokens } from '@commercetools-uikit/design-system';
|
|
23
23
|
import { AngleRightIcon, AngleDownIcon } from '@commercetools-uikit/icons';
|
|
24
24
|
import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
|
|
25
|
-
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
26
25
|
|
|
27
26
|
const _excluded$1 = ["tone"];
|
|
28
27
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
@@ -81,7 +80,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
81
80
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
82
81
|
};
|
|
83
82
|
const getHeaderContainerStyles = (props, isOpen) => {
|
|
84
|
-
const baseStyles = /*#__PURE__*/css("background-color:", designTokens.colorSurface, ";border-bottom:",
|
|
83
|
+
const baseStyles = /*#__PURE__*/css("background-color:", designTokens.colorSurface, ";border-bottom:", `1px solid ${designTokens.colorNeutral90}`, ";position:relative;border-top-left-radius:", designTokens.borderRadius6, ";border-top-right-radius:", designTokens.borderRadius6, ";display:flex;flex:1;align-items:center;list-style-type:none;justify-content:", props.headerControlsAlignment === 'left' ? 'flex-start' : 'space-between', ";padding:", props.condensed ? `${designTokens.spacing20} 0` : `${designTokens.spacing30} 0`, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0J3QiIsImZpbGUiOiJjb2xsYXBzaWJsZS1wYW5lbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9yd2FyZFJlZiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVENvbGxhcHNpYmxlUGFuZWwgfSBmcm9tICcuL2NvbGxhcHNpYmxlLXBhbmVsJztcblxuZnVuY3Rpb24gZ2V0VGhlbWVTdHlsZSh0aGVtZT86IFRDb2xsYXBzaWJsZVBhbmVsWyd0aGVtZSddKSB7XG4gIGlmICh0aGVtZSA9PT0gJ2xpZ2h0Jykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgIGA7XG4gIH1cbiAgcmV0dXJuIGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gIGA7XG59XG5cbmNvbnN0IGdldEhlYWRlckNvbnRhaW5lclN0eWxlcyA9IChcbiAgcHJvcHM6IFBpY2s8XG4gICAgVENvbGxhcHNpYmxlUGFuZWwsXG4gICAgJ2hlYWRlckNvbnRyb2xzQWxpZ25tZW50JyB8ICdjb25kZW5zZWQnIHwgJ2lzRGlzYWJsZWQnIHwgJ2lzU3RpY2t5J1xuICA+LFxuICBpc09wZW46IGJvb2xlYW5cbikgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYm9yZGVyLWJvdHRvbTogJHtgMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfWB9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4OiAxO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgIGp1c3RpZnktY29udGVudDogJHtwcm9wcy5oZWFkZXJDb250cm9sc0FsaWdubWVudCA9PT0gJ2xlZnQnXG4gICAgICA/ICdmbGV4LXN0YXJ0J1xuICAgICAgOiAnc3BhY2UtYmV0d2Vlbid9O1xuICAgIHBhZGRpbmc6ICR7cHJvcHMuY29uZGVuc2VkXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9IDBgXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDBgfTtcbiAgYDtcbiAgcmV0dXJuIFtcbiAgICBiYXNlU3R5bGVzLFxuICAgIHByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc1N0aWNreSAmJlxuICAgICAgaXNPcGVuICYmXG4gICAgICBjc3NgXG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIGAsXG4gICAgIXByb3BzLmNvbmRlbnNlZCAmJlxuICAgICAgLy8gVG8gdW5kZXJzdGFuZCB3aHkgdGhpcyBtaW4taGVpZ2h0IHNlZTogaHR0cHM6Ly9naXRodWIuY29tL2NvbW1lcmNldG9vbHMvdWkta2l0L3B1bGwvNjE2XG4gICAgICBjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvckJ1dHRvbkFzMzB9O1xuICAgICAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDsgLyogbWFrZXMgdGhlIHBhZGRpbmcgZXh0ZW5kIGJleW9uZCB0aGUgbWluLWhlaWdodCAqL1xuICAgICAgYCxcbiAgXTtcbn07XG5cbmNvbnN0IGJhc2VDb250YWluZXJTdHlsZXMgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke2Rlc2lnblRva2Vucy5jb25zdHJhaW50Nn07XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG5gO1xuXG5jb25zdCBIZWFkZXJDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAvKiByZXNldCB0aGUgY3Vyc29yIGJlY2F1c2UgdGhpcyBhcmVhIG9mIHRoZSBoZWFkZXIgZG9lc24ndCB0cmlnZ2VyIGl0cyBvbkNsaWNrICovXG4gIGN1cnNvcjogYXV0bztcbmA7XG5cbmNvbnN0IFNlY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xuXG5jb25zdCBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMCAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG5gO1xuXG50eXBlIFRTZWN0aW9uV3JhcHBlciA9IHtcbiAgY29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaXNFeHBhbmRDb250cm9sSGlkZGVuPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5jb25zdCBTZWN0aW9uV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFRTZWN0aW9uV3JhcHBlcj4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGBcbiAgICAgICAgICBwYWRkaW5nOiAke1xuICAgICAgICAgICAgcHJvcHMuY29uZGVuc2VkXG4gICAgICAgICAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nNTB9IDAgMCBjYWxjKCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gKyAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9KWBcbiAgICAgICAgICB9O1xuXG4gICAgICAgIGAsXG4gICAgICAgICAgcHJvcHMuaXNFeHBhbmRDb250cm9sSGlkZGVuICYmICdwYWRkaW5nLWxlZnQ6IDA7JyxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcblNlY3Rpb25XcmFwcGVyLmRpc3BsYXlOYW1lID0gJ1NlY3Rpb25XcmFwcGVyJztcblxuZXhwb3J0IHtcbiAgYmFzZUNvbnRhaW5lclN0eWxlcyxcbiAgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzLFxuICBnZXRUaGVtZVN0eWxlLFxuICBTZWN0aW9uQ29udGVudCxcbiAgU2VjdGlvbkRlc2NyaXB0aW9uV3JhcHBlcixcbiAgU2VjdGlvbldyYXBwZXIsXG4gIEhlYWRlckNvbnRyb2xzV3JhcHBlcixcbn07XG4iXX0= */");
|
|
85
84
|
return [baseStyles, props.isDisabled && _ref, props.isSticky && isOpen && /*#__PURE__*/css("z-index:1;position:sticky;top:0;border-top-right-radius:", designTokens.borderRadius6, ";border-top-left-radius:", designTokens.borderRadius6, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getHeaderContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURTIiwiZmlsZSI6ImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUQ29sbGFwc2libGVQYW5lbCB9IGZyb20gJy4vY29sbGFwc2libGUtcGFuZWwnO1xuXG5mdW5jdGlvbiBnZXRUaGVtZVN0eWxlKHRoZW1lPzogVENvbGxhcHNpYmxlUGFuZWxbJ3RoZW1lJ10pIHtcbiAgaWYgKHRoZW1lID09PSAnbGlnaHQnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYDtcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgYDtcbn1cblxuY29uc3QgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzID0gKFxuICBwcm9wczogUGljazxcbiAgICBUQ29sbGFwc2libGVQYW5lbCxcbiAgICAnaGVhZGVyQ29udHJvbHNBbGlnbm1lbnQnIHwgJ2NvbmRlbnNlZCcgfCAnaXNEaXNhYmxlZCcgfCAnaXNTdGlja3knXG4gID4sXG4gIGlzT3BlbjogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICBib3JkZXItYm90dG9tOiAke2AxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9YH07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAganVzdGlmeS1jb250ZW50OiAke3Byb3BzLmhlYWRlckNvbnRyb2xzQWxpZ25tZW50ID09PSAnbGVmdCdcbiAgICAgID8gJ2ZsZXgtc3RhcnQnXG4gICAgICA6ICdzcGFjZS1iZXR3ZWVuJ307XG4gICAgcGFkZGluZzogJHtwcm9wcy5jb25kZW5zZWRcbiAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMGBcbiAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMGB9O1xuICBgO1xuICByZXR1cm4gW1xuICAgIGJhc2VTdHlsZXMsXG4gICAgcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICBgLFxuICAgIHByb3BzLmlzU3RpY2t5ICYmXG4gICAgICBpc09wZW4gJiZcbiAgICAgIGNzc2BcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgYCxcbiAgICAhcHJvcHMuY29uZGVuc2VkICYmXG4gICAgICAvLyBUbyB1bmRlcnN0YW5kIHdoeSB0aGlzIG1pbi1oZWlnaHQgc2VlOiBodHRwczovL2dpdGh1Yi5jb20vY29tbWVyY2V0b29scy91aS1raXQvcHVsbC82MTZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLWhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yQnV0dG9uQXMzMH07XG4gICAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94OyAvKiBtYWtlcyB0aGUgcGFkZGluZyBleHRlbmQgYmV5b25kIHRoZSBtaW4taGVpZ2h0ICovXG4gICAgICBgLFxuICBdO1xufTtcblxuY29uc3QgYmFzZUNvbnRhaW5lclN0eWxlcyA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ2fTtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbmA7XG5cbmNvbnN0IEhlYWRlckNvbnRyb2xzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qIHJlc2V0IHRoZSBjdXJzb3IgYmVjYXVzZSB0aGlzIGFyZWEgb2YgdGhlIGhlYWRlciBkb2Vzbid0IHRyaWdnZXIgaXRzIG9uQ2xpY2sgKi9cbiAgY3Vyc29yOiBhdXRvO1xuYDtcblxuY29uc3QgU2VjdGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IFNlY3Rpb25EZXNjcmlwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAwIDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfTtcbmA7XG5cbnR5cGUgVFNlY3Rpb25XcmFwcGVyID0ge1xuICBjb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0V4cGFuZENvbnRyb2xIaWRkZW4/OiBib29sZWFuO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcbmNvbnN0IFNlY3Rpb25XcmFwcGVyID0gZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgVFNlY3Rpb25XcmFwcGVyPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgYFxuICAgICAgICAgIHBhZGRpbmc6ICR7XG4gICAgICAgICAgICBwcm9wcy5jb25kZW5zZWRcbiAgICAgICAgICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfSAwIDAgY2FsYygke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9ICsgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfSlgXG4gICAgICAgICAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgIH07XG5cbiAgICAgICAgYCxcbiAgICAgICAgICBwcm9wcy5pc0V4cGFuZENvbnRyb2xIaWRkZW4gJiYgJ3BhZGRpbmctbGVmdDogMDsnLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuU2VjdGlvbldyYXBwZXIuZGlzcGxheU5hbWUgPSAnU2VjdGlvbldyYXBwZXInO1xuXG5leHBvcnQge1xuICBiYXNlQ29udGFpbmVyU3R5bGVzLFxuICBnZXRIZWFkZXJDb250YWluZXJTdHlsZXMsXG4gIGdldFRoZW1lU3R5bGUsXG4gIFNlY3Rpb25Db250ZW50LFxuICBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyLFxuICBTZWN0aW9uV3JhcHBlcixcbiAgSGVhZGVyQ29udHJvbHNXcmFwcGVyLFxufTtcbiJdfQ== */"), !props.condensed &&
|
|
86
85
|
/*#__PURE__*/
|
|
87
86
|
// To understand why this min-height see: https://github.com/commercetools/ui-kit/pull/616
|
|
@@ -114,10 +113,12 @@ const SectionDescriptionWrapper = /*#__PURE__*/_styled("div", process.env.NODE_E
|
|
|
114
113
|
label: "SectionDescriptionWrapper"
|
|
115
114
|
})("padding:0 0 ", designTokens.spacing40, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEY0QyIsImZpbGUiOiJjb2xsYXBzaWJsZS1wYW5lbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZm9yd2FyZFJlZiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVENvbGxhcHNpYmxlUGFuZWwgfSBmcm9tICcuL2NvbGxhcHNpYmxlLXBhbmVsJztcblxuZnVuY3Rpb24gZ2V0VGhlbWVTdHlsZSh0aGVtZT86IFRDb2xsYXBzaWJsZVBhbmVsWyd0aGVtZSddKSB7XG4gIGlmICh0aGVtZSA9PT0gJ2xpZ2h0Jykge1xuICAgIHJldHVybiBjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgIGA7XG4gIH1cbiAgcmV0dXJuIGNzc2BcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5NX07XG4gIGA7XG59XG5cbmNvbnN0IGdldEhlYWRlckNvbnRhaW5lclN0eWxlcyA9IChcbiAgcHJvcHM6IFBpY2s8XG4gICAgVENvbGxhcHNpYmxlUGFuZWwsXG4gICAgJ2hlYWRlckNvbnRyb2xzQWxpZ25tZW50JyB8ICdjb25kZW5zZWQnIHwgJ2lzRGlzYWJsZWQnIHwgJ2lzU3RpY2t5J1xuICA+LFxuICBpc09wZW46IGJvb2xlYW5cbikgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYm9yZGVyLWJvdHRvbTogJHtgMXB4IHNvbGlkICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfWB9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4OiAxO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbGlzdC1zdHlsZS10eXBlOiBub25lO1xuICAgIGp1c3RpZnktY29udGVudDogJHtwcm9wcy5oZWFkZXJDb250cm9sc0FsaWdubWVudCA9PT0gJ2xlZnQnXG4gICAgICA/ICdmbGV4LXN0YXJ0J1xuICAgICAgOiAnc3BhY2UtYmV0d2Vlbid9O1xuICAgIHBhZGRpbmc6ICR7cHJvcHMuY29uZGVuc2VkXG4gICAgICA/IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9IDBgXG4gICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9IDBgfTtcbiAgYDtcbiAgcmV0dXJuIFtcbiAgICBiYXNlU3R5bGVzLFxuICAgIHByb3BzLmlzRGlzYWJsZWQgJiZcbiAgICAgIGNzc2BcbiAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc1N0aWNreSAmJlxuICAgICAgaXNPcGVuICYmXG4gICAgICBjc3NgXG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIHBvc2l0aW9uOiBzdGlja3k7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICAgIGAsXG4gICAgIXByb3BzLmNvbmRlbnNlZCAmJlxuICAgICAgLy8gVG8gdW5kZXJzdGFuZCB3aHkgdGhpcyBtaW4taGVpZ2h0IHNlZTogaHR0cHM6Ly9naXRodWIuY29tL2NvbW1lcmNldG9vbHMvdWkta2l0L3B1bGwvNjE2XG4gICAgICBjc3NgXG4gICAgICAgIG1pbi1oZWlnaHQ6ICR7ZGVzaWduVG9rZW5zLmhlaWdodEZvckJ1dHRvbkFzMzB9O1xuICAgICAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDsgLyogbWFrZXMgdGhlIHBhZGRpbmcgZXh0ZW5kIGJleW9uZCB0aGUgbWluLWhlaWdodCAqL1xuICAgICAgYCxcbiAgXTtcbn07XG5cbmNvbnN0IGJhc2VDb250YWluZXJTdHlsZXMgPSBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbWluLXdpZHRoOiAke2Rlc2lnblRva2Vucy5jb25zdHJhaW50Nn07XG4gIHBhZGRpbmc6IDA7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGNvbG9yOiAke2Rlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemUzMH07XG5gO1xuXG5jb25zdCBIZWFkZXJDb250cm9sc1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tbGVmdDogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAvKiByZXNldCB0aGUgY3Vyc29yIGJlY2F1c2UgdGhpcyBhcmVhIG9mIHRoZSBoZWFkZXIgZG9lc24ndCB0cmlnZ2VyIGl0cyBvbkNsaWNrICovXG4gIGN1cnNvcjogYXV0bztcbmA7XG5cbmNvbnN0IFNlY3Rpb25Db250ZW50ID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xuXG5jb25zdCBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgcGFkZGluZzogMCAwICR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG5gO1xuXG50eXBlIFRTZWN0aW9uV3JhcHBlciA9IHtcbiAgY29uZGVuc2VkPzogYm9vbGVhbjtcbiAgaXNFeHBhbmRDb250cm9sSGlkZGVuPzogYm9vbGVhbjtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5jb25zdCBTZWN0aW9uV3JhcHBlciA9IGZvcndhcmRSZWY8SFRNTERpdkVsZW1lbnQsIFRTZWN0aW9uV3JhcHBlcj4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17W1xuICAgICAgICAgIGBcbiAgICAgICAgICBwYWRkaW5nOiAke1xuICAgICAgICAgICAgcHJvcHMuY29uZGVuc2VkXG4gICAgICAgICAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc0MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgICAgICA6IGAke2Rlc2lnblRva2Vucy5zcGFjaW5nNTB9IDAgMCBjYWxjKCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gKyAke2Rlc2lnblRva2Vucy5zcGFjaW5nMTB9KWBcbiAgICAgICAgICB9O1xuXG4gICAgICAgIGAsXG4gICAgICAgICAgcHJvcHMuaXNFeHBhbmRDb250cm9sSGlkZGVuICYmICdwYWRkaW5nLWxlZnQ6IDA7JyxcbiAgICAgICAgXX1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuKTtcblNlY3Rpb25XcmFwcGVyLmRpc3BsYXlOYW1lID0gJ1NlY3Rpb25XcmFwcGVyJztcblxuZXhwb3J0IHtcbiAgYmFzZUNvbnRhaW5lclN0eWxlcyxcbiAgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzLFxuICBnZXRUaGVtZVN0eWxlLFxuICBTZWN0aW9uQ29udGVudCxcbiAgU2VjdGlvbkRlc2NyaXB0aW9uV3JhcHBlcixcbiAgU2VjdGlvbldyYXBwZXIsXG4gIEhlYWRlckNvbnRyb2xzV3JhcHBlcixcbn07XG4iXX0= */"));
|
|
116
115
|
const SectionWrapper = /*#__PURE__*/forwardRef((props, ref) => {
|
|
117
|
-
var _context, _context2, _context3, _context4;
|
|
118
116
|
return jsx("div", {
|
|
119
117
|
ref: ref,
|
|
120
|
-
css: [
|
|
118
|
+
css: [`
|
|
119
|
+
padding: ${props.condensed ? `${designTokens.spacing40} 0 0 calc(${designTokens.spacing30} + ${designTokens.spacing10})` : `${designTokens.spacing50} 0 0 calc(${designTokens.spacing30} + ${designTokens.spacing10})`};
|
|
120
|
+
|
|
121
|
+
`, props.isExpandControlHidden && 'padding-left: 0;', process.env.NODE_ENV === "production" ? "" : ";label:SectionWrapper;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEdRIiwiZmlsZSI6ImNvbGxhcHNpYmxlLXBhbmVsLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBmb3J3YXJkUmVmLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHR5cGUgeyBUQ29sbGFwc2libGVQYW5lbCB9IGZyb20gJy4vY29sbGFwc2libGUtcGFuZWwnO1xuXG5mdW5jdGlvbiBnZXRUaGVtZVN0eWxlKHRoZW1lPzogVENvbGxhcHNpYmxlUGFuZWxbJ3RoZW1lJ10pIHtcbiAgaWYgKHRoZW1lID09PSAnbGlnaHQnKSB7XG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgYDtcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDk1fTtcbiAgYDtcbn1cblxuY29uc3QgZ2V0SGVhZGVyQ29udGFpbmVyU3R5bGVzID0gKFxuICBwcm9wczogUGljazxcbiAgICBUQ29sbGFwc2libGVQYW5lbCxcbiAgICAnaGVhZGVyQ29udHJvbHNBbGlnbm1lbnQnIHwgJ2NvbmRlbnNlZCcgfCAnaXNEaXNhYmxlZCcgfCAnaXNTdGlja3knXG4gID4sXG4gIGlzT3BlbjogYm9vbGVhblxuKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICBib3JkZXItYm90dG9tOiAke2AxcHggc29saWQgJHtkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9YH07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gICAganVzdGlmeS1jb250ZW50OiAke3Byb3BzLmhlYWRlckNvbnRyb2xzQWxpZ25tZW50ID09PSAnbGVmdCdcbiAgICAgID8gJ2ZsZXgtc3RhcnQnXG4gICAgICA6ICdzcGFjZS1iZXR3ZWVuJ307XG4gICAgcGFkZGluZzogJHtwcm9wcy5jb25kZW5zZWRcbiAgICAgID8gYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gMGBcbiAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMGB9O1xuICBgO1xuICByZXR1cm4gW1xuICAgIGJhc2VTdHlsZXMsXG4gICAgcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgY3NzYFxuICAgICAgICBjdXJzb3I6IGRlZmF1bHQ7XG4gICAgICBgLFxuICAgIHByb3BzLmlzU3RpY2t5ICYmXG4gICAgICBpc09wZW4gJiZcbiAgICAgIGNzc2BcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgcG9zaXRpb246IHN0aWNreTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgYCxcbiAgICAhcHJvcHMuY29uZGVuc2VkICYmXG4gICAgICAvLyBUbyB1bmRlcnN0YW5kIHdoeSB0aGlzIG1pbi1oZWlnaHQgc2VlOiBodHRwczovL2dpdGh1Yi5jb20vY29tbWVyY2V0b29scy91aS1raXQvcHVsbC82MTZcbiAgICAgIGNzc2BcbiAgICAgICAgbWluLWhlaWdodDogJHtkZXNpZ25Ub2tlbnMuaGVpZ2h0Rm9yQnV0dG9uQXMzMH07XG4gICAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94OyAvKiBtYWtlcyB0aGUgcGFkZGluZyBleHRlbmQgYmV5b25kIHRoZSBtaW4taGVpZ2h0ICovXG4gICAgICBgLFxuICBdO1xufTtcblxuY29uc3QgYmFzZUNvbnRhaW5lclN0eWxlcyA9IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBtaW4td2lkdGg6ICR7ZGVzaWduVG9rZW5zLmNvbnN0cmFpbnQ2fTtcbiAgcGFkZGluZzogMDtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZTMwfTtcbmA7XG5cbmNvbnN0IEhlYWRlckNvbnRyb2xzV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1sZWZ0OiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIC8qIHJlc2V0IHRoZSBjdXJzb3IgYmVjYXVzZSB0aGlzIGFyZWEgb2YgdGhlIGhlYWRlciBkb2Vzbid0IHRyaWdnZXIgaXRzIG9uQ2xpY2sgKi9cbiAgY3Vyc29yOiBhdXRvO1xuYDtcblxuY29uc3QgU2VjdGlvbkNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XG5cbmNvbnN0IFNlY3Rpb25EZXNjcmlwdGlvbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAwIDAgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfTtcbmA7XG5cbnR5cGUgVFNlY3Rpb25XcmFwcGVyID0ge1xuICBjb25kZW5zZWQ/OiBib29sZWFuO1xuICBpc0V4cGFuZENvbnRyb2xIaWRkZW4/OiBib29sZWFuO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcbmNvbnN0IFNlY3Rpb25XcmFwcGVyID0gZm9yd2FyZFJlZjxIVE1MRGl2RWxlbWVudCwgVFNlY3Rpb25XcmFwcGVyPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgY3NzPXtbXG4gICAgICAgICAgYFxuICAgICAgICAgIHBhZGRpbmc6ICR7XG4gICAgICAgICAgICBwcm9wcy5jb25kZW5zZWRcbiAgICAgICAgICAgICAgPyBgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzQwfSAwIDAgY2FsYygke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9ICsgJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzEwfSlgXG4gICAgICAgICAgICAgIDogYCR7ZGVzaWduVG9rZW5zLnNwYWNpbmc1MH0gMCAwIGNhbGMoJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfSArICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH0pYFxuICAgICAgICAgIH07XG5cbiAgICAgICAgYCxcbiAgICAgICAgICBwcm9wcy5pc0V4cGFuZENvbnRyb2xIaWRkZW4gJiYgJ3BhZGRpbmctbGVmdDogMDsnLFxuICAgICAgICBdfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9XG4pO1xuU2VjdGlvbldyYXBwZXIuZGlzcGxheU5hbWUgPSAnU2VjdGlvbldyYXBwZXInO1xuXG5leHBvcnQge1xuICBiYXNlQ29udGFpbmVyU3R5bGVzLFxuICBnZXRIZWFkZXJDb250YWluZXJTdHlsZXMsXG4gIGdldFRoZW1lU3R5bGUsXG4gIFNlY3Rpb25Db250ZW50LFxuICBTZWN0aW9uRGVzY3JpcHRpb25XcmFwcGVyLFxuICBTZWN0aW9uV3JhcHBlcixcbiAgSGVhZGVyQ29udHJvbHNXcmFwcGVyLFxufTtcbiJdfQ== */"],
|
|
121
122
|
children: props.children
|
|
122
123
|
});
|
|
123
124
|
});
|
|
@@ -185,18 +186,18 @@ const CollapsiblePanel = _ref => {
|
|
|
185
186
|
}, props));
|
|
186
187
|
const scale = condensed ? 's' : 'm';
|
|
187
188
|
const isClosedAndIsDefaultClosed = !isNil(props.isClosed) && !isNil(props.isDefaultClosed);
|
|
188
|
-
process.env.NODE_ENV !== "production" ? warning(!isClosedAndIsDefaultClosed,
|
|
189
|
+
process.env.NODE_ENV !== "production" ? warning(!isClosedAndIsDefaultClosed, `Invalid prop \`isDefaultClosed\` supplied to \`CollapsiblePanel\`. Component must either be controlled or uncontrolled. Pass either \`isClosed\` or \`isDefaultClosed\` but not both.`) : void 0;
|
|
189
190
|
const hasOnToggle = !isNil(props.onToggle);
|
|
190
191
|
const isControlledComponent = !isNil(props.isClosed);
|
|
191
192
|
|
|
192
193
|
// controlled
|
|
193
194
|
if (isControlledComponent) {
|
|
194
|
-
process.env.NODE_ENV !== "production" ? warning(hasOnToggle,
|
|
195
|
+
process.env.NODE_ENV !== "production" ? warning(hasOnToggle, `missing required prop \`onToggle\` when using the "isClosed" prop (controlled component).`) : void 0;
|
|
195
196
|
}
|
|
196
197
|
|
|
197
198
|
// uncontrolled
|
|
198
199
|
if (!isControlledComponent) {
|
|
199
|
-
process.env.NODE_ENV !== "production" ? warning(!hasOnToggle,
|
|
200
|
+
process.env.NODE_ENV !== "production" ? warning(!hasOnToggle, `Invalid prop \`onToggle\` supplied to \`CollapsiblePanel\`. \`onToggle\` does not have any effect when the component is uncontrolled.`) : void 0;
|
|
200
201
|
}
|
|
201
202
|
return jsx(CollapsibleMotion, {
|
|
202
203
|
isClosed: props.isClosed,
|
|
@@ -294,6 +295,6 @@ CollapsiblePanel.Header = CollapsiblePanelHeader$1;
|
|
|
294
295
|
var CollapsiblePanel$1 = CollapsiblePanel;
|
|
295
296
|
|
|
296
297
|
// NOTE: This string will be replaced on build time with the package version.
|
|
297
|
-
var version = "20.
|
|
298
|
+
var version = "20.6.1";
|
|
298
299
|
|
|
299
300
|
export { CollapsiblePanel$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/collapsible-panel",
|
|
3
3
|
"description": "A panel to collapse and expand your content.",
|
|
4
|
-
"version": "20.
|
|
4
|
+
"version": "20.6.1",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -9,7 +9,13 @@
|
|
|
9
9
|
"directory": "packages/components/collapsible-panel"
|
|
10
10
|
},
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
|
-
"keywords": [
|
|
12
|
+
"keywords": [
|
|
13
|
+
"javascript",
|
|
14
|
+
"typescript",
|
|
15
|
+
"design-system",
|
|
16
|
+
"react",
|
|
17
|
+
"uikit"
|
|
18
|
+
],
|
|
13
19
|
"license": "MIT",
|
|
14
20
|
"publishConfig": {
|
|
15
21
|
"access": "public"
|
|
@@ -17,28 +23,31 @@
|
|
|
17
23
|
"sideEffects": false,
|
|
18
24
|
"main": "dist/commercetools-uikit-collapsible-panel.cjs.js",
|
|
19
25
|
"module": "dist/commercetools-uikit-collapsible-panel.esm.js",
|
|
20
|
-
"files": [
|
|
26
|
+
"files": [
|
|
27
|
+
"dist"
|
|
28
|
+
],
|
|
21
29
|
"dependencies": {
|
|
22
30
|
"@babel/runtime": "^7.20.13",
|
|
23
31
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/accessible-button": "20.5.0",
|
|
25
|
-
"@commercetools-uikit/collapsible-motion": "20.5.0",
|
|
26
|
-
"@commercetools-uikit/constraints": "20.5.0",
|
|
27
|
-
"@commercetools-uikit/design-system": "20.5.0",
|
|
28
|
-
"@commercetools-uikit/hooks": "20.5.0",
|
|
29
|
-
"@commercetools-uikit/icons": "20.5.0",
|
|
30
|
-
"@commercetools-uikit/spacings": "20.5.0",
|
|
31
|
-
"@commercetools-uikit/text": "20.5.0",
|
|
32
|
-
"@commercetools-uikit/utils": "20.5.0",
|
|
33
32
|
"@emotion/react": "^11.10.5",
|
|
34
33
|
"@emotion/styled": "^11.10.5",
|
|
35
|
-
"lodash": "4.
|
|
36
|
-
"react-intl": "^7.1.4"
|
|
34
|
+
"lodash": "4.18.1",
|
|
35
|
+
"react-intl": "^7.1.4",
|
|
36
|
+
"@commercetools-uikit/accessible-button": "^20.6.1",
|
|
37
|
+
"@commercetools-uikit/collapsible-motion": "^20.6.1",
|
|
38
|
+
"@commercetools-uikit/constraints": "^20.6.1",
|
|
39
|
+
"@commercetools-uikit/design-system": "^20.6.1",
|
|
40
|
+
"@commercetools-uikit/hooks": "^20.6.1",
|
|
41
|
+
"@commercetools-uikit/icons": "^20.6.1",
|
|
42
|
+
"@commercetools-uikit/spacings": "^20.6.1",
|
|
43
|
+
"@commercetools-uikit/text": "^20.6.1",
|
|
44
|
+
"@commercetools-uikit/utils": "^20.6.1"
|
|
37
45
|
},
|
|
38
46
|
"devDependencies": {
|
|
39
|
-
"
|
|
47
|
+
"prop-types": "^15.8.1",
|
|
48
|
+
"react": "19.2.6"
|
|
40
49
|
},
|
|
41
50
|
"peerDependencies": {
|
|
42
51
|
"react": "19.x"
|
|
43
52
|
}
|
|
44
|
-
}
|
|
53
|
+
}
|