@capillarytech/blaze-ui 5.18.10 → 5.18.13
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/CapCustomCheckboxList/index.js +1 -1
- package/CapCustomCheckboxList/index.js.map +1 -1
- package/CapRadioCard/index.d.ts.map +1 -1
- package/CapRadioCard/index.js +41 -32
- package/CapRadioCard/index.js.map +1 -1
- package/CapRadioCard/types.d.ts +20 -0
- package/CapRadioCard/types.d.ts.map +1 -1
- package/CapStaticTemplates/README.md +212 -0
- package/CapStaticTemplates/constants.d.ts +3 -0
- package/CapStaticTemplates/constants.d.ts.map +1 -0
- package/CapStaticTemplates/index.d.ts +11 -0
- package/CapStaticTemplates/index.d.ts.map +1 -0
- package/CapStaticTemplates/index.js +331 -617
- package/CapStaticTemplates/index.js.map +1 -1
- package/CapStaticTemplates/messages.d.ts +32 -0
- package/CapStaticTemplates/messages.d.ts.map +1 -0
- package/CapStaticTemplates/types.d.ts +97 -0
- package/CapStaticTemplates/types.d.ts.map +1 -0
- package/CapStaticTemplates/use-cases.md +367 -0
- package/index.d.ts +2 -0
- package/index.d.ts.map +1 -1
- package/index.js +645 -35
- package/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +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,
|
|
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,6CAuGtC;IAEF,MAAM;CAmCP;AAED,eAAe,YAAY,CAAC"}
|
package/CapRadioCard/index.js
CHANGED
|
@@ -5030,22 +5030,22 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
|
|
|
5030
5030
|
var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
|
|
5031
5031
|
var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
|
|
5032
5032
|
// Module
|
|
5033
|
-
___CSS_LOADER_EXPORT___.push([module.id, `.
|
|
5033
|
+
___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}`, ""]);
|
|
5034
5034
|
// Exports
|
|
5035
5035
|
___CSS_LOADER_EXPORT___.locals = {
|
|
5036
|
-
"
|
|
5037
|
-
"
|
|
5038
|
-
"
|
|
5039
|
-
"
|
|
5040
|
-
"
|
|
5041
|
-
"
|
|
5042
|
-
"
|
|
5043
|
-
"
|
|
5044
|
-
"
|
|
5045
|
-
"
|
|
5046
|
-
"
|
|
5047
|
-
"
|
|
5048
|
-
"
|
|
5036
|
+
"cap-radioCard-v2": `cap-radioCard-v2`,
|
|
5037
|
+
"radio-card-content-container": `radio-card-content-container`,
|
|
5038
|
+
"radio-card-content": `radio-card-content`,
|
|
5039
|
+
"radio-card-header": `radio-card-header`,
|
|
5040
|
+
"radio-card-icon": `radio-card-icon`,
|
|
5041
|
+
"radio-card-checked": `radio-card-checked`,
|
|
5042
|
+
"div-icon": `div-icon`,
|
|
5043
|
+
"icon-container": `icon-container`,
|
|
5044
|
+
"green-color": `green-color`,
|
|
5045
|
+
"radio-button-wrapper": `radio-button-wrapper`,
|
|
5046
|
+
"disabled-wrapper": `disabled-wrapper`,
|
|
5047
|
+
"custom-disable-radio-button": `custom-disable-radio-button`,
|
|
5048
|
+
"info-icon-wrapper": `info-icon-wrapper`,
|
|
5049
5049
|
"smallRadioCard": `smallRadioCard`
|
|
5050
5050
|
};
|
|
5051
5051
|
module.exports = ___CSS_LOADER_EXPORT___;
|
|
@@ -17810,7 +17810,16 @@ class CapRadioCard extends _react.default.Component {
|
|
|
17810
17810
|
cardWidth,
|
|
17811
17811
|
selected,
|
|
17812
17812
|
defaultValue,
|
|
17813
|
-
size
|
|
17813
|
+
size,
|
|
17814
|
+
radioButtonWrapperClassName,
|
|
17815
|
+
checkedIconClassName,
|
|
17816
|
+
iconWrapperClassName,
|
|
17817
|
+
iconContainerClassName,
|
|
17818
|
+
divIconClassName,
|
|
17819
|
+
contentContainerClassName,
|
|
17820
|
+
headerClassName,
|
|
17821
|
+
contentClassName,
|
|
17822
|
+
infoIconWrapperClassName
|
|
17814
17823
|
} = this.props;
|
|
17815
17824
|
const {
|
|
17816
17825
|
content,
|
|
@@ -17835,42 +17844,42 @@ class CapRadioCard extends _react.default.Component {
|
|
|
17835
17844
|
value: value,
|
|
17836
17845
|
disabled: disabled,
|
|
17837
17846
|
style: radioButtonStyle,
|
|
17838
|
-
className: (0, _classnames.default)(_styles.default['
|
|
17839
|
-
[_styles.default['
|
|
17840
|
-
[_styles.default['
|
|
17841
|
-
}, radioCardClassName)
|
|
17847
|
+
className: (0, _classnames.default)(_styles.default['radio-button-wrapper'], {
|
|
17848
|
+
[_styles.default['custom-disable-radio-button']]: customDisableClass,
|
|
17849
|
+
[_styles.default['disabled-wrapper']]: disabled
|
|
17850
|
+
}, radioCardClassName, radioButtonWrapperClassName)
|
|
17842
17851
|
}, restParams, {
|
|
17843
17852
|
children: [!customDisableClass && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
|
|
17844
17853
|
type: "check-filled",
|
|
17845
|
-
className: _styles.default['
|
|
17854
|
+
className: (0, _classnames.default)(_styles.default['radio-card-checked'], checkedIconClassName)
|
|
17846
17855
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antdV.Card, {
|
|
17847
17856
|
variant: "borderless",
|
|
17848
17857
|
children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
17849
|
-
className: _styles.default['
|
|
17858
|
+
className: (0, _classnames.default)(_styles.default['radio-card-icon'], iconWrapperClassName),
|
|
17850
17859
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
17851
|
-
className: (0, _classnames.default)(_styles.default['
|
|
17852
|
-
[_styles.default['
|
|
17853
|
-
}),
|
|
17860
|
+
className: (0, _classnames.default)(_styles.default['icon-container'], {
|
|
17861
|
+
[_styles.default['green-color']]: isChecked && !isSmall && !disabled
|
|
17862
|
+
}, iconContainerClassName),
|
|
17854
17863
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
17855
|
-
className: _styles.default['
|
|
17864
|
+
className: (0, _classnames.default)(_styles.default['div-icon'], divIconClassName),
|
|
17856
17865
|
children: icon
|
|
17857
17866
|
})
|
|
17858
17867
|
})
|
|
17859
17868
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
17860
|
-
className: _styles.default['
|
|
17869
|
+
className: (0, _classnames.default)(_styles.default['radio-card-content-container'], contentContainerClassName),
|
|
17861
17870
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
17862
|
-
className: _styles.default['
|
|
17871
|
+
className: (0, _classnames.default)(_styles.default['radio-card-header'], headerClassName),
|
|
17863
17872
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapHeading.default, {
|
|
17864
17873
|
type: "h4",
|
|
17865
17874
|
className: (0, _classnames.default)(titleClassName),
|
|
17866
17875
|
children: title
|
|
17867
17876
|
})
|
|
17868
|
-
}), /*#__PURE__*/(0, _jsxRuntime.
|
|
17869
|
-
className: _styles.default['
|
|
17870
|
-
children:
|
|
17877
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
17878
|
+
className: (0, _classnames.default)(_styles.default['radio-card-content'], contentClassName),
|
|
17879
|
+
children: content
|
|
17871
17880
|
})]
|
|
17872
17881
|
}), infoIconDescription && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
17873
|
-
className: _styles.default['
|
|
17882
|
+
className: (0, _classnames.default)(_styles.default['info-icon-wrapper'], infoIconWrapperClassName),
|
|
17874
17883
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTooltipWithInfo.default, {
|
|
17875
17884
|
title: infoIconDescription
|
|
17876
17885
|
})
|
|
@@ -17889,7 +17898,7 @@ class CapRadioCard extends _react.default.Component {
|
|
|
17889
17898
|
rest = _objectWithoutPropertiesLoose(_this$props2, _excluded2);
|
|
17890
17899
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioGroup, _extends({}, rest, {
|
|
17891
17900
|
onChange: this.handleChange,
|
|
17892
|
-
className: (0, _classnames.default)(_styles.default['
|
|
17901
|
+
className: (0, _classnames.default)(_styles.default['cap-radioCard-v2'], {
|
|
17893
17902
|
[_styles.default['smallRadioCard']]: size === 'small'
|
|
17894
17903
|
}, className),
|
|
17895
17904
|
children: panes && panes.map(pane => /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
|