@capillarytech/blaze-ui 5.18.10 → 5.18.12

package/CapRadioCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapRadioCard/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAKvF,cAAM,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAC3D,YAAY,GAAI,GAAG,uBAAuB,UAExC;IAEF,cAAc,GAAI,MAAM,gBAAgB,6CAyEtC;IAEF,MAAM;CAmCP;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/CapRadioCard/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAQxC,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAKvF,cAAM,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IAC3D,YAAY,GAAI,GAAG,uBAAuB,UAExC;IAEF,cAAc,GAAI,MAAM,gBAAgB,6CAuGtC;IAEF,MAAM;CAmCP;AAED,eAAe,YAAY,CAAC"}

package/CapRadioCard/index.js

@@ -5030,22 +5030,22 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.capRadioCardV2 .radioCardContentContainer{width:100%}.capRadioCardV2 .radioCardContent,.capRadioCardV2 .radioCardHeader{font-size:.857rem;line-height:1.17;letter-spacing:normal;color:#5e6c84;padding-top:.285rem}.capRadioCardV2 .radioCardIcon{width:3.429rem;height:3.429rem;object-fit:contain;margin-right:1.714rem}.capRadioCardV2 .radioCardChecked{position:absolute;right:-0.429rem;top:-0.857rem;display:none}.capRadioCardV2 .ant-radio-button-wrapper-checked .radioCardChecked{display:block;z-index:1}.capRadioCardV2 .divIcon{position:absolute;top:25%;left:25%}.capRadioCardV2 .iconContainer{padding-right:1.714rem;height:3.429rem;width:3.429rem;background-color:#dfe2e7;background-size:cover;text-decoration:none;display:inline-block;border-radius:1.286rem;position:relative}.capRadioCardV2 .iconContainer.greenColor{background-color:#47af46;color:#fff}.capRadioCardV2 .radioButtonWrapper{position:relative;height:120px;width:372px;border-radius:.285rem;background-color:#fff;margin:.428rem;padding:0;border-top-width:1px;vertical-align:top}.capRadioCardV2 .disabledWrapper{opacity:.5}.capRadioCardV2 .disabledWrapper.customDisableRadioButton{border:unset;max-height:5.357rem}.capRadioCardV2 .disabledWrapper.customDisableRadioButton .radioCardChecked{display:none}.capRadioCardV2 .disabledWrapper.customDisableRadioButton .ant-card-body{padding:unset}.capRadioCardV2 .customDisableRadioButton{border:unset;max-height:5.357rem}.capRadioCardV2 .customDisableRadioButton .ant-card-body{padding:unset}.capRadioCardV2 .ant-card-body{display:flex;padding:1.142rem;height:100%;position:relative}.capRadioCardV2 .infoIconWrapper{position:absolute;top:1.142rem;right:1.142rem}.capRadioCardV2 .ant-card{height:100%;border:none}.capRadioCardV2.smallRadioCard .iconContainer{padding-right:unset;background-color:unset}.capRadioCardV2.smallRadioCard .radioCardIcon{height:1.428rem;width:1.714rem}.capRadioCardV2.smallRadioCard .divIcon{top:0%;left:0%}.capRadioCardV2.smallRadioCard .radioButtonWrapper{margin:.428rem .857rem .428rem 0}.capRadioCardV2.smallRadioCard .radioButtonWrapper:nth-child(3n){margin-right:0}.capRadioCardV2.smallRadioCard .ant-card-body{padding:.857rem;height:48px}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-radioCard-v2 .radio-card-content-container{width:100%}.cap-radioCard-v2 .radio-card-content,.cap-radioCard-v2 .radio-card-header{font-size:.857rem;line-height:1.17;letter-spacing:normal;color:#5e6c84;padding-top:.285rem}.cap-radioCard-v2 .radio-card-icon{width:3.429rem;height:3.429rem;object-fit:contain;margin-right:1.714rem}.cap-radioCard-v2 .radio-card-checked{position:absolute;right:-0.429rem;top:-0.857rem;display:none}.cap-radioCard-v2 .ant-radio-button-wrapper-checked .radio-card-checked{display:block;z-index:1}.cap-radioCard-v2 .div-icon{position:absolute;top:25%;left:25%}.cap-radioCard-v2 .icon-container{padding-right:1.714rem;height:3.429rem;width:3.429rem;background-color:#dfe2e7;background-size:cover;text-decoration:none;display:inline-block;border-radius:1.286rem;position:relative}.cap-radioCard-v2 .icon-container.green-color{background-color:#47af46;color:#fff}.cap-radioCard-v2 .radio-button-wrapper{position:relative;height:120px;width:372px;border-radius:.285rem;background-color:#fff;margin:.428rem;padding:0;border-top-width:1px;vertical-align:top}.cap-radioCard-v2 .disabled-wrapper{opacity:.5}.cap-radioCard-v2 .disabled-wrapper.custom-disable-radio-button{border:unset;max-height:5.357rem}.cap-radioCard-v2 .disabled-wrapper.custom-disable-radio-button .radio-card-checked{display:none}.cap-radioCard-v2 .disabled-wrapper.custom-disable-radio-button .ant-card-body{padding:unset}.cap-radioCard-v2 .custom-disable-radio-button{border:unset;max-height:5.357rem}.cap-radioCard-v2 .custom-disable-radio-button .ant-card-body{padding:unset}.cap-radioCard-v2 .ant-card-body{display:flex;padding:1.142rem;height:100%;position:relative}.cap-radioCard-v2 .info-icon-wrapper{position:absolute;top:1.142rem;right:1.142rem}.cap-radioCard-v2 .ant-card{height:100%;border:none}.cap-radioCard-v2.smallRadioCard .icon-container{padding-right:unset;background-color:unset}.cap-radioCard-v2.smallRadioCard .radio-card-icon{height:1.428rem;width:1.714rem}.cap-radioCard-v2.smallRadioCard .div-icon{top:0%;left:0%}.cap-radioCard-v2.smallRadioCard .radio-button-wrapper{margin:.428rem .857rem .428rem 0}.cap-radioCard-v2.smallRadioCard .radio-button-wrapper:nth-child(3n){margin-right:0}.cap-radioCard-v2.smallRadioCard .ant-card-body{padding:.857rem;height:48px}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
-	"capRadioCardV2": `capRadioCardV2`,
-	"radioCardContentContainer": `radioCardContentContainer`,
-	"radioCardContent": `radioCardContent`,
-	"radioCardHeader": `radioCardHeader`,
-	"radioCardIcon": `radioCardIcon`,
-	"radioCardChecked": `radioCardChecked`,
-	"divIcon": `divIcon`,
-	"iconContainer": `iconContainer`,
-	"greenColor": `greenColor`,
-	"radioButtonWrapper": `radioButtonWrapper`,
-	"disabledWrapper": `disabledWrapper`,
-	"customDisableRadioButton": `customDisableRadioButton`,
-	"infoIconWrapper": `infoIconWrapper`,
+	"cap-radioCard-v2": `cap-radioCard-v2`,
+	"radio-card-content-container": `radio-card-content-container`,
+	"radio-card-content": `radio-card-content`,
+	"radio-card-header": `radio-card-header`,
+	"radio-card-icon": `radio-card-icon`,
+	"radio-card-checked": `radio-card-checked`,
+	"div-icon": `div-icon`,
+	"icon-container": `icon-container`,
+	"green-color": `green-color`,
+	"radio-button-wrapper": `radio-button-wrapper`,
+	"disabled-wrapper": `disabled-wrapper`,
+	"custom-disable-radio-button": `custom-disable-radio-button`,
+	"info-icon-wrapper": `info-icon-wrapper`,
 	"smallRadioCard": `smallRadioCard`
 };
 module.exports = ___CSS_LOADER_EXPORT___;
@@ -17810,7 +17810,16 @@ class CapRadioCard extends _react.default.Component {
         cardWidth,
         selected,
         defaultValue,
-        size
+        size,
+        radioButtonWrapperClassName,
+        checkedIconClassName,
+        iconWrapperClassName,
+        iconContainerClassName,
+        divIconClassName,
+        contentContainerClassName,
+        headerClassName,
+        contentClassName,
+        infoIconWrapperClassName
       } = this.props;
       const {
           content,
@@ -17835,42 +17844,42 @@ class CapRadioCard extends _react.default.Component {
         value: value,
         disabled: disabled,
         style: radioButtonStyle,
-        className: (0, _classnames.default)(_styles.default['radioButtonWrapper'], {
-          [_styles.default['customDisableRadioButton']]: customDisableClass,
-          [_styles.default['disabledWrapper']]: disabled
-        }, radioCardClassName)
+        className: (0, _classnames.default)(_styles.default['radio-button-wrapper'], {
+          [_styles.default['custom-disable-radio-button']]: customDisableClass,
+          [_styles.default['disabled-wrapper']]: disabled
+        }, radioCardClassName, radioButtonWrapperClassName)
       }, restParams, {
         children: [!customDisableClass && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
           type: "check-filled",
-          className: _styles.default['radioCardChecked']
+          className: (0, _classnames.default)(_styles.default['radio-card-checked'], checkedIconClassName)
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antdV.Card, {
           variant: "borderless",
           children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: _styles.default['radioCardIcon'],
+            className: (0, _classnames.default)(_styles.default['radio-card-icon'], iconWrapperClassName),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: (0, _classnames.default)(_styles.default['iconContainer'], {
-                [_styles.default['greenColor']]: isChecked && !isSmall && !disabled
-              }),
+              className: (0, _classnames.default)(_styles.default['icon-container'], {
+                [_styles.default['green-color']]: isChecked && !isSmall && !disabled
+              }, iconContainerClassName),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                className: _styles.default['divIcon'],
+                className: (0, _classnames.default)(_styles.default['div-icon'], divIconClassName),
                 children: icon
               })
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: _styles.default['radioCardContentContainer'],
+            className: (0, _classnames.default)(_styles.default['radio-card-content-container'], contentContainerClassName),
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: _styles.default['radioCardHeader'],
+              className: (0, _classnames.default)(_styles.default['radio-card-header'], headerClassName),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
                 type: "h4",
                 className: (0, _classnames.default)(titleClassName),
                 children: title
               })
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: _styles.default['radioCardContent'],
-              children: [" ", content]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: (0, _classnames.default)(_styles.default['radio-card-content'], contentClassName),
+              children: content
             })]
           }), infoIconDescription && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: _styles.default['infoIconWrapper'],
+            className: (0, _classnames.default)(_styles.default['info-icon-wrapper'], infoIconWrapperClassName),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
               title: infoIconDescription
             })
@@ -17889,7 +17898,7 @@ class CapRadioCard extends _react.default.Component {
       rest = _objectWithoutPropertiesLoose(_this$props2, _excluded2);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioGroup, _extends({}, rest, {
       onChange: this.handleChange,
-      className: (0, _classnames.default)(_styles.default['capRadioCardV2'], {
+      className: (0, _classnames.default)(_styles.default['cap-radioCard-v2'], {
         [_styles.default['smallRadioCard']]: size === 'small'
       }, className),
       children: panes && panes.map(pane => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {