@thecb/components 5.4.4 → 5.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +13 -7
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +13 -7
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/layouts/Reel.js +2 -0
- package/src/components/atoms/layouts/Reel.styled.js +11 -0
- package/src/components/molecules/collapsible-section/CollapsibleSection.js +4 -4
- package/src/components/molecules/editable-list/EditableList.js +2 -2
package/dist/index.esm.js
CHANGED
|
@@ -12138,7 +12138,7 @@ var Motion = function Motion(_ref) {
|
|
|
12138
12138
|
var ReelStyled = styled.div.withConfig({
|
|
12139
12139
|
displayName: "Reelstyled__ReelStyled",
|
|
12140
12140
|
componentId: "sc-bhf05j-0"
|
|
12141
|
-
})(["display:flex;overflow-x:", ";padding:", ";height:", ";justify-content:", ";> * + *{margin-left:", ";}> *{flex:0 0 ", ";}"], function (_ref) {
|
|
12141
|
+
})(["display:flex;overflow-x:", ";padding:", ";height:", ";justify-content:", ";> * + *{margin-left:", ";}> *{flex:0 0 ", ";}", ""], function (_ref) {
|
|
12142
12142
|
var disableScroll = _ref.disableScroll;
|
|
12143
12143
|
return disableScroll ? "hidden" : "auto";
|
|
12144
12144
|
}, function (_ref2) {
|
|
@@ -12156,6 +12156,10 @@ var ReelStyled = styled.div.withConfig({
|
|
|
12156
12156
|
}, function (_ref6) {
|
|
12157
12157
|
var childWidth = _ref6.childWidth;
|
|
12158
12158
|
return childWidth;
|
|
12159
|
+
}, function (_ref7) {
|
|
12160
|
+
var useOrderedList = _ref7.useOrderedList,
|
|
12161
|
+
useUnorderedList = _ref7.useUnorderedList;
|
|
12162
|
+
return useOrderedList || useUnorderedList ? "\n margin: 0;\n margin-block-start: 0;\n margin-block-end: 0;\n padding-inline-start: 0;\n list-style-type: none;\n " : "";
|
|
12159
12163
|
});
|
|
12160
12164
|
|
|
12161
12165
|
var _excluded$g = ["childGap", "height", "childWidth", "padding", "justifyContent", "disableScroll", "useOrderedList", "useUnorderedList", "children"];
|
|
@@ -12188,7 +12192,9 @@ var Reel = function Reel(_ref) {
|
|
|
12188
12192
|
padding: padding,
|
|
12189
12193
|
justifyContent: justifyContent,
|
|
12190
12194
|
disableScroll: disableScroll,
|
|
12191
|
-
as: elementType
|
|
12195
|
+
as: elementType,
|
|
12196
|
+
useOrderedList: useOrderedList,
|
|
12197
|
+
useUnorderedList: useUnorderedList
|
|
12192
12198
|
}, rest), safeChildren(children, /*#__PURE__*/React.createElement(Fragment, null)));
|
|
12193
12199
|
};
|
|
12194
12200
|
|
|
@@ -35281,11 +35287,11 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
|
|
|
35281
35287
|
}, customTitle ? /*#__PURE__*/React.createElement(Box, {
|
|
35282
35288
|
width: "calc(100% - 36px)",
|
|
35283
35289
|
padding: "0px"
|
|
35284
|
-
}, title) : /*#__PURE__*/React.createElement(
|
|
35285
|
-
variant: "h6",
|
|
35290
|
+
}, title) : /*#__PURE__*/React.createElement(Title$1, {
|
|
35286
35291
|
weight: FONT_WEIGHT_SEMIBOLD,
|
|
35287
35292
|
color: themeValues.titleColor,
|
|
35288
|
-
as: "h6"
|
|
35293
|
+
as: "h6",
|
|
35294
|
+
variant: "small"
|
|
35289
35295
|
}, title), /*#__PURE__*/React.createElement(Motion, {
|
|
35290
35296
|
variants: icon,
|
|
35291
35297
|
extraStyles: "display: flex; align-items: center;"
|
|
@@ -35475,7 +35481,7 @@ var EditableList = function EditableList(_ref) {
|
|
|
35475
35481
|
return removeItem(item.id);
|
|
35476
35482
|
},
|
|
35477
35483
|
extraStyles: "min-width: 0;",
|
|
35478
|
-
"aria-label": "Remove ".concat(itemName
|
|
35484
|
+
"aria-label": "Remove ".concat(itemName)
|
|
35479
35485
|
})), canEdit && /*#__PURE__*/React.createElement(Box, {
|
|
35480
35486
|
padding: "0 0.5rem",
|
|
35481
35487
|
border: "2px solid transparent",
|
|
@@ -35489,7 +35495,7 @@ var EditableList = function EditableList(_ref) {
|
|
|
35489
35495
|
return editItem(item.id);
|
|
35490
35496
|
},
|
|
35491
35497
|
extraStyles: "min-width: 0;",
|
|
35492
|
-
"aria-label": "Edit ".concat(itemName
|
|
35498
|
+
"aria-label": "Edit ".concat(itemName)
|
|
35493
35499
|
}))));
|
|
35494
35500
|
})), canAdd && (!maxItems || items.length < maxItems) && /*#__PURE__*/React.createElement(Box, {
|
|
35495
35501
|
padding: items.length === 0 ? "0" : "1rem 0 0"
|