@banyan_cloud/roots 1.0.24 → 1.0.26
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/cjs/index.js +185 -171
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +185 -171
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +185 -171
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1642,6 +1642,160 @@ var defaultProps$1 = {
|
|
|
1642
1642
|
attrs: {}
|
|
1643
1643
|
};
|
|
1644
1644
|
|
|
1645
|
+
var css$P = "button.BaseButton_module_root__39a3f3ec[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: none;\n background: none;\n padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:focus {\n outline: 1px solid var(--highlight);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:active {\n outline: none;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_contained__39a3f3ec {\n background: var(--black);\n color: var(--white);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_outlined__39a3f3ec {\n color: var(--black);\n border: 1px solid var(--black);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_text__39a3f3ec {\n color: var(--black);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell] [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}";
|
|
1646
|
+
var modules_ab72627b = {"root":"BaseButton_module_root__39a3f3ec","contained":"BaseButton_module_contained__39a3f3ec","outlined":"BaseButton_module_outlined__39a3f3ec","text":"BaseButton_module_text__39a3f3ec"};
|
|
1647
|
+
n(css$P,{});
|
|
1648
|
+
|
|
1649
|
+
var BaseButton = /*#__PURE__*/forwardRef(function BaseButton(props, ref) {
|
|
1650
|
+
var className = props.className,
|
|
1651
|
+
component1 = props.component1,
|
|
1652
|
+
title = props.title,
|
|
1653
|
+
component3 = props.component3,
|
|
1654
|
+
size = props.size,
|
|
1655
|
+
flexible = props.flexible,
|
|
1656
|
+
radius = props.radius,
|
|
1657
|
+
disabled = props.disabled,
|
|
1658
|
+
type = props.type,
|
|
1659
|
+
_onClick = props.onClick,
|
|
1660
|
+
blurOnClick = props.blurOnClick,
|
|
1661
|
+
variant = props.variant;
|
|
1662
|
+
var Title = title && /*#__PURE__*/jsx$1("span", {
|
|
1663
|
+
"data-elem": "title",
|
|
1664
|
+
children: title
|
|
1665
|
+
});
|
|
1666
|
+
return /*#__PURE__*/jsx$1(BaseCell, {
|
|
1667
|
+
className: classes(className, modules_ab72627b.root, modules_ab72627b[variant]),
|
|
1668
|
+
ref: ref,
|
|
1669
|
+
component1: component1,
|
|
1670
|
+
component2: Title,
|
|
1671
|
+
component3: component3,
|
|
1672
|
+
flexible: flexible,
|
|
1673
|
+
radius: radius,
|
|
1674
|
+
size: size,
|
|
1675
|
+
attrs: {
|
|
1676
|
+
disabled: disabled,
|
|
1677
|
+
type: type,
|
|
1678
|
+
onClick: function onClick(event) {
|
|
1679
|
+
if (blurOnClick) {
|
|
1680
|
+
var _event$currentTarget;
|
|
1681
|
+
event === null || event === void 0 ? void 0 : (_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.blur();
|
|
1682
|
+
}
|
|
1683
|
+
_onClick(event);
|
|
1684
|
+
}
|
|
1685
|
+
},
|
|
1686
|
+
RootDOM: "button"
|
|
1687
|
+
});
|
|
1688
|
+
});
|
|
1689
|
+
BaseButton.propTypes = _objectSpread2(_objectSpread2({}, BaseCell.propTypes), {}, {
|
|
1690
|
+
title: propTypes$1.exports.string,
|
|
1691
|
+
disabled: propTypes$1.exports.bool,
|
|
1692
|
+
type: propTypes$1.exports.oneOf(['button', 'submit', 'reset']),
|
|
1693
|
+
onClick: propTypes$1.exports.func,
|
|
1694
|
+
blurOnClick: propTypes$1.exports.bool,
|
|
1695
|
+
variant: propTypes$1.exports.oneOf(['contained', 'outlined', 'text'])
|
|
1696
|
+
});
|
|
1697
|
+
BaseButton.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps), {}, {
|
|
1698
|
+
title: null,
|
|
1699
|
+
disabled: false,
|
|
1700
|
+
type: 'submit',
|
|
1701
|
+
onClick: function onClick() {},
|
|
1702
|
+
blurOnClick: true,
|
|
1703
|
+
variant: 'contained'
|
|
1704
|
+
});
|
|
1705
|
+
|
|
1706
|
+
var css$O = ".Button_module_root__fe35a4dc[data-elem=base-cell] {\n cursor: pointer;\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--highlight);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--highlight);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--success);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--success);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--success);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--error);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--error);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--error);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--warning);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--warning);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--warning);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_contained__fe35a4dc {\n background-color: var(--grey4);\n color: var(--grey);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--grey);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_text__fe35a4dc {\n color: var(--grey);\n}";
|
|
1707
|
+
var modules_b0070f27 = {"root":"Button_module_root__fe35a4dc","primary":"Button_module_primary__fe35a4dc","contained":"Button_module_contained__fe35a4dc","outlined":"Button_module_outlined__fe35a4dc","text":"Button_module_text__fe35a4dc","success":"Button_module_success__fe35a4dc","danger":"Button_module_danger__fe35a4dc","warning":"Button_module_warning__fe35a4dc"};
|
|
1708
|
+
n(css$O,{});
|
|
1709
|
+
|
|
1710
|
+
var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
|
|
1711
|
+
var className = props.className,
|
|
1712
|
+
type = props.type,
|
|
1713
|
+
LeftComponent = props.leftComponent,
|
|
1714
|
+
title = props.title,
|
|
1715
|
+
RightComponent = props.rightComponent,
|
|
1716
|
+
size = props.size,
|
|
1717
|
+
flexible = props.flexible,
|
|
1718
|
+
radius = props.radius,
|
|
1719
|
+
disabled = props.disabled,
|
|
1720
|
+
onClick = props.onClick,
|
|
1721
|
+
blurOnClick = props.blurOnClick,
|
|
1722
|
+
variant = props.variant,
|
|
1723
|
+
color = props.color;
|
|
1724
|
+
return /*#__PURE__*/jsx$1(BaseButton, {
|
|
1725
|
+
ref: ref,
|
|
1726
|
+
type: type,
|
|
1727
|
+
component1: LeftComponent && /*#__PURE__*/jsx$1(LeftComponent, {}),
|
|
1728
|
+
title: title,
|
|
1729
|
+
component3: RightComponent && /*#__PURE__*/jsx$1(RightComponent, {}),
|
|
1730
|
+
size: size,
|
|
1731
|
+
flexible: flexible,
|
|
1732
|
+
radius: radius,
|
|
1733
|
+
disabled: disabled,
|
|
1734
|
+
onClick: onClick,
|
|
1735
|
+
blurOnClick: blurOnClick,
|
|
1736
|
+
variant: variant,
|
|
1737
|
+
className: classes(modules_b0070f27.root, modules_b0070f27["radius-".concat(radius)], modules_b0070f27[variant], modules_b0070f27[color], className)
|
|
1738
|
+
});
|
|
1739
|
+
});
|
|
1740
|
+
Button.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
1741
|
+
color: propTypes$1.exports.oneOf(['primary', 'success', 'danger', 'warning']),
|
|
1742
|
+
leftComponent: propTypes$1.exports.node,
|
|
1743
|
+
rightComponent: propTypes$1.exports.node
|
|
1744
|
+
});
|
|
1745
|
+
Button.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps), {}, {
|
|
1746
|
+
color: 'primary',
|
|
1747
|
+
leftComponent: null,
|
|
1748
|
+
rightComponent: null,
|
|
1749
|
+
radius: 'default'
|
|
1750
|
+
});
|
|
1751
|
+
|
|
1752
|
+
var css$N = ".Chip_module_root__0aa07630[data-elem=base-cell] {\n position: relative;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_sm__0aa07630 {\n height: 2rem;\n padding: 0.188rem 0.5rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_md__0aa07630 {\n height: 2.25rem;\n padding: 0.563rem 1rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_success__0aa07630 {\n background-color: var(--success-bg);\n color: var(--success);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_info__0aa07630 {\n background-color: var(--info-bg);\n color: var(--info);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_danger__0aa07630 {\n background-color: var(--error-bg);\n color: var(--error);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_warning__0aa07630 {\n background-color: var(--warning-bg);\n color: var(--warning);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_default__0aa07630 {\n background-color: var(--grey5);\n color: var(--grey);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630:hover {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630 {\n border-width: 1px;\n border-style: solid;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_success__0aa07630 {\n background-color: var(--success-bg);\n color: var(--success);\n border-color: var(--success-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_success__0aa07630:hover {\n background-color: var(--success-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_info__0aa07630 {\n background-color: var(--info-bg);\n color: var(--info);\n border-color: var(--info-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_info__0aa07630:hover {\n background-color: var(--info-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_danger__0aa07630 {\n background-color: var(--error-bg);\n color: var(--error);\n border-color: var(--error-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_danger__0aa07630:hover {\n background-color: var(--error-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_warning__0aa07630 {\n background-color: var(--warning-bg);\n color: var(--warning);\n border-color: var(--warning-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_warning__0aa07630:hover {\n background-color: var(--warning-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_default__0aa07630 {\n background-color: var(--grey8);\n color: var(--grey);\n border-color: var(--grey6);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_default__0aa07630:hover {\n background-color: var(--grey6);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630, .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 {\n filter: grayscale(1);\n border-color: var(--grey4);\n background-color: var(--grey5);\n color: var(--grey2);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630 [data-elem=component1],\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630 [data-elem=component3], .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 [data-elem=component1],\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 [data-elem=component3] {\n opacity: 0.5;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630:hover, .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630:hover {\n box-shadow: none;\n background-color: var(--grey5);\n}";
|
|
1753
|
+
var modules_31aa5fd7 = {"root":"Chip_module_root__0aa07630","sm":"Chip_module_sm__0aa07630","md":"Chip_module_md__0aa07630","status":"Chip_module_status__0aa07630","success":"Chip_module_success__0aa07630","info":"Chip_module_info__0aa07630","danger":"Chip_module_danger__0aa07630","warning":"Chip_module_warning__0aa07630","default":"Chip_module_default__0aa07630","input":"Chip_module_input__0aa07630"};
|
|
1754
|
+
n(css$N,{});
|
|
1755
|
+
|
|
1756
|
+
var Chip = function Chip(props) {
|
|
1757
|
+
var className = props.className,
|
|
1758
|
+
type = props.type,
|
|
1759
|
+
LeftComponent = props.leftComponent,
|
|
1760
|
+
title = props.title,
|
|
1761
|
+
RightComponent = props.rightComponent,
|
|
1762
|
+
size = props.size,
|
|
1763
|
+
flexible = props.flexible,
|
|
1764
|
+
radius = props.radius,
|
|
1765
|
+
disabled = props.disabled,
|
|
1766
|
+
onClick = props.onClick,
|
|
1767
|
+
variant = props.variant,
|
|
1768
|
+
color = props.color;
|
|
1769
|
+
return /*#__PURE__*/jsx$1(BaseButton, {
|
|
1770
|
+
type: type,
|
|
1771
|
+
component1: LeftComponent && /*#__PURE__*/jsx$1(LeftComponent, {}),
|
|
1772
|
+
title: title,
|
|
1773
|
+
component3: RightComponent && /*#__PURE__*/jsx$1(RightComponent, {}),
|
|
1774
|
+
size: 'auto',
|
|
1775
|
+
flexible: flexible,
|
|
1776
|
+
radius: radius,
|
|
1777
|
+
disabled: disabled,
|
|
1778
|
+
onClick: onClick,
|
|
1779
|
+
variant: 'contained',
|
|
1780
|
+
className: classes(modules_31aa5fd7.root, modules_31aa5fd7["radius-".concat(radius)], modules_31aa5fd7[variant], modules_31aa5fd7[color], modules_31aa5fd7[size], className)
|
|
1781
|
+
});
|
|
1782
|
+
};
|
|
1783
|
+
Chip.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
1784
|
+
size: propTypes$1.exports.oneOf(['sm', 'md']),
|
|
1785
|
+
variant: propTypes$1.exports.oneOf(['status', 'input']),
|
|
1786
|
+
color: propTypes$1.exports.oneOf(['success', 'info', 'warning', 'danger', 'default']),
|
|
1787
|
+
leftComponent: propTypes$1.exports.func,
|
|
1788
|
+
rightComponent: propTypes$1.exports.func
|
|
1789
|
+
});
|
|
1790
|
+
Chip.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps), {}, {
|
|
1791
|
+
size: 'sm',
|
|
1792
|
+
variant: 'status',
|
|
1793
|
+
color: 'success',
|
|
1794
|
+
leftComponent: null,
|
|
1795
|
+
rightComponent: null,
|
|
1796
|
+
radius: 'default'
|
|
1797
|
+
});
|
|
1798
|
+
|
|
1645
1799
|
var AlertIcon = {
|
|
1646
1800
|
Info: function Info(props) {
|
|
1647
1801
|
var className = props.className;
|
|
@@ -1968,9 +2122,9 @@ Server.defaultProps = {
|
|
|
1968
2122
|
className: ''
|
|
1969
2123
|
};
|
|
1970
2124
|
|
|
1971
|
-
var css$
|
|
2125
|
+
var css$M = ".Arrow_module_right__19f08663 {\n transform: rotate(0deg);\n}\n\n.Arrow_module_left__19f08663 {\n transform: rotate(180deg);\n}\n\n.Arrow_module_bottom__19f08663 {\n transform: rotate(90deg);\n}\n\n.Arrow_module_top__19f08663 {\n transform: rotate(270deg);\n}";
|
|
1972
2126
|
var modules_e313d483 = {"right":"Arrow_module_right__19f08663","left":"Arrow_module_left__19f08663","bottom":"Arrow_module_bottom__19f08663","top":"Arrow_module_top__19f08663"};
|
|
1973
|
-
n(css$
|
|
2127
|
+
n(css$M,{});
|
|
1974
2128
|
|
|
1975
2129
|
var Arrow$1 = function Arrow(props) {
|
|
1976
2130
|
var className = props.className,
|
|
@@ -1990,9 +2144,9 @@ Arrow$1.defaultProps = {
|
|
|
1990
2144
|
position: 'right'
|
|
1991
2145
|
};
|
|
1992
2146
|
|
|
1993
|
-
var css$
|
|
2147
|
+
var css$L = ".Chevron_module_left__8b1808eb {\n transform: rotate(0deg);\n}\n\n.Chevron_module_bottom__8b1808eb {\n transform: rotate(90deg);\n}\n\n.Chevron_module_right__8b1808eb {\n transform: rotate(180deg);\n}\n\n.Chevron_module_top__8b1808eb {\n transform: rotate(270deg);\n}";
|
|
1994
2148
|
var modules_bf5b0b74 = {"left":"Chevron_module_left__8b1808eb","bottom":"Chevron_module_bottom__8b1808eb","right":"Chevron_module_right__8b1808eb","top":"Chevron_module_top__8b1808eb"};
|
|
1995
|
-
n(css$
|
|
2149
|
+
n(css$L,{});
|
|
1996
2150
|
|
|
1997
2151
|
var Chevron = function Chevron(props) {
|
|
1998
2152
|
var className = props.className,
|
|
@@ -2287,9 +2441,9 @@ Reset.defaultProps = {
|
|
|
2287
2441
|
className: ''
|
|
2288
2442
|
};
|
|
2289
2443
|
|
|
2290
|
-
var css$
|
|
2291
|
-
var modules_8207625f = {"root":"
|
|
2292
|
-
n(css$
|
|
2444
|
+
var css$K = ".Accordion_module_root__a63f6f55 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n cursor: pointer;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__a63f6f55 {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] .Accordion_module_title__a63f6f55 {\n flex: 1 1 auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell]:hover {\n background: var(--background);\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell]:hover .Accordion_module_icon__a63f6f55,\n.Accordion_module_root__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell]:hover .Accordion_module_title__a63f6f55 {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.Accordion_module_root__a63f6f55 > .Accordion_module_body__a63f6f55 {\n display: none;\n padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__a63f6f55.Accordion_module_open__a63f6f55 > .Accordion_module_header__a63f6f55[data-elem=base-cell] [data-elem=component1] .Accordion_module_icon__a63f6f55 {\n transform: none;\n}\n.Accordion_module_root__a63f6f55.Accordion_module_open__a63f6f55 > .Accordion_module_body__a63f6f55 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n.Accordion_module_root__a63f6f55.Accordion_module_open__a63f6f55 > .Accordion_module_body__a63f6f55 > button[data-elem=base-cell] {\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n align-self: flex-end;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n}\n.Accordion_module_root__a63f6f55.Accordion_module_open__a63f6f55 > .Accordion_module_body__a63f6f55 > button[data-elem=base-cell] .Accordion_module_expand__a63f6f55 {\n height: 1.5rem;\n width: 1.5rem;\n}";
|
|
2445
|
+
var modules_8207625f = {"root":"Accordion_module_root__a63f6f55","header":"Accordion_module_header__a63f6f55","icon":"Accordion_module_icon__a63f6f55","title":"Accordion_module_title__a63f6f55","body":"Accordion_module_body__a63f6f55","open":"Accordion_module_open__a63f6f55","expand":"Accordion_module_expand__a63f6f55"};
|
|
2446
|
+
n(css$K,{});
|
|
2293
2447
|
|
|
2294
2448
|
var Accordion = function Accordion(props) {
|
|
2295
2449
|
var defaultOpen = props.defaultOpen,
|
|
@@ -2298,7 +2452,8 @@ var Accordion = function Accordion(props) {
|
|
|
2298
2452
|
description = props.description,
|
|
2299
2453
|
children = props.children,
|
|
2300
2454
|
_onClick = props.onClick,
|
|
2301
|
-
className = props.className
|
|
2455
|
+
className = props.className,
|
|
2456
|
+
onExpand = props.onExpand;
|
|
2302
2457
|
var _useState = useState(defaultOpen),
|
|
2303
2458
|
_useState2 = _slicedToArray(_useState, 2),
|
|
2304
2459
|
open = _useState2[0],
|
|
@@ -2335,7 +2490,18 @@ var Accordion = function Accordion(props) {
|
|
|
2335
2490
|
className: modules_8207625f.body,
|
|
2336
2491
|
children: [description && /*#__PURE__*/jsx$1("p", {
|
|
2337
2492
|
children: description
|
|
2338
|
-
}), children
|
|
2493
|
+
}), children, onExpand && /*#__PURE__*/jsx$1(Button, {
|
|
2494
|
+
size: "auto",
|
|
2495
|
+
variant: "text",
|
|
2496
|
+
onClick: function onClick() {
|
|
2497
|
+
onExpand();
|
|
2498
|
+
},
|
|
2499
|
+
rightComponent: function rightComponent() {
|
|
2500
|
+
return /*#__PURE__*/jsx$1(ExpandArrowAlt, {
|
|
2501
|
+
className: modules_8207625f.expand
|
|
2502
|
+
});
|
|
2503
|
+
}
|
|
2504
|
+
})]
|
|
2339
2505
|
})]
|
|
2340
2506
|
});
|
|
2341
2507
|
};
|
|
@@ -2345,7 +2511,8 @@ Accordion.propTypes = {
|
|
|
2345
2511
|
description: propTypes$1.exports.string,
|
|
2346
2512
|
defaultOpen: propTypes$1.exports.bool,
|
|
2347
2513
|
onClick: propTypes$1.exports.func,
|
|
2348
|
-
className: propTypes$1.exports.string
|
|
2514
|
+
className: propTypes$1.exports.string,
|
|
2515
|
+
onExpand: propTypes$1.exports.func
|
|
2349
2516
|
};
|
|
2350
2517
|
Accordion.defaultProps = {
|
|
2351
2518
|
iconPlacement: 'left',
|
|
@@ -2353,167 +2520,14 @@ Accordion.defaultProps = {
|
|
|
2353
2520
|
description: null,
|
|
2354
2521
|
defaultOpen: false,
|
|
2355
2522
|
onClick: function onClick() {},
|
|
2356
|
-
className: ''
|
|
2523
|
+
className: '',
|
|
2524
|
+
onExpand: null
|
|
2357
2525
|
};
|
|
2358
2526
|
|
|
2359
|
-
var css$
|
|
2527
|
+
var css$J = ".Alert_module_root__b5fc9a1d {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n position: fixed;\n padding: 0.938rem;\n width: 500px;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_positionBottomCenter__b5fc9a1d {\n left: 50%;\n bottom: 1rem;\n transform: translate(-50%, 0);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_positionTopRight__b5fc9a1d {\n right: 1rem;\n top: 1rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_icons__b5fc9a1d {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 0.313rem 0.938rem 0rem 0rem;\n height: auto;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_icons__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n width: 1.25rem;\n height: 1.25rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_content__b5fc9a1d {\n padding: 0.188rem 0.938rem 0rem 0rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_content__b5fc9a1d .Alert_module_title__b5fc9a1d {\n font-size: 0.875rem;\n font-weight: 600;\n padding-right: 2px;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_content__b5fc9a1d .Alert_module_description__b5fc9a1d {\n word-wrap: break-word;\n height: auto;\n font-size: 0.875rem;\n font-weight: 400;\n margin-bottom: 0.5rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_actions__b5fc9a1d {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 5px;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_actions__b5fc9a1d .Alert_module_button__b5fc9a1d {\n padding: 0.313rem 1rem;\n font-weight: 400;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_actions__b5fc9a1d .Alert_module_close__b5fc9a1d {\n padding-top: 0.313rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_actions__b5fc9a1d .Alert_module_close__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--black);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_borderDefault__b5fc9a1d {\n border-width: 0.063rem;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_borderThickLeft__b5fc9a1d {\n border-width: 0.063rem 0.063rem 0.063rem 0.25rem;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_borderNone__b5fc9a1d {\n border-width: 0rem 0rem 0rem 0.25rem;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_info__b5fc9a1d {\n border-style: solid;\n border-color: var(--info);\n background-color: #edf5ff;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_info__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n fill: var(--info);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_success__b5fc9a1d {\n border-style: solid;\n border-color: var(--success);\n background-color: var(--success-bg);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_success__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n fill: var(--success);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_danger__b5fc9a1d {\n border-style: solid;\n border-color: var(--error);\n background-color: var(--error-bg);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_danger__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n fill: var(--error);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_warning__b5fc9a1d {\n border-style: solid;\n border-color: var(--warning);\n background-color: var(--warning-bg);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_warning__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n fill: var(--warning);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_shadow__b5fc9a1d {\n box-shadow: 0.125rem 0.5rem 1rem rgba(60, 60, 60, 0.12);\n}";
|
|
2360
2528
|
var modules_3a764ea3 = {"root":"Alert_module_root__b5fc9a1d","position-bottom-center":"Alert_module_positionBottomCenter__b5fc9a1d","position-top-right":"Alert_module_positionTopRight__b5fc9a1d","left":"Alert_module_left__b5fc9a1d","icons":"Alert_module_icons__b5fc9a1d","icon":"Alert_module_icon__b5fc9a1d","content":"Alert_module_content__b5fc9a1d","title":"Alert_module_title__b5fc9a1d","description":"Alert_module_description__b5fc9a1d","actions":"Alert_module_actions__b5fc9a1d","button":"Alert_module_button__b5fc9a1d","close":"Alert_module_close__b5fc9a1d","border-default":"Alert_module_borderDefault__b5fc9a1d","border-thick-left":"Alert_module_borderThickLeft__b5fc9a1d","border-none":"Alert_module_borderNone__b5fc9a1d","info":"Alert_module_info__b5fc9a1d","success":"Alert_module_success__b5fc9a1d","danger":"Alert_module_danger__b5fc9a1d","warning":"Alert_module_warning__b5fc9a1d","shadow":"Alert_module_shadow__b5fc9a1d"};
|
|
2361
|
-
n(css$M,{});
|
|
2362
|
-
|
|
2363
|
-
var css$L = "button.BaseButton_module_root__39a3f3ec[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: none;\n background: none;\n padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:focus {\n outline: 1px solid var(--highlight);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:active {\n outline: none;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_contained__39a3f3ec {\n background: var(--black);\n color: var(--white);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_outlined__39a3f3ec {\n color: var(--black);\n border: 1px solid var(--black);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_text__39a3f3ec {\n color: var(--black);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell] [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}";
|
|
2364
|
-
var modules_ab72627b = {"root":"BaseButton_module_root__39a3f3ec","contained":"BaseButton_module_contained__39a3f3ec","outlined":"BaseButton_module_outlined__39a3f3ec","text":"BaseButton_module_text__39a3f3ec"};
|
|
2365
|
-
n(css$L,{});
|
|
2366
|
-
|
|
2367
|
-
var BaseButton = /*#__PURE__*/forwardRef(function BaseButton(props, ref) {
|
|
2368
|
-
var className = props.className,
|
|
2369
|
-
component1 = props.component1,
|
|
2370
|
-
title = props.title,
|
|
2371
|
-
component3 = props.component3,
|
|
2372
|
-
size = props.size,
|
|
2373
|
-
flexible = props.flexible,
|
|
2374
|
-
radius = props.radius,
|
|
2375
|
-
disabled = props.disabled,
|
|
2376
|
-
type = props.type,
|
|
2377
|
-
_onClick = props.onClick,
|
|
2378
|
-
blurOnClick = props.blurOnClick,
|
|
2379
|
-
variant = props.variant;
|
|
2380
|
-
var Title = title && /*#__PURE__*/jsx$1("span", {
|
|
2381
|
-
"data-elem": "title",
|
|
2382
|
-
children: title
|
|
2383
|
-
});
|
|
2384
|
-
return /*#__PURE__*/jsx$1(BaseCell, {
|
|
2385
|
-
className: classes(className, modules_ab72627b.root, modules_ab72627b[variant]),
|
|
2386
|
-
ref: ref,
|
|
2387
|
-
component1: component1,
|
|
2388
|
-
component2: Title,
|
|
2389
|
-
component3: component3,
|
|
2390
|
-
flexible: flexible,
|
|
2391
|
-
radius: radius,
|
|
2392
|
-
size: size,
|
|
2393
|
-
attrs: {
|
|
2394
|
-
disabled: disabled,
|
|
2395
|
-
type: type,
|
|
2396
|
-
onClick: function onClick(event) {
|
|
2397
|
-
if (blurOnClick) {
|
|
2398
|
-
var _event$currentTarget;
|
|
2399
|
-
event === null || event === void 0 ? void 0 : (_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.blur();
|
|
2400
|
-
}
|
|
2401
|
-
_onClick(event);
|
|
2402
|
-
}
|
|
2403
|
-
},
|
|
2404
|
-
RootDOM: "button"
|
|
2405
|
-
});
|
|
2406
|
-
});
|
|
2407
|
-
BaseButton.propTypes = _objectSpread2(_objectSpread2({}, BaseCell.propTypes), {}, {
|
|
2408
|
-
title: propTypes$1.exports.string,
|
|
2409
|
-
disabled: propTypes$1.exports.bool,
|
|
2410
|
-
type: propTypes$1.exports.oneOf(['button', 'submit', 'reset']),
|
|
2411
|
-
onClick: propTypes$1.exports.func,
|
|
2412
|
-
blurOnClick: propTypes$1.exports.bool,
|
|
2413
|
-
variant: propTypes$1.exports.oneOf(['contained', 'outlined', 'text'])
|
|
2414
|
-
});
|
|
2415
|
-
BaseButton.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps), {}, {
|
|
2416
|
-
title: null,
|
|
2417
|
-
disabled: false,
|
|
2418
|
-
type: 'submit',
|
|
2419
|
-
onClick: function onClick() {},
|
|
2420
|
-
blurOnClick: true,
|
|
2421
|
-
variant: 'contained'
|
|
2422
|
-
});
|
|
2423
|
-
|
|
2424
|
-
var css$K = ".Button_module_root__fe35a4dc[data-elem=base-cell] {\n cursor: pointer;\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--highlight);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--highlight);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--success);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--success);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--success);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--error);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--error);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--error);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--warning);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--warning);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--warning);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_contained__fe35a4dc {\n background-color: var(--grey4);\n color: var(--grey);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--grey);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_text__fe35a4dc {\n color: var(--grey);\n}";
|
|
2425
|
-
var modules_b0070f27 = {"root":"Button_module_root__fe35a4dc","primary":"Button_module_primary__fe35a4dc","contained":"Button_module_contained__fe35a4dc","outlined":"Button_module_outlined__fe35a4dc","text":"Button_module_text__fe35a4dc","success":"Button_module_success__fe35a4dc","danger":"Button_module_danger__fe35a4dc","warning":"Button_module_warning__fe35a4dc"};
|
|
2426
|
-
n(css$K,{});
|
|
2427
|
-
|
|
2428
|
-
var Button = /*#__PURE__*/forwardRef(function Button(props, ref) {
|
|
2429
|
-
var className = props.className,
|
|
2430
|
-
type = props.type,
|
|
2431
|
-
LeftComponent = props.leftComponent,
|
|
2432
|
-
title = props.title,
|
|
2433
|
-
RightComponent = props.rightComponent,
|
|
2434
|
-
size = props.size,
|
|
2435
|
-
flexible = props.flexible,
|
|
2436
|
-
radius = props.radius,
|
|
2437
|
-
disabled = props.disabled,
|
|
2438
|
-
onClick = props.onClick,
|
|
2439
|
-
blurOnClick = props.blurOnClick,
|
|
2440
|
-
variant = props.variant,
|
|
2441
|
-
color = props.color;
|
|
2442
|
-
return /*#__PURE__*/jsx$1(BaseButton, {
|
|
2443
|
-
ref: ref,
|
|
2444
|
-
type: type,
|
|
2445
|
-
component1: LeftComponent && /*#__PURE__*/jsx$1(LeftComponent, {}),
|
|
2446
|
-
title: title,
|
|
2447
|
-
component3: RightComponent && /*#__PURE__*/jsx$1(RightComponent, {}),
|
|
2448
|
-
size: size,
|
|
2449
|
-
flexible: flexible,
|
|
2450
|
-
radius: radius,
|
|
2451
|
-
disabled: disabled,
|
|
2452
|
-
onClick: onClick,
|
|
2453
|
-
blurOnClick: blurOnClick,
|
|
2454
|
-
variant: variant,
|
|
2455
|
-
className: classes(modules_b0070f27.root, modules_b0070f27["radius-".concat(radius)], modules_b0070f27[variant], modules_b0070f27[color], className)
|
|
2456
|
-
});
|
|
2457
|
-
});
|
|
2458
|
-
Button.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
2459
|
-
color: propTypes$1.exports.oneOf(['primary', 'success', 'danger', 'warning']),
|
|
2460
|
-
leftComponent: propTypes$1.exports.node,
|
|
2461
|
-
rightComponent: propTypes$1.exports.node
|
|
2462
|
-
});
|
|
2463
|
-
Button.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps), {}, {
|
|
2464
|
-
color: 'primary',
|
|
2465
|
-
leftComponent: null,
|
|
2466
|
-
rightComponent: null,
|
|
2467
|
-
radius: 'default'
|
|
2468
|
-
});
|
|
2469
|
-
|
|
2470
|
-
var css$J = ".Chip_module_root__0aa07630[data-elem=base-cell] {\n position: relative;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_sm__0aa07630 {\n height: 2rem;\n padding: 0.188rem 0.5rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_md__0aa07630 {\n height: 2.25rem;\n padding: 0.563rem 1rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_success__0aa07630 {\n background-color: var(--success-bg);\n color: var(--success);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_info__0aa07630 {\n background-color: var(--info-bg);\n color: var(--info);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_danger__0aa07630 {\n background-color: var(--error-bg);\n color: var(--error);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_warning__0aa07630 {\n background-color: var(--warning-bg);\n color: var(--warning);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_default__0aa07630 {\n background-color: var(--grey5);\n color: var(--grey);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630:hover {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630 {\n border-width: 1px;\n border-style: solid;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_success__0aa07630 {\n background-color: var(--success-bg);\n color: var(--success);\n border-color: var(--success-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_success__0aa07630:hover {\n background-color: var(--success-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_info__0aa07630 {\n background-color: var(--info-bg);\n color: var(--info);\n border-color: var(--info-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_info__0aa07630:hover {\n background-color: var(--info-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_danger__0aa07630 {\n background-color: var(--error-bg);\n color: var(--error);\n border-color: var(--error-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_danger__0aa07630:hover {\n background-color: var(--error-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_warning__0aa07630 {\n background-color: var(--warning-bg);\n color: var(--warning);\n border-color: var(--warning-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_warning__0aa07630:hover {\n background-color: var(--warning-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_default__0aa07630 {\n background-color: var(--grey8);\n color: var(--grey);\n border-color: var(--grey6);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_default__0aa07630:hover {\n background-color: var(--grey6);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630, .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 {\n filter: grayscale(1);\n border-color: var(--grey4);\n background-color: var(--grey5);\n color: var(--grey2);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630 [data-elem=component1],\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630 [data-elem=component3], .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 [data-elem=component1],\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 [data-elem=component3] {\n opacity: 0.5;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630:hover, .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630:hover {\n box-shadow: none;\n background-color: var(--grey5);\n}";
|
|
2471
|
-
var modules_31aa5fd7 = {"root":"Chip_module_root__0aa07630","sm":"Chip_module_sm__0aa07630","md":"Chip_module_md__0aa07630","status":"Chip_module_status__0aa07630","success":"Chip_module_success__0aa07630","info":"Chip_module_info__0aa07630","danger":"Chip_module_danger__0aa07630","warning":"Chip_module_warning__0aa07630","default":"Chip_module_default__0aa07630","input":"Chip_module_input__0aa07630"};
|
|
2472
2529
|
n(css$J,{});
|
|
2473
2530
|
|
|
2474
|
-
var Chip = function Chip(props) {
|
|
2475
|
-
var className = props.className,
|
|
2476
|
-
type = props.type,
|
|
2477
|
-
LeftComponent = props.leftComponent,
|
|
2478
|
-
title = props.title,
|
|
2479
|
-
RightComponent = props.rightComponent,
|
|
2480
|
-
size = props.size,
|
|
2481
|
-
flexible = props.flexible,
|
|
2482
|
-
radius = props.radius,
|
|
2483
|
-
disabled = props.disabled,
|
|
2484
|
-
onClick = props.onClick,
|
|
2485
|
-
variant = props.variant,
|
|
2486
|
-
color = props.color;
|
|
2487
|
-
return /*#__PURE__*/jsx$1(BaseButton, {
|
|
2488
|
-
type: type,
|
|
2489
|
-
component1: LeftComponent && /*#__PURE__*/jsx$1(LeftComponent, {}),
|
|
2490
|
-
title: title,
|
|
2491
|
-
component3: RightComponent && /*#__PURE__*/jsx$1(RightComponent, {}),
|
|
2492
|
-
size: 'auto',
|
|
2493
|
-
flexible: flexible,
|
|
2494
|
-
radius: radius,
|
|
2495
|
-
disabled: disabled,
|
|
2496
|
-
onClick: onClick,
|
|
2497
|
-
variant: 'contained',
|
|
2498
|
-
className: classes(modules_31aa5fd7.root, modules_31aa5fd7["radius-".concat(radius)], modules_31aa5fd7[variant], modules_31aa5fd7[color], modules_31aa5fd7[size], className)
|
|
2499
|
-
});
|
|
2500
|
-
};
|
|
2501
|
-
Chip.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
2502
|
-
size: propTypes$1.exports.oneOf(['sm', 'md']),
|
|
2503
|
-
variant: propTypes$1.exports.oneOf(['status', 'input']),
|
|
2504
|
-
color: propTypes$1.exports.oneOf(['success', 'info', 'warning', 'danger', 'default']),
|
|
2505
|
-
leftComponent: propTypes$1.exports.func,
|
|
2506
|
-
rightComponent: propTypes$1.exports.func
|
|
2507
|
-
});
|
|
2508
|
-
Chip.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps), {}, {
|
|
2509
|
-
size: 'sm',
|
|
2510
|
-
variant: 'status',
|
|
2511
|
-
color: 'success',
|
|
2512
|
-
leftComponent: null,
|
|
2513
|
-
rightComponent: null,
|
|
2514
|
-
radius: 'default'
|
|
2515
|
-
});
|
|
2516
|
-
|
|
2517
2531
|
function getSide(placement) {
|
|
2518
2532
|
return placement.split('-')[0];
|
|
2519
2533
|
}
|
|
@@ -35749,7 +35763,7 @@ var TableCell = /*#__PURE__*/forwardRef(function TableCell(props, ref) {
|
|
|
35749
35763
|
style: style,
|
|
35750
35764
|
'data-elem': 'text'
|
|
35751
35765
|
})), {}, {
|
|
35752
|
-
children: cellContent
|
|
35766
|
+
children: [null, false, true].includes(cellContent) ? JSON.stringify(cellContent) : cellContent
|
|
35753
35767
|
})),
|
|
35754
35768
|
component3: component3,
|
|
35755
35769
|
RootDOM: RootDOM,
|
|
@@ -85057,8 +85071,8 @@ BaseHorizontalBarChart.defaultProps = {
|
|
|
85057
85071
|
className: ''
|
|
85058
85072
|
};
|
|
85059
85073
|
|
|
85060
|
-
var css$3 = "
|
|
85061
|
-
var modules_c20882aa = {"
|
|
85074
|
+
var css$3 = ".BasePieChart_module_root__45f70e28 {\n width: \"100%\";\n}";
|
|
85075
|
+
var modules_c20882aa = {"root":"BasePieChart_module_root__45f70e28"};
|
|
85062
85076
|
n(css$3,{});
|
|
85063
85077
|
|
|
85064
85078
|
use([install$2, install$3, install$4, install$1, install$7, install]);
|
|
@@ -85337,8 +85351,8 @@ DisplayPicture.defaultProps = {
|
|
|
85337
85351
|
size: 'sm'
|
|
85338
85352
|
};
|
|
85339
85353
|
|
|
85340
|
-
var css = "
|
|
85341
|
-
var modules_a2cdc77c = {"
|
|
85354
|
+
var css = "div.Toggle_module_root__54079f3e {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n overflow: auto;\n padding: 0.25rem;\n background: var(--grey8);\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 0.4rem 0.4rem;\n box-shadow: inset 0px 1px 2px rgba(97, 97, 97, 0.2), inset 0px 2px 4px rgba(97, 97, 97, 0.2);\n}\ndiv.Toggle_module_root__54079f3e [data-elem=base-cell].Toggle_module_toggleButton__54079f3e {\n color: var(--grey);\n padding: 0.2rem;\n height: 2rem;\n background: transparent;\n}\ndiv.Toggle_module_root__54079f3e [data-elem=base-cell].Toggle_module_toggleButton__54079f3e.Toggle_module_active__54079f3e {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n background: var(--white);\n border-radius: 0.25rem;\n color: var(--dark-grey);\n}";
|
|
85355
|
+
var modules_a2cdc77c = {"root":"Toggle_module_root__54079f3e","toggle-button":"Toggle_module_toggleButton__54079f3e","active":"Toggle_module_active__54079f3e"};
|
|
85342
85356
|
n(css,{});
|
|
85343
85357
|
|
|
85344
85358
|
/* eslint-disable no-unused-vars */
|