@doist/reactist 28.3.0 → 28.3.2
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/reactist.cjs.development.js +7 -9
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/base-field/base-field.js +6 -8
- package/es/base-field/base-field.js.map +1 -1
- package/es/box/box.module.css.js +1 -1
- package/lib/base-field/base-field.js +1 -1
- package/lib/base-field/base-field.js.map +1 -1
- package/lib/box/box.module.css.js +1 -1
- package/package.json +1 -1
- package/styles/avatar.css +1 -1
- package/styles/badge.css +1 -1
- package/styles/banner.css +1 -1
- package/styles/base-field.css +1 -1
- package/styles/box.css +1 -1
- package/styles/box.module.css.css +1 -1
- package/styles/button.css +1 -1
- package/styles/checkbox-field.css +1 -1
- package/styles/columns.css +1 -1
- package/styles/divider.css +1 -1
- package/styles/heading.css +1 -1
- package/styles/hidden-visually.css +1 -1
- package/styles/hidden.css +1 -1
- package/styles/index.css +2 -3
- package/styles/loading.css +1 -1
- package/styles/modal.css +1 -1
- package/styles/notice.css +1 -1
- package/styles/password-field.css +1 -1
- package/styles/prose.css +1 -1
- package/styles/reactist.css +1 -1
- package/styles/select-field.css +1 -1
- package/styles/static-toast.css +1 -1
- package/styles/switch-field.css +1 -1
- package/styles/tabs.css +1 -1
- package/styles/text-area.css +1 -1
- package/styles/text-field.css +1 -1
- package/styles/text-link.css +1 -1
- package/styles/text.css +1 -1
- package/styles/tooltip.css +1 -1
- package/styles/use-toasts.css +1 -1
|
@@ -216,7 +216,7 @@ function mapResponsiveProp(fromValue, mapper) {
|
|
|
216
216
|
};
|
|
217
217
|
}
|
|
218
218
|
|
|
219
|
-
var modules_54d944f2 = {"box":"
|
|
219
|
+
var modules_54d944f2 = {"box":"fc42413d","position-absolute":"fae81daf","position-fixed":"a5bc8416","position-relative":"fc1a1048","position-sticky":"bf792080","tablet-position-absolute":"_077996a2","tablet-position-fixed":"fa51626b","tablet-position-relative":"fbe5cea1","tablet-position-sticky":"_78273192","desktop-position-absolute":"_0683335b","desktop-position-fixed":"bcf9a7db","desktop-position-relative":"dab014b0","desktop-position-sticky":"e55b598a","display-block":"bf535c88","display-flex":"_27c1200b","display-inline":"_1ef58463","display-inlineBlock":"a895e180","display-inlineFlex":"_02433984","display-none":"_19b230db","tablet-display-block":"_2eb0ba1d","tablet-display-flex":"_69ab5292","tablet-display-inline":"_09a172d4","tablet-display-inlineBlock":"c867403c","tablet-display-inlineFlex":"a06f5b03","tablet-display-none":"_308a410d","desktop-display-block":"b5ea9f74","desktop-display-flex":"_81a526b3","desktop-display-inline":"_33230982","desktop-display-inlineBlock":"c7c28f1c","desktop-display-inlineFlex":"_5dfe6a6a","desktop-display-none":"fa742bb1","flexDirection-column":"_4e77e331","flexDirection-row":"c5d6948b","tablet-flexDirection-column":"_722ad9d8","tablet-flexDirection-row":"d84857d6","desktop-flexDirection-column":"d210a0a6","desktop-flexDirection-row":"a595b7c2","flexWrap-wrap":"_5cf75136","flexWrap-nowrap":"c6d608b1","flexShrink-0":"_939846ab","flexGrow-0":"f395bbe4","flexGrow-1":"cdffd92b","alignItems-flexStart":"da077e1e","alignItems-center":"_7c11de88","alignItems-flexEnd":"_09800955","alignItems-baseline":"_56fe7031","tablet-alignItems-flexStart":"_4c1e3df8","tablet-alignItems-center":"b8ba195f","tablet-alignItems-flexEnd":"_458238a7","tablet-alignItems-baseline":"f6955d23","desktop-alignItems-flexStart":"_8e366cca","desktop-alignItems-center":"e80b2a2b","desktop-alignItems-flexEnd":"e6f78987","desktop-alignItems-baseline":"f743fd7d","justifyContent-flexStart":"_2cd556a2","justifyContent-center":"_77dba57f","justifyContent-flexEnd":"_7ead66ef","justifyContent-spaceAround":"_427c6b6d","justifyContent-spaceBetween":"_9c70828c","justifyContent-spaceEvenly":"_78d2888b","tablet-justifyContent-flexStart":"b0f972a3","tablet-justifyContent-center":"d7cc571a","tablet-justifyContent-flexEnd":"_9d4cb75e","tablet-justifyContent-spaceAround":"d2908336","tablet-justifyContent-spaceBetween":"efa22111","tablet-justifyContent-spaceEvenly":"fad3882e","desktop-justifyContent-flexStart":"_82791437","desktop-justifyContent-center":"_3eede6d0","desktop-justifyContent-flexEnd":"_1317e3be","desktop-justifyContent-spaceBetween":"_162f8f46","alignSelf-stretch":"_5a4d7786","alignSelf-flexStart":"_23686007","alignSelf-center":"_8c629ed6","alignSelf-flexEnd":"_1a1362d5","alignSelf-baseline":"_931e11af","tablet-alignSelf-stretch":"_074adf9d","tablet-alignSelf-flexStart":"_10b3c4c3","tablet-alignSelf-center":"ec7bfaa3","tablet-alignSelf-flexEnd":"_082cde15","tablet-alignSelf-baseline":"_8364dd8d","desktop-alignSelf-stretch":"_59829012","desktop-alignSelf-flexStart":"_1a16b466","desktop-alignSelf-center":"_14dfc484","desktop-alignSelf-flexEnd":"cbb32b7a","desktop-alignSelf-baseline":"f20b993e","overflow-hidden":"_38c1c8db","overflow-auto":"e2ecdf44","overflow-visible":"_59aa1494","overflow-scroll":"b9d7368e","height-full":"_16a71a93","bg-default":"_823d82e1","bg-aside":"a04264ee","bg-highlight":"_37ba068e","bg-selected":"_9d78e1a8","bg-toast":"_386112c4","borderRadius-standard":"_922c85d2","borderRadius-full":"_39557ce4","border-primary":"_5c33734d","border-secondary":"_933e6ebb","border-tertiary":"_5a5e0ae6","textAlign-start":"_0302f2e4","textAlign-center":"daebe850","textAlign-end":"_98e44132","textAlign-justify":"e49be40c","tablet-textAlign-start":"_7ec524c5","tablet-textAlign-center":"ce28df84","tablet-textAlign-end":"_77593dc2","tablet-textAlign-justify":"_69855088","desktop-textAlign-start":"c11d2bf7","desktop-textAlign-center":"_793b791a","desktop-textAlign-end":"_28ec2d24","desktop-textAlign-justify":"_14e4fc76"};
|
|
220
220
|
|
|
221
221
|
var modules_b537a8ee = {"paddingTop-xsmall":"c4803194","paddingTop-small":"_4e9ab24b","paddingTop-medium":"_1d226e27","paddingTop-large":"eb6097f1","paddingTop-xlarge":"d3229ba4","paddingTop-xxlarge":"_47978ba4","tablet-paddingTop-xsmall":"f987719c","tablet-paddingTop-small":"_8dbc4b4d","tablet-paddingTop-medium":"ae44fe07","tablet-paddingTop-large":"ffe9548d","tablet-paddingTop-xlarge":"f2b76a44","tablet-paddingTop-xxlarge":"c6eb8f43","desktop-paddingTop-xsmall":"_8699b560","desktop-paddingTop-small":"_02c374b7","desktop-paddingTop-medium":"_0dd0332f","desktop-paddingTop-large":"da55f1f6","desktop-paddingTop-xlarge":"_8ef2a278","desktop-paddingTop-xxlarge":"_8b493b28","paddingRight-xsmall":"_211eebc7","paddingRight-small":"ad0ccf15","paddingRight-medium":"a03e39af","paddingRight-large":"f0941ead","paddingRight-xlarge":"e47c5a43","paddingRight-xxlarge":"e849a5cf","tablet-paddingRight-xsmall":"_85374228","tablet-paddingRight-small":"_89df37b9","tablet-paddingRight-medium":"_1cc50ebe","tablet-paddingRight-large":"_1060982b","tablet-paddingRight-xlarge":"be58847d","tablet-paddingRight-xxlarge":"_45093484","desktop-paddingRight-xsmall":"f8d99d6a","desktop-paddingRight-small":"efa076d9","desktop-paddingRight-medium":"e59caa64","desktop-paddingRight-large":"da42f46a","desktop-paddingRight-xlarge":"b3ee2580","desktop-paddingRight-xxlarge":"_3ef94658","paddingBottom-xsmall":"b0e6eab4","paddingBottom-small":"_9510d053","paddingBottom-medium":"d7af60c9","paddingBottom-large":"b75f86cd","paddingBottom-xlarge":"fbd4ce29","paddingBottom-xxlarge":"_33e3ad63","tablet-paddingBottom-xsmall":"f0302da7","tablet-paddingBottom-small":"_4f9b8012","tablet-paddingBottom-medium":"_4333e20e","tablet-paddingBottom-large":"_30bbc76c","tablet-paddingBottom-xlarge":"ba5a4008","tablet-paddingBottom-xxlarge":"_423a3b1a","desktop-paddingBottom-xsmall":"b40139b7","desktop-paddingBottom-small":"f96071fa","desktop-paddingBottom-medium":"fe803c9a","desktop-paddingBottom-large":"_01686eb9","desktop-paddingBottom-xlarge":"afa763d8","desktop-paddingBottom-xxlarge":"a95785f1","paddingLeft-xsmall":"cad4e2ec","paddingLeft-small":"d70b3c17","paddingLeft-medium":"_8c851bd6","paddingLeft-large":"_078feb3c","paddingLeft-xlarge":"_76ab968c","paddingLeft-xxlarge":"aaca85d7","tablet-paddingLeft-xsmall":"_5eb0e5aa","tablet-paddingLeft-small":"_0384fb4f","tablet-paddingLeft-medium":"edffff6f","tablet-paddingLeft-large":"_873b9a46","tablet-paddingLeft-xlarge":"_89105db5","tablet-paddingLeft-xxlarge":"db1966fe","desktop-paddingLeft-xsmall":"b17f826b","desktop-paddingLeft-small":"_6dc83610","desktop-paddingLeft-medium":"_3421b8b2","desktop-paddingLeft-large":"_68cec7a6","desktop-paddingLeft-xlarge":"_94bde020","desktop-paddingLeft-xxlarge":"b94ee579"};
|
|
222
222
|
|
|
@@ -2002,15 +2002,13 @@ function BaseField({
|
|
|
2002
2002
|
const [characterCount, setCharacterCount] = React__namespace.useState(inputLength.count);
|
|
2003
2003
|
const [characterCountTone, setCharacterCountTone] = React__namespace.useState(inputLength.tone);
|
|
2004
2004
|
const ariaDescribedBy = originalAriaDescribedBy != null ? originalAriaDescribedBy : message ? messageId : null;
|
|
2005
|
-
|
|
2006
|
-
|
|
2007
|
-
* If the characterCountPosition value is 'hidden', it returns null.
|
|
2008
|
-
*/
|
|
2005
|
+
const renderCharacterCountBelow = characterCountPosition === 'below' && characterCount !== null;
|
|
2006
|
+
const renderCharacterCountInline = characterCountPosition === 'inline' && characterCount !== null;
|
|
2009
2007
|
|
|
2010
2008
|
function renderCharacterCount() {
|
|
2011
|
-
return
|
|
2009
|
+
return /*#__PURE__*/React__namespace.createElement(FieldCharacterCount, {
|
|
2012
2010
|
tone: characterCountTone
|
|
2013
|
-
}, characterCount)
|
|
2011
|
+
}, characterCount);
|
|
2014
2012
|
}
|
|
2015
2013
|
|
|
2016
2014
|
const childrenProps = _objectSpread2(_objectSpread2({
|
|
@@ -2035,7 +2033,7 @@ function BaseField({
|
|
|
2035
2033
|
},
|
|
2036
2034
|
|
|
2037
2035
|
// If the character count is inline, we pass it as a prop to the children element so it can be rendered inline
|
|
2038
|
-
characterCountElement:
|
|
2036
|
+
characterCountElement: renderCharacterCountInline ? renderCharacterCount() : null
|
|
2039
2037
|
});
|
|
2040
2038
|
|
|
2041
2039
|
React__namespace.useEffect(function updateCharacterCountOnPropChange() {
|
|
@@ -2075,7 +2073,7 @@ function BaseField({
|
|
|
2075
2073
|
}, label) : null), auxiliaryLabel ? /*#__PURE__*/React__namespace.createElement(Box$1, {
|
|
2076
2074
|
className: modules_540a88ff.auxiliaryLabel,
|
|
2077
2075
|
paddingLeft: "small"
|
|
2078
|
-
}, auxiliaryLabel) : null) : null, children(childrenProps)), endSlot && endSlotPosition === 'fullHeight' ? endSlot : null), message ||
|
|
2076
|
+
}, auxiliaryLabel) : null) : null, children(childrenProps)), endSlot && endSlotPosition === 'fullHeight' ? endSlot : null), message || renderCharacterCountBelow ? /*#__PURE__*/React__namespace.createElement(Columns, {
|
|
2079
2077
|
align: "right",
|
|
2080
2078
|
space: "small",
|
|
2081
2079
|
maxWidth: maxWidth
|