@foxford/ui 2.91.0-beta-7cc2222-20260116 → 2.91.0-beta-c135980-20260116
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/components/Dialog/Dialog.js +1 -1
- package/components/Dialog/Dialog.js.map +1 -1
- package/components/Dialog/Dialog.mjs +1 -1
- package/components/Dialog/Dialog.mjs.map +1 -1
- package/components/FormInputLabel/style.js +1 -1
- package/components/FormInputLabel/style.js.map +1 -1
- package/components/FormInputLabel/style.mjs +1 -1
- package/components/FormInputLabel/style.mjs.map +1 -1
- package/components/Notification/Notification.js +1 -1
- package/components/Notification/Notification.js.map +1 -1
- package/components/Notification/Notification.mjs +1 -1
- package/components/Notification/Notification.mjs.map +1 -1
- package/components/Notification/layouts.js +2 -0
- package/components/Notification/layouts.js.map +1 -0
- package/components/Notification/layouts.mjs +2 -0
- package/components/Notification/layouts.mjs.map +1 -0
- package/components/Notification/sizes.js +2 -0
- package/components/Notification/sizes.js.map +1 -0
- package/components/Notification/sizes.mjs +2 -0
- package/components/Notification/sizes.mjs.map +1 -0
- package/components/Notification/style.js +1 -1
- package/components/Notification/style.js.map +1 -1
- package/components/Notification/style.mjs +1 -1
- package/components/Notification/style.mjs.map +1 -1
- package/dts/index.d.ts +363 -225
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +2 -2
- package/components/Notification/constants.js +0 -2
- package/components/Notification/constants.js.map +0 -1
- package/components/Notification/constants.mjs +0 -2
- package/components/Notification/constants.mjs.map +0 -1
- package/hooks/useScrollLock.js +0 -2
- package/hooks/useScrollLock.js.map +0 -1
- package/hooks/useScrollLock.mjs +0 -2
- package/hooks/useScrollLock.mjs.map +0 -1
- package/icon-pack/src/icons/CheckCircle/index.js +0 -2
- package/icon-pack/src/icons/CheckCircle/index.js.map +0 -1
- package/icon-pack/src/icons/CheckCircle/index.mjs +0 -2
- package/icon-pack/src/icons/CheckCircle/index.mjs.map +0 -1
- package/icon-pack/src/icons/CloseCirlce/index.js +0 -2
- package/icon-pack/src/icons/CloseCirlce/index.js.map +0 -1
- package/icon-pack/src/icons/CloseCirlce/index.mjs +0 -2
- package/icon-pack/src/icons/CloseCirlce/index.mjs.map +0 -1
- package/icon-pack/src/icons/WarningTriangle/index.js +0 -2
- package/icon-pack/src/icons/WarningTriangle/index.js.map +0 -1
- package/icon-pack/src/icons/WarningTriangle/index.mjs +0 -2
- package/icon-pack/src/icons/WarningTriangle/index.mjs.map +0 -1
package/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var colors$1=require('./shared/utils/colors.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var useClickOutside=require('./hooks/useClickOutside.js');var useScrollMonitor=require('./hooks/useScrollMonitor.js');var
|
|
1
|
+
'use strict';var colors$1=require('./shared/utils/colors.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var useClickOutside=require('./hooks/useClickOutside.js');var useScrollMonitor=require('./hooks/useScrollMonitor.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var themeProvider=require('./theme/theme-provider.js');var themes=require('./theme/themes.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var index=require('./components/Amount/data/index.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var Container=require('./components/Container/Container.js');var Icon=require('./components/Icon/Icon.js');var Modal=require('./components/Modal/Modal.js');var Paper=require('./components/Paper/Paper.js');var Progress=require('./components/Progress/Progress.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Separator=require('./components/Separator/Separator.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var Tabs=require('./components/Tabs/Tabs.js');var Text=require('./components/Text/Text.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var Tag=require('./components/Tag/Tag.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Textarea=require('./components/Textarea/Textarea.js');var Input=require('./components/Input/Input.js');var style=require('./components/Input/style.js');var Radio=require('./components/Radio/Radio.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Select=require('./components/Select/Select.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Popover=require('./components/Popover/Popover.js');var ListItem=require('./components/ListItem/ListItem.js');var Indicator=require('./components/Indicator/Indicator.js');var IconButton=require('./components/IconButton/IconButton.js');var Chip=require('./components/Chip/Chip.js');var Menu=require('./components/Menu/Menu.js');var Dropdown=require('./components/Dropdown/Dropdown.js');var Dialog=require('./components/Dialog/Dialog.js');var Notification=require('./components/Notification/Notification.js');var Accordion=require('./components/Accordion/Accordion.js');var Switch=require('./components/Switch/Switch.js');var ProgressLine=require('./components/ProgressLine/ProgressLine.js');var ProgressCircle=require('./components/ProgressCircle/ProgressCircle.js');var AspectRatio=require('./components/AspectRatio/AspectRatio.js');var TabList=require('./components/TabList/TabList.js');var AddElement=require('./components/AddElement/AddElement.js');exports.hexToRgbA=colors$1.hexToRgbA,exports.isHex=colors$1.isHex,exports.ColorNames=colors.ColorNames,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.useClickOutside=useClickOutside.useClickOutside,exports.useScrollMonitor=useScrollMonitor.useScrollMonitor,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.ThemeProvider=themeProvider.ThemeProvider,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.ActionBtn=ActionBtn.ActionBtn,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.Container=Container.Container,exports.Icon=Icon.Icon,exports.Modal=Modal.Modal,exports.Paper=Paper.Paper,exports.Progress=Progress.Progress,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Separator=Separator.Separator,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.Tabs=Tabs.Tabs,exports.Text=Text.Text,exports.Tooltip=Tooltip.Tooltip,exports.Tag=Tag.Tag,exports.ContextMenu=ContextMenu.ContextMenu,exports.Textarea=Textarea.Textarea,exports.Input=Input.Input,exports.baseInputStyle=style.baseInputStyle,exports.Radio=Radio.Radio,exports.Checkbox=Checkbox.Checkbox,exports.Select=Select.Select,exports.FormLabel=FormLabel.FormLabel,exports.Skeleton=Skeleton.Skeleton,exports.Popover=Popover.Popover,exports.ListItem=ListItem.ListItem,exports.Indicator=Indicator.Indicator,exports.IconButton=IconButton.IconButton,exports.Chip=Chip.Chip,exports.Menu=Menu.Menu,exports.Dropdown=Dropdown.Dropdown,exports.Dialog=Dialog.Dialog,exports.Notification=Notification.Notification,exports.Accordion=Accordion.Accordion,exports.Switch=Switch.Switch,exports.ProgressLine=ProgressLine.ProgressLine,exports.ProgressCircle=ProgressCircle.ProgressCircle,exports.AspectRatio=AspectRatio.AspectRatio,exports.TabList=TabList.TabList,exports.AddElement=AddElement.AddElement;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{hexToRgbA,isHex}from'./shared/utils/colors.mjs';export{ColorNames}from'./theme/colors.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{useClickOutside}from'./hooks/useClickOutside.mjs';export{useScrollMonitor}from'./hooks/useScrollMonitor.mjs';export{
|
|
1
|
+
export{hexToRgbA,isHex}from'./shared/utils/colors.mjs';export{ColorNames}from'./theme/colors.mjs';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.mjs';export{useClickOutside}from'./hooks/useClickOutside.mjs';export{useScrollMonitor}from'./hooks/useScrollMonitor.mjs';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.mjs';export{color}from'./mixins/color.mjs';export{vAlign}from'./mixins/vAlign.mjs';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.mjs';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.mjs';export{ThemeProvider}from'./theme/theme-provider.mjs';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.mjs';export{ActionBtn}from'./components/ActionBtn/ActionBtn.mjs';export{Alert}from'./components/Alert/Alert.mjs';export{Amount}from'./components/Amount/Amount.mjs';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.mjs';export{Anchor}from'./components/Anchor/Anchor.mjs';export{Arrow}from'./components/Arrow/Arrow.mjs';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.mjs';export{Avatar}from'./components/Avatar/Avatar.mjs';export{Badge}from'./components/Badge/Badge.mjs';export{Button}from'./components/Button/Button.mjs';export{Container}from'./components/Container/Container.mjs';export{Icon}from'./components/Icon/Icon.mjs';export{Modal}from'./components/Modal/Modal.mjs';export{Paper}from'./components/Paper/Paper.mjs';export{Progress}from'./components/Progress/Progress.mjs';export{Scrollable}from'./components/Scrollable/Scrollable.mjs';export{Section}from'./components/Section/Section.mjs';export{Separator}from'./components/Separator/Separator.mjs';export{Spacer}from'./components/Spacer/Spacer.mjs';export{Spinner}from'./components/Spinner/Spinner.mjs';export{Switcher}from'./components/Switcher/Switcher.mjs';export{Tab}from'./components/Tab/Tab.mjs';export{Tabs}from'./components/Tabs/Tabs.mjs';export{Text}from'./components/Text/Text.mjs';export{Tooltip}from'./components/Tooltip/Tooltip.mjs';export{Tag}from'./components/Tag/Tag.mjs';export{ContextMenu}from'./components/ContextMenu/ContextMenu.mjs';export{Textarea}from'./components/Textarea/Textarea.mjs';export{Input}from'./components/Input/Input.mjs';export{baseInputStyle}from'./components/Input/style.mjs';export{Radio}from'./components/Radio/Radio.mjs';export{Checkbox}from'./components/Checkbox/Checkbox.mjs';export{Select}from'./components/Select/Select.mjs';export{FormLabel}from'./components/FormLabel/FormLabel.mjs';export{Skeleton}from'./components/Skeleton/Skeleton.mjs';export{Popover}from'./components/Popover/Popover.mjs';export{ListItem}from'./components/ListItem/ListItem.mjs';export{Indicator}from'./components/Indicator/Indicator.mjs';export{IconButton}from'./components/IconButton/IconButton.mjs';export{Chip}from'./components/Chip/Chip.mjs';export{Menu}from'./components/Menu/Menu.mjs';export{Dropdown}from'./components/Dropdown/Dropdown.mjs';export{Dialog}from'./components/Dialog/Dialog.mjs';export{Notification}from'./components/Notification/Notification.mjs';export{Accordion}from'./components/Accordion/Accordion.mjs';export{Switch}from'./components/Switch/Switch.mjs';export{ProgressLine}from'./components/ProgressLine/ProgressLine.mjs';export{ProgressCircle}from'./components/ProgressCircle/ProgressCircle.mjs';export{AspectRatio}from'./components/AspectRatio/AspectRatio.mjs';export{TabList}from'./components/TabList/TabList.mjs';export{AddElement}from'./components/AddElement/AddElement.mjs';
|
|
2
2
|
//# sourceMappingURL=index.mjs.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@foxford/ui",
|
|
3
|
-
"version": "2.91.0-beta-
|
|
3
|
+
"version": "2.91.0-beta-c135980-20260116",
|
|
4
4
|
"description": "UI components and utilities",
|
|
5
5
|
"bugs": {
|
|
6
6
|
"url": "https://github.com/foxford/ui/issues"
|
|
@@ -63,6 +63,6 @@
|
|
|
63
63
|
"shared",
|
|
64
64
|
"theme"
|
|
65
65
|
],
|
|
66
|
-
"sha": "
|
|
66
|
+
"sha": "c135980",
|
|
67
67
|
"scripts": {}
|
|
68
68
|
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var sizes=require('../Button/sizes.js');require('../Button/Button.js');const SIZES_ACTION={l:sizes.SIZES.l,m:sizes.SIZES.s,s:sizes.SIZES.s};exports.SIZES={l:{fontSize:20,padding:'0.8em 1em',borderRadius:12},m:{fontSize:16,padding:'0.8em 1em',borderRadius:10},s:{fontSize:12,padding:'0.8em 1em',borderRadius:8}},exports.SIZES_ACTION=SIZES_ACTION,exports.SIZES_ICON={l:{fontSize:28},m:{fontSize:24},s:{fontSize:20}},exports.SIZES_TEXT={l:{fontSize:18},m:{fontSize:16},s:{fontSize:14}};
|
|
2
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/Notification/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_BUTTON } from 'components/Button'\nimport type { NotificationSize } from './types'\n\nexport const SIZES: Record<NotificationSize, CSSProperties> = {\n l: {\n fontSize: 20,\n padding: '0.8em 1em',\n borderRadius: 12,\n },\n m: {\n fontSize: 16,\n padding: '0.8em 1em',\n borderRadius: 10,\n },\n s: {\n fontSize: 12,\n padding: '0.8em 1em',\n borderRadius: 8,\n },\n}\n\nexport const SIZES_ICON: Record<NotificationSize, CSSProperties> = {\n l: { fontSize: 28 },\n m: { fontSize: 24 },\n s: { fontSize: 20 },\n}\n\nexport const SIZES_TEXT: Record<NotificationSize, CSSProperties> = {\n l: { fontSize: 18 },\n m: { fontSize: 16 },\n s: { fontSize: 14 },\n}\n\nexport const SIZES_ACTION: Record<NotificationSize, CSSProperties> = {\n l: SIZES_BUTTON.l,\n m: SIZES_BUTTON.s,\n s: SIZES_BUTTON.s,\n}\n"],"names":["SIZES_ACTION","l","SIZES_BUTTON","SIZES","m","s","fontSize","padding","borderRadius"],"mappings":"oFAkCO,MAAMA,aAAwD,CACnEC,EAAGC,MAAYC,MAACF,EAChBG,EAAGF,MAAYC,MAACE,EAChBA,EAAGH,MAAYC,MAACE,iBAjC4C,CAC5DJ,EAAG,CACDK,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBJ,EAAG,CACDE,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBH,EAAG,CACDC,SAAU,GACVC,QAAS,YACTC,aAAc,yDAIiD,CACjEP,EAAG,CAAEK,SAAU,IACfF,EAAG,CAAEE,SAAU,IACfD,EAAG,CAAEC,SAAU,wBAGkD,CACjEL,EAAG,CAAEK,SAAU,IACfF,EAAG,CAAEE,SAAU,IACfD,EAAG,CAAEC,SAAU"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{SIZES as SIZES$1}from'../Button/sizes.mjs';import'../Button/Button.mjs';const SIZES={l:{fontSize:20,padding:'0.8em 1em',borderRadius:12},m:{fontSize:16,padding:'0.8em 1em',borderRadius:10},s:{fontSize:12,padding:'0.8em 1em',borderRadius:8}};const SIZES_ICON={l:{fontSize:28},m:{fontSize:24},s:{fontSize:20}};const SIZES_TEXT={l:{fontSize:18},m:{fontSize:16},s:{fontSize:14}};const SIZES_ACTION={l:SIZES$1.l,m:SIZES$1.s,s:SIZES$1.s};export{SIZES,SIZES_ACTION,SIZES_ICON,SIZES_TEXT};
|
|
2
|
-
//# sourceMappingURL=constants.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Notification/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_BUTTON } from 'components/Button'\nimport type { NotificationSize } from './types'\n\nexport const SIZES: Record<NotificationSize, CSSProperties> = {\n l: {\n fontSize: 20,\n padding: '0.8em 1em',\n borderRadius: 12,\n },\n m: {\n fontSize: 16,\n padding: '0.8em 1em',\n borderRadius: 10,\n },\n s: {\n fontSize: 12,\n padding: '0.8em 1em',\n borderRadius: 8,\n },\n}\n\nexport const SIZES_ICON: Record<NotificationSize, CSSProperties> = {\n l: { fontSize: 28 },\n m: { fontSize: 24 },\n s: { fontSize: 20 },\n}\n\nexport const SIZES_TEXT: Record<NotificationSize, CSSProperties> = {\n l: { fontSize: 18 },\n m: { fontSize: 16 },\n s: { fontSize: 14 },\n}\n\nexport const SIZES_ACTION: Record<NotificationSize, CSSProperties> = {\n l: SIZES_BUTTON.l,\n m: SIZES_BUTTON.s,\n s: SIZES_BUTTON.s,\n}\n"],"names":["SIZES","l","fontSize","padding","borderRadius","m","s","SIZES_ICON","SIZES_TEXT","SIZES_ACTION","SIZES_BUTTON"],"mappings":"+EAIO,MAAMA,MAAiD,CAC5DC,EAAG,CACDC,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBC,EAAG,CACDH,SAAU,GACVC,QAAS,YACTC,aAAc,IAEhBE,EAAG,CACDJ,SAAU,GACVC,QAAS,YACTC,aAAc,IAIX,MAAMG,WAAsD,CACjEN,EAAG,CAAEC,SAAU,IACfG,EAAG,CAAEH,SAAU,IACfI,EAAG,CAAEJ,SAAU,KAGV,MAAMM,WAAsD,CACjEP,EAAG,CAAEC,SAAU,IACfG,EAAG,CAAEH,SAAU,IACfI,EAAG,CAAEJ,SAAU,KAGV,MAAMO,aAAwD,CACnER,EAAGS,QAAaT,EAChBI,EAAGK,QAAaJ,EAChBA,EAAGI,QAAaJ"}
|
package/hooks/useScrollLock.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var React=require('react');const TOUCH_EVENT_OPTIONS={capture:!0,passive:!1};const supportsScrollbarGutter=typeof CSS!='undefined'&&CSS.supports('scrollbar-gutter: stable');const isIosDevice=typeof window!='undefined'&&window.navigator?.userAgent&&(/iP(ad|hone|od)/.test(window.navigator.userAgent)||window.navigator.userAgent.includes('Macintosh')&&window.navigator.maxTouchPoints>1);const iosScrollableBlocks=[];let iosActiveScrollElement=null;let iosTouchStartY=null;let touchStartHandler=null;let touchMoveHandler=null;function getScrollLockCount(){return Number(document.documentElement.dataset.scrollLockCount||0)}function setScrollLockCount(t){document.documentElement.dataset.scrollLockCount=t.toString()}function applyScrollLockStyles(){const t=document.documentElement;if(t.dataset.prevOverflow=t.style.overflow||'',supportsScrollbarGutter&&!isIosDevice)t.style.scrollbarGutter='stable';else{const e=window.innerWidth-document.documentElement.clientWidth;if(t.dataset.prevPaddingRight=t.style.paddingRight||'',e>0){const o=parseInt(window.getComputedStyle(t).paddingRight||'0',10);t.style.paddingRight=`${o+e}px`}}t.style.overflow='hidden'}function resetScrollLockStyles(){const t=document.documentElement;t.style.overflow=t.dataset.prevOverflow||'',t.style.paddingRight=t.dataset.prevPaddingRight||'',delete t.dataset.prevOverflow,delete t.dataset.prevPaddingRight}function isScrollable(t){const e=getComputedStyle(t);return(e.overflowY==='auto'||e.overflowY==='scroll')&&t.scrollHeight>t.clientHeight}function findScrollableParent(t,e){let o=t;for(;o&&o!==e.parentElement;){if(isScrollable(o))return o;o=o.parentElement}return isScrollable(e)?e:null}exports.useScrollLock=t=>{const{locked:e,scrollableContainer:o=document.documentElement}=t;React.useEffect((()=>{if(e)return isIosDevice?((t=>{iosScrollableBlocks.push(t);const e=getScrollLockCount();e===0&&(applyScrollLockStyles(),touchMoveHandler||touchStartHandler||(touchStartHandler=t=>{const e=t.target;if(!(e instanceof HTMLElement))return iosActiveScrollElement=null,void(iosTouchStartY=null);iosTouchStartY=t.touches[0]?.clientY??null,iosActiveScrollElement=null;for(const t of iosScrollableBlocks)if(t.contains(e)){const o=findScrollableParent(e,t);if(o){iosActiveScrollElement=o;break}}},touchMoveHandler=t=>{const e=t.touches[0];if(!e||t.touches.length===2||(t=>{if(!(t&&t instanceof HTMLElement))return!1;const e=t.ownerDocument?.defaultView?.getSelection();return!(!e||e.isCollapsed||!e.containsNode(t,!0))||'selectionStart'in t&&'selectionEnd'in t&&Number(t.selectionStart)<Number(t.selectionEnd)&&t.ownerDocument?.activeElement===t})(t.target))return;if(!t.cancelable)return;if(!iosActiveScrollElement||iosTouchStartY===null)return void t.preventDefault();const o=e.clientY-Number(iosTouchStartY);(iosActiveScrollElement.scrollTop<=0&&o>0||iosActiveScrollElement.scrollTop+iosActiveScrollElement.clientHeight>=iosActiveScrollElement.scrollHeight&&o<0)&&t.preventDefault()},document.addEventListener('touchstart',touchStartHandler,TOUCH_EVENT_OPTIONS),document.addEventListener('touchmove',touchMoveHandler,TOUCH_EVENT_OPTIONS))),setScrollLockCount(e+1)})(o),()=>{(()=>{iosScrollableBlocks.pop();const t=getScrollLockCount();const e=Math.max(0,t-1);setScrollLockCount(e),e===0&&(resetScrollLockStyles(),touchStartHandler&&(document.removeEventListener('touchstart',touchStartHandler,TOUCH_EVENT_OPTIONS),touchStartHandler=null),touchMoveHandler&&(document.removeEventListener('touchmove',touchMoveHandler,TOUCH_EVENT_OPTIONS),touchMoveHandler=null),iosActiveScrollElement=null,iosTouchStartY=null)})()}):((()=>{const t=getScrollLockCount();t===0&&applyScrollLockStyles(),setScrollLockCount(t+1)})(),()=>{(()=>{const t=getScrollLockCount();if(t<=0)return;const e=t-1;setScrollLockCount(e),e===0&&resetScrollLockStyles()})()})}),[o,e])};
|
|
2
|
-
//# sourceMappingURL=useScrollLock.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollLock.js","sources":["../../../src/hooks/useScrollLock.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport type { Nullable } from 'shared/types'\n\ntype ScrollLockParams = {\n /**\n * Блокировать скролл.\n */\n locked: boolean\n /**\n * Контейнер, в котором разрешена прокрутка на iOS при заблокированном скролле страницы.\n */\n scrollableContainer?: HTMLElement\n}\n\nconst TOUCH_EVENT_OPTIONS = { capture: true, passive: false }\nconst DATA_SCROLL_LOCK_COUNT = 'scrollLockCount'\nconst DATA_PREV_OVERFLOW = 'prevOverflow'\nconst DATA_PREV_PADDING_RIGHT = 'prevPaddingRight'\n\nconst supportsScrollbarGutter = typeof CSS !== 'undefined' && CSS.supports('scrollbar-gutter: stable')\nconst isIosDevice =\n typeof window !== 'undefined' &&\n window.navigator?.userAgent &&\n (/iP(ad|hone|od)/.test(window.navigator.userAgent) ||\n (window.navigator.userAgent.includes('Macintosh') && window.navigator.maxTouchPoints > 1))\n\nconst iosScrollableBlocks: HTMLElement[] = []\nlet iosActiveScrollElement: Nullable<HTMLElement> = null\nlet iosTouchStartY: Nullable<number> = null\nlet touchStartHandler: Nullable<(event: TouchEvent) => void> = null\nlet touchMoveHandler: Nullable<(event: TouchEvent) => void> = null\n\nfunction getScrollLockCount(): number {\n return Number(document.documentElement.dataset[DATA_SCROLL_LOCK_COUNT] || 0)\n}\n\nfunction setScrollLockCount(count: number) {\n document.documentElement.dataset[DATA_SCROLL_LOCK_COUNT] = count.toString()\n}\n\nfunction applyScrollLockStyles() {\n const root = document.documentElement\n root.dataset[DATA_PREV_OVERFLOW] = root.style.overflow || ''\n\n if (supportsScrollbarGutter && !isIosDevice) {\n root.style.scrollbarGutter = 'stable'\n } else {\n const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n root.dataset[DATA_PREV_PADDING_RIGHT] = root.style.paddingRight || ''\n if (scrollbarWidth > 0) {\n const currentPaddingRight = parseInt(window.getComputedStyle(root).paddingRight || '0', 10)\n root.style.paddingRight = `${currentPaddingRight + scrollbarWidth}px`\n }\n }\n root.style.overflow = 'hidden'\n}\n\nfunction resetScrollLockStyles() {\n const root = document.documentElement\n root.style.overflow = root.dataset[DATA_PREV_OVERFLOW] || ''\n root.style.paddingRight = root.dataset[DATA_PREV_PADDING_RIGHT] || ''\n delete root.dataset[DATA_PREV_OVERFLOW]\n delete root.dataset[DATA_PREV_PADDING_RIGHT]\n}\n\nfunction lockScroll() {\n const count = getScrollLockCount()\n if (count === 0) {\n applyScrollLockStyles()\n }\n setScrollLockCount(count + 1)\n}\n\nfunction unlockScroll() {\n const currentCount = getScrollLockCount()\n if (currentCount <= 0) {\n return\n }\n\n const nextCount = currentCount - 1\n setScrollLockCount(nextCount)\n if (nextCount === 0) {\n resetScrollLockStyles()\n }\n}\n\nfunction isScrollable(element: HTMLElement): boolean {\n const style = getComputedStyle(element)\n const overflowY = style.overflowY === 'auto' || style.overflowY === 'scroll'\n\n return overflowY && element.scrollHeight > element.clientHeight\n}\n\nfunction findScrollableParent(startElement: HTMLElement, root: HTMLElement): Nullable<HTMLElement> {\n let element: Nullable<HTMLElement> = startElement\n\n while (element && element !== root.parentElement) {\n if (isScrollable(element)) {\n return element\n }\n\n element = element.parentElement\n }\n\n if (isScrollable(root)) {\n return root\n }\n\n return null\n}\n\nfunction isTouchMoveAllowed(target: Nullable<EventTarget>): boolean {\n if (!target || !(target instanceof HTMLElement)) {\n return false\n }\n\n const selection = target.ownerDocument?.defaultView?.getSelection()\n if (selection && !selection.isCollapsed && selection.containsNode(target, true)) {\n return true\n }\n\n if (\n 'selectionStart' in target &&\n 'selectionEnd' in target &&\n Number(target.selectionStart) < Number(target.selectionEnd) &&\n target.ownerDocument?.activeElement === target\n ) {\n return true\n }\n\n return false\n}\n\nfunction addIOSEvents() {\n if (touchMoveHandler || touchStartHandler) {\n return\n }\n\n touchStartHandler = (event: TouchEvent) => {\n const target = event.target\n if (!(target instanceof HTMLElement)) {\n iosActiveScrollElement = null\n iosTouchStartY = null\n\n return\n }\n\n iosTouchStartY = event.touches[0]?.clientY ?? null\n iosActiveScrollElement = null\n for (const block of iosScrollableBlocks) {\n if (block.contains(target)) {\n const scrollElement = findScrollableParent(target, block)\n if (scrollElement) {\n iosActiveScrollElement = scrollElement\n break\n }\n }\n }\n }\n\n touchMoveHandler = (event: TouchEvent) => {\n const touch = event.touches[0]\n if (!touch || event.touches.length === 2 || isTouchMoveAllowed(event.target)) {\n return\n }\n\n if (!event.cancelable) {\n return\n }\n\n if (!iosActiveScrollElement || iosTouchStartY === null) {\n event.preventDefault()\n\n return\n }\n\n const currentY = touch.clientY\n const deltaY = currentY - Number(iosTouchStartY)\n const atTop = iosActiveScrollElement.scrollTop <= 0\n const atBottom =\n iosActiveScrollElement.scrollTop + iosActiveScrollElement.clientHeight >= iosActiveScrollElement.scrollHeight\n if ((atTop && deltaY > 0) || (atBottom && deltaY < 0)) {\n event.preventDefault()\n }\n }\n\n document.addEventListener('touchstart', touchStartHandler, TOUCH_EVENT_OPTIONS)\n document.addEventListener('touchmove', touchMoveHandler, TOUCH_EVENT_OPTIONS)\n}\n\nfunction removeIOSEvents() {\n if (touchStartHandler) {\n document.removeEventListener('touchstart', touchStartHandler, TOUCH_EVENT_OPTIONS)\n touchStartHandler = null\n }\n if (touchMoveHandler) {\n document.removeEventListener('touchmove', touchMoveHandler, TOUCH_EVENT_OPTIONS)\n touchMoveHandler = null\n }\n iosActiveScrollElement = null\n iosTouchStartY = null\n}\n\nfunction lockScrollIOS(scrollableContainer: HTMLElement) {\n iosScrollableBlocks.push(scrollableContainer)\n const count = getScrollLockCount()\n if (count === 0) {\n applyScrollLockStyles()\n addIOSEvents()\n }\n setScrollLockCount(count + 1)\n}\n\nfunction unlockScrollIOS() {\n iosScrollableBlocks.pop()\n const count = getScrollLockCount()\n const nexCount = Math.max(0, count - 1)\n setScrollLockCount(nexCount)\n if (nexCount === 0) {\n resetScrollLockStyles()\n removeIOSEvents()\n }\n}\n\nfunction useScrollLock(params: ScrollLockParams) {\n const { locked, scrollableContainer = document.documentElement } = params\n\n useEffect(() => {\n if (!locked) {\n return\n }\n\n if (isIosDevice) {\n lockScrollIOS(scrollableContainer)\n\n return () => {\n unlockScrollIOS()\n }\n }\n\n lockScroll()\n\n return () => {\n unlockScroll()\n }\n }, [scrollableContainer, locked])\n}\n\nexport { useScrollLock }\n"],"names":["TOUCH_EVENT_OPTIONS","capture","passive","supportsScrollbarGutter","CSS","supports","isIosDevice","window","navigator","userAgent","test","includes","maxTouchPoints","iosScrollableBlocks","iosActiveScrollElement","iosTouchStartY","touchStartHandler","touchMoveHandler","getScrollLockCount","Number","document","documentElement","dataset","setScrollLockCount","count","toString","applyScrollLockStyles","root","style","overflow","scrollbarGutter","scrollbarWidth","innerWidth","clientWidth","paddingRight","currentPaddingRight","parseInt","getComputedStyle","resetScrollLockStyles","isScrollable","element","overflowY","scrollHeight","clientHeight","findScrollableParent","startElement","parentElement","params","locked","scrollableContainer","useEffect","push","event","target","HTMLElement","touches","clientY","block","contains","scrollElement","touch","length","selection","ownerDocument","defaultView","getSelection","isCollapsed","containsNode","selectionStart","selectionEnd","activeElement","isTouchMoveAllowed","cancelable","preventDefault","deltaY","scrollTop","addEventListener","lockScrollIOS","pop","nexCount","Math","max","removeEventListener","unlockScrollIOS","lockScroll","currentCount","nextCount","unlockScroll"],"mappings":"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"}
|
package/hooks/useScrollLock.mjs
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{useEffect}from'react';const TOUCH_EVENT_OPTIONS={capture:!0,passive:!1};const supportsScrollbarGutter=typeof CSS!='undefined'&&CSS.supports('scrollbar-gutter: stable');const isIosDevice=typeof window!='undefined'&&window.navigator?.userAgent&&(/iP(ad|hone|od)/.test(window.navigator.userAgent)||window.navigator.userAgent.includes('Macintosh')&&window.navigator.maxTouchPoints>1);const iosScrollableBlocks=[];let iosActiveScrollElement=null;let iosTouchStartY=null;let touchStartHandler=null;let touchMoveHandler=null;function getScrollLockCount(){return Number(document.documentElement.dataset.scrollLockCount||0)}function setScrollLockCount(t){document.documentElement.dataset.scrollLockCount=t.toString()}function applyScrollLockStyles(){const t=document.documentElement;if(t.dataset.prevOverflow=t.style.overflow||'',supportsScrollbarGutter&&!isIosDevice)t.style.scrollbarGutter='stable';else{const e=window.innerWidth-document.documentElement.clientWidth;if(t.dataset.prevPaddingRight=t.style.paddingRight||'',e>0){const o=parseInt(window.getComputedStyle(t).paddingRight||'0',10);t.style.paddingRight=`${o+e}px`}}t.style.overflow='hidden'}function resetScrollLockStyles(){const t=document.documentElement;t.style.overflow=t.dataset.prevOverflow||'',t.style.paddingRight=t.dataset.prevPaddingRight||'',delete t.dataset.prevOverflow,delete t.dataset.prevPaddingRight}function isScrollable(t){const e=getComputedStyle(t);return(e.overflowY==='auto'||e.overflowY==='scroll')&&t.scrollHeight>t.clientHeight}function findScrollableParent(t,e){let o=t;for(;o&&o!==e.parentElement;){if(isScrollable(o))return o;o=o.parentElement}return isScrollable(e)?e:null}function useScrollLock(t){const{locked:e,scrollableContainer:o=document.documentElement}=t;useEffect((()=>{if(e)return isIosDevice?((t=>{iosScrollableBlocks.push(t);const e=getScrollLockCount();e===0&&(applyScrollLockStyles(),touchMoveHandler||touchStartHandler||(touchStartHandler=t=>{const e=t.target;if(!(e instanceof HTMLElement))return iosActiveScrollElement=null,void(iosTouchStartY=null);iosTouchStartY=t.touches[0]?.clientY??null,iosActiveScrollElement=null;for(const t of iosScrollableBlocks)if(t.contains(e)){const o=findScrollableParent(e,t);if(o){iosActiveScrollElement=o;break}}},touchMoveHandler=t=>{const e=t.touches[0];if(!e||t.touches.length===2||(t=>{if(!(t&&t instanceof HTMLElement))return!1;const e=t.ownerDocument?.defaultView?.getSelection();return!(!e||e.isCollapsed||!e.containsNode(t,!0))||'selectionStart'in t&&'selectionEnd'in t&&Number(t.selectionStart)<Number(t.selectionEnd)&&t.ownerDocument?.activeElement===t})(t.target))return;if(!t.cancelable)return;if(!iosActiveScrollElement||iosTouchStartY===null)return void t.preventDefault();const o=e.clientY-Number(iosTouchStartY);(iosActiveScrollElement.scrollTop<=0&&o>0||iosActiveScrollElement.scrollTop+iosActiveScrollElement.clientHeight>=iosActiveScrollElement.scrollHeight&&o<0)&&t.preventDefault()},document.addEventListener('touchstart',touchStartHandler,TOUCH_EVENT_OPTIONS),document.addEventListener('touchmove',touchMoveHandler,TOUCH_EVENT_OPTIONS))),setScrollLockCount(e+1)})(o),()=>{(()=>{iosScrollableBlocks.pop();const t=getScrollLockCount();const e=Math.max(0,t-1);setScrollLockCount(e),e===0&&(resetScrollLockStyles(),touchStartHandler&&(document.removeEventListener('touchstart',touchStartHandler,TOUCH_EVENT_OPTIONS),touchStartHandler=null),touchMoveHandler&&(document.removeEventListener('touchmove',touchMoveHandler,TOUCH_EVENT_OPTIONS),touchMoveHandler=null),iosActiveScrollElement=null,iosTouchStartY=null)})()}):((()=>{const t=getScrollLockCount();t===0&&applyScrollLockStyles(),setScrollLockCount(t+1)})(),()=>{(()=>{const t=getScrollLockCount();if(t<=0)return;const e=t-1;setScrollLockCount(e),e===0&&resetScrollLockStyles()})()})}),[o,e])}export{useScrollLock};
|
|
2
|
-
//# sourceMappingURL=useScrollLock.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useScrollLock.mjs","sources":["../../../src/hooks/useScrollLock.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport type { Nullable } from 'shared/types'\n\ntype ScrollLockParams = {\n /**\n * Блокировать скролл.\n */\n locked: boolean\n /**\n * Контейнер, в котором разрешена прокрутка на iOS при заблокированном скролле страницы.\n */\n scrollableContainer?: HTMLElement\n}\n\nconst TOUCH_EVENT_OPTIONS = { capture: true, passive: false }\nconst DATA_SCROLL_LOCK_COUNT = 'scrollLockCount'\nconst DATA_PREV_OVERFLOW = 'prevOverflow'\nconst DATA_PREV_PADDING_RIGHT = 'prevPaddingRight'\n\nconst supportsScrollbarGutter = typeof CSS !== 'undefined' && CSS.supports('scrollbar-gutter: stable')\nconst isIosDevice =\n typeof window !== 'undefined' &&\n window.navigator?.userAgent &&\n (/iP(ad|hone|od)/.test(window.navigator.userAgent) ||\n (window.navigator.userAgent.includes('Macintosh') && window.navigator.maxTouchPoints > 1))\n\nconst iosScrollableBlocks: HTMLElement[] = []\nlet iosActiveScrollElement: Nullable<HTMLElement> = null\nlet iosTouchStartY: Nullable<number> = null\nlet touchStartHandler: Nullable<(event: TouchEvent) => void> = null\nlet touchMoveHandler: Nullable<(event: TouchEvent) => void> = null\n\nfunction getScrollLockCount(): number {\n return Number(document.documentElement.dataset[DATA_SCROLL_LOCK_COUNT] || 0)\n}\n\nfunction setScrollLockCount(count: number) {\n document.documentElement.dataset[DATA_SCROLL_LOCK_COUNT] = count.toString()\n}\n\nfunction applyScrollLockStyles() {\n const root = document.documentElement\n root.dataset[DATA_PREV_OVERFLOW] = root.style.overflow || ''\n\n if (supportsScrollbarGutter && !isIosDevice) {\n root.style.scrollbarGutter = 'stable'\n } else {\n const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth\n root.dataset[DATA_PREV_PADDING_RIGHT] = root.style.paddingRight || ''\n if (scrollbarWidth > 0) {\n const currentPaddingRight = parseInt(window.getComputedStyle(root).paddingRight || '0', 10)\n root.style.paddingRight = `${currentPaddingRight + scrollbarWidth}px`\n }\n }\n root.style.overflow = 'hidden'\n}\n\nfunction resetScrollLockStyles() {\n const root = document.documentElement\n root.style.overflow = root.dataset[DATA_PREV_OVERFLOW] || ''\n root.style.paddingRight = root.dataset[DATA_PREV_PADDING_RIGHT] || ''\n delete root.dataset[DATA_PREV_OVERFLOW]\n delete root.dataset[DATA_PREV_PADDING_RIGHT]\n}\n\nfunction lockScroll() {\n const count = getScrollLockCount()\n if (count === 0) {\n applyScrollLockStyles()\n }\n setScrollLockCount(count + 1)\n}\n\nfunction unlockScroll() {\n const currentCount = getScrollLockCount()\n if (currentCount <= 0) {\n return\n }\n\n const nextCount = currentCount - 1\n setScrollLockCount(nextCount)\n if (nextCount === 0) {\n resetScrollLockStyles()\n }\n}\n\nfunction isScrollable(element: HTMLElement): boolean {\n const style = getComputedStyle(element)\n const overflowY = style.overflowY === 'auto' || style.overflowY === 'scroll'\n\n return overflowY && element.scrollHeight > element.clientHeight\n}\n\nfunction findScrollableParent(startElement: HTMLElement, root: HTMLElement): Nullable<HTMLElement> {\n let element: Nullable<HTMLElement> = startElement\n\n while (element && element !== root.parentElement) {\n if (isScrollable(element)) {\n return element\n }\n\n element = element.parentElement\n }\n\n if (isScrollable(root)) {\n return root\n }\n\n return null\n}\n\nfunction isTouchMoveAllowed(target: Nullable<EventTarget>): boolean {\n if (!target || !(target instanceof HTMLElement)) {\n return false\n }\n\n const selection = target.ownerDocument?.defaultView?.getSelection()\n if (selection && !selection.isCollapsed && selection.containsNode(target, true)) {\n return true\n }\n\n if (\n 'selectionStart' in target &&\n 'selectionEnd' in target &&\n Number(target.selectionStart) < Number(target.selectionEnd) &&\n target.ownerDocument?.activeElement === target\n ) {\n return true\n }\n\n return false\n}\n\nfunction addIOSEvents() {\n if (touchMoveHandler || touchStartHandler) {\n return\n }\n\n touchStartHandler = (event: TouchEvent) => {\n const target = event.target\n if (!(target instanceof HTMLElement)) {\n iosActiveScrollElement = null\n iosTouchStartY = null\n\n return\n }\n\n iosTouchStartY = event.touches[0]?.clientY ?? null\n iosActiveScrollElement = null\n for (const block of iosScrollableBlocks) {\n if (block.contains(target)) {\n const scrollElement = findScrollableParent(target, block)\n if (scrollElement) {\n iosActiveScrollElement = scrollElement\n break\n }\n }\n }\n }\n\n touchMoveHandler = (event: TouchEvent) => {\n const touch = event.touches[0]\n if (!touch || event.touches.length === 2 || isTouchMoveAllowed(event.target)) {\n return\n }\n\n if (!event.cancelable) {\n return\n }\n\n if (!iosActiveScrollElement || iosTouchStartY === null) {\n event.preventDefault()\n\n return\n }\n\n const currentY = touch.clientY\n const deltaY = currentY - Number(iosTouchStartY)\n const atTop = iosActiveScrollElement.scrollTop <= 0\n const atBottom =\n iosActiveScrollElement.scrollTop + iosActiveScrollElement.clientHeight >= iosActiveScrollElement.scrollHeight\n if ((atTop && deltaY > 0) || (atBottom && deltaY < 0)) {\n event.preventDefault()\n }\n }\n\n document.addEventListener('touchstart', touchStartHandler, TOUCH_EVENT_OPTIONS)\n document.addEventListener('touchmove', touchMoveHandler, TOUCH_EVENT_OPTIONS)\n}\n\nfunction removeIOSEvents() {\n if (touchStartHandler) {\n document.removeEventListener('touchstart', touchStartHandler, TOUCH_EVENT_OPTIONS)\n touchStartHandler = null\n }\n if (touchMoveHandler) {\n document.removeEventListener('touchmove', touchMoveHandler, TOUCH_EVENT_OPTIONS)\n touchMoveHandler = null\n }\n iosActiveScrollElement = null\n iosTouchStartY = null\n}\n\nfunction lockScrollIOS(scrollableContainer: HTMLElement) {\n iosScrollableBlocks.push(scrollableContainer)\n const count = getScrollLockCount()\n if (count === 0) {\n applyScrollLockStyles()\n addIOSEvents()\n }\n setScrollLockCount(count + 1)\n}\n\nfunction unlockScrollIOS() {\n iosScrollableBlocks.pop()\n const count = getScrollLockCount()\n const nexCount = Math.max(0, count - 1)\n setScrollLockCount(nexCount)\n if (nexCount === 0) {\n resetScrollLockStyles()\n removeIOSEvents()\n }\n}\n\nfunction useScrollLock(params: ScrollLockParams) {\n const { locked, scrollableContainer = document.documentElement } = params\n\n useEffect(() => {\n if (!locked) {\n return\n }\n\n if (isIosDevice) {\n lockScrollIOS(scrollableContainer)\n\n return () => {\n unlockScrollIOS()\n }\n }\n\n lockScroll()\n\n return () => {\n unlockScroll()\n }\n }, [scrollableContainer, locked])\n}\n\nexport { useScrollLock }\n"],"names":["TOUCH_EVENT_OPTIONS","capture","passive","supportsScrollbarGutter","CSS","supports","isIosDevice","window","navigator","userAgent","test","includes","maxTouchPoints","iosScrollableBlocks","iosActiveScrollElement","iosTouchStartY","touchStartHandler","touchMoveHandler","getScrollLockCount","Number","document","documentElement","dataset","setScrollLockCount","count","toString","applyScrollLockStyles","root","style","overflow","scrollbarGutter","scrollbarWidth","innerWidth","clientWidth","paddingRight","currentPaddingRight","parseInt","getComputedStyle","resetScrollLockStyles","isScrollable","element","overflowY","scrollHeight","clientHeight","findScrollableParent","startElement","parentElement","useScrollLock","params","locked","scrollableContainer","useEffect","push","event","target","HTMLElement","touches","clientY","block","contains","scrollElement","touch","length","selection","ownerDocument","defaultView","getSelection","isCollapsed","containsNode","selectionStart","selectionEnd","activeElement","isTouchMoveAllowed","cancelable","preventDefault","deltaY","scrollTop","addEventListener","lockScrollIOS","pop","nexCount","Math","max","removeEventListener","unlockScrollIOS","lockScroll","currentCount","nextCount","unlockScroll"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var React=require('react');var jsxRuntime=require('react/jsx-runtime');exports.CheckCircle=React.forwardRef(((e,r)=>jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentcolor",width:"1em",height:"1em",ref:r,...e,children:jsxRuntime.jsx("path",{fillRule:"evenodd",d:"M12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m14.259-3.551a.75.75 0 0 1 .042 1.06l-5.538 6a.75.75 0 0 1-1.103 0L7.45 12.842a.75.75 0 1 1 1.102-1.017l1.91 2.07L15.45 8.49a.75.75 0 0 1 1.06-.042",clipRule:"evenodd"})})));
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../icon-pack/src/icons/CheckCircle/index.tsx"],"sourcesContent":["import type { SVGProps, Ref } from 'react'\nimport { forwardRef } from 'react'\n\nexport const CheckCircle = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 24 24'\n fill='currentcolor'\n width='1em'\n height='1em'\n ref={ref}\n {...props}\n >\n <path\n fillRule='evenodd'\n d='M12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m14.259-3.551a.75.75 0 0 1 .042 1.06l-5.538 6a.75.75 0 0 1-1.103 0L7.45 12.842a.75.75 0 1 1 1.102-1.017l1.91 2.07L15.45 8.49a.75.75 0 0 1 1.06-.042'\n clipRule='evenodd'\n />\n </svg>\n))\n"],"names":["forwardRef","props","ref","_jsx","xmlns","viewBox","fill","width","height","children","jsx","fillRule","d","clipRule"],"mappings":"wGAG2BA,MAAUA,YAAC,CAACC,EAAgCC,IACrEC,WAAAA,IAAA,MAAA,CACEC,MAAM,6BACNC,QAAQ,YACRC,KAAK,eACLC,MAAM,MACNC,OAAO,MACPN,IAAKA,KACDD,EAAKQ,SAETN,WAAAO,IAAA,OAAA,CACEC,SAAS,UACTC,EAAE,+SACFC,SAAS"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{forwardRef}from'react';import{jsx}from'react/jsx-runtime';const CheckCircle=forwardRef(((e,r)=>jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentcolor",width:"1em",height:"1em",ref:r,...e,children:jsx("path",{fillRule:"evenodd",d:"M12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m14.259-3.551a.75.75 0 0 1 .042 1.06l-5.538 6a.75.75 0 0 1-1.103 0L7.45 12.842a.75.75 0 1 1 1.102-1.017l1.91 2.07L15.45 8.49a.75.75 0 0 1 1.06-.042",clipRule:"evenodd"})})));export{CheckCircle};
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../../../icon-pack/src/icons/CheckCircle/index.tsx"],"sourcesContent":["import type { SVGProps, Ref } from 'react'\nimport { forwardRef } from 'react'\n\nexport const CheckCircle = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 24 24'\n fill='currentcolor'\n width='1em'\n height='1em'\n ref={ref}\n {...props}\n >\n <path\n fillRule='evenodd'\n d='M12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m14.259-3.551a.75.75 0 0 1 .042 1.06l-5.538 6a.75.75 0 0 1-1.103 0L7.45 12.842a.75.75 0 1 1 1.102-1.017l1.91 2.07L15.45 8.49a.75.75 0 0 1 1.06-.042'\n clipRule='evenodd'\n />\n </svg>\n))\n"],"names":["CheckCircle","forwardRef","props","ref","_jsx","xmlns","viewBox","fill","width","height","children","fillRule","d","clipRule"],"mappings":"iEAGO,MAAMA,YAAcC,YAAW,CAACC,EAAgCC,IACrEC,IAAA,MAAA,CACEC,MAAM,6BACNC,QAAQ,YACRC,KAAK,eACLC,MAAM,MACNC,OAAO,MACPN,IAAKA,KACDD,EAAKQ,SAETN,IAAA,OAAA,CACEO,SAAS,UACTC,EAAE,+SACFC,SAAS"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var React=require('react');var jsxRuntime=require('react/jsx-runtime');exports.CloseCirlce=React.forwardRef(((e,r)=>jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentcolor",width:"1em",height:"1em",ref:r,...e,children:jsxRuntime.jsx("path",{fillRule:"evenodd",d:"M12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.22-3.53a.75.75 0 0 1 1.06 0L12 10.94l2.47-2.47a.75.75 0 1 1 1.06 1.06L13.06 12l2.47 2.47a.75.75 0 1 1-1.06 1.06L12 13.06l-2.47 2.47a.75.75 0 0 1-1.06-1.06L10.94 12 8.47 9.53a.75.75 0 0 1 0-1.06",clipRule:"evenodd"})})));
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../icon-pack/src/icons/CloseCirlce/index.tsx"],"sourcesContent":["import type { SVGProps, Ref } from 'react'\nimport { forwardRef } from 'react'\n\nexport const CloseCirlce = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 24 24'\n fill='currentcolor'\n width='1em'\n height='1em'\n ref={ref}\n {...props}\n >\n <path\n fillRule='evenodd'\n d='M12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.22-3.53a.75.75 0 0 1 1.06 0L12 10.94l2.47-2.47a.75.75 0 1 1 1.06 1.06L13.06 12l2.47 2.47a.75.75 0 1 1-1.06 1.06L12 13.06l-2.47 2.47a.75.75 0 0 1-1.06-1.06L10.94 12 8.47 9.53a.75.75 0 0 1 0-1.06'\n clipRule='evenodd'\n />\n </svg>\n))\n"],"names":["forwardRef","props","ref","_jsx","xmlns","viewBox","fill","width","height","children","jsx","fillRule","d","clipRule"],"mappings":"wGAG2BA,MAAUA,YAAC,CAACC,EAAgCC,IACrEC,WAAAA,IAAA,MAAA,CACEC,MAAM,6BACNC,QAAQ,YACRC,KAAK,eACLC,MAAM,MACNC,OAAO,MACPN,IAAKA,KACDD,EAAKQ,SAETN,WAAAO,IAAA,OAAA,CACEC,SAAS,UACTC,EAAE,gWACFC,SAAS"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{forwardRef}from'react';import{jsx}from'react/jsx-runtime';const CloseCirlce=forwardRef(((e,r)=>jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentcolor",width:"1em",height:"1em",ref:r,...e,children:jsx("path",{fillRule:"evenodd",d:"M12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.22-3.53a.75.75 0 0 1 1.06 0L12 10.94l2.47-2.47a.75.75 0 1 1 1.06 1.06L13.06 12l2.47 2.47a.75.75 0 1 1-1.06 1.06L12 13.06l-2.47 2.47a.75.75 0 0 1-1.06-1.06L10.94 12 8.47 9.53a.75.75 0 0 1 0-1.06",clipRule:"evenodd"})})));export{CloseCirlce};
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../../../icon-pack/src/icons/CloseCirlce/index.tsx"],"sourcesContent":["import type { SVGProps, Ref } from 'react'\nimport { forwardRef } from 'react'\n\nexport const CloseCirlce = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 24 24'\n fill='currentcolor'\n width='1em'\n height='1em'\n ref={ref}\n {...props}\n >\n <path\n fillRule='evenodd'\n d='M12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12m6.22-3.53a.75.75 0 0 1 1.06 0L12 10.94l2.47-2.47a.75.75 0 1 1 1.06 1.06L13.06 12l2.47 2.47a.75.75 0 1 1-1.06 1.06L12 13.06l-2.47 2.47a.75.75 0 0 1-1.06-1.06L10.94 12 8.47 9.53a.75.75 0 0 1 0-1.06'\n clipRule='evenodd'\n />\n </svg>\n))\n"],"names":["CloseCirlce","forwardRef","props","ref","_jsx","xmlns","viewBox","fill","width","height","children","fillRule","d","clipRule"],"mappings":"iEAGO,MAAMA,YAAcC,YAAW,CAACC,EAAgCC,IACrEC,IAAA,MAAA,CACEC,MAAM,6BACNC,QAAQ,YACRC,KAAK,eACLC,MAAM,MACNC,OAAO,MACPN,IAAKA,KACDD,EAAKQ,SAETN,IAAA,OAAA,CACEO,SAAS,UACTC,EAAE,gWACFC,SAAS"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var React=require('react');var jsxRuntime=require('react/jsx-runtime');exports.WarningTriangle=React.forwardRef(((e,a)=>jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentcolor",width:"1em",height:"1em",ref:a,...e,children:jsxRuntime.jsx("path",{fillRule:"evenodd",d:"M10.865 2.995a2.75 2.75 0 0 1 2.27 0c.494.224.855.64 1.18 1.116.322.473.678 1.115 1.12 1.908l4.598 8.278c.419.753.758 1.365.98 1.867.224.508.38 1.014.32 1.537a2.75 2.75 0 0 1-1.127 1.913c-.427.308-.946.417-1.498.468-.547.05-1.246.05-2.109.05H7.401c-.863 0-1.562 0-2.11-.05-.551-.051-1.07-.16-1.497-.468a2.75 2.75 0 0 1-1.126-1.913c-.061-.523.095-1.03.319-1.537.222-.502.561-1.114.98-1.867l4.599-8.278c.44-.793.797-1.435 1.12-1.908.324-.476.685-.892 1.179-1.116m1.65 1.366a1.25 1.25 0 0 0-1.03 0c-.109.05-.277.18-.56.595-.28.41-.603.99-1.067 1.825l-4.561 8.21c-.442.796-.747 1.347-.938 1.78-.192.434-.215.638-.202.756.041.349.227.665.512.87.096.069.286.147.76.19.47.044 1.1.045 2.01.045h9.123c.909 0 1.539-.001 2.01-.044.473-.044.663-.122.759-.191a1.25 1.25 0 0 0 .512-.87c.013-.118-.01-.322-.202-.757-.19-.432-.496-.983-.938-1.778l-4.561-8.21c-.464-.836-.787-1.416-1.067-1.826-.283-.415-.451-.546-.56-.595M12 8.631a.75.75 0 0 1 .75.75v4a.75.75 0 1 1-1.5 0v-4a.75.75 0 0 1 .75-.75m-.75 7.75a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75",clipRule:"evenodd"})})));
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../../icon-pack/src/icons/WarningTriangle/index.tsx"],"sourcesContent":["import type { SVGProps, Ref } from 'react'\nimport { forwardRef } from 'react'\n\nexport const WarningTriangle = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 24 24'\n fill='currentcolor'\n width='1em'\n height='1em'\n ref={ref}\n {...props}\n >\n <path\n fillRule='evenodd'\n d='M10.865 2.995a2.75 2.75 0 0 1 2.27 0c.494.224.855.64 1.18 1.116.322.473.678 1.115 1.12 1.908l4.598 8.278c.419.753.758 1.365.98 1.867.224.508.38 1.014.32 1.537a2.75 2.75 0 0 1-1.127 1.913c-.427.308-.946.417-1.498.468-.547.05-1.246.05-2.109.05H7.401c-.863 0-1.562 0-2.11-.05-.551-.051-1.07-.16-1.497-.468a2.75 2.75 0 0 1-1.126-1.913c-.061-.523.095-1.03.319-1.537.222-.502.561-1.114.98-1.867l4.599-8.278c.44-.793.797-1.435 1.12-1.908.324-.476.685-.892 1.179-1.116m1.65 1.366a1.25 1.25 0 0 0-1.03 0c-.109.05-.277.18-.56.595-.28.41-.603.99-1.067 1.825l-4.561 8.21c-.442.796-.747 1.347-.938 1.78-.192.434-.215.638-.202.756.041.349.227.665.512.87.096.069.286.147.76.19.47.044 1.1.045 2.01.045h9.123c.909 0 1.539-.001 2.01-.044.473-.044.663-.122.759-.191a1.25 1.25 0 0 0 .512-.87c.013-.118-.01-.322-.202-.757-.19-.432-.496-.983-.938-1.778l-4.561-8.21c-.464-.836-.787-1.416-1.067-1.826-.283-.415-.451-.546-.56-.595M12 8.631a.75.75 0 0 1 .75.75v4a.75.75 0 1 1-1.5 0v-4a.75.75 0 0 1 .75-.75m-.75 7.75a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75'\n clipRule='evenodd'\n />\n </svg>\n))\n"],"names":["forwardRef","props","ref","_jsx","xmlns","viewBox","fill","width","height","children","jsx","fillRule","d","clipRule"],"mappings":"4GAG+BA,MAAUA,YAAC,CAACC,EAAgCC,IACzEC,WAAAA,IAAA,MAAA,CACEC,MAAM,6BACNC,QAAQ,YACRC,KAAK,eACLC,MAAM,MACNC,OAAO,MACPN,IAAKA,KACDD,EAAKQ,SAETN,WAAAO,IAAA,OAAA,CACEC,SAAS,UACTC,EAAE,oiCACFC,SAAS"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{forwardRef}from'react';import{jsx}from'react/jsx-runtime';const WarningTriangle=forwardRef(((r,e)=>jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentcolor",width:"1em",height:"1em",ref:e,...r,children:jsx("path",{fillRule:"evenodd",d:"M10.865 2.995a2.75 2.75 0 0 1 2.27 0c.494.224.855.64 1.18 1.116.322.473.678 1.115 1.12 1.908l4.598 8.278c.419.753.758 1.365.98 1.867.224.508.38 1.014.32 1.537a2.75 2.75 0 0 1-1.127 1.913c-.427.308-.946.417-1.498.468-.547.05-1.246.05-2.109.05H7.401c-.863 0-1.562 0-2.11-.05-.551-.051-1.07-.16-1.497-.468a2.75 2.75 0 0 1-1.126-1.913c-.061-.523.095-1.03.319-1.537.222-.502.561-1.114.98-1.867l4.599-8.278c.44-.793.797-1.435 1.12-1.908.324-.476.685-.892 1.179-1.116m1.65 1.366a1.25 1.25 0 0 0-1.03 0c-.109.05-.277.18-.56.595-.28.41-.603.99-1.067 1.825l-4.561 8.21c-.442.796-.747 1.347-.938 1.78-.192.434-.215.638-.202.756.041.349.227.665.512.87.096.069.286.147.76.19.47.044 1.1.045 2.01.045h9.123c.909 0 1.539-.001 2.01-.044.473-.044.663-.122.759-.191a1.25 1.25 0 0 0 .512-.87c.013-.118-.01-.322-.202-.757-.19-.432-.496-.983-.938-1.778l-4.561-8.21c-.464-.836-.787-1.416-1.067-1.826-.283-.415-.451-.546-.56-.595M12 8.631a.75.75 0 0 1 .75.75v4a.75.75 0 1 1-1.5 0v-4a.75.75 0 0 1 .75-.75m-.75 7.75a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75",clipRule:"evenodd"})})));export{WarningTriangle};
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../../../icon-pack/src/icons/WarningTriangle/index.tsx"],"sourcesContent":["import type { SVGProps, Ref } from 'react'\nimport { forwardRef } from 'react'\n\nexport const WarningTriangle = forwardRef((props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n viewBox='0 0 24 24'\n fill='currentcolor'\n width='1em'\n height='1em'\n ref={ref}\n {...props}\n >\n <path\n fillRule='evenodd'\n d='M10.865 2.995a2.75 2.75 0 0 1 2.27 0c.494.224.855.64 1.18 1.116.322.473.678 1.115 1.12 1.908l4.598 8.278c.419.753.758 1.365.98 1.867.224.508.38 1.014.32 1.537a2.75 2.75 0 0 1-1.127 1.913c-.427.308-.946.417-1.498.468-.547.05-1.246.05-2.109.05H7.401c-.863 0-1.562 0-2.11-.05-.551-.051-1.07-.16-1.497-.468a2.75 2.75 0 0 1-1.126-1.913c-.061-.523.095-1.03.319-1.537.222-.502.561-1.114.98-1.867l4.599-8.278c.44-.793.797-1.435 1.12-1.908.324-.476.685-.892 1.179-1.116m1.65 1.366a1.25 1.25 0 0 0-1.03 0c-.109.05-.277.18-.56.595-.28.41-.603.99-1.067 1.825l-4.561 8.21c-.442.796-.747 1.347-.938 1.78-.192.434-.215.638-.202.756.041.349.227.665.512.87.096.069.286.147.76.19.47.044 1.1.045 2.01.045h9.123c.909 0 1.539-.001 2.01-.044.473-.044.663-.122.759-.191a1.25 1.25 0 0 0 .512-.87c.013-.118-.01-.322-.202-.757-.19-.432-.496-.983-.938-1.778l-4.561-8.21c-.464-.836-.787-1.416-1.067-1.826-.283-.415-.451-.546-.56-.595M12 8.631a.75.75 0 0 1 .75.75v4a.75.75 0 1 1-1.5 0v-4a.75.75 0 0 1 .75-.75m-.75 7.75a.75.75 0 0 1 .75-.75h.01a.75.75 0 0 1 0 1.5H12a.75.75 0 0 1-.75-.75'\n clipRule='evenodd'\n />\n </svg>\n))\n"],"names":["WarningTriangle","forwardRef","props","ref","_jsx","xmlns","viewBox","fill","width","height","children","fillRule","d","clipRule"],"mappings":"iEAGO,MAAMA,gBAAkBC,YAAW,CAACC,EAAgCC,IACzEC,IAAA,MAAA,CACEC,MAAM,6BACNC,QAAQ,YACRC,KAAK,eACLC,MAAM,MACNC,OAAO,MACPN,IAAKA,KACDD,EAAKQ,SAETN,IAAA,OAAA,CACEO,SAAS,UACTC,EAAE,oiCACFC,SAAS"}
|