@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.
- package/dist/reactist.cjs.development.js +26 -22
- 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/alert/alert.js +4 -3
- package/es/alert/alert.js.map +1 -1
- package/es/alert/alert.module.css.js +1 -1
- package/es/badge/badge.module.css.js +1 -1
- package/es/base-field/base-field.module.css.js +1 -1
- package/es/icons/alert-icon.js +12 -12
- package/es/icons/alert-icon.js.map +1 -1
- package/es/prose/prose.module.css.js +1 -1
- package/es/select-field/select-field.module.css.js +1 -1
- package/es/text-area/text-area.module.css.js +1 -1
- package/es/text-field/text-field.module.css.js +1 -1
- package/es/tooltip/tooltip.js +3 -0
- package/es/tooltip/tooltip.js.map +1 -1
- package/lib/alert/alert.js +1 -1
- package/lib/alert/alert.js.map +1 -1
- package/lib/alert/alert.module.css.js +1 -1
- package/lib/badge/badge.module.css.js +1 -1
- package/lib/base-field/base-field.module.css.js +1 -1
- package/lib/icons/alert-icon.js +1 -1
- package/lib/icons/alert-icon.js.map +1 -1
- package/lib/prose/prose.module.css.js +1 -1
- package/lib/select-field/select-field.module.css.js +1 -1
- package/lib/text-area/text-area.module.css.js +1 -1
- package/lib/text-field/text-field.module.css.js +1 -1
- package/lib/tooltip/tooltip.js.map +1 -1
- package/package.json +3 -3
- package/styles/alert.css +1 -1
- package/styles/alert.module.css.css +1 -1
- package/styles/badge.css +1 -1
- package/styles/badge.module.css.css +1 -1
- package/styles/base-field.css +1 -1
- package/styles/base-field.module.css.css +1 -1
- package/styles/password-field.css +2 -2
- package/styles/prose.css +1 -1
- package/styles/prose.module.css.css +1 -1
- package/styles/reactist.css +8 -8
- package/styles/select-field.css +2 -2
- package/styles/select-field.module.css.css +1 -1
- package/styles/switch-field.css +1 -1
- package/styles/text-area.css +2 -2
- package/styles/text-area.module.css.css +1 -1
- package/styles/text-field.css +2 -2
- 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
|
-
|
|
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: "
|
|
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
|
-
|
|
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: "
|
|
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
|
-
|
|
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: "
|
|
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
|
-
|
|
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
|
|
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":"
|
|
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: "
|
|
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: "
|
|
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":"
|
|
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":"
|
|
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":"
|
|
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":"
|
|
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":"
|
|
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":"
|
|
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
|
|