@doist/reactist 22.0.2-beta → 22.0.4-beta

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 (47) hide show
  1. package/dist/reactist.cjs.development.js +26 -22
  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/alert/alert.js +4 -3
  6. package/es/alert/alert.js.map +1 -1
  7. package/es/alert/alert.module.css.js +1 -1
  8. package/es/badge/badge.module.css.js +1 -1
  9. package/es/base-field/base-field.module.css.js +1 -1
  10. package/es/icons/alert-icon.js +12 -12
  11. package/es/icons/alert-icon.js.map +1 -1
  12. package/es/prose/prose.module.css.js +1 -1
  13. package/es/select-field/select-field.module.css.js +1 -1
  14. package/es/text-area/text-area.module.css.js +1 -1
  15. package/es/text-field/text-field.module.css.js +1 -1
  16. package/es/tooltip/tooltip.js +3 -0
  17. package/es/tooltip/tooltip.js.map +1 -1
  18. package/lib/alert/alert.js +1 -1
  19. package/lib/alert/alert.js.map +1 -1
  20. package/lib/alert/alert.module.css.js +1 -1
  21. package/lib/badge/badge.module.css.js +1 -1
  22. package/lib/base-field/base-field.module.css.js +1 -1
  23. package/lib/icons/alert-icon.js +1 -1
  24. package/lib/icons/alert-icon.js.map +1 -1
  25. package/lib/prose/prose.module.css.js +1 -1
  26. package/lib/select-field/select-field.module.css.js +1 -1
  27. package/lib/text-area/text-area.module.css.js +1 -1
  28. package/lib/text-field/text-field.module.css.js +1 -1
  29. package/lib/tooltip/tooltip.js.map +1 -1
  30. package/package.json +3 -3
  31. package/styles/alert.css +1 -1
  32. package/styles/alert.module.css.css +1 -1
  33. package/styles/badge.css +1 -1
  34. package/styles/badge.module.css.css +1 -1
  35. package/styles/base-field.css +1 -1
  36. package/styles/base-field.module.css.css +1 -1
  37. package/styles/password-field.css +2 -2
  38. package/styles/prose.css +1 -1
  39. package/styles/prose.module.css.css +1 -1
  40. package/styles/reactist.css +8 -8
  41. package/styles/select-field.css +2 -2
  42. package/styles/select-field.module.css.css +1 -1
  43. package/styles/switch-field.css +1 -1
  44. package/styles/text-area.css +2 -2
  45. package/styles/text-area.module.css.css +1 -1
  46. package/styles/text-field.css +2 -2
  47. package/styles/text-field.module.css.css +1 -1
@@ -513,6 +513,9 @@ function Tooltip({
513
513
 
514
514
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(react.TooltipAnchor, {
515
515
  render: anchorProps => {
516
+ // Let child props override anchor props so user can specify attributes like tabIndex
517
+ // Also, do not apply the child's props to TooltipAnchor as props like `as` can create problems
518
+ // by applying the replacement component/element twice
516
519
  return /*#__PURE__*/React.cloneElement(child, _objectSpread2(_objectSpread2(_objectSpread2({}, child.props), anchorProps), {}, {
517
520
  onFocus: handleFocus,
518
521
  onBlur: handleBlur
@@ -678,56 +681,56 @@ function AlertIcon(_ref) {
678
681
 
679
682
  function AlertInfoIcon(props) {
680
683
  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
684
+ xmlns: "http://www.w3.org/2000/svg",
681
685
  width: "24",
682
686
  height: "24",
683
- fill: "none",
684
- xmlns: "http://www.w3.org/2000/svg"
687
+ viewBox: "0 0 24 24"
685
688
  }, props), /*#__PURE__*/React.createElement("path", {
686
689
  fillRule: "evenodd",
687
690
  clipRule: "evenodd",
688
- d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm1.18-11.84a.84.84 0 1 1-1.68 0 .84.84 0 0 1 1.68 0zM12.5 10a.5.5 0 0 1 .5.5V15h1a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h1v-4h-1a.5.5 0 0 1 0-1h1.5z",
691
+ d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-8-3.94a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM10.25 10a.75.75 0 0 0 0 1.5h1.25V15h-1.25a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5H13v-4.25a.75.75 0 0 0-.75-.75h-2Z",
689
692
  fill: "currentColor"
690
693
  }));
691
694
  }
692
695
 
693
696
  function AlertPositiveIcon(props) {
694
697
  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
698
+ xmlns: "http://www.w3.org/2000/svg",
695
699
  width: "24",
696
700
  height: "24",
697
- fill: "none",
698
- xmlns: "http://www.w3.org/2000/svg"
701
+ viewBox: "0 0 24 24"
699
702
  }, props), /*#__PURE__*/React.createElement("path", {
700
703
  fillRule: "evenodd",
701
704
  clipRule: "evenodd",
702
- d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-1a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-4.354-8.104a.5.5 0 0 1 .708 0l2.146 2.147 5.146-5.147a.5.5 0 0 1 .708.708l-5.5 5.5a.5.5 0 0 1-.708 0l-2.5-2.5a.5.5 0 0 1 0-.708z",
705
+ d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-5.555-2.99a.75.75 0 0 1 1.06 1.06l-5.303 5.304a.748.748 0 0 1-1.061 0l-2.475-2.475a.75.75 0 0 1 1.06-1.06l1.945 1.944 4.774-4.773Z",
703
706
  fill: "currentColor"
704
707
  }));
705
708
  }
706
709
 
707
710
  function AlertCautionIcon(props) {
708
711
  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
712
+ xmlns: "http://www.w3.org/2000/svg",
709
713
  width: "24",
710
714
  height: "24",
711
- fill: "none",
712
- xmlns: "http://www.w3.org/2000/svg"
715
+ viewBox: "0 0 24 24"
713
716
  }, props), /*#__PURE__*/React.createElement("path", {
714
717
  fillRule: "evenodd",
715
718
  clipRule: "evenodd",
716
- d: "m3.254 16.992 7.018-12.03a2 2 0 0 1 3.455 0l7.018 12.03A2 2 0 0 1 19.018 20H4.982a2 2 0 0 1-1.728-3.008zm8.242-11.887a1 1 0 0 0-.36.36l-7.018 12.03A1 1 0 0 0 4.982 19h14.036a1 1 0 0 0 .864-1.504l-7.018-12.03a1 1 0 0 0-1.368-.36zM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014a.987.987 0 1 0-1.971.055l.236 4.25c.053.945 1.445.945 1.498 0l.236-4.25.001-.027v-.028z",
719
+ d: "m10.272 4.962-7.018 12.03A2 2 0 0 0 4.982 20h14.036a2 2 0 0 0 1.727-3.008l-7.018-12.03a2 2 0 0 0-3.455 0ZM13 16.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-.014-7.013A.987.987 0 0 0 12 8.5h-.028l-.027.002a.987.987 0 0 0-.93 1.04l.236 4.25c.052.944 1.445.944 1.498 0l.236-4.25a1.925 1.925 0 0 0 .001-.055Z",
717
720
  fill: "currentColor"
718
721
  }));
719
722
  }
720
723
 
721
724
  function AlertCriticalIcon(props) {
722
725
  return /*#__PURE__*/React.createElement("svg", _objectSpread2({
726
+ xmlns: "http://www.w3.org/2000/svg",
723
727
  width: "24",
724
728
  height: "24",
725
- fill: "none",
726
- xmlns: "http://www.w3.org/2000/svg"
729
+ viewBox: "0 0 24 24"
727
730
  }, props), /*#__PURE__*/React.createElement("path", {
728
731
  fillRule: "evenodd",
729
732
  clipRule: "evenodd",
730
- d: "M12 3.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17zM2.5 12a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0zM13 15.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.014-7.014A.987.987 0 0 0 12 7.5h-.027l-.028.002a.987.987 0 0 0-.93 1.04l.236 4.25c.053.944 1.445.944 1.498 0l.236-4.25.001-.028v-.027z",
733
+ d: "M12.9866 2.25049C12.3729 1.91683 11.6271 1.91683 11.0134 2.25049L4.04793 6.03744C3.40122 6.38904 2.99999 7.05702 2.99999 7.78208V15.2184C2.99999 15.9435 3.40122 16.6115 4.04793 16.963L11.0134 20.75C11.6271 21.0837 12.3729 21.0837 12.9866 20.75L19.9521 16.963C20.5988 16.6114 21 15.9435 21 15.2184V7.78208C21 7.05701 20.5988 6.38904 19.9521 6.03744L12.9866 2.25049ZM12 7.00024C12.5448 7.00024 12.9865 7.44191 12.9865 7.98674C12.9864 8.00043 12.9863 8.00727 12.9861 8.01411C12.9859 8.02095 12.9856 8.02779 12.985 8.04146L12.7489 12.2918C12.6964 13.2364 11.3036 13.2364 11.2512 12.2918L11.015 8.04146C10.9848 7.49747 11.4013 7.03198 11.9453 7.00176L11.9726 7.00062L12 7.00024ZM13 15.0002C13 15.5525 12.5523 16.0002 12 16.0002C11.4477 16.0002 11 15.5525 11 15.0002C11 14.448 11.4477 14.0002 12 14.0002C12.5523 14.0002 13 14.448 13 15.0002Z",
731
734
  fill: "currentColor"
732
735
  }));
733
736
  }
@@ -743,7 +746,7 @@ function CloseIcon(props) {
743
746
  }));
744
747
  }
745
748
 
746
- var modules_6205a58e = {"container":"eb665121","tone-info":"d0373ff9","tone-positive":"bb18dcab","tone-caution":"_0af02331","tone-critical":"f76146f9"};
749
+ var modules_6205a58e = {"container":"_51a84fb3","tone-info":"_5649104a","icon":"_79fa06e2","tone-positive":"c67632e4","tone-caution":"_654ff216","tone-critical":"b1ee4ff1"};
747
750
 
748
751
  function Alert({
749
752
  id,
@@ -756,15 +759,16 @@ function Alert({
756
759
  id: id,
757
760
  role: "alert",
758
761
  "aria-live": "polite",
759
- borderRadius: "standard",
762
+ borderRadius: "full",
760
763
  className: [modules_6205a58e.container, getClassNames(modules_6205a58e, 'tone', tone)]
761
764
  }, /*#__PURE__*/React.createElement(Columns, {
762
765
  space: "small",
763
- alignY: "top"
766
+ alignY: "center"
764
767
  }, /*#__PURE__*/React.createElement(Column, {
765
768
  width: "content"
766
769
  }, /*#__PURE__*/React.createElement(AlertIcon, {
767
- tone: tone
770
+ tone: tone,
771
+ className: modules_6205a58e.icon
768
772
  })), /*#__PURE__*/React.createElement(Column, null, /*#__PURE__*/React.createElement(Box, {
769
773
  paddingY: "xsmall",
770
774
  paddingRight: onClose != null && closeLabel != null ? undefined : 'small'
@@ -1425,7 +1429,7 @@ const Heading = /*#__PURE__*/React.forwardRef(function Heading(_ref, ref) {
1425
1429
  }), children);
1426
1430
  });
1427
1431
 
1428
- var modules_8ebe6db0 = {"prose":"e3d32437","darkModeTypography":"_95ee669d"};
1432
+ var modules_8ebe6db0 = {"prose":"_31409006","darkModeTypography":"_500989c8"};
1429
1433
 
1430
1434
  const _excluded$f = ["darkModeTypography", "exceptionallySetClassName"];
1431
1435
  /**
@@ -1708,7 +1712,7 @@ function PasswordHiddenIcon(props) {
1708
1712
  })));
1709
1713
  }
1710
1714
 
1711
- var modules_540a88ff = {"container":"_616a033e","auxiliaryLabel":"_0b88d85e","bordered":"c466cda3","error":"_4156d9cb","primaryLabel":"_274ef80a","secondaryLabel":"_2c4a8aed","messageIcon":"cd105f69"};
1715
+ var modules_540a88ff = {"container":"_7acdc928","auxiliaryLabel":"_815bad88","bordered":"e35886fe","error":"_6c7b5dc8","primaryLabel":"ec74af87","secondaryLabel":"_6db0ec44","messageIcon":"_05c35af8"};
1712
1716
 
1713
1717
  function FieldHint(props) {
1714
1718
  return /*#__PURE__*/React.createElement(Text, _objectSpread2({
@@ -1810,7 +1814,7 @@ function BaseField({
1810
1814
  }, hint) : null);
1811
1815
  }
1812
1816
 
1813
- var modules_aaf25250 = {"inputWrapper":"_483abe7b","bordered":"fce9399c","error":"_603b8c4b","slot":"_79ca0da5"};
1817
+ var modules_aaf25250 = {"inputWrapper":"dea25485","bordered":"_80b6b376","error":"_1a32867a","slot":"dbbd207e"};
1814
1818
 
1815
1819
  const _excluded$k = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "type", "maxWidth", "hidden", "aria-describedby", "startSlot", "endSlot"];
1816
1820
  const TextField = /*#__PURE__*/React.forwardRef(function TextField(_ref, ref) {
@@ -1899,7 +1903,7 @@ const PasswordField = /*#__PURE__*/React.forwardRef(function PasswordField(_ref,
1899
1903
  }));
1900
1904
  });
1901
1905
 
1902
- var modules_1fa9b208 = {"selectWrapper":"a9cbb3a6","bordered":"f3869290","error":"aefdbdaa"};
1906
+ var modules_1fa9b208 = {"selectWrapper":"b930bb07","bordered":"e1f620b6","error":"_7e87474e"};
1903
1907
 
1904
1908
  const _excluded$m = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "maxWidth", "children", "hidden", "aria-describedby"];
1905
1909
  const SelectField = /*#__PURE__*/React.forwardRef(function SelectField(_ref, ref) {
@@ -2029,7 +2033,7 @@ const SwitchField = /*#__PURE__*/React.forwardRef(function SwitchField(_ref, ref
2029
2033
  }, hint) : null);
2030
2034
  });
2031
2035
 
2032
- var modules_2728c236 = {"textAreaContainer":"_29503131","innerContainer":"_6ea894ce","bordered":"e1e8b6a7","error":"_1b94ff46","autoExpand":"e82223c4"};
2036
+ var modules_2728c236 = {"textAreaContainer":"_55ccf266","innerContainer":"_89bb7098","bordered":"_02a47358","error":"_704ff540","autoExpand":"_145ca8f0"};
2033
2037
 
2034
2038
  const _excluded$o = ["variant", "id", "label", "secondaryLabel", "auxiliaryLabel", "hint", "message", "tone", "maxWidth", "hidden", "aria-describedby", "rows", "autoExpand"];
2035
2039
  const TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref) {
@@ -2163,7 +2167,7 @@ function Avatar(_ref) {
2163
2167
 
2164
2168
  Avatar.displayName = 'Avatar';
2165
2169
 
2166
- var modules_33c7c985 = {"badge":"_7957de66","badge-info":"c6106b8c","badge-positive":"_6b06bf87","badge-promote":"a6d2daa2","badge-attention":"bbb036ff"};
2170
+ var modules_33c7c985 = {"badge":"_0a7f0497","badge-info":"_0587142f","badge-positive":"_6f5c326e","badge-promote":"_949e0f54","badge-attention":"_36115518"};
2167
2171
 
2168
2172
  const _excluded$q = ["tone", "label"];
2169
2173