@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.
Files changed (41) hide show
  1. package/dist/reactist.cjs.development.js +7 -9
  2. package/dist/reactist.cjs.development.js.map +1 -1
  3. package/dist/reactist.cjs.production.min.js +1 -1
  4. package/dist/reactist.cjs.production.min.js.map +1 -1
  5. package/es/base-field/base-field.js +6 -8
  6. package/es/base-field/base-field.js.map +1 -1
  7. package/es/box/box.module.css.js +1 -1
  8. package/lib/base-field/base-field.js +1 -1
  9. package/lib/base-field/base-field.js.map +1 -1
  10. package/lib/box/box.module.css.js +1 -1
  11. package/package.json +1 -1
  12. package/styles/avatar.css +1 -1
  13. package/styles/badge.css +1 -1
  14. package/styles/banner.css +1 -1
  15. package/styles/base-field.css +1 -1
  16. package/styles/box.css +1 -1
  17. package/styles/box.module.css.css +1 -1
  18. package/styles/button.css +1 -1
  19. package/styles/checkbox-field.css +1 -1
  20. package/styles/columns.css +1 -1
  21. package/styles/divider.css +1 -1
  22. package/styles/heading.css +1 -1
  23. package/styles/hidden-visually.css +1 -1
  24. package/styles/hidden.css +1 -1
  25. package/styles/index.css +2 -3
  26. package/styles/loading.css +1 -1
  27. package/styles/modal.css +1 -1
  28. package/styles/notice.css +1 -1
  29. package/styles/password-field.css +1 -1
  30. package/styles/prose.css +1 -1
  31. package/styles/reactist.css +1 -1
  32. package/styles/select-field.css +1 -1
  33. package/styles/static-toast.css +1 -1
  34. package/styles/switch-field.css +1 -1
  35. package/styles/tabs.css +1 -1
  36. package/styles/text-area.css +1 -1
  37. package/styles/text-field.css +1 -1
  38. package/styles/text-link.css +1 -1
  39. package/styles/text.css +1 -1
  40. package/styles/tooltip.css +1 -1
  41. 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":"fb8d74bb","position-absolute":"_18f74af9","position-fixed":"b292fef1","position-relative":"e4e217d4","position-sticky":"_66895b64","tablet-position-absolute":"_00e8a0ce","tablet-position-fixed":"efaf64be","tablet-position-relative":"_76e540fd","tablet-position-sticky":"bd286900","desktop-position-absolute":"_09e9f472","desktop-position-fixed":"_893383f1","desktop-position-relative":"dea3890d","desktop-position-sticky":"_6a61c94d","display-block":"_64dcc902","display-flex":"_14423c92","display-inline":"_6a38242d","display-inlineBlock":"_348efc1f","display-inlineFlex":"_150907c8","display-none":"_3da48ad6","tablet-display-block":"_0daac9f2","tablet-display-flex":"f62c43b1","tablet-display-inline":"_5839a4e4","tablet-display-inlineBlock":"_8068aaf2","tablet-display-inlineFlex":"_76562ea5","tablet-display-none":"_4f7a886f","desktop-display-block":"_4fd4b789","desktop-display-flex":"_4d08e78f","desktop-display-inline":"_0da15585","desktop-display-inlineBlock":"d0fcc019","desktop-display-inlineFlex":"_79f967d4","desktop-display-none":"_2ffa0d03","flexDirection-column":"_2d7320f2","flexDirection-row":"_5f8879d9","tablet-flexDirection-column":"_2c919a43","tablet-flexDirection-row":"_4da1f194","desktop-flexDirection-column":"_66fd35ea","desktop-flexDirection-row":"_4b79448d","flexWrap-wrap":"_202b0c8c","flexWrap-nowrap":"_45a8f27f","flexShrink-0":"_7d9ec5b0","flexGrow-0":"_9ce442fb","flexGrow-1":"c3b69d70","alignItems-flexStart":"_7cc6458c","alignItems-center":"b76144ce","alignItems-flexEnd":"e42ffab4","alignItems-baseline":"_3975b234","tablet-alignItems-flexStart":"b670f77e","tablet-alignItems-center":"_976e7156","tablet-alignItems-flexEnd":"_385c60b1","tablet-alignItems-baseline":"_52b577fc","desktop-alignItems-flexStart":"_2e1cc27f","desktop-alignItems-center":"_3a9e51e9","desktop-alignItems-flexEnd":"dfc189b2","desktop-alignItems-baseline":"_5fabaec4","justifyContent-flexStart":"a65d9c55","justifyContent-center":"b4e05554","justifyContent-flexEnd":"f76804e6","justifyContent-spaceAround":"_0095203e","justifyContent-spaceBetween":"_6eb365d1","justifyContent-spaceEvenly":"_4111e641","tablet-justifyContent-flexStart":"_6fda855d","tablet-justifyContent-center":"c2d359f8","tablet-justifyContent-flexEnd":"e271941d","tablet-justifyContent-spaceAround":"_2321488d","tablet-justifyContent-spaceBetween":"e4a9b2e3","tablet-justifyContent-spaceEvenly":"bdc232f2","desktop-justifyContent-flexStart":"_0d16bb5c","desktop-justifyContent-center":"eca8082a","desktop-justifyContent-flexEnd":"_97ea6bb7","desktop-justifyContent-spaceBetween":"_58e61602","alignSelf-stretch":"_794c8ab8","alignSelf-flexStart":"c510efd5","alignSelf-center":"b3f71626","alignSelf-flexEnd":"_13771d73","alignSelf-baseline":"_64318454","tablet-alignSelf-stretch":"_309c6ba7","tablet-alignSelf-flexStart":"_92dfd036","tablet-alignSelf-center":"_811f9906","tablet-alignSelf-flexEnd":"_2cd2336e","tablet-alignSelf-baseline":"bd2c9dad","desktop-alignSelf-stretch":"d8215926","desktop-alignSelf-flexStart":"b78f5c06","desktop-alignSelf-center":"_683e0cdb","desktop-alignSelf-flexEnd":"_489f1dc8","desktop-alignSelf-baseline":"_4aca1032","overflow-hidden":"_68aab614","overflow-auto":"ac28a3b1","overflow-visible":"_50b88b52","overflow-scroll":"c2fdd1c1","height-full":"_75ca308a","bg-default":"a9ca9830","bg-aside":"b9ff0c93","bg-highlight":"efc303e5","bg-selected":"ec657626","bg-toast":"_00d3482f","borderRadius-standard":"_958da546","borderRadius-full":"_79077c62","border-primary":"_68981e89","border-secondary":"_2bda8f7a","border-tertiary":"_7152c573","textAlign-start":"_1f362dec","textAlign-center":"_1c09cd18","textAlign-end":"b9663f5e","textAlign-justify":"a0eba489","tablet-textAlign-start":"_60b9abf8","tablet-textAlign-center":"_2c70943c","tablet-textAlign-end":"a512d4e1","tablet-textAlign-justify":"_5d02c334","desktop-textAlign-start":"ad2496a1","desktop-textAlign-center":"ee87b016","desktop-textAlign-end":"_6dd48127","desktop-textAlign-justify":"_1e70d216"};
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
- * Renders the character count element.
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 characterCountPosition !== 'hidden' ? /*#__PURE__*/React__namespace.createElement(FieldCharacterCount, {
2009
+ return /*#__PURE__*/React__namespace.createElement(FieldCharacterCount, {
2012
2010
  tone: characterCountTone
2013
- }, characterCount) : null;
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: characterCountPosition === 'inline' ? renderCharacterCount() : null
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 || characterCount ? /*#__PURE__*/React__namespace.createElement(Columns, {
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