@nascentdigital/funnel-ui 4.4.19 → 4.4.20

package/dist/server/blocks/Outcome.js

@@ -66,7 +66,7 @@ function Outcome(_a) {
         }
     };
     // render block
-    return ((0, jsx_runtime_1.jsx)(Block_1.Block, Object.assign({ className: "nd-Outcome", config: outcome.config, layout: layout, renderPanel: getPanel }, props)));
+    return ((0, jsx_runtime_1.jsx)(Block_1.Block, Object.assign({ className: (0, classnames_1.default)("nd-Outcome", className), config: outcome.config, layout: layout, renderPanel: getPanel }, props)));
 }
 // extension
 (function (Outcome) {
@@ -112,7 +112,7 @@ function Outcome(_a) {
             .setDefault('md')
             .optional(), detailsWidth: schema_1.ItemSize.schema
             .modify({ semantics: 'segmented', name: 'Details Width' })
-            .keepOptions('md', 'lg')
+            .keepOptions('sm', 'md', 'lg')
             .setDefault('md')
             .optional(), detailsPosition: schema_1.ItemAlignment.Horizontal.schema.rename('Details Position').optional(), visualPosition: schema_1.ItemPosition.schema
             .modify({ name: 'Visual Position' })
@@ -160,7 +160,7 @@ function getOutcomeConfig(args) {
     const hasVisual = ((_a = fields === null || fields === void 0 ? void 0 : fields.visual) === null || _a === void 0 ? void 0 : _a.value) !== undefined;
     const hasDetails = !!((_c = (_b = fields === null || fields === void 0 ? void 0 : fields.details) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.length);
     const visualConfig = panels_1.VisualPanel.getConfig({ visual, config, aspectKey: 'visualAspect', anchorKey: 'visualAnchor' });
-    const defaultConfig = Object.assign(Object.assign(Object.assign(Object.assign({}, config), { theme: funnel_core_1.Schema.EnumField.Value.toData('default'), introPosition: funnel_core_1.Schema.EnumField.Value.toData('left'), introTextAlignment: funnel_core_1.Schema.EnumField.Value.toData('left'), introWidth: funnel_core_1.Schema.EnumField.Value.toData('md'), detailsPosition: funnel_core_1.Schema.EnumField.Value.toData('start'), detailsWidth: funnel_core_1.Schema.EnumField.Value.toData('md'), visualPosition: funnel_core_1.Schema.EnumField.Value.toData('left') }), visualConfig.defaultConfig), { contentAlignment: funnel_core_1.Schema.EnumField.Value.toData('start') });
+    const defaultConfig = Object.assign(Object.assign(Object.assign(Object.assign({}, config), { theme: funnel_core_1.Schema.EnumField.Value.toData('default'), introPosition: funnel_core_1.Schema.EnumField.Value.toData('left'), introTextAlignment: funnel_core_1.Schema.EnumField.Value.toData('left'), introWidth: funnel_core_1.Schema.EnumField.Value.toData('md'), detailsPosition: funnel_core_1.Schema.EnumField.Value.toData('start'), detailsWidth: funnel_core_1.Schema.EnumField.Value.toData('sm'), visualPosition: funnel_core_1.Schema.EnumField.Value.toData('left') }), visualConfig.defaultConfig), { contentAlignment: funnel_core_1.Schema.EnumField.Value.toData('start') });
     // current values or fallback to a valid value
     const introPosition = (_d = funnel_core_1.Schema.EnumField.Value.fromData(config.introPosition)) !== null && _d !== void 0 ? _d : (_e = defaultConfig.introPosition) === null || _e === void 0 ? void 0 : _e.value;
     const introTextAlignment = (_f = funnel_core_1.Schema.EnumField.Value.fromData(config.introTextAlignment)) !== null && _f !== void 0 ? _f : (_g = defaultConfig.introTextAlignment) === null || _g === void 0 ? void 0 : _g.value;
@@ -485,5 +485,5 @@ function renderDetails({ className, panel, details, detailsTag, detailTag }) {
         return undefined;
     }
     // render details
-    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(className, 'nd-Outcome-detailsWrap'), children: (0, react_1.createElement)(detailsTag, { className: 'nd-Outcome-details' }, details.map(detail => ((0, jsx_runtime_1.jsx)(OutcomeDetail_1.OutcomeDetail, { as: detailTag, detail: detail }, detail.id)))) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(className, panels_1.BlockPanel.getClassNames({ panel }), 'nd-Outcome-detailsWrap'), children: (0, react_1.createElement)(detailsTag, { className: 'nd-BlockPanel-content nd-Outcome-details' }, details.map(detail => ((0, jsx_runtime_1.jsx)(OutcomeDetail_1.OutcomeDetail, { as: detailTag, detail: detail }, detail.id)))) }));
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nascentdigital/funnel-ui",
   "description": "UI components for funnel",
-  "version": "4.4.19",
+  "version": "4.4.20",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "restricted"
@@ -69,5 +69,5 @@
     "react-dom": "^19",
     "ts-jest": "^29.3.2"
   },
-  "gitHead": "d4ab7346c7b2e39897e5eb6be0a64e2f0278d51b"
+  "gitHead": "1e8d8289152d4ce68091e38773c0d766b6f289c3"
 }