@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.cjs.js
CHANGED
|
@@ -12146,7 +12146,7 @@ var Motion = function Motion(_ref) {
|
|
|
12146
12146
|
var ReelStyled = styled__default.div.withConfig({
|
|
12147
12147
|
displayName: "Reelstyled__ReelStyled",
|
|
12148
12148
|
componentId: "sc-bhf05j-0"
|
|
12149
|
-
})(["display:flex;overflow-x:", ";padding:", ";height:", ";justify-content:", ";> * + *{margin-left:", ";}> *{flex:0 0 ", ";}"], function (_ref) {
|
|
12149
|
+
})(["display:flex;overflow-x:", ";padding:", ";height:", ";justify-content:", ";> * + *{margin-left:", ";}> *{flex:0 0 ", ";}", ""], function (_ref) {
|
|
12150
12150
|
var disableScroll = _ref.disableScroll;
|
|
12151
12151
|
return disableScroll ? "hidden" : "auto";
|
|
12152
12152
|
}, function (_ref2) {
|
|
@@ -12164,6 +12164,10 @@ var ReelStyled = styled__default.div.withConfig({
|
|
|
12164
12164
|
}, function (_ref6) {
|
|
12165
12165
|
var childWidth = _ref6.childWidth;
|
|
12166
12166
|
return childWidth;
|
|
12167
|
+
}, function (_ref7) {
|
|
12168
|
+
var useOrderedList = _ref7.useOrderedList,
|
|
12169
|
+
useUnorderedList = _ref7.useUnorderedList;
|
|
12170
|
+
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 " : "";
|
|
12167
12171
|
});
|
|
12168
12172
|
|
|
12169
12173
|
var _excluded$g = ["childGap", "height", "childWidth", "padding", "justifyContent", "disableScroll", "useOrderedList", "useUnorderedList", "children"];
|
|
@@ -12196,7 +12200,9 @@ var Reel = function Reel(_ref) {
|
|
|
12196
12200
|
padding: padding,
|
|
12197
12201
|
justifyContent: justifyContent,
|
|
12198
12202
|
disableScroll: disableScroll,
|
|
12199
|
-
as: elementType
|
|
12203
|
+
as: elementType,
|
|
12204
|
+
useOrderedList: useOrderedList,
|
|
12205
|
+
useUnorderedList: useUnorderedList
|
|
12200
12206
|
}, rest), safeChildren(children, /*#__PURE__*/React__default.createElement(React.Fragment, null)));
|
|
12201
12207
|
};
|
|
12202
12208
|
|
|
@@ -35289,11 +35295,11 @@ var CollapsibleSection = function CollapsibleSection(_ref) {
|
|
|
35289
35295
|
}, customTitle ? /*#__PURE__*/React__default.createElement(Box, {
|
|
35290
35296
|
width: "calc(100% - 36px)",
|
|
35291
35297
|
padding: "0px"
|
|
35292
|
-
}, title) : /*#__PURE__*/React__default.createElement(
|
|
35293
|
-
variant: "h6",
|
|
35298
|
+
}, title) : /*#__PURE__*/React__default.createElement(Title$1, {
|
|
35294
35299
|
weight: FONT_WEIGHT_SEMIBOLD,
|
|
35295
35300
|
color: themeValues.titleColor,
|
|
35296
|
-
as: "h6"
|
|
35301
|
+
as: "h6",
|
|
35302
|
+
variant: "small"
|
|
35297
35303
|
}, title), /*#__PURE__*/React__default.createElement(Motion, {
|
|
35298
35304
|
variants: icon,
|
|
35299
35305
|
extraStyles: "display: flex; align-items: center;"
|
|
@@ -35483,7 +35489,7 @@ var EditableList = function EditableList(_ref) {
|
|
|
35483
35489
|
return removeItem(item.id);
|
|
35484
35490
|
},
|
|
35485
35491
|
extraStyles: "min-width: 0;",
|
|
35486
|
-
"aria-label": "Remove ".concat(itemName
|
|
35492
|
+
"aria-label": "Remove ".concat(itemName)
|
|
35487
35493
|
})), canEdit && /*#__PURE__*/React__default.createElement(Box, {
|
|
35488
35494
|
padding: "0 0.5rem",
|
|
35489
35495
|
border: "2px solid transparent",
|
|
@@ -35497,7 +35503,7 @@ var EditableList = function EditableList(_ref) {
|
|
|
35497
35503
|
return editItem(item.id);
|
|
35498
35504
|
},
|
|
35499
35505
|
extraStyles: "min-width: 0;",
|
|
35500
|
-
"aria-label": "Edit ".concat(itemName
|
|
35506
|
+
"aria-label": "Edit ".concat(itemName)
|
|
35501
35507
|
}))));
|
|
35502
35508
|
})), canAdd && (!maxItems || items.length < maxItems) && /*#__PURE__*/React__default.createElement(Box, {
|
|
35503
35509
|
padding: items.length === 0 ? "0" : "1rem 0 0"
|