plataforma-fundacao-componentes 2.26.6 → 2.26.8
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/assets/icons/Bell16Icon.d.ts +1 -1
- package/dist/assets/icons/BellIcon.d.ts +1 -1
- package/dist/components/container/Container.d.ts +3 -4
- package/dist/components/floatingPanel/FloatingPanel.d.ts +2 -1
- package/dist/components/header/Header.d.ts +2 -3
- package/dist/components/itemDropdownDownload/ItemDropdownDownload.d.ts +2 -2
- package/dist/components/select/Select.d.ts +0 -1
- package/dist/components/select/Select.stories.d.ts +3 -1
- package/dist/hooks/useFloatingPanel/useFloatingPanel.d.ts +2 -1
- package/dist/index.css +24 -14
- package/dist/index.d.ts +2 -2
- package/dist/index.js +60 -43
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +60 -43
- package/dist/index.modern.js.map +1 -1
- package/dist/utils/HTMLutils.d.ts +0 -1
- package/dist/utils/MaskUtils.d.ts +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -166,12 +166,6 @@ var isMobile = function isMobile() {
|
|
|
166
166
|
return navigator.userAgent.match(toMatchItem);
|
|
167
167
|
});
|
|
168
168
|
};
|
|
169
|
-
var isiPhone = function isiPhone() {
|
|
170
|
-
var toMatch = [/iPhone/i, /iPad/i, /iPod/i];
|
|
171
|
-
return toMatch.some(function (toMatchItem) {
|
|
172
|
-
return navigator.userAgent.match(toMatchItem);
|
|
173
|
-
});
|
|
174
|
-
};
|
|
175
169
|
var Interval = /*#__PURE__*/function () {
|
|
176
170
|
function Interval(callback, delay) {
|
|
177
171
|
var _this = this;
|
|
@@ -7127,38 +7121,42 @@ function useSystemInfo() {
|
|
|
7127
7121
|
};
|
|
7128
7122
|
}
|
|
7129
7123
|
|
|
7130
|
-
var _excluded$8 = ["position", "fluid", "verticalPadding", "hasMobileButton", "hasHeader", "hasAdvancedHeader", "className", "style"];
|
|
7124
|
+
var _excluded$8 = ["position", "fluid", "verticalPadding", "hasMobileButton", "hasHeader", "hasAdvancedHeader", "horizontalPadding", "className", "style", "insiderProps"];
|
|
7131
7125
|
var rootClassName$1U = 'component-container';
|
|
7132
7126
|
function Container(_ref) {
|
|
7127
|
+
var _insiderProps$classNa;
|
|
7133
7128
|
var position = _ref.position,
|
|
7134
|
-
fluid = _ref.fluid,
|
|
7135
|
-
|
|
7136
|
-
|
|
7137
|
-
|
|
7138
|
-
|
|
7129
|
+
_ref$fluid = _ref.fluid,
|
|
7130
|
+
fluid = _ref$fluid === void 0 ? false : _ref$fluid,
|
|
7131
|
+
_ref$verticalPadding = _ref.verticalPadding,
|
|
7132
|
+
verticalPadding = _ref$verticalPadding === void 0 ? false : _ref$verticalPadding,
|
|
7133
|
+
_ref$hasMobileButton = _ref.hasMobileButton,
|
|
7134
|
+
hasMobileButton = _ref$hasMobileButton === void 0 ? false : _ref$hasMobileButton,
|
|
7135
|
+
_ref$hasHeader = _ref.hasHeader,
|
|
7136
|
+
hasHeader = _ref$hasHeader === void 0 ? false : _ref$hasHeader,
|
|
7137
|
+
_ref$hasAdvancedHeade = _ref.hasAdvancedHeader,
|
|
7138
|
+
hasAdvancedHeader = _ref$hasAdvancedHeade === void 0 ? false : _ref$hasAdvancedHeade,
|
|
7139
|
+
_ref$horizontalPaddin = _ref.horizontalPadding,
|
|
7140
|
+
horizontalPadding = _ref$horizontalPaddin === void 0 ? true : _ref$horizontalPaddin,
|
|
7139
7141
|
_ref$className = _ref.className,
|
|
7140
7142
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
7141
7143
|
_ref$style = _ref.style,
|
|
7142
7144
|
style = _ref$style === void 0 ? {} : _ref$style,
|
|
7145
|
+
_ref$insiderProps = _ref.insiderProps,
|
|
7146
|
+
insiderProps = _ref$insiderProps === void 0 ? {} : _ref$insiderProps,
|
|
7143
7147
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$8);
|
|
7144
7148
|
var mobile = useSystemInfo().isMobile;
|
|
7145
7149
|
var classNames = useMergedClassNames([rootClassName$1U, className, fluid ? 'fluid' : '', verticalPadding ? 'vertical-padding' : '', hasMobileButton ? 'has-mobile-button' : '', hasHeader ? 'has-header' : '', hasAdvancedHeader ? 'has-advanced-header' : '', mobile ? 'mobile' : '']);
|
|
7150
|
+
var insiderClassNames = useMergedClassNames([rootClassName$1U + "-insider", horizontalPadding ? 'horizontal-padding' : '', (_insiderProps$classNa = insiderProps.className) != null ? _insiderProps$classNa : '']);
|
|
7146
7151
|
return React.createElement("div", Object.assign({}, props, {
|
|
7147
7152
|
className: classNames,
|
|
7148
7153
|
style: _extends({
|
|
7149
7154
|
position: position
|
|
7150
7155
|
}, style)
|
|
7151
|
-
}), React.createElement("div", {
|
|
7152
|
-
className:
|
|
7153
|
-
}, props.children));
|
|
7156
|
+
}), React.createElement("div", Object.assign({}, insiderProps, {
|
|
7157
|
+
className: insiderClassNames
|
|
7158
|
+
}), props.children));
|
|
7154
7159
|
}
|
|
7155
|
-
Container.defaultProps = {
|
|
7156
|
-
fluid: false,
|
|
7157
|
-
verticalPadding: false,
|
|
7158
|
-
hasMobileButton: false,
|
|
7159
|
-
hasAdvancedHeader: false,
|
|
7160
|
-
hasHeader: false
|
|
7161
|
-
};
|
|
7162
7160
|
var Container$1 = memo(Container);
|
|
7163
7161
|
|
|
7164
7162
|
var _excluded$9 = ["control", "labelPosition", "labelGap", "label", "className"];
|
|
@@ -7189,7 +7187,7 @@ var formatHexadecimalColor = function formatHexadecimalColor(input) {
|
|
|
7189
7187
|
return value;
|
|
7190
7188
|
};
|
|
7191
7189
|
var getStringWithoutSpecialChar = function getStringWithoutSpecialChar(input) {
|
|
7192
|
-
var value = String(input).
|
|
7190
|
+
var value = String(input).normalize('NFD').replace(/(?:[\^`\xA8\xAF\xB4\xB7\xB8\u02B0-\u034E\u0350-\u0357\u035D-\u0362\u0374\u0375\u037A\u0384\u0385\u0483-\u0487\u0559\u0591-\u05A1\u05A3-\u05BD\u05BF\u05C1\u05C2\u05C4\u064B-\u0652\u0657\u0658\u06DF\u06E0\u06E5\u06E6\u06EA-\u06EC\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F5\u0818\u0819\u0898-\u089F\u08C9-\u08D2\u08E3-\u08FE\u093C\u094D\u0951-\u0954\u0971\u09BC\u09CD\u0A3C\u0A4D\u0ABC\u0ACD\u0AFD-\u0AFF\u0B3C\u0B4D\u0B55\u0BCD\u0C3C\u0C4D\u0CBC\u0CCD\u0D3B\u0D3C\u0D4D\u0DCA\u0E47-\u0E4C\u0E4E\u0EBA\u0EC8-\u0ECC\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F82-\u0F84\u0F86\u0F87\u0FC6\u1037\u1039\u103A\u1063\u1064\u1069-\u106D\u1087-\u108D\u108F\u109A\u109B\u135D-\u135F\u1714\u1715\u17C9-\u17D3\u17DD\u1939-\u193B\u1A75-\u1A7C\u1A7F\u1AB0-\u1ABE\u1AC1-\u1ACB\u1B34\u1B44\u1B6B-\u1B73\u1BAA\u1BAB\u1C36\u1C37\u1C78-\u1C7D\u1CD0-\u1CE8\u1CED\u1CF4\u1CF7-\u1CF9\u1D2C-\u1D6A\u1DC4-\u1DCF\u1DF5-\u1DFF\u1FBD\u1FBF-\u1FC1\u1FCD-\u1FCF\u1FDD-\u1FDF\u1FED-\u1FEF\u1FFD\u1FFE\u2CEF-\u2CF1\u2E2F\u302A-\u302F\u3099-\u309C\u30FC\uA66F\uA67C\uA67D\uA67F\uA69C\uA69D\uA6F0\uA6F1\uA700-\uA721\uA788-\uA78A\uA7F8\uA7F9\uA8C4\uA8E0-\uA8F1\uA92B-\uA92E\uA953\uA9B3\uA9C0\uA9E5\uAA7B-\uAA7D\uAABF-\uAAC2\uAAF6\uAB5B-\uAB5F\uAB69-\uAB6B\uABEC\uABED\uFB1E\uFE20-\uFE2F\uFF3E\uFF40\uFF70\uFF9E\uFF9F\uFFE3]|\uD800\uDEE0|\uD801[\uDF80-\uDF85\uDF87-\uDFB0\uDFB2-\uDFBA]|\uD802[\uDEE5\uDEE6]|\uD803[\uDD22-\uDD27\uDEFD-\uDEFF\uDF46-\uDF50\uDF82-\uDF85]|\uD804[\uDC46\uDC70\uDCB9\uDCBA\uDD33\uDD34\uDD73\uDDC0\uDDCA-\uDDCC\uDE35\uDE36\uDEE9\uDEEA\uDF3C\uDF4D\uDF66-\uDF6C\uDF70-\uDF74]|\uD805[\uDC42\uDC46\uDCC2\uDCC3\uDDBF\uDDC0\uDE3F\uDEB6\uDEB7\uDF2B]|\uD806[\uDC39\uDC3A\uDD3D\uDD3E\uDD43\uDDE0\uDE34\uDE47\uDE99]|\uD807[\uDC3F\uDD42\uDD44\uDD45\uDD97]|\uD80D[\uDC47-\uDC55]|\uD81A[\uDEF0-\uDEF4\uDF30-\uDF36]|\uD81B[\uDF8F-\uDF9F\uDFF0\uDFF1]|\uD82B[\uDFF0-\uDFF3\uDFF5-\uDFFB\uDFFD\uDFFE]|\uD833[\uDF00-\uDF2D\uDF30-\uDF46]|\uD834[\uDD67-\uDD69\uDD6D-\uDD72\uDD7B-\uDD82\uDD85-\uDD8B\uDDAA-\uDDAD]|\uD838[\uDC30-\uDC6D\uDD30-\uDD36\uDEAE\uDEEC-\uDEEF]|\uD83A[\uDCD0-\uDCD6\uDD44-\uDD46\uDD48-\uDD4A])/g, '');
|
|
7193
7191
|
return value;
|
|
7194
7192
|
};
|
|
7195
7193
|
|
|
@@ -7631,6 +7629,7 @@ function useFloatingPanel(_ref) {
|
|
|
7631
7629
|
strategy = _ref$strategy === void 0 ? 'fixed' : _ref$strategy,
|
|
7632
7630
|
_ref$fallbackPlacemen = _ref.fallbackPlacements,
|
|
7633
7631
|
fallbackPlacements = _ref$fallbackPlacemen === void 0 ? ['top', 'bottom', 'right-start', 'right'] : _ref$fallbackPlacemen,
|
|
7632
|
+
heightAvaliableCallback = _ref.heightAvaliableCallback,
|
|
7634
7633
|
elements = _ref.elements;
|
|
7635
7634
|
var opened = stateOpened[0],
|
|
7636
7635
|
setOpened = stateOpened[1];
|
|
@@ -7658,6 +7657,7 @@ function useFloatingPanel(_ref) {
|
|
|
7658
7657
|
});
|
|
7659
7658
|
}
|
|
7660
7659
|
setMaxHeight(availableHeight);
|
|
7660
|
+
heightAvaliableCallback === null || heightAvaliableCallback === void 0 ? void 0 : heightAvaliableCallback(availableHeight);
|
|
7661
7661
|
}
|
|
7662
7662
|
})]
|
|
7663
7663
|
}),
|
|
@@ -7736,7 +7736,7 @@ function useOutsideClick(refs, handler, options) {
|
|
|
7736
7736
|
}, [refs, handler, handleClickOutside, (_options3 = options) === null || _options3 === void 0 ? void 0 : _options3.events]);
|
|
7737
7737
|
}
|
|
7738
7738
|
|
|
7739
|
-
var _excluded$c = ["opened", "setOpened", "className", "statedAnchorRef", "matchWidth", "placement", "closeOnEsc", "closeOnOutClick", "style", "fallbackPlacements", "offset"];
|
|
7739
|
+
var _excluded$c = ["opened", "setOpened", "className", "statedAnchorRef", "matchWidth", "placement", "closeOnEsc", "closeOnOutClick", "style", "fallbackPlacements", "offset", "heightAvaliableCallback"];
|
|
7740
7740
|
var rootClassName$1_ = 'floating-panel';
|
|
7741
7741
|
function FloatingPanel(_ref) {
|
|
7742
7742
|
var opened = _ref.opened,
|
|
@@ -7757,6 +7757,7 @@ function FloatingPanel(_ref) {
|
|
|
7757
7757
|
fallbackPlacements = _ref$fallbackPlacemen === void 0 ? ['bottom', 'bottom-end', 'bottom-start', 'top', 'top-start', 'top-end', 'left', 'right'] : _ref$fallbackPlacemen,
|
|
7758
7758
|
_ref$offset = _ref.offset,
|
|
7759
7759
|
offset = _ref$offset === void 0 ? 0 : _ref$offset,
|
|
7760
|
+
heightAvaliableCallback = _ref.heightAvaliableCallback,
|
|
7760
7761
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$c);
|
|
7761
7762
|
var _useState = useState(),
|
|
7762
7763
|
panelRef = _useState[0],
|
|
@@ -7771,6 +7772,7 @@ function FloatingPanel(_ref) {
|
|
|
7771
7772
|
floating: panelRef,
|
|
7772
7773
|
reference: statedAnchorRef
|
|
7773
7774
|
},
|
|
7775
|
+
heightAvaliableCallback: heightAvaliableCallback,
|
|
7774
7776
|
offset: offset
|
|
7775
7777
|
}),
|
|
7776
7778
|
isMounted = _useFloatingPanel.isMounted,
|
|
@@ -8497,7 +8499,6 @@ function Header(props) {
|
|
|
8497
8499
|
}));
|
|
8498
8500
|
}
|
|
8499
8501
|
Header.defaultProps = {
|
|
8500
|
-
position: 'fixed',
|
|
8501
8502
|
theme: HeaderType.Verde
|
|
8502
8503
|
};
|
|
8503
8504
|
var Header$1 = memo(Header);
|
|
@@ -10110,6 +10111,7 @@ var Search$1 = memo(Search);
|
|
|
10110
10111
|
var rootClassName$2r = 'component-select';
|
|
10111
10112
|
function Select(props) {
|
|
10112
10113
|
var _props$options4;
|
|
10114
|
+
var systemInfo = useSystemInfo();
|
|
10113
10115
|
var panelId = useMemo(function () {
|
|
10114
10116
|
return getUniqueKey();
|
|
10115
10117
|
}, []);
|
|
@@ -10156,13 +10158,12 @@ function Select(props) {
|
|
|
10156
10158
|
className: rootClassName$2r + "-clear-button",
|
|
10157
10159
|
icon: React.createElement(CloseIcon, null),
|
|
10158
10160
|
onClick: function onClick() {
|
|
10161
|
+
setPanelOpened(false);
|
|
10159
10162
|
if (props.multiple) {
|
|
10160
|
-
setPanelOpened(false);
|
|
10161
10163
|
props.onChange([], {
|
|
10162
10164
|
setPanelOpened: setPanelOpened
|
|
10163
10165
|
});
|
|
10164
10166
|
} else {
|
|
10165
|
-
setPanelOpened(false);
|
|
10166
10167
|
props.onChange(null, {
|
|
10167
10168
|
setPanelOpened: setPanelOpened
|
|
10168
10169
|
});
|
|
@@ -10188,7 +10189,7 @@ function Select(props) {
|
|
|
10188
10189
|
onClick: function onClick() {
|
|
10189
10190
|
var _wrapperRef$current;
|
|
10190
10191
|
var selectFake = (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("." + rootClassName$2r + "-select-fake");
|
|
10191
|
-
if (!props.multiple &&
|
|
10192
|
+
if (!props.multiple && systemInfo.os === OS.iOS && selectFake) {
|
|
10192
10193
|
selectFake.focus();
|
|
10193
10194
|
} else {
|
|
10194
10195
|
setPanelOpened(!panelOpened);
|
|
@@ -10197,7 +10198,7 @@ function Select(props) {
|
|
|
10197
10198
|
onFocus: function onFocus(evt) {
|
|
10198
10199
|
var _wrapperRef$current2;
|
|
10199
10200
|
var selectFake = (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.querySelector("." + rootClassName$2r + "-select-fake");
|
|
10200
|
-
if (!props.multiple &&
|
|
10201
|
+
if (!props.multiple && systemInfo.os === OS.iOS && selectFake) {
|
|
10201
10202
|
selectFake.focus();
|
|
10202
10203
|
} else {
|
|
10203
10204
|
evt.target.setSelectionRange(0, 0);
|
|
@@ -10229,7 +10230,6 @@ function Select(props) {
|
|
|
10229
10230
|
})[0]
|
|
10230
10231
|
});
|
|
10231
10232
|
delete p.showPanelFooter;
|
|
10232
|
-
delete p.bottomPanel;
|
|
10233
10233
|
delete p.clearButton;
|
|
10234
10234
|
delete p.multiplePlaceholder;
|
|
10235
10235
|
delete p.multiple;
|
|
@@ -10393,9 +10393,10 @@ function Select(props) {
|
|
|
10393
10393
|
var optionsFiltered = useMemo(function () {
|
|
10394
10394
|
var _props$options2;
|
|
10395
10395
|
return ((_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _props$options2.filter(function (op) {
|
|
10396
|
-
return getStringWithoutSpecialChar(op.label).toLowerCase().
|
|
10396
|
+
return getStringWithoutSpecialChar(String(op.label)).toLowerCase().includes(getStringWithoutSpecialChar(filterInput).toLowerCase());
|
|
10397
10397
|
})) || [];
|
|
10398
10398
|
}, [props.options, filterInput]);
|
|
10399
|
+
var skipFirst = useRef(true);
|
|
10399
10400
|
useLayoutEffect(function () {
|
|
10400
10401
|
if (panelOpened) {
|
|
10401
10402
|
var panel = document.querySelector("#" + panelId);
|
|
@@ -10404,7 +10405,7 @@ function Select(props) {
|
|
|
10404
10405
|
panel.style.bottom = '0';
|
|
10405
10406
|
}
|
|
10406
10407
|
var firstInput = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-panel-input input");
|
|
10407
|
-
if (firstInput &&
|
|
10408
|
+
if (firstInput && systemInfo.os !== OS.iOS) {
|
|
10408
10409
|
setTimeout(function () {
|
|
10409
10410
|
firstInput.focus();
|
|
10410
10411
|
}, 50);
|
|
@@ -10435,18 +10436,34 @@ function Select(props) {
|
|
|
10435
10436
|
}
|
|
10436
10437
|
}
|
|
10437
10438
|
}
|
|
10438
|
-
} else {
|
|
10439
|
+
} else if (!skipFirst.current) {
|
|
10439
10440
|
var _wrapperRef$current3;
|
|
10440
10441
|
var inputElement = (_wrapperRef$current3 = wrapperRef.current) === null || _wrapperRef$current3 === void 0 ? void 0 : _wrapperRef$current3.querySelector("input");
|
|
10441
|
-
if (inputElement &&
|
|
10442
|
+
if (inputElement && systemInfo.os !== OS.iOS) {
|
|
10442
10443
|
inputElement.focus();
|
|
10443
10444
|
}
|
|
10445
|
+
} else if (skipFirst) {
|
|
10446
|
+
skipFirst.current = false;
|
|
10444
10447
|
}
|
|
10445
10448
|
}, [panelOpened]);
|
|
10449
|
+
var setMaxHeight = useCallback(function (h) {
|
|
10450
|
+
var max = h - 12;
|
|
10451
|
+
var el = document.querySelector("#" + panelId + " ." + rootClassName$2r + "-options");
|
|
10452
|
+
if (props.showPanelFooter) {
|
|
10453
|
+
max -= 40;
|
|
10454
|
+
}
|
|
10455
|
+
if (props.panelFilter) {
|
|
10456
|
+
max -= 48;
|
|
10457
|
+
}
|
|
10458
|
+
if (window.innerHeight > 400) {
|
|
10459
|
+
max = Math.min(max, 40 * 6);
|
|
10460
|
+
}
|
|
10461
|
+
el === null || el === void 0 ? void 0 : el.style.setProperty('max-height', max + "px");
|
|
10462
|
+
}, [panelId, props.showPanelFooter, props.panelFilter]);
|
|
10446
10463
|
return React.createElement("div", {
|
|
10447
10464
|
ref: wrapperRef,
|
|
10448
10465
|
className: rootClassName$2r + "-outer"
|
|
10449
|
-
}, !props.multiple &&
|
|
10466
|
+
}, !props.multiple && systemInfo.os === OS.iOS && React.createElement("select", {
|
|
10450
10467
|
className: rootClassName$2r + "-select-fake",
|
|
10451
10468
|
value: props.value ? String(props.value) : '',
|
|
10452
10469
|
onChange: function onChange(evt) {
|
|
@@ -10480,10 +10497,10 @@ function Select(props) {
|
|
|
10480
10497
|
matchWidth: true,
|
|
10481
10498
|
placement: 'bottom',
|
|
10482
10499
|
fallbackPlacements: ['top', 'left', 'right'],
|
|
10483
|
-
offset: 1
|
|
10484
|
-
}, React.createElement("div", {
|
|
10500
|
+
offset: 1,
|
|
10485
10501
|
id: panelId,
|
|
10486
|
-
className: rootClassName$2r + "-panel " + (props.multiple ? 'multiple' : '')
|
|
10502
|
+
className: rootClassName$2r + "-panel " + (props.multiple ? 'multiple' : ''),
|
|
10503
|
+
heightAvaliableCallback: setMaxHeight
|
|
10487
10504
|
}, props.panelFilter && props.options && !!props.options.length && React.createElement("div", {
|
|
10488
10505
|
className: rootClassName$2r + "-panel-input"
|
|
10489
10506
|
}, React.createElement(Input$1, {
|
|
@@ -10535,7 +10552,7 @@ function Select(props) {
|
|
|
10535
10552
|
setPanelOpened: setPanelOpened
|
|
10536
10553
|
});
|
|
10537
10554
|
}
|
|
10538
|
-
}, languageValues.components.select.clearAll)))))
|
|
10555
|
+
}, languageValues.components.select.clearAll)))));
|
|
10539
10556
|
}
|
|
10540
10557
|
Select.defaultProps = {
|
|
10541
10558
|
onChange: undefined,
|
|
@@ -12102,7 +12119,7 @@ VideoModal.defaultProps = {
|
|
|
12102
12119
|
|
|
12103
12120
|
var _excluded$o = ["className"];
|
|
12104
12121
|
var rootClassName$2N = 'icon-component';
|
|
12105
|
-
function Bell16Icon(_ref) {
|
|
12122
|
+
var Bell16Icon = function Bell16Icon(_ref) {
|
|
12106
12123
|
var _ref$className = _ref.className,
|
|
12107
12124
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
12108
12125
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$o);
|
|
@@ -12120,11 +12137,11 @@ function Bell16Icon(_ref) {
|
|
|
12120
12137
|
d: 'M12.2013 8.544C12.2073 10.042 12.7943 11.453 13.8541 12.516C13.9653 12.626 14.0144 12.78 13.9964 12.931C14.0074 13.042 13.9913 13.158 13.9443 13.266C13.8441 13.515 13.6317 13.669 13.3112 13.678H10.4643C10.3832 14.971 9.31538 16 8.00014 16C6.6859 16 5.61808 14.971 5.53594 13.678H2.68308H2.67406C2.4016 13.678 2.15518 13.512 2.05201 13.252C1.99391 13.121 1.98589 12.973 2.02095 12.834C2.02095 12.716 2.06102 12.603 2.14717 12.516C3.20697 11.453 3.79397 10.042 3.79998 8.542L3.79898 6.082C3.79698 4.199 5.06814 2.543 6.89025 2.055C6.99342 2.029 7.05453 2.016 7.11864 2.003C7.23884 1.978 7.36906 1.966 7.49929 1.957V0.5C7.49929 0.224 7.72367 0 8.00014 0C8.27761 0 8.50099 0.224 8.50099 0.5V1.957C8.63222 1.966 8.76244 1.978 8.89066 2.005C8.94675 2.016 9.00786 2.029 9.06996 2.044C10.9331 2.543 12.2043 4.199 12.2023 6.083L12.2013 8.544ZM9.47866 13.178C9.47866 12.902 9.70304 12.678 9.97951 12.678H12.6571C11.7175 11.508 11.2056 10.066 11.1996 8.546L11.2006 6.082C11.2026 4.651 10.2359 3.392 8.85059 3.022L8.68731 2.984C8.61038 2.9673 8.53764 2.96176 8.46617 2.95631C8.45203 2.95523 8.43793 2.95416 8.42386 2.953L8.30165 2.945C8.28562 2.944 8.20449 2.931 8.18846 2.928L8.04321 2.917C8.02759 2.91815 7.99794 2.91798 7.97065 2.91781C7.95069 2.91769 7.93201 2.91758 7.921 2.918L7.57742 2.953C7.56222 2.95425 7.54698 2.9554 7.53173 2.95656C7.46158 2.96187 7.3911 2.96721 7.32198 2.982L7.18174 3.013C5.76533 3.392 4.79868 4.651 4.80069 6.081L4.80169 8.544C4.79568 10.066 4.28281 11.508 3.34421 12.678H6.02177C6.29824 12.678 6.52262 12.902 6.52262 13.178V13.525C6.52262 14.338 7.18575 15 8.00014 15C8.81553 15 9.47866 14.338 9.47866 13.525V13.178Z',
|
|
12121
12138
|
fill: 'currentColor'
|
|
12122
12139
|
}));
|
|
12123
|
-
}
|
|
12140
|
+
};
|
|
12124
12141
|
|
|
12125
12142
|
var _excluded$p = ["className"];
|
|
12126
12143
|
var rootClassName$2O = 'icon-component';
|
|
12127
|
-
function BellIcon(_ref) {
|
|
12144
|
+
var BellIcon = function BellIcon(_ref) {
|
|
12128
12145
|
var _ref$className = _ref.className,
|
|
12129
12146
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
12130
12147
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$p);
|
|
@@ -12142,7 +12159,7 @@ function BellIcon(_ref) {
|
|
|
12142
12159
|
d: 'M20.8526 19.112C20.9707 19.229 21.0211 19.396 20.9919 19.555C21.01 19.693 20.9929 19.835 20.9343 19.967C20.8253 20.249 20.5095 20.431 20.2067 20.439H15.5633V20.469C15.5633 22.416 13.9648 24 12.0009 24C10.0359 24 8.43735 22.416 8.43735 20.469V20.439H3.78592H3.7728C3.46398 20.439 3.17434 20.244 3.05828 19.949C2.98965 19.793 2.98259 19.615 3.03204 19.448C3.02397 19.324 3.05626 19.203 3.1481 19.112C4.8365 17.432 5.77103 15.203 5.78112 12.833L5.7791 9.058C5.77607 6.292 7.65824 3.858 10.3558 3.141C10.4992 3.104 10.589 3.085 10.6778 3.067C10.8736 3.027 11.0653 3.011 11.2571 2.999L11.4256 2.986L11.4962 2.974V0.5C11.4962 0.223 11.7213 0 12.0009 0C12.2794 0 12.5055 0.223 12.5055 0.5V2.974C12.5103 2.97536 12.5146 2.97579 12.5191 2.97625C12.5212 2.97646 12.5234 2.97668 12.5256 2.977L12.7436 2.999C12.9354 3.011 13.1281 3.027 13.3169 3.066C13.4117 3.085 13.5015 3.104 13.5893 3.127C16.3425 3.858 18.2256 6.292 18.2226 9.059L18.2206 12.835C18.2307 15.203 19.1642 17.432 20.8526 19.112ZM14.5541 19.939C14.5541 19.663 14.7802 19.439 15.0587 19.439H19.7768C18.1277 17.622 17.2215 15.297 17.2114 12.836L17.2134 9.058C17.2164 6.743 15.6411 4.708 13.3835 4.108C13.2793 4.08031 13.2128 4.06599 13.1535 4.05324C13.1422 4.0508 13.1311 4.04841 13.1201 4.046C12.9782 4.01659 12.8431 4.00745 12.7094 3.99841C12.6976 3.99761 12.6858 3.99681 12.674 3.996L12.4883 3.982C12.4722 3.981 12.3551 3.963 12.3399 3.96L12.1906 3.946C12.0765 3.94 12.0412 3.935 12.0069 3.93C12.0059 3.93 12.0049 3.93025 12.0039 3.9305C12.0029 3.93075 12.0019 3.931 12.0009 3.931C11.9998 3.931 11.9988 3.93075 11.9978 3.9305C11.9968 3.93025 11.9958 3.93 11.9948 3.93L11.9912 3.93053C11.9581 3.93535 11.926 3.94004 11.8939 3.941C11.8898 3.941 11.7152 3.951 11.7122 3.952C11.6961 3.955 11.5316 3.98 11.5154 3.982L11.3277 3.996C11.316 3.9968 11.3042 3.99759 11.2925 3.99838C11.1581 4.00743 11.0245 4.01641 10.8927 4.044C10.8816 4.04635 10.8706 4.04864 10.8599 4.0509C10.7928 4.06495 10.7329 4.07749 10.6737 4.093C8.35964 4.708 6.78528 6.743 6.78831 9.057L6.79032 12.835C6.78023 15.297 5.87296 17.622 4.22492 19.439H8.94195C9.2215 19.439 9.44655 19.663 9.44655 19.939V20.469C9.44655 21.865 10.592 23 12.0009 23C13.4087 23 14.5541 21.865 14.5541 20.469V19.939Z',
|
|
12143
12160
|
fill: 'currentColor'
|
|
12144
12161
|
}));
|
|
12145
|
-
}
|
|
12162
|
+
};
|
|
12146
12163
|
|
|
12147
12164
|
var _excluded$q = ["className"];
|
|
12148
12165
|
var rootClassName$2P = 'icon-component';
|