npm - @foxford/ui - Versions diffs - 2.26.1 → 2.27.0-beta-b8dc728-20240507 - Mend

@foxford/ui 2.26.1 → 2.27.0-beta-b8dc728-20240507

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (61) hide show

package/components/ActionBtn/ActionBtn.js.map +1 -1
package/components/Anchor/Anchor.js +1 -1
package/components/Anchor/Anchor.js.map +1 -1
package/components/Arrow/Arrow.js +1 -1
package/components/Arrow/Arrow.js.map +1 -1
package/components/Badge/Badge.js +1 -1
package/components/Badge/Badge.js.map +1 -1
package/components/Button/Button.js +1 -1
package/components/Button/Button.js.map +1 -1
package/components/Button/style.js +1 -1
package/components/Button/style.js.map +1 -1
package/components/FormInputLabel/FormInputLabel.js +1 -1
package/components/FormInputLabel/FormInputLabel.js.map +1 -1
package/components/FormLabel/FormLabel.js +1 -1
package/components/FormLabel/FormLabel.js.map +1 -1
package/components/Icon/Icon.js +1 -1
package/components/Icon/Icon.js.map +1 -1
package/components/Icon/constants.js +2 -0
package/components/Icon/constants.js.map +1 -0
package/components/Icon/icons.js +1 -1
package/components/Icon/icons.js.map +1 -1
package/components/Icon/style.js +1 -1
package/components/Icon/style.js.map +1 -1
package/components/Input/Input.js +1 -1
package/components/Input/Input.js.map +1 -1
package/components/PopoverComponent/PopoverComponent.js +1 -1
package/components/PopoverComponent/PopoverComponent.js.map +1 -1
package/components/Skeleton/Skeleton.js +1 -1
package/components/Skeleton/Skeleton.js.map +1 -1
package/components/TooltipComponent/TooltipComponent.js +1 -1
package/components/TooltipComponent/TooltipComponent.js.map +1 -1
package/dts/index.d.ts +44 -128
package/hocs/withMergedProps.js +1 -1
package/hocs/withMergedProps.js.map +1 -1
package/hooks/useMergedPalette.js +2 -0
package/hooks/useMergedPalette.js.map +1 -0
package/hooks/useMergedProps.js +2 -0
package/hooks/useMergedProps.js.map +1 -0
package/hooks/useMergedSizes.js +2 -0
package/hooks/useMergedSizes.js.map +1 -0
package/index.cjs.js +1 -1
package/index.cjs.js.map +1 -1
package/package.json +3 -3
package/components/Arrow/images/arrow-top.module.svg.js +0 -2
package/components/Arrow/images/arrow-top.module.svg.js.map +0 -1
package/components/Button/images/loader.module.svg.js +0 -2
package/components/Button/images/loader.module.svg.js.map +0 -1
package/components/Button/images/success.module.svg.js +0 -2
package/components/Button/images/success.module.svg.js.map +0 -1
package/components/FormLabel/images/hint.module.svg.js +0 -2
package/components/FormLabel/images/hint.module.svg.js.map +0 -1
package/components/Input/images/minus.module.svg.js +0 -2
package/components/Input/images/minus.module.svg.js.map +0 -1
package/components/Input/images/plus.module.svg.js +0 -2
package/components/Input/images/plus.module.svg.js.map +0 -1
package/components/PopoverComponent/images/close.module.svg.js +0 -2
package/components/PopoverComponent/images/close.module.svg.js.map +0 -1
package/components/TooltipComponent/images/close.module.svg.js +0 -2
package/components/TooltipComponent/images/close.module.svg.js.map +0 -1
package/hooks/usePalette.js +0 -2
package/hooks/usePalette.js.map +0 -1

package/components/Icon/icons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icons.js","sources":["../../../../src/components/Icon/icons.tsx"],"sourcesContent":["/* eslint-disable no-unused-vars */\nimport Book from './images/book.module.svg'\nimport BlackBoard from './images/blackBoard.module.svg'\nimport Burger from './images/burger.module.svg'\nimport Eye from './images/eye.module.svg'\nimport Email from './images/email.module.svg'\nimport Sort from './images/sort.module.svg'\nimport Unsort from './images/unsort.module.svg'\nimport Person from './images/person.module.svg'\nimport Diamond from './images/diamond.module.svg'\nimport DiamondFIlled from './images/diamondFilled.module.svg'\nimport DiamondSolid from './images/diamondSolid.module.svg'\nimport InfoInverse from './images/infoInverse.module.svg'\nimport List from './images/list.module.svg'\nimport Login from './images/login.module.svg'\nimport Logout from './images/logout.module.svg'\nimport Fire from './images/fire.module.svg'\nimport Camps from './images/camps.module.svg'\nimport Cart from './images/cart.module.svg'\nimport Clock from './images/clock.module.svg'\nimport ClockFilled from './images/clockFilled.module.svg'\nimport Courses from './images/courses.module.svg'\nimport Discount from './images/discount.module.svg'\nimport Externat from './images/externat.module.svg'\nimport Headphones from './images/headphones.module.svg'\nimport PriceTag from './images/priceTag.module.svg'\nimport Prof from './images/prof.module.svg'\nimport Phone from './images/phone.module.svg'\nimport Star from './images/star.module.svg'\nimport Settings from './images/settings.module.svg'\nimport Student from './images/student.module.svg'\nimport Target from './images/target.module.svg'\nimport Textbook from './images/textbook.module.svg'\nimport Trophy from './images/trophy.module.svg'\nimport Message from './images/message.module.svg'\nimport Wallet from './images/wallet.module.svg'\nimport Edit from './images/edit.module.svg'\nimport Copy from './images/copy.module.svg'\nimport Page from './images/page.module.svg'\nimport Print from './images/print.module.svg'\nimport Objective from './images/objective.module.svg'\nimport Present from './images/present.module.svg'\nimport Coins from './images/coins.module.svg'\n\nexport enum IconNames {\n book = 'book',\n blackBoard = 'blackBoard',\n burger = 'burger',\n eye = 'eye',\n email = 'email',\n sort = 'sort',\n unsort = 'unsort',\n person = 'person',\n diamond = 'diamond',\n diamondFilled = 'diamondFilled',\n diamondSolid = 'diamondSolid',\n infoInverse = 'infoInverse',\n list = 'list',\n login = 'login',\n logout = 'logout',\n fire = 'fire',\n camps = 'camps',\n cart = 'cart',\n clock = 'clock',\n clockFilled = 'clockFilled',\n courses = 'courses',\n discount = 'discount',\n externat = 'externat',\n headphones = 'headphones',\n page = 'page',\n priceTag = 'priceTag',\n phone = 'phone',\n prof = 'prof',\n star = 'star',\n settings = 'settings',\n student = 'student',\n target = 'target',\n textbook = 'textbook',\n trophy = 'trophy',\n message = 'message',\n wallet = 'wallet',\n edit = 'edit',\n copy = 'copy',\n print = 'print',\n objective = 'objective',\n present = 'present',\n coins = 'coins',\n calendar = 'calendar',\n calendar_simple = 'calendar_simple',\n chevronDown = 'chevronDown',\n chevronUp = 'chevronUp',\n chevronRight = 'chevronRight',\n chevronLeft = 'chevronLeft',\n cross = 'cross',\n dialog = 'dialog',\n dropDownArrow = 'dropDownArrow',\n externalLink = 'externalLink',\n file = 'file',\n fileBordered = 'fileBordered',\n lessons = 'lessons',\n pencil = 'pencil',\n phoneNoFill = 'phoneNoFill',\n radioChecked = 'radioChecked',\n radioNotChecked = 'radioNotChecked',\n search = 'search',\n tasks = 'tasks',\n tinyCross = 'tinyCross',\n sharpCross = 'sharpCross',\n plus = 'plus',\n plusThin = 'plusThin',\n play = 'play',\n reload = 'reload',\n checkCircle = 'checkCircle',\n info = 'info',\n check = 'check',\n home = 'home',\n questionFilled = 'questionFilled',\n document = 'document',\n cancel = 'cancel',\n playPause = 'playPause',\n video = 'video',\n}\n\ntype Icon = React.FC<React.SVGProps<SVGSVGElement>> \| (() => JSX.Element)\n\nexport const defaultIcons: Record<IconNames, Icon> = {\n book: Book,\n blackBoard: BlackBoard,\n burger: Burger,\n eye: Eye,\n email: Email,\n sort: Sort,\n unsort: Unsort,\n person: Person,\n diamond: Diamond,\n diamondFilled: DiamondFIlled,\n diamondSolid: DiamondSolid,\n infoInverse: InfoInverse,\n list: List,\n login: Login,\n logout: Logout,\n fire: Fire,\n camps: Camps,\n cart: Cart,\n clock: Clock,\n clockFilled: ClockFilled,\n courses: Courses,\n discount: Discount,\n externat: Externat,\n headphones: Headphones,\n page: Page,\n priceTag: PriceTag,\n phone: Phone,\n prof: Prof,\n star: Star,\n settings: Settings,\n student: Student,\n target: Target,\n textbook: Textbook,\n trophy: Trophy,\n message: Message,\n wallet: Wallet,\n edit: Edit,\n copy: Copy,\n print: Print,\n objective: Objective,\n present: Present,\n coins: Coins,\n calendar: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='currentcolor'>\n <path d='M.8 19.8h19.4c.4 0 .7-.3.7-.7V2.4a.7.7 0 0 0-.8-.8h-3.7V1A.7.7 0 1 0 15 1v.5H6V1a.7.7 0 1 0-1.4 0v.5H.8a.7.7 0 0 0-.7.8V19c0 .5.4.8.8.8zM1.5 3h3v.5a.7.7 0 1 0 1.5 0V3h9v.5a.7.7 0 1 0 1.5 0V3h3v2h-18V3zm0 3.5h18v12h-18v-12z' />\n <path d='M15.8 10H5.2a.7.7 0 0 0-.7.7c0 .4.3.8.7.8h10.6c.4 0 .7-.4.7-.8a.7.7 0 0 0-.7-.8zm-5.3 3.6H5.2a.7.7 0 0 0-.7.7c0 .5.3.8.7.8h5.3c.4 0 .7-.2.7-.7a.7.7 0 0 0-.7-.7z' />\n </svg>\n ),\n calendar_simple: () => (\n <svg width='16' height='16' viewBox='0 0 16 16' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path d='M13 2V0H11V2H5V0H3V2H0V4V5V16H16V5V4V2H13ZM14 14H2V6H14V14Z' />\n </svg>\n ),\n chevronDown: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='21' height='13' viewBox='0 0 21 13' fill='currentcolor'>\n <path d='M10.109 10.604l-7.74-8.297a1.42 1.42 0 0 1 0-1.911 1.201 1.201 0 0 1 1.783 0l6.848 7.342 6.848-7.342a1.202 1.202 0 0 1 1.783 0 1.421 1.421 0 0 1 0 1.911l-7.74 8.297a1.214 1.214 0 0 1-.89.396c-.323 0-.646-.132-.892-.396z' />\n </svg>\n ),\n chevronUp: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='21' height='13' viewBox='0 0 21 13' fill='currentcolor'>\n <path d='M10.109 1.396l-7.74 8.297a1.42 1.42 0 0 0 0 1.911c.493.528 1.29.528 1.783 0l6.848-7.342 6.848 7.342c.492.528 1.29.528 1.783 0a1.421 1.421 0 0 0 0-1.911l-7.74-8.297a1.214 1.214 0 0 0-.89-.396c-.323 0-.646.132-.892.396z' />\n </svg>\n ),\n chevronRight: () => (\n <svg width='8' height='14' viewBox='0 0 8 14' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path d='M0 1.87054L1.39309 0.5L8 7L1.39309 13.5L0 12.1295L5.21383 7L0 1.87054Z' />\n </svg>\n ),\n chevronLeft: () => (\n <svg width='8' height='14' viewBox='0 0 8 14' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8 12.1295L6.60691 13.5L0 7L6.60691 0.5L8 1.87054L2.78617 7L8 12.1295Z' />\n </svg>\n ),\n cross: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='currentcolor'>\n <path d='M17.333.668a1.845 1.845 0 0 0-2.61 0l-5.723 5.722-5.723-5.722a1.845 1.845 0 1 0-2.61 2.61l5.723 5.723-5.723 5.724a1.845 1.845 0 1 0 2.61 2.61l5.723-5.723 5.723 5.723c.36.36.832.54 1.305.54a1.845 1.845 0 0 0 1.305-3.151l-5.723-5.721 5.723-5.724a1.845 1.845 0 0 0 0-2.61z' />\n </svg>\n ),\n dialog: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='currentcolor'>\n <path d='M3.66 3.664a12.422 12.422 0 0 1 8.84-3.664c3.342 0 6.48 1.303 8.841 3.664 4.556 4.554 4.886 11.83.828 16.761.56 1.146 1.22 1.91 1.969 2.277.455.225.712.717.639 1.22a1.16 1.16 0 0 1-.974.979 5.953 5.953 0 0 1-.886.068c-1.534 0-3.147-.53-4.493-1.456a12.52 12.52 0 0 1-5.923 1.487 12.417 12.417 0 0 1-8.84-3.659 12.414 12.414 0 0 1-3.661-8.836c0-3.334 1.299-6.48 3.66-8.84zm1.001 16.672a11.02 11.02 0 0 0 7.84 3.245c1.98 0 3.922-.528 5.614-1.523.11-.063.236-.1.356-.1.152 0 .31.053.435.147 1.602 1.24 3.215 1.424 3.922 1.44-.843-.628-1.55-1.602-2.142-2.958a.711.711 0 0 1 .12-.753c3.876-4.377 3.672-11.045-.465-15.18a11.02 11.02 0 0 0-7.84-3.246 11.02 11.02 0 0 0-7.84 3.245c-4.326 4.33-4.326 11.365 0 15.683zM7.581 8.125h10.463c.392 0 .706.278.706.625s-.314.625-.706.625h-10.464c-.392 0-.706-.278-.706-.625s.32-.625.706-.625zm0 3.875h10.463c.392 0 .706.278.706.625s-.314.625-.706.625h-10.464c-.392 0-.706-.278-.706-.625s.32-.625.706-.625zm0 4h10.463c.392 0 .706.278.706.625s-.314.625-.706.625h-10.464c-.392 0-.706-.278-.706-.625s.32-.625.706-.625z' />\n </svg>\n ),\n dropDownArrow: () => (\n <svg width='11' height='7' viewBox='0 0 11 7' fill='currentcolor'>\n <path d='M4.288 5.703l.117.139c.393.393.973.441 1.302.112l.009-.009.123-.105.104-.122 4.015-4.015c.38-.38.384-1.017-.007-1.408-.393-.393-1.025-.389-1.417.002l-3.412 3.412-3.419-3.419c-.388-.388-1.016-.388-1.409.005-.391.391-.393 1.021-.005 1.409l3.999 3.999z' />\n </svg>\n ),\n externalLink: () => (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentcolor'>\n <path className='st0' d='M0 0h16v16h-16z' fillOpacity='0' />\n <path className='st1' d='M9 0v2h3.6l-7.3 7.3 1.4 1.4 7.3-7.3v3.6h2v-7zM14 14h-12v-12h4v-2h-6v16h16v-6h-2z' />\n </svg>\n ),\n file: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='17' height='20' viewBox='0 0 17 20' fill='currentcolor'>\n <path d='M16.734 5.931c-.176-.416-.388-.745-.636-.988l-4.138-4.059c-.247-.242-.583-.45-1.007-.624-.425-.173-.814-.26-1.167-.26h-8.488a1.24 1.24 0 0 0-.901.364 1.192 1.192 0 0 0-.372.885v17.481c0 .347.124.642.372.885.247.242.548.364.901.364h14.429c.353 0 .654-.122.901-.364.248-.243.371-.538.371-.885v-11.654c0-.347-.088-.729-.265-1.145zm-6.524-4.161c.256.087.437.182.544.286l4.15 4.071c.106.104.204.282.292.534h-4.986v-4.892zm5.092 16.545h-13.58v-16.651h6.79v5.412c0 .347.124.642.372.884.247.243.548.365.901.365h5.517v9.989z' />\n </svg>\n ),\n fileBordered: () => (\n <svg width='16' height='16' viewBox='0 0 16 16' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8.3 0H6H0V16H13H16V0H8.3ZM8 2.5L10.5 5H8V2.5ZM2 14V2H6V7H11V14H2ZM14 14H13V7V4.7L10.3 2H14V14Z' />\n </svg>\n ),\n lessons: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='currentcolor'>\n <path d='M21.8 8.4a1.8 1.8 0 0 0-.8-.8 2.4 2.4 0 0 0-1-.3h-2.3V5.5c0-.7-.3-1.3-.8-1.8a2.5 2.5 0 0 0-2-.8H9v-.4c0-.7-.2-1.3-.7-1.8A2.5 2.5 0 0 0 6.4 0H2.6C2 0 1.3.3.8.8S0 1.8 0 2.6v10.8c0 .7.3 1.3.8 1.8a2.5 2.5 0 0 0 1.8.8H15c.6 0 1 0 1.7-.4.6-.3 1-.6 1.3-1l3.4-4c.4-.6.6-1 .6-1.5a1.8 1.8 0 0 0-.2-.6zM1.5 2.6c0-.3 0-.6.3-.8.2-.2.5-.3.8-.3h3.7c.3 0 .5 0 .7.3.3.2.4.5.4.8v.7c0 .3 0 .5.3.8.2.3.5.4.8.4H15c.4 0 .7 0 1 .3l.2.8v1.8H7.4c-.6 0-1 0-1.6.4s-1 .6-1.4 1l-3 3.5V2.6zm18.8 7l-3.4 4-1 .7-1 .2H2.7c-.4 0-.6 0-.6-.4l.2-.3 3.4-4c.2-.4.4-.6.8-.7.3-.2.7-.3 1-.3H20c.3 0 .5.2.5.4 0 .3 0 .4-.2.6z' />\n </svg>\n ),\n pencil: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='currentcolor'>\n <path d='M17.863 5.258l-4.113-4.122.283-.283a2.9 2.9 0 0 1 4.113.005 2.909 2.909 0 0 1 0 4.117l-.283.283zm-5.388-2.847l4.118 4.117-11.553 11.551-5.04.921.92-5.038 11.556-11.551z' />\n </svg>\n ),\n phoneNoFill: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='currentcolor'>\n <path d='M25.28 19.815c-.655-.682-1.445-1.047-2.282-1.047-.83 0-1.627.358-2.309 1.04l-2.133 2.127-.52-.27a8.579 8.579 0 0 1-.669-.358c-1.998-1.27-3.814-2.923-5.556-5.064-.844-1.066-1.41-1.964-1.822-2.876.553-.506 1.066-1.032 1.566-1.539l.567-.574c1.418-1.417 1.418-3.254 0-4.671l-1.843-1.843c-.21-.21-.425-.426-.628-.642-.405-.418-.83-.85-1.27-1.255-.654-.649-1.437-.993-2.26-.993-.824 0-1.621.344-2.296.993l-.014.013-2.295 2.316a4.94 4.94 0 0 0-1.465 3.138c-.162 1.971.419 3.808.864 5.01 1.094 2.95 2.728 5.684 5.165 8.614 2.957 3.53 6.514 6.319 10.579 8.283 1.552.736 3.625 1.607 5.94 1.755l.426.014c1.56 0 2.87-.56 3.895-1.674l.027-.034c.351-.425.756-.81 1.182-1.222.29-.277.587-.567.877-.87.669-.696 1.02-1.506 1.02-2.337 0-.837-.358-1.64-1.04-2.315l-3.706-3.72zm1.595 6.857c-.227.245-.46.465-.71.71-.377.36-.76.738-1.121 1.163-.588.628-1.28.924-2.187.924l-.267-.006c-1.727-.11-3.378-.572-4.581-1.148-1.565-.757-6.166-3.373-9.24-6.667-3.39-3.633-5.311-8.135-5.772-9.379a8.219 8.219 0 0 1-.51-3.704 2.67 2.67 0 0 1 .802-1.727l1.983-1.983c.285-.268.587-.413.884-.413.366 0 .663.22.849.407.372.349.71.692 1.064 1.058l.552.564 1.589 1.589c.616.616.616 1.186 0 1.802l-.5.5c-.489.5-1.206 1.178-1.712 1.631-.53.53-.436 1.018-.331 1.35.242.596 1.767 3.576 3.98 5.982 1.856 2.017 4.38 3.504 5.231 4.042.239.152.483.274.715.39.21.105.407.203.576.308l.07.04c.198.1.384.146.576.146.482 0 .785-.302.883-.401l2.241-2.2c.198-.198.512-.437.878-.437.361 0 .658.227.838.425l3.215 3.215c.6.593.6 1.204.006 1.82zm-9.589-19.063a8.56 8.56 0 0 1 4.659 2.417 8.606 8.606 0 0 1 2.417 4.658c.074.446.459.756.897.756l.156-.013c.5-.081.83-.554.75-1.054a10.413 10.413 0 0 0-2.924-5.637 10.413 10.413 0 0 0-5.637-2.923.916.916 0 0 0-1.053.743.902.902 0 0 0 .735 1.053zm14.664 6.501a17.13 17.13 0 0 0-4.814-9.283 17.13 17.13 0 0 0-9.282-4.813.908.908 0 0 0-1.047.743c-.08.5.25.965.75 1.053 3.146.533 6.015 2.025 8.297 4.3a15.294 15.294 0 0 1 4.3 8.297c.074.446.46.756.898.756a.894.894 0 0 0 .898-1.053z' />\n </svg>\n ),\n radioChecked: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='currentcolor'>\n <path\n fillRule='evenodd'\n d='M10 5c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0-5c-5.5 0-10 4.5-10 10s4.5 10 10 10 10-4.5 10-10-4.5-10-10-10zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z'\n />\n </svg>\n ),\n radioNotChecked: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='currentcolor'>\n <path\n fillRule='evenodd'\n d='M10 0c-5.5 0-10 4.5-10 10s4.5 10 10 10 10-4.5 10-10-4.5-10-10-10zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z'\n />\n </svg>\n ),\n search: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='29' height='30' viewBox='0 0 29 30' fill='currentcolor'>\n <path d='M28.6 27.3l-7-7.4a12.2 12.2 0 0 0 2.7-8c0-6.6-5.3-12-12-12C6 0 .6 5.4.6 12c0 6.8 5.4 12.2 12 12.2 2.4 0 4.7-.7 6.7-2.2l7 7.5a1.5 1.5 0 0 0 2.3 0 1.6 1.6 0 0 0 0-2.2zm-16.2-24c5 0 8.8 4 8.8 8.8 0 5-4 9-8.8 9s-8.8-4-8.8-9c0-4.8 4-8.8 8.8-8.8z' />\n </svg>\n ),\n tasks: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='currentcolor'>\n <path d='M17.2 2H13V.8c0-.4-.3-.7-.7-.7H5.8c-.5 0-.8.3-.8.7v4c0 .3.3.6.8.6h4.8c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-4V1.4h5V3c0 .3.2.6.7.6h4v15H1.7v-15h1.2c.4 0 .8-.3.8-.7 0-.5-.4-1-.8-1h-2C.4 2 0 2.6 0 3v16.3c0 .4.4.7.8.7h16.4c.4 0 .8-.3.8-.8V3c0-.5-.4-1-.8-1z' />\n <path d='M12.6 9a.8.8 0 0 0-1 0l-3.7 3.3L6.4 11a.8.8 0 0 0-1 0 .7.7 0 0 0 0 1l1.8 1.8c.2.2.4.2.6.2 0 0 .3 0 .4-.2l4.2-4a.7.7 0 0 0 0-1z' />\n </svg>\n ),\n tinyCross: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='currentcolor'>\n <path\n fillRule='evenodd'\n d='M10.7 12.8L1 22.4c-.5.6-.5 1.6 0 2.2.8.6 1.7.6 2.3 0L13 15l9.5 9.6c.6.6 1.6.6 2.2 0 .6-.6.6-1.6 0-2.2L15 12.8l9.6-9.5c.6-.6.6-1.6 0-2.2-.6-.5-1.6-.5-2.2 0L13 10.7 3.3 1C2.8.6 1.8.6 1.2 1c-.6.7-.6 1.7 0 2.3l9.5 9.5z'\n />\n </svg>\n ),\n sharpCross: () => (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentcolor'>\n <path d='M8 6.53l6.53-6.53 1.47 1.47-6.53 6.53 6.53 6.53-1.47 1.47-6.53-6.53-6.53 6.53-1.47-1.47 6.53-6.53-6.53-6.53 1.47-1.47z' />\n </svg>\n ),\n plus: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='currentcolor'>\n <g fillRule='evenodd'>\n <rect width='18' height='3' y='8' rx='1.5' />\n <rect width='18' height='3' y='8' rx='1.5' transform='rotate(90 9 9.5)' />\n </g>\n </svg>\n ),\n plusThin: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='currentcolor'>\n <path fillRule='nonzero' d='M7.875 6.125H14v1.75H7.875V14h-1.75V7.875H0v-1.75h6.125V0h1.75v6.125z' />\n </svg>\n ),\n play: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='currentcolor'>\n <path d='M28.197 7.501c-4.173-7.173-13.414-9.63-20.64-5.489-7.227 4.141-9.703 13.314-5.53 20.486 4.172 7.174 13.413 9.632 20.639 5.49 7.227-4.142 9.704-13.314 5.53-20.487zm-7.042 17.889c-5.78 3.313-13.173 1.347-16.511-4.392-3.338-5.738-1.357-13.076 4.424-16.388 5.78-3.314 13.174-1.348 16.512 4.39 3.337 5.74 1.356 13.077-4.425 16.39zm-.604-11l-7.911-4.58c-.72-.418-1.302-.084-1.298.744l.04 9.091c.004.828.593 1.165 1.316.75l7.851-4.499c.722-.414.724-1.088.003-1.506z' />\n </svg>\n ),\n reload: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='currentcolor'>\n <g fillRule='evenodd'>\n <path d='M1.638 8.346c.653 0 1.243-.386 1.495-.978a6.896 6.896 0 0 1 6.351-4.164c1.575 0 3.019.53 4.176 1.412l-.907.138a.702.702 0 0 0-.593.594.694.694 0 0 0 .411.729l4.99 2.208a.72.72 0 0 0 .673-.05.695.695 0 0 0 .325-.582l.026-5.408a.697.697 0 0 0-.501-.669.714.714 0 0 0-.796.28L16.6 2.873A10.202 10.202 0 0 0 9.484 0C5.284 0 1.672 2.523.132 6.109a1.586 1.586 0 0 0 .143 1.516c.303.45.815.72 1.363.72zM18.693 12.344a1.643 1.643 0 0 0-1.364-.721c-.652 0-1.242.385-1.494.977a6.896 6.896 0 0 1-6.351 4.165 6.872 6.872 0 0 1-4.176-1.412l.907-.138a.702.702 0 0 0 .593-.595.694.694 0 0 0-.411-.728l-4.99-2.208a.72.72 0 0 0-.673.05.695.695 0 0 0-.325.582l-.026 5.407a.697.697 0 0 0 .501.67c.3.09.623-.025.796-.28l.688-1.017a10.201 10.201 0 0 0 7.116 2.872c4.2 0 7.812-2.523 9.352-6.109a1.586 1.586 0 0 0-.143-1.515z' />\n </g>\n </svg>\n ),\n checkCircle: () => (\n <svg height='14' viewBox='0 0 14 14' width='14' xmlns='http://www.w3.org/2000/svg' fill='currentcolor'>\n <path d='m4.13 5.67-.98.98 3.15 3.15 7-7-.98-.98-6.02 6.02zm8.47 1.33c0 3.08-2.52 5.6-5.6 5.6s-5.6-2.52-5.6-5.6 2.52-5.6 5.6-5.6c.56 0 1.05.07 1.54.21l1.12-1.12c-.84-.28-1.75-.49-2.66-.49-3.85 0-7 3.15-7 7s3.15 7 7 7 7-3.15 7-7z' />\n </svg>\n ),\n info: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='currentcolor'>\n <path\n fillRule='evenodd'\n d='M10.986 6.995v-2.019h-1.972v2.02h1.972zm0 8.029v-6.01h-1.972v6.01h1.972zm-.986-15.024c1.827 0 3.518.457 5.072 1.37a9.478 9.478 0 0 1 3.558 3.558 9.835 9.835 0 0 1 1.37 5.072 9.835 9.835 0 0 1-1.37 5.072 9.478 9.478 0 0 1-3.558 3.558 9.835 9.835 0 0 1-5.072 1.37 9.835 9.835 0 0 1-5.072-1.37 9.657 9.657 0 0 1-3.558-3.582 9.79 9.79 0 0 1-1.37-5.048 9.79 9.79 0 0 1 1.37-5.048 9.842 9.842 0 0 1 3.582-3.582 9.79 9.79 0 0 1 5.048-1.37z'\n />\n </svg>\n ),\n check: () => (\n <svg width='20px' height='20px' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='currentcolor'>\n <g stroke='none' strokeWidth='1' fillRule='evenodd'>\n <g transform='translate(-675.000000, -7517.000000)'>\n <g transform='translate(675.000000, 7517.000000)'>\n <path d='M10,0 C15.5228475,-1.01453063e-15 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 C4.4771525,20 6.76353751e-16,15.5228475 0,10 C-6.76353751e-16,4.4771525 4.4771525,1.01453063e-15 10,0 Z M14.2928932,6.29289322 L9,11.5857864 L6.70710678,9.29289322 L5.29289322,10.7071068 L9,14.4142136 L15.7071068,7.70710678 L14.2928932,6.29289322 Z' />\n </g>\n </g>\n </g>\n </svg>\n ),\n home: () => (\n <svg width='16' height='16' viewBox='0 0 16 16' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <g>\n <rect width='16' height='16' fill='black' fillOpacity='0' />\n <path\n id='house_2'\n fillRule='evenodd'\n clipRule='evenodd'\n d='M7 16V11H9V16H15V5L8 0L1 5V16H7ZM5 14H3V6.02917L8 2.45776L13 6.02917V14H11V9H5V14Z'\n />\n </g>\n </svg>\n ),\n questionFilled: () => (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentcolor'>\n <path className='st0' fillOpacity='0' d='M0 0h20v20h-20z' />\n <path\n className='st1'\n d='M17.1 2.9c-1.9-1.8-4.4-2.9-7.1-2.9-5.5 0-10 4.5-10 10s4.5 10 10 10 10-4.5 10-10c0-2.7-1.1-5.2-2.9-7.1zm-6.1 12.1h-2v-2h2v2zm.5-4.5c-.3.2-.6.6-.5.9v.1h-2v-.1c0-1.1.6-2.2 1.7-2.7.5-.2.8-.8.8-1.3 0-.8-.7-1.4-1.5-1.4s-1.5.6-1.5 1.4h-2c0-1.9 1.6-3.4 3.5-3.4s3.5 1.5 3.5 3.4c0 1.3-.8 2.5-2 3.1z'\n />\n </svg>\n ),\n document: () => (\n <svg width='17' height='17' viewBox='0 0 17 17' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M16.0004 4.50038L12.4648 0.964844L5.36865 8.06104L5.39378 11.5714L8.90418 11.5966L16.0004 4.50038ZM7.37459 8.88353L12.4648 3.79327L13.172 4.50038L8.08169 9.59063L7.37961 9.58561L7.37459 8.88353Z'\n />\n <path d='M13 15V10H15V17H0V2H7V4H2V15H13Z' />\n </svg>\n ),\n cancel: () => (\n <svg width='16' height='16' viewBox='0 0 16 16' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM8 14C4.7 14 2 11.3 2 8C2 4.7 4.7 2 8 2C11.3 2 14 4.7 14 8C14 11.3 11.3 14 8 14Z' />\n <path d='M9.7998 4.79999L7.9998 6.59999L6.1998 4.79999L4.7998 6.19999L6.5998 7.99999L4.7998 9.79999L6.1998 11.2L7.9998 9.39999L9.7998 11.2L11.1998 9.79999L9.3998 7.99999L11.1998 6.19999L9.7998 4.79999Z' />\n </svg>\n ),\n playPause: () => (\n <svg width='16' height='12' viewBox='0 0 16 12' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M7 6L5.46341 4.68292L2 1.71429L0 0V2.63416V9.36584V12L2 10.2857L5.46341 7.31708L7 6ZM3.92682 6L2 4.34845V7.65155L3.92682 6ZM14 0H16V12H14V0ZM12 0H10V12H12V0Z'\n />\n </svg>\n ),\n video: () => (\n <svg width='16' height='12' viewBox='0 0 16 12' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M2 2H9V10H2V2ZM0 0H2H9H11V2V6V10V12H9H2H0V10V2V0ZM11 6L12.6008 4.71938L14 3.6L16 2V4.56125V7.43875V10L14 8.4L12.6008 7.28062L11 6Z'\n />\n </svg>\n ),\n}\n"],"names":["IconNames","defaultIcons","book","Book","blackBoard","BlackBoard","burger","Burger","eye","Eye","email","Email","sort","Sort","unsort","Unsort","person","Person","diamond","Diamond","diamondFilled","DiamondFIlled","diamondSolid","DiamondSolid","infoInverse","InfoInverse","list","List","login","Login","logout","Logout","fire","Fire","camps","Camps","cart","Cart","clock","Clock","clockFilled","ClockFilled","courses","Courses","discount","Discount","externat","Externat","headphones","Headphones","page","Page","priceTag","PriceTag","phone","Phone","prof","Prof","star","Star","settings","Settings","student","Student","target","Target","textbook","Textbook","trophy","Trophy","message","Message","wallet","Wallet","edit","Edit","copy","Copy","print","Print","objective","Objective","present","Present","coins","Coins","calendar","_jsxs","xmlns","width","height","viewBox","fill","children","_jsx","d","calendar_simple","chevronDown","chevronUp","chevronRight","chevronLeft","cross","dialog","dropDownArrow","externalLink","className","fillOpacity","file","fileBordered","lessons","pencil","phoneNoFill","radioChecked","fillRule","radioNotChecked","search","tasks","tinyCross","sharpCross","plus","y","rx","transform","plusThin","play","reload","checkCircle","info","check","stroke","strokeWidth","home","id","clipRule","questionFilled","document","cancel","playPause","video"],"mappings":"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"}
1	+ {"version":3,"file":"icons.js","sources":["../../../../src/components/Icon/icons.tsx"],"sourcesContent":["import * as IconPack from '@foxford/icon-pack'\n\nimport Book from './images/book.module.svg'\nimport BlackBoard from './images/blackBoard.module.svg'\nimport Burger from './images/burger.module.svg'\nimport Eye from './images/eye.module.svg'\nimport Email from './images/email.module.svg'\nimport Sort from './images/sort.module.svg'\nimport Unsort from './images/unsort.module.svg'\nimport Person from './images/person.module.svg'\nimport Diamond from './images/diamond.module.svg'\nimport DiamondFIlled from './images/diamondFilled.module.svg'\nimport DiamondSolid from './images/diamondSolid.module.svg'\nimport InfoInverse from './images/infoInverse.module.svg'\nimport List from './images/list.module.svg'\nimport Login from './images/login.module.svg'\nimport Logout from './images/logout.module.svg'\nimport Fire from './images/fire.module.svg'\nimport Camps from './images/camps.module.svg'\nimport Cart from './images/cart.module.svg'\nimport Clock from './images/clock.module.svg'\nimport ClockFilled from './images/clockFilled.module.svg'\nimport Courses from './images/courses.module.svg'\nimport Discount from './images/discount.module.svg'\nimport Externat from './images/externat.module.svg'\nimport Headphones from './images/headphones.module.svg'\nimport PriceTag from './images/priceTag.module.svg'\nimport Prof from './images/prof.module.svg'\nimport Phone from './images/phone.module.svg'\nimport Star from './images/star.module.svg'\nimport Settings from './images/settings.module.svg'\nimport Student from './images/student.module.svg'\nimport Target from './images/target.module.svg'\nimport Textbook from './images/textbook.module.svg'\nimport Trophy from './images/trophy.module.svg'\nimport Message from './images/message.module.svg'\nimport Wallet from './images/wallet.module.svg'\nimport Edit from './images/edit.module.svg'\nimport Copy from './images/copy.module.svg'\nimport Page from './images/page.module.svg'\nimport Print from './images/print.module.svg'\nimport Objective from './images/objective.module.svg'\nimport Present from './images/present.module.svg'\nimport Coins from './images/coins.module.svg'\n\nimport type { IconPackIconName, IconNameDefault } from './types'\n\nexport const iconPackIcons = Object.keys(IconPack).reduce((icons, name) => {\n const iconName = name[0].toLowerCase() + name.slice(1)\n icons[iconName] = IconPack[name]\n\n return icons\n}, {} as Record<IconPackIconName, React.FC>)\n\nexport const defaultIcons: Record<IconNameDefault, React.FC> = {\n book: Book,\n blackBoard: BlackBoard,\n burger: Burger,\n eye: Eye,\n email: Email,\n sort: Sort,\n unsort: Unsort,\n person: Person,\n diamond: Diamond,\n diamondFilled: DiamondFIlled,\n diamondSolid: DiamondSolid,\n infoInverse: InfoInverse,\n list: List,\n login: Login,\n logout: Logout,\n fire: Fire,\n camps: Camps,\n cart: Cart,\n clock: Clock,\n clockFilled: ClockFilled,\n courses: Courses,\n discount: Discount,\n externat: Externat,\n headphones: Headphones,\n page: Page,\n priceTag: PriceTag,\n phone: Phone,\n prof: Prof,\n star: Star,\n settings: Settings,\n student: Student,\n target: Target,\n textbook: Textbook,\n trophy: Trophy,\n message: Message,\n wallet: Wallet,\n edit: Edit,\n copy: Copy,\n print: Print,\n objective: Objective,\n present: Present,\n coins: Coins,\n calendar: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='currentcolor'>\n <path d='M.8 19.8h19.4c.4 0 .7-.3.7-.7V2.4a.7.7 0 0 0-.8-.8h-3.7V1A.7.7 0 1 0 15 1v.5H6V1a.7.7 0 1 0-1.4 0v.5H.8a.7.7 0 0 0-.7.8V19c0 .5.4.8.8.8zM1.5 3h3v.5a.7.7 0 1 0 1.5 0V3h9v.5a.7.7 0 1 0 1.5 0V3h3v2h-18V3zm0 3.5h18v12h-18v-12z' />\n <path d='M15.8 10H5.2a.7.7 0 0 0-.7.7c0 .4.3.8.7.8h10.6c.4 0 .7-.4.7-.8a.7.7 0 0 0-.7-.8zm-5.3 3.6H5.2a.7.7 0 0 0-.7.7c0 .5.3.8.7.8h5.3c.4 0 .7-.2.7-.7a.7.7 0 0 0-.7-.7z' />\n </svg>\n ),\n calendar_simple: () => (\n <svg width='16' height='16' viewBox='0 0 16 16' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path d='M13 2V0H11V2H5V0H3V2H0V4V5V16H16V5V4V2H13ZM14 14H2V6H14V14Z' />\n </svg>\n ),\n chevronDown: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='21' height='13' viewBox='0 0 21 13' fill='currentcolor'>\n <path d='M10.109 10.604l-7.74-8.297a1.42 1.42 0 0 1 0-1.911 1.201 1.201 0 0 1 1.783 0l6.848 7.342 6.848-7.342a1.202 1.202 0 0 1 1.783 0 1.421 1.421 0 0 1 0 1.911l-7.74 8.297a1.214 1.214 0 0 1-.89.396c-.323 0-.646-.132-.892-.396z' />\n </svg>\n ),\n chevronUp: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='21' height='13' viewBox='0 0 21 13' fill='currentcolor'>\n <path d='M10.109 1.396l-7.74 8.297a1.42 1.42 0 0 0 0 1.911c.493.528 1.29.528 1.783 0l6.848-7.342 6.848 7.342c.492.528 1.29.528 1.783 0a1.421 1.421 0 0 0 0-1.911l-7.74-8.297a1.214 1.214 0 0 0-.89-.396c-.323 0-.646.132-.892.396z' />\n </svg>\n ),\n chevronRight: () => (\n <svg width='8' height='14' viewBox='0 0 8 14' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path d='M0 1.87054L1.39309 0.5L8 7L1.39309 13.5L0 12.1295L5.21383 7L0 1.87054Z' />\n </svg>\n ),\n chevronLeft: () => (\n <svg width='8' height='14' viewBox='0 0 8 14' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8 12.1295L6.60691 13.5L0 7L6.60691 0.5L8 1.87054L2.78617 7L8 12.1295Z' />\n </svg>\n ),\n cross: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='currentcolor'>\n <path d='M17.333.668a1.845 1.845 0 0 0-2.61 0l-5.723 5.722-5.723-5.722a1.845 1.845 0 1 0-2.61 2.61l5.723 5.723-5.723 5.724a1.845 1.845 0 1 0 2.61 2.61l5.723-5.723 5.723 5.723c.36.36.832.54 1.305.54a1.845 1.845 0 0 0 1.305-3.151l-5.723-5.721 5.723-5.724a1.845 1.845 0 0 0 0-2.61z' />\n </svg>\n ),\n dialog: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='currentcolor'>\n <path d='M3.66 3.664a12.422 12.422 0 0 1 8.84-3.664c3.342 0 6.48 1.303 8.841 3.664 4.556 4.554 4.886 11.83.828 16.761.56 1.146 1.22 1.91 1.969 2.277.455.225.712.717.639 1.22a1.16 1.16 0 0 1-.974.979 5.953 5.953 0 0 1-.886.068c-1.534 0-3.147-.53-4.493-1.456a12.52 12.52 0 0 1-5.923 1.487 12.417 12.417 0 0 1-8.84-3.659 12.414 12.414 0 0 1-3.661-8.836c0-3.334 1.299-6.48 3.66-8.84zm1.001 16.672a11.02 11.02 0 0 0 7.84 3.245c1.98 0 3.922-.528 5.614-1.523.11-.063.236-.1.356-.1.152 0 .31.053.435.147 1.602 1.24 3.215 1.424 3.922 1.44-.843-.628-1.55-1.602-2.142-2.958a.711.711 0 0 1 .12-.753c3.876-4.377 3.672-11.045-.465-15.18a11.02 11.02 0 0 0-7.84-3.246 11.02 11.02 0 0 0-7.84 3.245c-4.326 4.33-4.326 11.365 0 15.683zM7.581 8.125h10.463c.392 0 .706.278.706.625s-.314.625-.706.625h-10.464c-.392 0-.706-.278-.706-.625s.32-.625.706-.625zm0 3.875h10.463c.392 0 .706.278.706.625s-.314.625-.706.625h-10.464c-.392 0-.706-.278-.706-.625s.32-.625.706-.625zm0 4h10.463c.392 0 .706.278.706.625s-.314.625-.706.625h-10.464c-.392 0-.706-.278-.706-.625s.32-.625.706-.625z' />\n </svg>\n ),\n dropDownArrow: () => (\n <svg width='11' height='7' viewBox='0 0 11 7' fill='currentcolor'>\n <path d='M4.288 5.703l.117.139c.393.393.973.441 1.302.112l.009-.009.123-.105.104-.122 4.015-4.015c.38-.38.384-1.017-.007-1.408-.393-.393-1.025-.389-1.417.002l-3.412 3.412-3.419-3.419c-.388-.388-1.016-.388-1.409.005-.391.391-.393 1.021-.005 1.409l3.999 3.999z' />\n </svg>\n ),\n externalLink: () => (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentcolor'>\n <path className='st0' d='M0 0h16v16h-16z' fillOpacity='0' />\n <path className='st1' d='M9 0v2h3.6l-7.3 7.3 1.4 1.4 7.3-7.3v3.6h2v-7zM14 14h-12v-12h4v-2h-6v16h16v-6h-2z' />\n </svg>\n ),\n file: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='17' height='20' viewBox='0 0 17 20' fill='currentcolor'>\n <path d='M16.734 5.931c-.176-.416-.388-.745-.636-.988l-4.138-4.059c-.247-.242-.583-.45-1.007-.624-.425-.173-.814-.26-1.167-.26h-8.488a1.24 1.24 0 0 0-.901.364 1.192 1.192 0 0 0-.372.885v17.481c0 .347.124.642.372.885.247.242.548.364.901.364h14.429c.353 0 .654-.122.901-.364.248-.243.371-.538.371-.885v-11.654c0-.347-.088-.729-.265-1.145zm-6.524-4.161c.256.087.437.182.544.286l4.15 4.071c.106.104.204.282.292.534h-4.986v-4.892zm5.092 16.545h-13.58v-16.651h6.79v5.412c0 .347.124.642.372.884.247.243.548.365.901.365h5.517v9.989z' />\n </svg>\n ),\n fileBordered: () => (\n <svg width='16' height='16' viewBox='0 0 16 16' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8.3 0H6H0V16H13H16V0H8.3ZM8 2.5L10.5 5H8V2.5ZM2 14V2H6V7H11V14H2ZM14 14H13V7V4.7L10.3 2H14V14Z' />\n </svg>\n ),\n lessons: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='currentcolor'>\n <path d='M21.8 8.4a1.8 1.8 0 0 0-.8-.8 2.4 2.4 0 0 0-1-.3h-2.3V5.5c0-.7-.3-1.3-.8-1.8a2.5 2.5 0 0 0-2-.8H9v-.4c0-.7-.2-1.3-.7-1.8A2.5 2.5 0 0 0 6.4 0H2.6C2 0 1.3.3.8.8S0 1.8 0 2.6v10.8c0 .7.3 1.3.8 1.8a2.5 2.5 0 0 0 1.8.8H15c.6 0 1 0 1.7-.4.6-.3 1-.6 1.3-1l3.4-4c.4-.6.6-1 .6-1.5a1.8 1.8 0 0 0-.2-.6zM1.5 2.6c0-.3 0-.6.3-.8.2-.2.5-.3.8-.3h3.7c.3 0 .5 0 .7.3.3.2.4.5.4.8v.7c0 .3 0 .5.3.8.2.3.5.4.8.4H15c.4 0 .7 0 1 .3l.2.8v1.8H7.4c-.6 0-1 0-1.6.4s-1 .6-1.4 1l-3 3.5V2.6zm18.8 7l-3.4 4-1 .7-1 .2H2.7c-.4 0-.6 0-.6-.4l.2-.3 3.4-4c.2-.4.4-.6.8-.7.3-.2.7-.3 1-.3H20c.3 0 .5.2.5.4 0 .3 0 .4-.2.6z' />\n </svg>\n ),\n pencil: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19' fill='currentcolor'>\n <path d='M17.863 5.258l-4.113-4.122.283-.283a2.9 2.9 0 0 1 4.113.005 2.909 2.909 0 0 1 0 4.117l-.283.283zm-5.388-2.847l4.118 4.117-11.553 11.551-5.04.921.92-5.038 11.556-11.551z' />\n </svg>\n ),\n phoneNoFill: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='currentcolor'>\n <path d='M25.28 19.815c-.655-.682-1.445-1.047-2.282-1.047-.83 0-1.627.358-2.309 1.04l-2.133 2.127-.52-.27a8.579 8.579 0 0 1-.669-.358c-1.998-1.27-3.814-2.923-5.556-5.064-.844-1.066-1.41-1.964-1.822-2.876.553-.506 1.066-1.032 1.566-1.539l.567-.574c1.418-1.417 1.418-3.254 0-4.671l-1.843-1.843c-.21-.21-.425-.426-.628-.642-.405-.418-.83-.85-1.27-1.255-.654-.649-1.437-.993-2.26-.993-.824 0-1.621.344-2.296.993l-.014.013-2.295 2.316a4.94 4.94 0 0 0-1.465 3.138c-.162 1.971.419 3.808.864 5.01 1.094 2.95 2.728 5.684 5.165 8.614 2.957 3.53 6.514 6.319 10.579 8.283 1.552.736 3.625 1.607 5.94 1.755l.426.014c1.56 0 2.87-.56 3.895-1.674l.027-.034c.351-.425.756-.81 1.182-1.222.29-.277.587-.567.877-.87.669-.696 1.02-1.506 1.02-2.337 0-.837-.358-1.64-1.04-2.315l-3.706-3.72zm1.595 6.857c-.227.245-.46.465-.71.71-.377.36-.76.738-1.121 1.163-.588.628-1.28.924-2.187.924l-.267-.006c-1.727-.11-3.378-.572-4.581-1.148-1.565-.757-6.166-3.373-9.24-6.667-3.39-3.633-5.311-8.135-5.772-9.379a8.219 8.219 0 0 1-.51-3.704 2.67 2.67 0 0 1 .802-1.727l1.983-1.983c.285-.268.587-.413.884-.413.366 0 .663.22.849.407.372.349.71.692 1.064 1.058l.552.564 1.589 1.589c.616.616.616 1.186 0 1.802l-.5.5c-.489.5-1.206 1.178-1.712 1.631-.53.53-.436 1.018-.331 1.35.242.596 1.767 3.576 3.98 5.982 1.856 2.017 4.38 3.504 5.231 4.042.239.152.483.274.715.39.21.105.407.203.576.308l.07.04c.198.1.384.146.576.146.482 0 .785-.302.883-.401l2.241-2.2c.198-.198.512-.437.878-.437.361 0 .658.227.838.425l3.215 3.215c.6.593.6 1.204.006 1.82zm-9.589-19.063a8.56 8.56 0 0 1 4.659 2.417 8.606 8.606 0 0 1 2.417 4.658c.074.446.459.756.897.756l.156-.013c.5-.081.83-.554.75-1.054a10.413 10.413 0 0 0-2.924-5.637 10.413 10.413 0 0 0-5.637-2.923.916.916 0 0 0-1.053.743.902.902 0 0 0 .735 1.053zm14.664 6.501a17.13 17.13 0 0 0-4.814-9.283 17.13 17.13 0 0 0-9.282-4.813.908.908 0 0 0-1.047.743c-.08.5.25.965.75 1.053 3.146.533 6.015 2.025 8.297 4.3a15.294 15.294 0 0 1 4.3 8.297c.074.446.46.756.898.756a.894.894 0 0 0 .898-1.053z' />\n </svg>\n ),\n radioChecked: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='currentcolor'>\n <path\n fillRule='evenodd'\n d='M10 5c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0-5c-5.5 0-10 4.5-10 10s4.5 10 10 10 10-4.5 10-10-4.5-10-10-10zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z'\n />\n </svg>\n ),\n radioNotChecked: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='currentcolor'>\n <path\n fillRule='evenodd'\n d='M10 0c-5.5 0-10 4.5-10 10s4.5 10 10 10 10-4.5 10-10-4.5-10-10-10zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8z'\n />\n </svg>\n ),\n search: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='29' height='30' viewBox='0 0 29 30' fill='currentcolor'>\n <path d='M28.6 27.3l-7-7.4a12.2 12.2 0 0 0 2.7-8c0-6.6-5.3-12-12-12C6 0 .6 5.4.6 12c0 6.8 5.4 12.2 12 12.2 2.4 0 4.7-.7 6.7-2.2l7 7.5a1.5 1.5 0 0 0 2.3 0 1.6 1.6 0 0 0 0-2.2zm-16.2-24c5 0 8.8 4 8.8 8.8 0 5-4 9-8.8 9s-8.8-4-8.8-9c0-4.8 4-8.8 8.8-8.8z' />\n </svg>\n ),\n tasks: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='currentcolor'>\n <path d='M17.2 2H13V.8c0-.4-.3-.7-.7-.7H5.8c-.5 0-.8.3-.8.7v4c0 .3.3.6.8.6h4.8c.4 0 .7-.3.7-.7 0-.4-.3-.7-.7-.7h-4V1.4h5V3c0 .3.2.6.7.6h4v15H1.7v-15h1.2c.4 0 .8-.3.8-.7 0-.5-.4-1-.8-1h-2C.4 2 0 2.6 0 3v16.3c0 .4.4.7.8.7h16.4c.4 0 .8-.3.8-.8V3c0-.5-.4-1-.8-1z' />\n <path d='M12.6 9a.8.8 0 0 0-1 0l-3.7 3.3L6.4 11a.8.8 0 0 0-1 0 .7.7 0 0 0 0 1l1.8 1.8c.2.2.4.2.6.2 0 0 .3 0 .4-.2l4.2-4a.7.7 0 0 0 0-1z' />\n </svg>\n ),\n tinyCross: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='currentcolor'>\n <path\n fillRule='evenodd'\n d='M10.7 12.8L1 22.4c-.5.6-.5 1.6 0 2.2.8.6 1.7.6 2.3 0L13 15l9.5 9.6c.6.6 1.6.6 2.2 0 .6-.6.6-1.6 0-2.2L15 12.8l9.6-9.5c.6-.6.6-1.6 0-2.2-.6-.5-1.6-.5-2.2 0L13 10.7 3.3 1C2.8.6 1.8.6 1.2 1c-.6.7-.6 1.7 0 2.3l9.5 9.5z'\n />\n </svg>\n ),\n sharpCross: () => (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='currentcolor'>\n <path d='M8 6.53l6.53-6.53 1.47 1.47-6.53 6.53 6.53 6.53-1.47 1.47-6.53-6.53-6.53 6.53-1.47-1.47 6.53-6.53-6.53-6.53 1.47-1.47z' />\n </svg>\n ),\n plus: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='currentcolor'>\n <g fillRule='evenodd'>\n <rect width='18' height='3' y='8' rx='1.5' />\n <rect width='18' height='3' y='8' rx='1.5' transform='rotate(90 9 9.5)' />\n </g>\n </svg>\n ),\n plusThin: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='currentcolor'>\n <path fillRule='nonzero' d='M7.875 6.125H14v1.75H7.875V14h-1.75V7.875H0v-1.75h6.125V0h1.75v6.125z' />\n </svg>\n ),\n play: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='currentcolor'>\n <path d='M28.197 7.501c-4.173-7.173-13.414-9.63-20.64-5.489-7.227 4.141-9.703 13.314-5.53 20.486 4.172 7.174 13.413 9.632 20.639 5.49 7.227-4.142 9.704-13.314 5.53-20.487zm-7.042 17.889c-5.78 3.313-13.173 1.347-16.511-4.392-3.338-5.738-1.357-13.076 4.424-16.388 5.78-3.314 13.174-1.348 16.512 4.39 3.337 5.74 1.356 13.077-4.425 16.39zm-.604-11l-7.911-4.58c-.72-.418-1.302-.084-1.298.744l.04 9.091c.004.828.593 1.165 1.316.75l7.851-4.499c.722-.414.724-1.088.003-1.506z' />\n </svg>\n ),\n reload: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20' fill='currentcolor'>\n <g fillRule='evenodd'>\n <path d='M1.638 8.346c.653 0 1.243-.386 1.495-.978a6.896 6.896 0 0 1 6.351-4.164c1.575 0 3.019.53 4.176 1.412l-.907.138a.702.702 0 0 0-.593.594.694.694 0 0 0 .411.729l4.99 2.208a.72.72 0 0 0 .673-.05.695.695 0 0 0 .325-.582l.026-5.408a.697.697 0 0 0-.501-.669.714.714 0 0 0-.796.28L16.6 2.873A10.202 10.202 0 0 0 9.484 0C5.284 0 1.672 2.523.132 6.109a1.586 1.586 0 0 0 .143 1.516c.303.45.815.72 1.363.72zM18.693 12.344a1.643 1.643 0 0 0-1.364-.721c-.652 0-1.242.385-1.494.977a6.896 6.896 0 0 1-6.351 4.165 6.872 6.872 0 0 1-4.176-1.412l.907-.138a.702.702 0 0 0 .593-.595.694.694 0 0 0-.411-.728l-4.99-2.208a.72.72 0 0 0-.673.05.695.695 0 0 0-.325.582l-.026 5.407a.697.697 0 0 0 .501.67c.3.09.623-.025.796-.28l.688-1.017a10.201 10.201 0 0 0 7.116 2.872c4.2 0 7.812-2.523 9.352-6.109a1.586 1.586 0 0 0-.143-1.515z' />\n </g>\n </svg>\n ),\n checkCircle: () => (\n <svg height='14' viewBox='0 0 14 14' width='14' xmlns='http://www.w3.org/2000/svg' fill='currentcolor'>\n <path d='m4.13 5.67-.98.98 3.15 3.15 7-7-.98-.98-6.02 6.02zm8.47 1.33c0 3.08-2.52 5.6-5.6 5.6s-5.6-2.52-5.6-5.6 2.52-5.6 5.6-5.6c.56 0 1.05.07 1.54.21l1.12-1.12c-.84-.28-1.75-.49-2.66-.49-3.85 0-7 3.15-7 7s3.15 7 7 7 7-3.15 7-7z' />\n </svg>\n ),\n info: () => (\n <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='currentcolor'>\n <path\n fillRule='evenodd'\n d='M10.986 6.995v-2.019h-1.972v2.02h1.972zm0 8.029v-6.01h-1.972v6.01h1.972zm-.986-15.024c1.827 0 3.518.457 5.072 1.37a9.478 9.478 0 0 1 3.558 3.558 9.835 9.835 0 0 1 1.37 5.072 9.835 9.835 0 0 1-1.37 5.072 9.478 9.478 0 0 1-3.558 3.558 9.835 9.835 0 0 1-5.072 1.37 9.835 9.835 0 0 1-5.072-1.37 9.657 9.657 0 0 1-3.558-3.582 9.79 9.79 0 0 1-1.37-5.048 9.79 9.79 0 0 1 1.37-5.048 9.842 9.842 0 0 1 3.582-3.582 9.79 9.79 0 0 1 5.048-1.37z'\n />\n </svg>\n ),\n check: () => (\n <svg width='20px' height='20px' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='currentcolor'>\n <g stroke='none' strokeWidth='1' fillRule='evenodd'>\n <g transform='translate(-675.000000, -7517.000000)'>\n <g transform='translate(675.000000, 7517.000000)'>\n <path d='M10,0 C15.5228475,-1.01453063e-15 20,4.4771525 20,10 C20,15.5228475 15.5228475,20 10,20 C4.4771525,20 6.76353751e-16,15.5228475 0,10 C-6.76353751e-16,4.4771525 4.4771525,1.01453063e-15 10,0 Z M14.2928932,6.29289322 L9,11.5857864 L6.70710678,9.29289322 L5.29289322,10.7071068 L9,14.4142136 L15.7071068,7.70710678 L14.2928932,6.29289322 Z' />\n </g>\n </g>\n </g>\n </svg>\n ),\n home: () => (\n <svg width='16' height='16' viewBox='0 0 16 16' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <g>\n <rect width='16' height='16' fill='black' fillOpacity='0' />\n <path\n id='house_2'\n fillRule='evenodd'\n clipRule='evenodd'\n d='M7 16V11H9V16H15V5L8 0L1 5V16H7ZM5 14H3V6.02917L8 2.45776L13 6.02917V14H11V9H5V14Z'\n />\n </g>\n </svg>\n ),\n questionFilled: () => (\n <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentcolor'>\n <path className='st0' fillOpacity='0' d='M0 0h20v20h-20z' />\n <path\n className='st1'\n d='M17.1 2.9c-1.9-1.8-4.4-2.9-7.1-2.9-5.5 0-10 4.5-10 10s4.5 10 10 10 10-4.5 10-10c0-2.7-1.1-5.2-2.9-7.1zm-6.1 12.1h-2v-2h2v2zm.5-4.5c-.3.2-.6.6-.5.9v.1h-2v-.1c0-1.1.6-2.2 1.7-2.7.5-.2.8-.8.8-1.3 0-.8-.7-1.4-1.5-1.4s-1.5.6-1.5 1.4h-2c0-1.9 1.6-3.4 3.5-3.4s3.5 1.5 3.5 3.4c0 1.3-.8 2.5-2 3.1z'\n />\n </svg>\n ),\n document: () => (\n <svg width='17' height='17' viewBox='0 0 17 17' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M16.0004 4.50038L12.4648 0.964844L5.36865 8.06104L5.39378 11.5714L8.90418 11.5966L16.0004 4.50038ZM7.37459 8.88353L12.4648 3.79327L13.172 4.50038L8.08169 9.59063L7.37961 9.58561L7.37459 8.88353Z'\n />\n <path d='M13 15V10H15V17H0V2H7V4H2V15H13Z' />\n </svg>\n ),\n cancel: () => (\n <svg width='16' height='16' viewBox='0 0 16 16' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path d='M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM8 14C4.7 14 2 11.3 2 8C2 4.7 4.7 2 8 2C11.3 2 14 4.7 14 8C14 11.3 11.3 14 8 14Z' />\n <path d='M9.7998 4.79999L7.9998 6.59999L6.1998 4.79999L4.7998 6.19999L6.5998 7.99999L4.7998 9.79999L6.1998 11.2L7.9998 9.39999L9.7998 11.2L11.1998 9.79999L9.3998 7.99999L11.1998 6.19999L9.7998 4.79999Z' />\n </svg>\n ),\n playPause: () => (\n <svg width='16' height='12' viewBox='0 0 16 12' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M7 6L5.46341 4.68292L2 1.71429L0 0V2.63416V9.36584V12L2 10.2857L5.46341 7.31708L7 6ZM3.92682 6L2 4.34845V7.65155L3.92682 6ZM14 0H16V12H14V0ZM12 0H10V12H12V0Z'\n />\n </svg>\n ),\n video: () => (\n <svg width='16' height='12' viewBox='0 0 16 12' fill='currentcolor' xmlns='http://www.w3.org/2000/svg'>\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M2 2H9V10H2V2ZM0 0H2H9H11V2V6V10V12H9H2H0V10V2V0ZM11 6L12.6008 4.71938L14 3.6L16 2V4.56125V7.43875V10L14 8.4L12.6008 7.28062L11 6Z'\n />\n </svg>\n ),\n}\n\nexport const ICONS = { ...defaultIcons, ...iconPackIcons }\n\nexport const ICONS_DEFAULT = { ...iconPackIcons, ...defaultIcons }\n"],"names":["iconPackIcons","Object","keys","IconPack","reduce","icons","name","toLowerCase","slice","defaultIcons","book","Book","blackBoard","BlackBoard","burger","Burger","eye","Eye","email","Email","sort","Sort","unsort","Unsort","person","Person","diamond","Diamond","diamondFilled","DiamondFIlled","diamondSolid","DiamondSolid","infoInverse","InfoInverse","list","List","login","Login","logout","Logout","fire","Fire","camps","Camps","cart","Cart","clock","Clock","clockFilled","ClockFilled","courses","Courses","discount","Discount","externat","Externat","headphones","Headphones","page","Page","priceTag","PriceTag","phone","Phone","prof","Prof","star","Star","settings","Settings","student","Student","target","Target","textbook","Textbook","trophy","Trophy","message","Message","wallet","Wallet","edit","Edit","copy","Copy","print","Print","objective","Objective","present","Present","coins","Coins","calendar","_jsxs","xmlns","width","height","viewBox","fill","children","_jsx","d","calendar_simple","chevronDown","chevronUp","chevronRight","chevronLeft","cross","dialog","dropDownArrow","externalLink","className","fillOpacity","file","fileBordered","lessons","pencil","phoneNoFill","radioChecked","fillRule","radioNotChecked","search","tasks","tinyCross","sharpCross","plus","y","rx","transform","plusThin","play","reload","checkCircle","info","check","stroke","strokeWidth","home","id","clipRule","questionFilled","document","cancel","playPause","video","ICONS","_objectSpread","ICONS_DEFAULT"],"mappings":"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"}

package/components/Icon/style.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import i,{css as s}from'styled-components';import{vAlign as e}from'../../mixins/vAlign.js';import{color as o}from'../../mixins/color.js';import{property as r,responsiveNamedProperty as l}from'../../mixins/responsive-property.js';var n={xxxl:42,xxl:38,xl:34,lm:32,l:30,m:26,s:22,xs:18,xxs:14,xxxs:10};var t=s(["cursor:pointer;"]);var a=i=>'string'==typeof i?n[i]:i;var p=i.div.withConfig({shouldForwardProp:i=>['children','className','style'].includes(i)}).withConfig({componentId:"fox-ui__sc-yfeniy-0"})(["display:inline-block;flex-shrink:0;vertical-align:baseline;width:1em;height:1em;svg{display:block;width:100%;height:100%;fill:currentColor;}"," "," "," "," ",""],(i=>i.pointer?t:null),(i=>i.vAlign?e(i.vAlign):null),(i=>i.color?o(i.color):null),(i=>i.size?r(a(i.size),'font-size'):null),(i=>{var{sizeXS:s,sizeS:e,sizeM:o,sizeL:r,sizeXL:n}=i;return l({sizes:{sizeXS:s,sizeS:e,sizeM:o,sizeL:r,sizeXL:n},cssProperty:'font-size',customSizeHandler:a})}));export{p as Root};
+import n from'styled-components';import{getColor as o}from'../../mixins/color.js';import{responsiveSize as i}from'../../mixins/responsive-size.js';import{createShouldForwardProp as e}from'../../shared/utils/style.js';var r=e((n=>!['vAlign'].includes(n)));var s=n.span.withConfig({shouldForwardProp:r}).withConfig({componentId:"fox-ui__sc-yfeniy-0"})([""," ",""],(n=>"\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ".concat(n.color?o(n.color,n):'inherit',";\n    vertical-align: ").concat(n.vAlign?n.vAlign:'baseline',";\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  ")),i);export{s as Root};
 //# sourceMappingURL=style.js.map

package/components/Icon/style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.js","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled, ~~{ css }~~ from 'styled-components'\nimport { ~~vAlign~~ } from 'mixins/~~vAlign~~'\nimport { ~~color~~ } from 'mixins/~~color~~'\nimport { ~~responsiveNamedProperty,~~ ~~property~~ } from '~~mixins~~/~~responsive-property~~'\nimport { ~~IconProps~~ } from './~~Icon~~'\n\nconst ~~SIZES~~ = ~~{\n xxxl: 42,\n xxl: 38,\n xl: 34,\n lm: 32,\n l: 30,\n m: 26,\n s: 22,\n xs: 18,\n xxs: 14,\n xxxs: 10,\n}\n\nconst pointerStyle = css`\n cursor: pointer;\n`\n\nconst calcFontSize =~~ (~~size: IconProps['size']~~) => ~~{\n return typeof size ===~~ '~~string~~' ~~? SIZES[size~~] ~~: size~~\n}\n\nexport const Root = styled.~~div~~.withConfig<~~IconProps~~>({\n shouldForwardProp: ~~(prop) => ['children', 'className', 'style'].includes(prop)~~,\n})`\n ~~display:~~ ~~inline-block;\~~n ~~flex~~-~~shrink~~: 0;\n ~~vertical-align~~: ~~baseline~~;\n ~~width~~: ~~1em~~;\n ~~height~~: ~~1em~~;\n ~~svg {\n~~ ~~display~~: ~~block~~;\n width: ~~100%;\~~n height: ~~100%;\~~n ~~fill~~: ~~currentColor;\n }\n~~ ${(props~~) => (props~~.~~pointer~~ ? ~~pointerStyle : null)}\n ${~~(props~~) => (props~~.~~vAlign~~ ~~? vAlign(~~props~~.vAlign~~) : ~~null)~~}\n ${(props~~) => (props~~.~~color~~ ? ~~color(~~props.~~color)~~ : ~~null)}\n ${(props) => (props.size ? property(calcFontSize(props.size),~~ '~~font-size~~'~~) : null)~~}\n ~~${({~~ ~~sizeXS,~~ ~~sizeS,~~ ~~sizeM, sizeL, sizeXL }) =>\n responsiveNamedProperty(~~{\n ~~sizes~~: { ~~sizeXS, sizeS, sizeM, sizeL, sizeXL },\~~n ~~cssProperty~~: ~~'font-size',\~~n ~~customSizeHandler~~: ~~calcFontSize,\~~n })}\n`\n"],"names":["~~SIZES~~","~~xxxl~~","~~xxl~~","xl","~~lm","l","m","s","xs","xxs","xxxs","pointerStyle","css","calcFontSize","size","~~Root","styled","~~div~~","withConfig","shouldForwardProp","~~prop","includes","~~componentId","props","~~pointer~~","~~vAlign","~~color","~~property~~","~~_ref~~","~~sizeXS~~"~~,"sizeS","sizeM","sizeL","sizeXL","responsiveNamedProperty","sizes","cssProperty","customSizeHandler"~~],"mappings":"~~qOAMA~~,IAAMA,~~EAAQ~~,~~CACZC~~,~~KAAM~~,~~GACNC~~,~~IAAK~~,~~GACLC~~,~~GAAI~~,~~GACJC~~,~~GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,GACLC,KAAM,IAGR,IAAMC,EAAeC,EAArB,CAAA,oBAIA,IAAMC,EAAgBC,GACG,iBAATA,EAAoBd,EAAMc,GAAQA,EAG3C,IAAMC,~~EAAOC,EAAOC,~~IAAIC~~,~~WAAsB~~,~~CACnDC~~,~~kBAAoBC~~,~~GAAS~~,~~CAAC,WAAY,YAAa,SAASC,SAASD,KAD1DF,~~WAAA,~~CAAAI~~,YAAA,~~uBAAGN~~,~~CAcfO~~,~~CAAAA,+IAAAA~~,~~IAAAA~~,~~IAAAA~~,~~IAAAA~~,~~IAAAA~~,~~KAAAA~~,~~GAAWA~~,~~EAAMC,QAAUb,EAAe,OAC1CY,GAAWA,~~EAAME,~~OAASA~~,~~EAAOF~~,EAAME,~~QAAU~~,~~OACjDF~~,~~GAAWA~~,~~EAAMG~~,~~MAAQA,EAAMH,EAAMG,OAAS,OAC9CH,GAAWA,EAAMT,KAAOa,EAASd,EAAaU,EAAMT,MAAO,aAAe,OAC3Ec,IAAA,IAACC,OAAEA,EAAFC,MAAUA,EAAVC,MAAiBA,EAAjBC,MAAwBA,EAAxBC,OAA+BA,GAAhCL,EAAA,OACAM,EAAwB,CACtBC,MAAO,CAAEN,~~OAAAA,~~EAAQC~~,~~MAAAA~~,~~EAAOC~~,~~MAAAA~~,~~EAAOC~~,~~MAAAA,EAAOC,OAAAA,GACtCG,YAAa,YACbC,kBAAmBxB~~"}
1	+ {"version":3,"file":"style.js","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n shouldForwardProp: shouldForwardIconProp,\n})`\n ${(props) => `\n box-sizing: border-box;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n color: ${props.color ? getColor(props.color, props) : 'inherit'};\n vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n & > svg {\n display: block;\n width: 100%;\n height: 100%;\n fill: currentcolor;\n }\n `}\n\n ${responsiveSize}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","componentId","props","concat","color","getColor","vAlign","responsiveSize"],"mappings":"yNAMA,IAAMA,EAAwBC,GAAyBC,IAAa,CAAC,UAAUC,SAASD,KAEjF,IAAME,EAAOC,EAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,IADJO,WAAA,CAAAE,YAAA,uBAAGJ,CAAH,CAAA,GAAA,IAAA,KAGZK,GAAD,wLAAAC,OAQSD,EAAME,MAAQC,EAASH,EAAME,MAAOF,GAAS,UACpCA,2BAAAA,OAAAA,EAAMI,OAASJ,EAAMI,OAAS,WAZnC,2HAqBbC"}

package/components/Input/Input.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import t from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as i,useRef as a,useImperativeHandle as e,useState as n}from'react';import{useTheme as o}from'styled-components';import{withMergedProps as m}from'../../hocs/withMergedProps.js';import{FormInputLabel as s}from'../FormInputLabel/FormInputLabel.js';import{SIZES as l}from'../FormInputLabel/constants.js';import{Icon as g}from'../Icon/Icon.js';import'../Icon/icons.js';import{InputPhone as p}from'../Input.Phone/Input.Phone.js';import{Spacer as u}from'../Spacer/Spacer.js';import c from'./images/minus.module.svg.js';import d from'./images/plus.module.svg.js';import{Root as X,Input as h,InputControl as f}from'./style.js';import{jsx as S,jsxs as L,Fragment as v}from'react/jsx-runtime';var b=["size","mask","rounded","color","placeholderColor","width","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef"];var y='Input';var z=Object.assign(m(i(((i,m)=>{var l,p,y,z;var T=o();var{size:R="m",mask:w="",rounded:B=!0,color:M="mineShaft",placeholderColor:P="silver",width:C=T.defaultInputControlsWidth,type:I="text",labelPosition:x="dynamic",textProps:j={},iconProps:F={},controls:k={},preset:N,className:A,style:E,sizeXXS:U,sizeXS:V,sizeS:O,sizeM:W,sizeL:D,sizeXL:H,sizeUnits:Z,sizes:_,margin:q,marginXXS:G,marginXS:J,marginS:K,marginM:Q,marginL:Y,marginXL:$,marginTop:rr,marginTopXXS:tr,marginTopXS:ir,marginTopS:ar,marginTopM:er,marginTopL:nr,marginTopXL:or,marginRight:mr,marginRightXXS:sr,marginRightXS:lr,marginRightS:gr,marginRightM:pr,marginRightL:ur,marginRightXL:cr,marginBottom:dr,marginBottomXXS:Xr,marginBottomXS:hr,marginBottomS:fr,marginBottomM:Sr,marginBottomL:Lr,marginBottomXL:vr,marginLeft:br,marginLeftXXS:yr,marginLeftXS:zr,marginLeftS:Tr,marginLeftM:Rr,marginLeftL:wr,marginLeftXL:Br,marginUnits:Mr,palette:Pr,widthXXS:Cr,widthXS:Ir,widthS:xr,widthM:jr,widthL:Fr,widthXL:kr,error:Nr,success:Ar,label:Er,icon:Ur,text:Vr,primary:Or,secondary:Wr,onColored:Dr,fluid:Hr,disabled:Zr,inline:_r,inputRef:qr}=i,Gr=t(i,b);var{icon:Jr,iconProps:Kr={},buttonProps:Qr={}}=null!==(l=k.additional)&&void 0!==l?l:{};var{icon:Yr,iconProps:$r={},buttonProps:rt=[]}=null!==(p=k.number)&&void 0!==p?p:{};var[tt,at]=Array.isArray(Yr)?Yr:[Yr];var et=null!==(y=Array.isArray(rt)?rt[0]:rt)&&void 0!==y?y:{};var nt=null!==(z=Array.isArray(rt)?rt[1]:{})&&void 0!==z?z:{};var ot=a(null);e(m,(()=>ot.current),[]);var mt='string'==typeof Gr.value||'number'==typeof Gr.value||'string'==typeof Gr.defaultValue||'number'==typeof Gr.defaultValue;var[st,lt]=n(mt);var[gt,pt]=n(mt);var[ut,ct]=n((()=>{if('number'!==I||void 0===Gr.min)return!1;var{value:r=1/0,defaultValue:t=1/0}=Gr;var i='number'==typeof r?r:parseFloat(r);var a='number'==typeof t?t:parseFloat(t);var e='number'==typeof Gr.min?Gr.min:parseFloat(Gr.min);return Math.min(i,a)<=e}));var[dt,Xt]=n((()=>{if('number'!==I||void 0===Gr.max)return!1;var{value:r=-1/0,defaultValue:t=-1/0}=Gr;var i='number'==typeof r?r:parseFloat(r);var a='number'==typeof t?t:parseFloat(t);var e='number'==typeof Gr.max?Gr.max:parseFloat(Gr.max);return Math.max(i,a)>=e}));return'brand'!==N?S(X,r(r({},Gr),{},{inputRef:null!=qr?qr:r=>{ot.current=r},className:A,style:E,size:'number'==typeof R?R:void 0,mask:w,rounded:B,color:M,placeholderColor:P,width:C,widthXXS:Cr,widthXS:Ir,widthS:xr,widthM:jr,widthL:Fr,widthXL:kr,error:Nr,type:I,fluid:Hr,disabled:Zr})):S(s,{className:A,style:E,size:R,sizeXXS:U,sizeXS:V,sizeS:O,sizeM:W,sizeL:D,sizeXL:H,sizeUnits:Z,sizes:_,margin:q,marginXXS:G,marginXS:J,marginS:K,marginM:Q,marginL:Y,marginXL:$,marginTop:rr,marginTopXXS:tr,marginTopXS:ir,marginTopS:ar,marginTopM:er,marginTopL:nr,marginTopXL:or,marginRight:mr,marginRightXXS:sr,marginRightXS:lr,marginRightS:gr,marginRightM:pr,marginRightL:ur,marginRightXL:cr,marginBottom:dr,marginBottomXXS:Xr,marginBottomXS:hr,marginBottomS:fr,marginBottomM:Sr,marginBottomL:Lr,marginBottomXL:vr,marginLeft:br,marginLeftXXS:yr,marginLeftXS:zr,marginLeftS:Tr,marginLeftM:Rr,marginLeftL:wr,marginLeftXL:Br,marginUnits:Mr,palette:Pr,error:Nr,success:Ar,label:Er,labelPosition:x,icon:Ur,text:Vr,primary:Or,secondary:Wr,onColored:Dr,disabled:Zr,inline:_r,active:st,textProps:j,iconProps:r({size:24,color:Zr?'content-disabled':'content-onmain-tertiary'},F),onClick:()=>{ot.current&&ot.current.focus()},onFocus:r=>{r.target!==r.currentTarget&&lt(!0)},onBlur:r=>{r.target===r.currentTarget||gt||lt(!1)},input:S(h,r(r({},Gr),{},{inputRef:r=>{ot.current=r},mask:w,palette:Pr,type:I,label:Er,labelPosition:x,disabled:Zr,active:st,onChange:r=>{if(Gr.onChange&&Gr.onChange(r),'number'===I){var t=parseFloat(r.currentTarget.value);var i=t<=parseFloat(r.currentTarget.min);var a=t>=parseFloat(r.currentTarget.max);ct(i),Xt(a),(i||a)&&r.currentTarget.focus()}},onBlur:r=>{r.stopPropagation(),Gr.onBlur&&Gr.onBlur(r),pt(Boolean(r.currentTarget.value)),lt(Boolean(r.currentTarget.value))}})),controls:Jr||'number'===I?L(v,{children:[Jr&&S(f,r(r({},Qr),{},{type:"button",palette:Pr,disabled:Zr,onClick:r=>{r.stopPropagation(),Qr.onClick&&Qr.onClick(r)},children:S(g,r({icon:Jr,as:"span",size:24,color:"inherit"},Kr))})),'number'===I&&L(u,{display:"flex",marginLeft:4,children:[S(f,r(r({},et),{},{type:"button",palette:Pr,disabled:Zr||ut,onClick:r=>{r.stopPropagation(),et.onClick&&et.onClick(r);try{if(ot.current){var t=ot.current.value;if(ot.current.stepDown(),t!==ot.current.value){var i=new Event('input',{bubbles:!0});ot.current.dispatchEvent(i)}}}catch(r){console.error(r)}},children:S(g,r({icon:null!=tt?tt:S(c,{}),as:"span",size:24,color:"inherit"},$r))})),S(f,r(r({},nt),{},{type:"button",palette:Pr,disabled:Zr||dt,onClick:r=>{r.stopPropagation(),nt.onClick&&nt.onClick(r);try{if(ot.current){var t=ot.current.value;if(ot.current.stepUp(),t!==ot.current.value){var i=new Event('input',{bubbles:!0});ot.current.dispatchEvent(i)}}}catch(r){console.error(r)}},children:S(g,r({icon:null!=at?at:S(d,{}),as:"span",size:24,color:"inherit"},$r))}))]})]}):void 0})})),{sizes:l,displayName:"Input"}),{Phone:p});export{y as COMPONENT_NAME,z as Input};
+import r from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t,useRef as e,useImperativeHandle as a,useState as n}from'react';import{useTheme as o}from'styled-components';import{withMergedProps as m}from'../../hocs/withMergedProps.js';import{FormInputLabel as s}from'../FormInputLabel/FormInputLabel.js';import{SIZES as g}from'../FormInputLabel/constants.js';import{Icon as l}from'../Icon/Icon.js';import'../Icon/icons.js';import{InputPhone as p}from'../Input.Phone/Input.Phone.js';import{Spacer as u}from'../Spacer/Spacer.js';import{Root as c,Input as d,InputControl as X}from'./style.js';import{jsx as f,jsxs as h,Fragment as S}from'react/jsx-runtime';var L=["size","mask","rounded","color","placeholderColor","width","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef"];var v='Input';var b=Object.assign(m(t(((t,m)=>{var g,p,v,b;var y=o();var{size:z="m",mask:T="",rounded:R=!0,color:w="mineShaft",placeholderColor:B="silver",width:M=y.defaultInputControlsWidth,type:P="text",labelPosition:C="dynamic",textProps:I={},iconProps:x={},controls:F={},preset:j,className:k,style:N,sizeXXS:A,sizeXS:E,sizeS:U,sizeM:V,sizeL:O,sizeXL:W,sizeUnits:D,sizes:H,margin:Z,marginXXS:_,marginXS:q,marginS:G,marginM:J,marginL:K,marginXL:Q,marginTop:Y,marginTopXXS:$,marginTopXS:rr,marginTopS:ir,marginTopM:tr,marginTopL:er,marginTopXL:ar,marginRight:nr,marginRightXXS:or,marginRightXS:mr,marginRightS:sr,marginRightM:gr,marginRightL:lr,marginRightXL:pr,marginBottom:ur,marginBottomXXS:cr,marginBottomXS:dr,marginBottomS:Xr,marginBottomM:fr,marginBottomL:hr,marginBottomXL:Sr,marginLeft:Lr,marginLeftXXS:vr,marginLeftXS:br,marginLeftS:yr,marginLeftM:zr,marginLeftL:Tr,marginLeftXL:Rr,marginUnits:wr,palette:Br,widthXXS:Mr,widthXS:Pr,widthS:Cr,widthM:Ir,widthL:xr,widthXL:Fr,error:jr,success:kr,label:Nr,icon:Ar,text:Er,primary:Ur,secondary:Vr,onColored:Or,fluid:Wr,disabled:Dr,inline:Hr,inputRef:Zr}=t,_r=i(t,L);var{icon:qr,iconProps:Gr={},buttonProps:Jr={}}=null!==(g=F.additional)&&void 0!==g?g:{};var{icon:Kr,iconProps:Qr={},buttonProps:Yr=[]}=null!==(p=F.number)&&void 0!==p?p:{};var[$r,ri]=Array.isArray(Kr)?Kr:[Kr];var ii=null!==(v=Array.isArray(Yr)?Yr[0]:Yr)&&void 0!==v?v:{};var ti=null!==(b=Array.isArray(Yr)?Yr[1]:{})&&void 0!==b?b:{};var ei=e(null);a(m,(()=>ei.current),[]);var ai='string'==typeof _r.value||'number'==typeof _r.value||'string'==typeof _r.defaultValue||'number'==typeof _r.defaultValue;var[ni,oi]=n(ai);var[mi,si]=n(ai);var[gi,li]=n((()=>{if('number'!==P||void 0===_r.min)return!1;var{value:r=1/0,defaultValue:i=1/0}=_r;var t='number'==typeof r?r:parseFloat(r);var e='number'==typeof i?i:parseFloat(i);var a='number'==typeof _r.min?_r.min:parseFloat(_r.min);return Math.min(t,e)<=a}));var[pi,ui]=n((()=>{if('number'!==P||void 0===_r.max)return!1;var{value:r=-1/0,defaultValue:i=-1/0}=_r;var t='number'==typeof r?r:parseFloat(r);var e='number'==typeof i?i:parseFloat(i);var a='number'==typeof _r.max?_r.max:parseFloat(_r.max);return Math.max(t,e)>=a}));return'brand'!==j?f(c,r(r({},_r),{},{inputRef:null!=Zr?Zr:r=>{ei.current=r},className:k,style:N,size:'number'==typeof z?z:void 0,mask:T,rounded:R,color:w,placeholderColor:B,width:M,widthXXS:Mr,widthXS:Pr,widthS:Cr,widthM:Ir,widthL:xr,widthXL:Fr,error:jr,type:P,fluid:Wr,disabled:Dr})):f(s,{className:k,style:N,size:z,sizeXXS:A,sizeXS:E,sizeS:U,sizeM:V,sizeL:O,sizeXL:W,sizeUnits:D,sizes:H,margin:Z,marginXXS:_,marginXS:q,marginS:G,marginM:J,marginL:K,marginXL:Q,marginTop:Y,marginTopXXS:$,marginTopXS:rr,marginTopS:ir,marginTopM:tr,marginTopL:er,marginTopXL:ar,marginRight:nr,marginRightXXS:or,marginRightXS:mr,marginRightS:sr,marginRightM:gr,marginRightL:lr,marginRightXL:pr,marginBottom:ur,marginBottomXXS:cr,marginBottomXS:dr,marginBottomS:Xr,marginBottomM:fr,marginBottomL:hr,marginBottomXL:Sr,marginLeft:Lr,marginLeftXXS:vr,marginLeftXS:br,marginLeftS:yr,marginLeftM:zr,marginLeftL:Tr,marginLeftXL:Rr,marginUnits:wr,palette:Br,error:jr,success:kr,label:Nr,labelPosition:C,icon:Ar,text:Er,primary:Ur,secondary:Vr,onColored:Or,disabled:Dr,inline:Hr,active:ni,textProps:I,iconProps:r({size:24,color:Dr?'content-disabled':'content-onmain-tertiary'},x),onClick:()=>{ei.current&&ei.current.focus()},onFocus:r=>{r.target!==r.currentTarget&&oi(!0)},onBlur:r=>{r.target===r.currentTarget||mi||oi(!1)},input:f(d,r(r({},_r),{},{inputRef:r=>{ei.current=r},mask:T,palette:Br,type:P,label:Nr,labelPosition:C,disabled:Dr,active:ni,onChange:r=>{if(_r.onChange&&_r.onChange(r),'number'===P){var i=parseFloat(r.currentTarget.value);var t=i<=parseFloat(r.currentTarget.min);var e=i>=parseFloat(r.currentTarget.max);li(t),ui(e),(t||e)&&r.currentTarget.focus()}},onBlur:r=>{r.stopPropagation(),_r.onBlur&&_r.onBlur(r),si(Boolean(r.currentTarget.value)),oi(Boolean(r.currentTarget.value))}})),controls:qr||'number'===P?h(S,{children:[qr&&f(X,r(r({},Jr),{},{type:"button",palette:Br,disabled:Dr,onClick:r=>{r.stopPropagation(),Jr.onClick&&Jr.onClick(r)},children:f(l,r({as:"span",size:24,color:"inherit",name:'string'==typeof qr?qr:void 0,icon:'string'!=typeof qr?qr:void 0},Gr))})),'number'===P&&h(u,{display:"flex",marginLeft:4,children:[f(X,r(r({},ii),{},{type:"button",palette:Br,disabled:Dr||gi,onClick:r=>{r.stopPropagation(),ii.onClick&&ii.onClick(r);try{if(ei.current){var i=ei.current.value;if(ei.current.stepDown(),i!==ei.current.value){var t=new Event('input',{bubbles:!0});ei.current.dispatchEvent(t)}}}catch(r){console.error(r)}},children:f(l,r(void 0===$r?{as:"span",size:24,color:"inherit",name:"minus",preset:"brand"}:{as:"span",size:24,color:"inherit",name:'string'==typeof $r?$r:void 0,icon:'string'!=typeof $r?$r:void 0},Qr))})),f(X,r(r({},ti),{},{type:"button",palette:Br,disabled:Dr||pi,onClick:r=>{r.stopPropagation(),ti.onClick&&ti.onClick(r);try{if(ei.current){var i=ei.current.value;if(ei.current.stepUp(),i!==ei.current.value){var t=new Event('input',{bubbles:!0});ei.current.dispatchEvent(t)}}}catch(r){console.error(r)}},children:f(l,r(void 0===ri?{as:"span",size:24,color:"inherit",name:"plus",preset:"brand"}:{as:"span",size:24,color:"inherit",name:'string'==typeof ri?ri:void 0,icon:'string'!=typeof ri?ri:void 0},Qr))}))]})]}):void 0})})),{sizes:g,displayName:"Input"}),{Phone:p});export{v as COMPONENT_NAME,b as Input};
 //# sourceMappingURL=Input.js.map

package/components/Input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useState, useImperativeHandle, useRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { FormInputLabel, SIZES } from 'components/FormInputLabel'\nimport { Icon } from 'components/Icon'\nimport { InputPhone } from 'components/Input.Phone'\nimport { Spacer } from 'components/Spacer'\nimport Minus from './images/minus.module.svg'\nimport Plus from './images/plus.module.svg'\nimport * as Styled from './style'\nimport type { InputProps } from './types'\n\nconst COMPONENT_NAME = 'Input'\n\n/*\n \n * Component accepts all \\<input\\> attributes and \"react-input-mask\" v2.0.4 props.\n \n Responsive \"size\", \"margin\" props are supported.\n \n Exposed \"ref\" attached to \\<input\\>.\n \n See full [InputProps](https://github.com/foxford/ui/blob/master/src/components/Input/types.ts)\n */\nconst Input: React.ForwardRefExoticComponent<InputProps> & { Phone: typeof InputPhone } = Object.assign(\n withMergedProps<InputProps, HTMLInputElement>(\n forwardRef((props, forwardedRef) => {\n const theme = useTheme()\n\n const {\n size = 'm',\n mask = '',\n rounded = true,\n color = 'mineShaft',\n placeholderColor = 'silver',\n width = theme.defaultInputControlsWidth,\n type = 'text',\n labelPosition = 'dynamic',\n textProps = {},\n iconProps = {},\n controls = {},\n preset,\n className,\n style,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizeUnits,\n sizes,\n margin,\n marginXXS,\n marginXS,\n marginS,\n marginM,\n marginL,\n marginXL,\n marginTop,\n marginTopXXS,\n marginTopXS,\n marginTopS,\n marginTopM,\n marginTopL,\n marginTopXL,\n marginRight,\n marginRightXXS,\n marginRightXS,\n marginRightS,\n marginRightM,\n marginRightL,\n marginRightXL,\n marginBottom,\n marginBottomXXS,\n marginBottomXS,\n marginBottomS,\n marginBottomM,\n marginBottomL,\n marginBottomXL,\n marginLeft,\n marginLeftXXS,\n marginLeftXS,\n marginLeftS,\n marginLeftM,\n marginLeftL,\n marginLeftXL,\n marginUnits,\n palette,\n widthXXS,\n widthXS,\n widthS,\n widthM,\n widthL,\n widthXL,\n error,\n success,\n label,\n icon,\n text,\n primary,\n secondary,\n onColored,\n fluid,\n disabled,\n inline,\n inputRef,\n ...inputProps\n } = props\n\n const {\n icon: additionalControlIcon,\n iconProps: additionalControlIconProps = {},\n buttonProps: additionalControlButtonProps = {},\n } = controls.additional ?? {}\n\n const {\n icon: numberControlIcon,\n iconProps: numberControlIconProps = {},\n buttonProps: numberControlButtonProps = [],\n } = controls.number ?? {}\n\n const [minus, plus] = Array.isArray(numberControlIcon) ? numberControlIcon : [numberControlIcon]\n\n const minusButtonProps =\n (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[0] : numberControlButtonProps) ?? {}\n\n const plusButtonProps = (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[1] : {}) ?? {}\n\n const ref = useRef<HTMLInputElement \| null>(null)\n useImperativeHandle<HTMLInputElement \| null, HTMLInputElement \| null>(forwardedRef, () => ref.current, [])\n\n const hasInitValue =\n typeof inputProps.value === 'string' \|\|\n typeof inputProps.value === 'number' \|\|\n typeof inputProps.defaultValue === 'string' \|\|\n typeof inputProps.defaultValue === 'number'\n\n const [active, setActive] = useState(hasInitValue)\n const [hasValue, setHasValue] = useState(hasInitValue)\n\n const [minusDisabled, setMinusDisabled] = useState(() => {\n if (type !== 'number' \|\| inputProps.min === undefined) return false\n\n const { value = Infinity, defaultValue = Infinity } = inputProps\n\n const initValue = typeof value === 'number' ? value : parseFloat(value)\n const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n const minValue = typeof inputProps.min === 'number' ? inputProps.min : parseFloat(inputProps.min)\n\n return Math.min(initValue, initDefaultValue) <= minValue\n })\n\n const [plusDisabled, setPlusDisabled] = useState(() => {\n if (type !== 'number' \|\| inputProps.max === undefined) return false\n\n const { value = -Infinity, defaultValue = -Infinity } = inputProps\n\n const initValue = typeof value === 'number' ? value : parseFloat(value)\n const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n const maxValue = typeof inputProps.max === 'number' ? inputProps.max : parseFloat(inputProps.max)\n\n return Math.max(initValue, initDefaultValue) >= maxValue\n })\n\n if (preset !== 'brand') {\n return (\n <Styled.Root\n {...inputProps}\n inputRef={\n inputRef ??\n ((input) => {\n ref.current = input\n })\n }\n className={className}\n style={style}\n size={typeof size === 'number' ? size : undefined}\n mask={mask}\n rounded={rounded}\n color={color}\n placeholderColor={placeholderColor}\n width={width}\n widthXXS={widthXXS}\n widthXS={widthXS}\n widthS={widthS}\n widthM={widthM}\n widthL={widthL}\n widthXL={widthXL}\n error={error}\n type={type}\n fluid={fluid}\n disabled={disabled}\n />\n )\n }\n\n return (\n <FormInputLabel\n className={className}\n style={style}\n size={size}\n sizeXXS={sizeXXS}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n sizeUnits={sizeUnits}\n sizes={sizes}\n margin={margin}\n marginXXS={marginXXS}\n marginXS={marginXS}\n marginS={marginS}\n marginM={marginM}\n marginL={marginL}\n marginXL={marginXL}\n marginTop={marginTop}\n marginTopXXS={marginTopXXS}\n marginTopXS={marginTopXS}\n marginTopS={marginTopS}\n marginTopM={marginTopM}\n marginTopL={marginTopL}\n marginTopXL={marginTopXL}\n marginRight={marginRight}\n marginRightXXS={marginRightXXS}\n marginRightXS={marginRightXS}\n marginRightS={marginRightS}\n marginRightM={marginRightM}\n marginRightL={marginRightL}\n marginRightXL={marginRightXL}\n marginBottom={marginBottom}\n marginBottomXXS={marginBottomXXS}\n marginBottomXS={marginBottomXS}\n marginBottomS={marginBottomS}\n marginBottomM={marginBottomM}\n marginBottomL={marginBottomL}\n marginBottomXL={marginBottomXL}\n marginLeft={marginLeft}\n marginLeftXXS={marginLeftXXS}\n marginLeftXS={marginLeftXS}\n marginLeftS={marginLeftS}\n marginLeftM={marginLeftM}\n marginLeftL={marginLeftL}\n marginLeftXL={marginLeftXL}\n marginUnits={marginUnits}\n palette={palette}\n error={error}\n success={success}\n label={label}\n labelPosition={labelPosition}\n icon={icon}\n text={text}\n primary={primary}\n secondary={secondary}\n onColored={onColored}\n disabled={disabled}\n inline={inline}\n active={active}\n textProps={textProps}\n iconProps={{\n size: 24,\n color: disabled ? 'content-disabled' : 'content-onmain-tertiary',\n ...iconProps,\n }}\n onClick={() => {\n if (ref.current) {\n ref.current.focus()\n }\n }}\n onFocus={(evt) => {\n if (evt.target !== evt.currentTarget) {\n setActive(true)\n }\n }}\n onBlur={(evt) => {\n if (evt.target !== evt.currentTarget && !hasValue) {\n setActive(false)\n }\n }}\n input={\n <Styled.Input\n {...inputProps}\n inputRef={(input) => {\n ref.current = input\n }}\n mask={mask}\n palette={palette}\n type={type}\n label={label}\n labelPosition={labelPosition}\n disabled={disabled}\n active={active}\n onChange={(evt) => {\n if (inputProps.onChange) {\n inputProps.onChange(evt)\n }\n\n if (type === 'number') {\n const currentValue = parseFloat(evt.currentTarget.value)\n\n const minValueReached = currentValue <= parseFloat(evt.currentTarget.min)\n const maxValueReached = currentValue >= parseFloat(evt.currentTarget.max)\n\n setMinusDisabled(minValueReached)\n setPlusDisabled(maxValueReached)\n\n if (minValueReached \|\| maxValueReached) {\n evt.currentTarget.focus()\n }\n }\n }}\n onBlur={(evt) => {\n evt.stopPropagation()\n if (inputProps.onBlur) {\n inputProps.onBlur(evt)\n }\n\n setHasValue(Boolean(evt.currentTarget.value))\n setActive(Boolean(evt.currentTarget.value))\n }}\n />\n }\n controls={\n additionalControlIcon \|\| type === 'number' ? (\n <>\n {additionalControlIcon && (\n <Styled.InputControl\n {...additionalControlButtonProps}\n type='button'\n palette={palette}\n disabled={disabled}\n onClick={(evt) => {\n evt.stopPropagation()\n if (additionalControlButtonProps.onClick) {\n additionalControlButtonProps.onClick(evt)\n }\n }}\n >\n <Icon\n icon={additionalControlIcon}\n as='span'\n size={24}\n color='inherit'\n {...additionalControlIconProps}\n />\n </Styled.InputControl>\n )}\n {type === 'number' && (\n <Spacer display='flex' marginLeft={4}>\n <Styled.InputControl\n {...minusButtonProps}\n type='button'\n palette={palette}\n disabled={disabled \|\| minusDisabled}\n onClick={(evt) => {\n evt.stopPropagation()\n if (minusButtonProps.onClick) {\n minusButtonProps.onClick(evt)\n }\n\n try {\n if (ref.current) {\n const prev = ref.current.value\n ref.current.stepDown()\n\n const decremented = ref.current.value\n if (prev !== decremented) {\n const event = new Event('input', { bubbles: true })\n ref.current.dispatchEvent(event)\n }\n }\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error(err)\n }\n }}\n >\n <Icon icon={minus ?? <Minus />} as='span' size={24} color='inherit' {...numberControlIconProps} />\n </Styled.InputControl>\n <Styled.InputControl\n {...plusButtonProps}\n type='button'\n palette={palette}\n disabled={disabled \|\| plusDisabled}\n onClick={(evt) => {\n evt.stopPropagation()\n if (plusButtonProps.onClick) {\n plusButtonProps.onClick(evt)\n }\n\n try {\n if (ref.current) {\n const prev = ref.current.value\n ref.current.stepUp()\n\n const incremented = ref.current.value\n if (prev !== incremented) {\n const event = new Event('input', { bubbles: true })\n ref.current.dispatchEvent(event)\n }\n }\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error(err)\n }\n }}\n >\n <Icon icon={plus ?? <Plus />} as='span' size={24} color='inherit' {...numberControlIconProps} />\n </Styled.InputControl>\n </Spacer>\n )}\n </>\n ) : undefined\n }\n />\n )\n }),\n {\n sizes: SIZES,\n displayName: COMPONENT_NAME,\n }\n ),\n {\n Phone: InputPhone,\n }\n)\n\nexport { Input, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Input","Object","assign","withMergedProps","forwardRef","props","forwardedRef","_controls$additional","_controls$number","_ref","_ref2","theme","useTheme","size","mask","rounded","color","placeholderColor","width","defaultInputControlsWidth","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef","inputProps","_excluded","additionalControlIcon","additionalControlIconProps","buttonProps","additionalControlButtonProps","additional","numberControlIcon","numberControlIconProps","numberControlButtonProps","number","minus","plus","Array","isArray","minusButtonProps","plusButtonProps","ref","useRef","useImperativeHandle","current","hasInitValue","value","defaultValue","active","setActive","useState","hasValue","setHasValue","minusDisabled","setMinusDisabled","undefined","min","Infinity","initValue","parseFloat","initDefaultValue","minValue","Math","plusDisabled","setPlusDisabled","max","maxValue","_jsx","Styled.Root","input","FormInputLabel","_objectSpread","onClick","focus","onFocus","evt","target","currentTarget","onBlur","Styled.Input","onChange","currentValue","minValueReached","maxValueReached","stopPropagation","Boolean","_jsxs","_Fragment","children","Styled.InputControl","Icon","as","Spacer","display","prev","stepDown","event","Event","bubbles","dispatchEvent","err","console","Minus","stepUp","Plus","SIZES","displayName","Phone","InputPhone"],"mappings":"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"}
1	+ {"version":3,"file":"Input.js","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useState, useImperativeHandle, useRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { FormInputLabel, SIZES } from 'components/FormInputLabel'\nimport { Icon } from 'components/Icon'\nimport { InputPhone } from 'components/Input.Phone'\nimport { Spacer } from 'components/Spacer'\nimport * as Styled from './style'\nimport type { InputProps } from './types'\n\nconst COMPONENT_NAME = 'Input'\n\n/*\n \n * Component accepts all \\<input\\> attributes and \"react-input-mask\" v2.0.4 props.\n \n Responsive \"size\", \"margin\" props are supported.\n \n Exposed \"ref\" attached to \\<input\\>.\n \n See full [InputProps](https://github.com/foxford/ui/blob/master/src/components/Input/types.ts)\n */\nconst Input: React.ForwardRefExoticComponent<InputProps> & { Phone: typeof InputPhone } = Object.assign(\n withMergedProps<InputProps, HTMLInputElement>(\n forwardRef((props, forwardedRef) => {\n const theme = useTheme()\n\n const {\n size = 'm',\n mask = '',\n rounded = true,\n color = 'mineShaft',\n placeholderColor = 'silver',\n width = theme.defaultInputControlsWidth,\n type = 'text',\n labelPosition = 'dynamic',\n textProps = {},\n iconProps = {},\n controls = {},\n preset,\n className,\n style,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n sizeUnits,\n sizes,\n margin,\n marginXXS,\n marginXS,\n marginS,\n marginM,\n marginL,\n marginXL,\n marginTop,\n marginTopXXS,\n marginTopXS,\n marginTopS,\n marginTopM,\n marginTopL,\n marginTopXL,\n marginRight,\n marginRightXXS,\n marginRightXS,\n marginRightS,\n marginRightM,\n marginRightL,\n marginRightXL,\n marginBottom,\n marginBottomXXS,\n marginBottomXS,\n marginBottomS,\n marginBottomM,\n marginBottomL,\n marginBottomXL,\n marginLeft,\n marginLeftXXS,\n marginLeftXS,\n marginLeftS,\n marginLeftM,\n marginLeftL,\n marginLeftXL,\n marginUnits,\n palette,\n widthXXS,\n widthXS,\n widthS,\n widthM,\n widthL,\n widthXL,\n error,\n success,\n label,\n icon,\n text,\n primary,\n secondary,\n onColored,\n fluid,\n disabled,\n inline,\n inputRef,\n ...inputProps\n } = props\n\n const {\n icon: additionalControlIcon,\n iconProps: additionalControlIconProps = {},\n buttonProps: additionalControlButtonProps = {},\n } = controls.additional ?? {}\n\n const {\n icon: numberControlIcon,\n iconProps: numberControlIconProps = {},\n buttonProps: numberControlButtonProps = [],\n } = controls.number ?? {}\n\n const [minus, plus] = Array.isArray(numberControlIcon) ? numberControlIcon : [numberControlIcon]\n\n const minusButtonProps =\n (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[0] : numberControlButtonProps) ?? {}\n\n const plusButtonProps = (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[1] : {}) ?? {}\n\n const ref = useRef<HTMLInputElement \| null>(null)\n useImperativeHandle<HTMLInputElement \| null, HTMLInputElement \| null>(forwardedRef, () => ref.current, [])\n\n const hasInitValue =\n typeof inputProps.value === 'string' \|\|\n typeof inputProps.value === 'number' \|\|\n typeof inputProps.defaultValue === 'string' \|\|\n typeof inputProps.defaultValue === 'number'\n\n const [active, setActive] = useState(hasInitValue)\n const [hasValue, setHasValue] = useState(hasInitValue)\n\n const [minusDisabled, setMinusDisabled] = useState(() => {\n if (type !== 'number' \|\| inputProps.min === undefined) return false\n\n const { value = Infinity, defaultValue = Infinity } = inputProps\n\n const initValue = typeof value === 'number' ? value : parseFloat(value)\n const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n const minValue = typeof inputProps.min === 'number' ? inputProps.min : parseFloat(inputProps.min)\n\n return Math.min(initValue, initDefaultValue) <= minValue\n })\n\n const [plusDisabled, setPlusDisabled] = useState(() => {\n if (type !== 'number' \|\| inputProps.max === undefined) return false\n\n const { value = -Infinity, defaultValue = -Infinity } = inputProps\n\n const initValue = typeof value === 'number' ? value : parseFloat(value)\n const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n const maxValue = typeof inputProps.max === 'number' ? inputProps.max : parseFloat(inputProps.max)\n\n return Math.max(initValue, initDefaultValue) >= maxValue\n })\n\n if (preset !== 'brand') {\n return (\n <Styled.Root\n {...inputProps}\n inputRef={\n inputRef ??\n ((input) => {\n ref.current = input\n })\n }\n className={className}\n style={style}\n size={typeof size === 'number' ? size : undefined}\n mask={mask}\n rounded={rounded}\n color={color}\n placeholderColor={placeholderColor}\n width={width}\n widthXXS={widthXXS}\n widthXS={widthXS}\n widthS={widthS}\n widthM={widthM}\n widthL={widthL}\n widthXL={widthXL}\n error={error}\n type={type}\n fluid={fluid}\n disabled={disabled}\n />\n )\n }\n\n return (\n <FormInputLabel\n className={className}\n style={style}\n size={size}\n sizeXXS={sizeXXS}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n sizeUnits={sizeUnits}\n sizes={sizes}\n margin={margin}\n marginXXS={marginXXS}\n marginXS={marginXS}\n marginS={marginS}\n marginM={marginM}\n marginL={marginL}\n marginXL={marginXL}\n marginTop={marginTop}\n marginTopXXS={marginTopXXS}\n marginTopXS={marginTopXS}\n marginTopS={marginTopS}\n marginTopM={marginTopM}\n marginTopL={marginTopL}\n marginTopXL={marginTopXL}\n marginRight={marginRight}\n marginRightXXS={marginRightXXS}\n marginRightXS={marginRightXS}\n marginRightS={marginRightS}\n marginRightM={marginRightM}\n marginRightL={marginRightL}\n marginRightXL={marginRightXL}\n marginBottom={marginBottom}\n marginBottomXXS={marginBottomXXS}\n marginBottomXS={marginBottomXS}\n marginBottomS={marginBottomS}\n marginBottomM={marginBottomM}\n marginBottomL={marginBottomL}\n marginBottomXL={marginBottomXL}\n marginLeft={marginLeft}\n marginLeftXXS={marginLeftXXS}\n marginLeftXS={marginLeftXS}\n marginLeftS={marginLeftS}\n marginLeftM={marginLeftM}\n marginLeftL={marginLeftL}\n marginLeftXL={marginLeftXL}\n marginUnits={marginUnits}\n palette={palette}\n error={error}\n success={success}\n label={label}\n labelPosition={labelPosition}\n icon={icon}\n text={text}\n primary={primary}\n secondary={secondary}\n onColored={onColored}\n disabled={disabled}\n inline={inline}\n active={active}\n textProps={textProps}\n iconProps={{\n size: 24,\n color: disabled ? 'content-disabled' : 'content-onmain-tertiary',\n ...iconProps,\n }}\n onClick={() => {\n if (ref.current) {\n ref.current.focus()\n }\n }}\n onFocus={(evt) => {\n if (evt.target !== evt.currentTarget) {\n setActive(true)\n }\n }}\n onBlur={(evt) => {\n if (evt.target !== evt.currentTarget && !hasValue) {\n setActive(false)\n }\n }}\n input={\n <Styled.Input\n {...inputProps}\n inputRef={(input) => {\n ref.current = input\n }}\n mask={mask}\n palette={palette}\n type={type}\n label={label}\n labelPosition={labelPosition}\n disabled={disabled}\n active={active}\n onChange={(evt) => {\n if (inputProps.onChange) {\n inputProps.onChange(evt)\n }\n\n if (type === 'number') {\n const currentValue = parseFloat(evt.currentTarget.value)\n\n const minValueReached = currentValue <= parseFloat(evt.currentTarget.min)\n const maxValueReached = currentValue >= parseFloat(evt.currentTarget.max)\n\n setMinusDisabled(minValueReached)\n setPlusDisabled(maxValueReached)\n\n if (minValueReached \|\| maxValueReached) {\n evt.currentTarget.focus()\n }\n }\n }}\n onBlur={(evt) => {\n evt.stopPropagation()\n if (inputProps.onBlur) {\n inputProps.onBlur(evt)\n }\n\n setHasValue(Boolean(evt.currentTarget.value))\n setActive(Boolean(evt.currentTarget.value))\n }}\n />\n }\n controls={\n additionalControlIcon \|\| type === 'number' ? (\n <>\n {additionalControlIcon && (\n <Styled.InputControl\n {...additionalControlButtonProps}\n type='button'\n palette={palette}\n disabled={disabled}\n onClick={(evt) => {\n evt.stopPropagation()\n if (additionalControlButtonProps.onClick) {\n additionalControlButtonProps.onClick(evt)\n }\n }}\n >\n <Icon\n as='span'\n size={24}\n color='inherit'\n name={typeof additionalControlIcon === 'string' ? additionalControlIcon : undefined}\n icon={typeof additionalControlIcon !== 'string' ? additionalControlIcon : undefined}\n {...additionalControlIconProps}\n />\n </Styled.InputControl>\n )}\n {type === 'number' && (\n <Spacer display='flex' marginLeft={4}>\n <Styled.InputControl\n {...minusButtonProps}\n type='button'\n palette={palette}\n disabled={disabled \|\| minusDisabled}\n onClick={(evt) => {\n evt.stopPropagation()\n if (minusButtonProps.onClick) {\n minusButtonProps.onClick(evt)\n }\n\n try {\n if (ref.current) {\n const prev = ref.current.value\n ref.current.stepDown()\n\n const decremented = ref.current.value\n if (prev !== decremented) {\n const event = new Event('input', { bubbles: true })\n ref.current.dispatchEvent(event)\n }\n }\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error(err)\n }\n }}\n >\n {minus === undefined ? (\n <Icon\n as='span'\n size={24}\n color='inherit'\n name='minus'\n preset='brand'\n {...numberControlIconProps}\n />\n ) : (\n <Icon\n as='span'\n size={24}\n color='inherit'\n name={typeof minus === 'string' ? minus : undefined}\n icon={typeof minus !== 'string' ? minus : undefined}\n {...numberControlIconProps}\n />\n )}\n </Styled.InputControl>\n <Styled.InputControl\n {...plusButtonProps}\n type='button'\n palette={palette}\n disabled={disabled \|\| plusDisabled}\n onClick={(evt) => {\n evt.stopPropagation()\n if (plusButtonProps.onClick) {\n plusButtonProps.onClick(evt)\n }\n\n try {\n if (ref.current) {\n const prev = ref.current.value\n ref.current.stepUp()\n\n const incremented = ref.current.value\n if (prev !== incremented) {\n const event = new Event('input', { bubbles: true })\n ref.current.dispatchEvent(event)\n }\n }\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error(err)\n }\n }}\n >\n {plus === undefined ? (\n <Icon\n as='span'\n size={24}\n color='inherit'\n name='plus'\n preset='brand'\n {...numberControlIconProps}\n />\n ) : (\n <Icon\n as='span'\n size={24}\n color='inherit'\n name={typeof plus === 'string' ? plus : undefined}\n icon={typeof plus !== 'string' ? plus : undefined}\n {...numberControlIconProps}\n />\n )}\n </Styled.InputControl>\n </Spacer>\n )}\n </>\n ) : undefined\n }\n />\n )\n }),\n {\n sizes: SIZES,\n displayName: COMPONENT_NAME,\n }\n ),\n {\n Phone: InputPhone,\n }\n)\n\nexport { Input, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Input","Object","assign","withMergedProps","forwardRef","props","forwardedRef","_controls$additional","_controls$number","_ref","_ref2","theme","useTheme","size","mask","rounded","color","placeholderColor","width","defaultInputControlsWidth","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef","inputProps","_excluded","additionalControlIcon","additionalControlIconProps","buttonProps","additionalControlButtonProps","additional","numberControlIcon","numberControlIconProps","numberControlButtonProps","number","minus","plus","Array","isArray","minusButtonProps","plusButtonProps","ref","useRef","useImperativeHandle","current","hasInitValue","value","defaultValue","active","setActive","useState","hasValue","setHasValue","minusDisabled","setMinusDisabled","undefined","min","Infinity","initValue","parseFloat","initDefaultValue","minValue","Math","plusDisabled","setPlusDisabled","max","maxValue","_jsx","Styled.Root","input","FormInputLabel","_objectSpread","onClick","focus","onFocus","evt","target","currentTarget","onBlur","Styled.Input","onChange","currentValue","minValueReached","maxValueReached","stopPropagation","Boolean","_jsxs","_Fragment","children","Styled.InputControl","Icon","as","name","Spacer","display","prev","stepDown","event","Event","bubbles","dispatchEvent","err","console","stepUp","SIZES","displayName","Phone","InputPhone"],"mappings":"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"}

package/components/PopoverComponent/PopoverComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import t from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o}from'react';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{Badge as r}from'../Badge/Badge.js';import{Text as n}from'../Text/Text.js';import{Button as s}from'../Button/Button.js';import{Icon as a}from'../Icon/Icon.js';import'../Icon/icons.js';import{Skeleton as c}from'../Skeleton/Skeleton.js';import l from'./images/close.module.svg.js';import{SIZES_LANDSCAPE as p,SIZES as d}from'./constants.js';export{SIZES,SIZES_LANDSCAPE}from'./constants.js';import{Root as m,CloseButton as h,MediaLandscape as u,Media as g,Video as z,Container as b,Content as P,Header as f,Footer as S}from'./style.js';import{jsxs as v,jsx as j,Fragment as B}from'react/jsx-runtime';var C=["size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton"];var x='PopoverComponent';var y=i(o(((o,i)=>{var p,d;var{size:x="s",orientation:y="portrait",controlsDirection:w="row",badge:R={},captionProps:X={},titleProps:L={},contentProps:M={},closeButtonProps:I={},media:k={},controls:E={},sizeXXS:D,sizeXS:N,sizeS:U,sizeM:A,sizeL:F,sizeXL:T,loading:Z,caption:_,title:O,content:H,closeFn:V,palette:W,showCloseButton:q}=o,G=t(o,C);var J={size:x,sizeXXS:D,sizeXS:N,sizeS:U,sizeM:A,sizeL:F,sizeXL:T};var{badgeProps:K={}}=R;var{imgProps:Q={},videoProps:Y={}}=k;var{text:$,buttonProps:ee={}}=null!==(p=E.secondary)&&void 0!==p?p:{};var{text:te,buttonProps:oe={}}=null!==(d=E.primary)&&void 0!==d?d:{};return v(m,e(e(e({},G),J),{},{palette:W,orientation:y,controlsDirection:w,ref:i,children:[q&&j(h,e(e({},I),{},{onClick:e=>{'function'==typeof V&&V(),'function'==typeof I.onClick&&I.onClick(e)},palette:W,type:"button",children:j(a,{as:"span",icon:j(l,{}),size:24})})),'landscape'===y&&v(B,{children:[Z&&j(u,{children:j(g,{aspectRatio:"1:1",children:j(c,{})})}),!Z&&(Q.src||Y.src)&&j(u,{children:j(g,{aspectRatio:"1:1",children:Q.src?j("img",e({alt:""},Q)):j(z,e({controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0},Y))})})]}),v(b,{children:[v(P,{children:[(R.text||_||Z||q)&&j(f,{children:Z?j(c,{width:"20%",children:j(r,e(e({},J),{},{resetDefaultMargin:!0},K))}):v(B,{children:[R.text&&j(r,e(e(e({},J),{},{borderRadius:8,marginRight:12,resetDefaultMargin:!0},K),{},{children:R.text})),_&&j(n,e(e({as:"span",appearance:"caption",size:.9,sizeUnits:"em",color:"content-onmain-tertiary",weight:700},X),{},{children:_}))]})}),'portrait'===y&&v(B,{children:[Z&&j(g,{aspectRatio:"16:9",children:j(c,{})}),!Z&&(Q.src||Y.src)&&j(g,{aspectRatio:"16:9",children:Q.src?j("img",e({alt:""},Q)):j(z,e({controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0},Y))})]}),(O||H||Z)&&j("div",{children:v(B,Z?{children:[j(c,{borderRadius:4,marginBottom:.6,marginUnits:"em",children:j(n,e({appearance:"subheading",size:1.4,sizeUnits:"em"},L))}),j(c,{borderRadius:4,width:"70%",marginBottom:.4,marginUnits:"em",children:j(n,e({appearance:"body",size:"inherit"},M))}),j(c,{borderRadius:4,width:"50%",children:j(n,e({appearance:"body",size:"inherit"},M))})]}:{children:[O&&j(n,e(e({as:"h2",appearance:"subheading",size:1.4,color:"inherit",marginBottom:H?.4:void 0,sizeUnits:"em",marginUnits:"em"},L),{},{children:O})),H&&j(n,e(e({as:"p",appearance:"body",size:"inherit",color:"inherit"},M),{},{children:H}))]})})]}),($||te||Z)&&j(S,{children:Z?j(c,{width:"100%",children:j(s,e({preset:"brand"},J))}):v(B,{children:[$&&j(s,e(e(e({preset:"brand",black:!0,outline:!0,type:"button",marginRight:'row'===w?6:void 0,marginBottom:'column'===w?6:void 0},J),ee),{},{children:$})),te&&j(s,e(e(e({preset:"brand",black:!0,type:"button"},J),oe),{},{children:te}))]})})]})]}))})),{displayName:"PopoverComponent",sizes:e=>'landscape'===e.orientation?p:d});export{x as COMPONENT_NAME,y as PopoverComponent};
+import e from'@babel/runtime/helpers/objectSpread2';import t from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o}from'react';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{Badge as r}from'../Badge/Badge.js';import{Text as n}from'../Text/Text.js';import{Button as s}from'../Button/Button.js';import{Icon as a}from'../Icon/Icon.js';import'../Icon/icons.js';import{Skeleton as c}from'../Skeleton/Skeleton.js';import{SIZES_LANDSCAPE as l,SIZES as p}from'./constants.js';export{SIZES,SIZES_LANDSCAPE}from'./constants.js';import{Root as d,CloseButton as m,MediaLandscape as h,Media as u,Video as z,Container as b,Content as g,Header as P,Footer as f}from'./style.js';import{jsxs as S,jsx as v,Fragment as j}from'react/jsx-runtime';var B=["size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton"];var C='PopoverComponent';var x=i(o(((o,i)=>{var l,p;var{size:C="s",orientation:x="portrait",controlsDirection:y="row",badge:w={},captionProps:R={},titleProps:X={},contentProps:L={},closeButtonProps:M={},media:I={},controls:k={},sizeXXS:E,sizeXS:D,sizeS:N,sizeM:U,sizeL:A,sizeXL:F,loading:T,caption:Z,title:_,content:O,closeFn:H,palette:V,showCloseButton:W}=o,q=t(o,B);var G={size:C,sizeXXS:E,sizeXS:D,sizeS:N,sizeM:U,sizeL:A,sizeXL:F};var{badgeProps:J={}}=w;var{imgProps:K={},videoProps:Q={}}=I;var{text:Y,buttonProps:$={}}=null!==(l=k.secondary)&&void 0!==l?l:{};var{text:ee,buttonProps:te={}}=null!==(p=k.primary)&&void 0!==p?p:{};return S(d,e(e(e({},q),G),{},{palette:V,orientation:x,controlsDirection:y,ref:i,children:[W&&v(m,e(e({},M),{},{onClick:e=>{'function'==typeof H&&H(),'function'==typeof M.onClick&&M.onClick(e)},palette:V,type:"button",children:v(a,{as:"span",name:"close",size:24})})),'landscape'===x&&S(j,{children:[T&&v(h,{children:v(u,{aspectRatio:"1:1",children:v(c,{})})}),!T&&(K.src||Q.src)&&v(h,{children:v(u,{aspectRatio:"1:1",children:K.src?v("img",e({alt:""},K)):v(z,e({controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0},Q))})})]}),S(b,{children:[S(g,{children:[(w.text||Z||T||W)&&v(P,{children:T?v(c,{width:"20%",children:v(r,e(e({},G),{},{resetDefaultMargin:!0},J))}):S(j,{children:[w.text&&v(r,e(e(e({},G),{},{borderRadius:8,marginRight:12,resetDefaultMargin:!0},J),{},{children:w.text})),Z&&v(n,e(e({as:"span",appearance:"caption",size:.9,sizeUnits:"em",color:"content-onmain-tertiary",weight:700},R),{},{children:Z}))]})}),'portrait'===x&&S(j,{children:[T&&v(u,{aspectRatio:"16:9",children:v(c,{})}),!T&&(K.src||Q.src)&&v(u,{aspectRatio:"16:9",children:K.src?v("img",e({alt:""},K)):v(z,e({controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0},Q))})]}),(_||O||T)&&v("div",{children:S(j,T?{children:[v(c,{borderRadius:4,marginBottom:.6,marginUnits:"em",children:v(n,e({appearance:"subheading",size:1.4,sizeUnits:"em"},X))}),v(c,{borderRadius:4,width:"70%",marginBottom:.4,marginUnits:"em",children:v(n,e({appearance:"body",size:"inherit"},L))}),v(c,{borderRadius:4,width:"50%",children:v(n,e({appearance:"body",size:"inherit"},L))})]}:{children:[_&&v(n,e(e({as:"h2",appearance:"subheading",size:1.4,color:"inherit",marginBottom:O?.4:void 0,sizeUnits:"em",marginUnits:"em"},X),{},{children:_})),O&&v(n,e(e({as:"p",appearance:"body",size:"inherit",color:"inherit"},L),{},{children:O}))]})})]}),(Y||ee||T)&&v(f,{children:T?v(c,{width:"100%",children:v(s,e({preset:"brand"},G))}):S(j,{children:[Y&&v(s,e(e(e({preset:"brand",black:!0,outline:!0,type:"button",marginRight:'row'===y?6:void 0,marginBottom:'column'===y?6:void 0},G),$),{},{children:Y})),ee&&v(s,e(e(e({preset:"brand",black:!0,type:"button"},G),te),{},{children:ee}))]})})]})]}))})),{displayName:"PopoverComponent",sizes:e=>'landscape'===e.orientation?l:p});export{C as COMPONENT_NAME,x as PopoverComponent};
 //# sourceMappingURL=PopoverComponent.js.map

package/components/PopoverComponent/PopoverComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport Close from './images/close.module.svg'\nimport { SIZES, SIZES_LANDSCAPE } from './constants'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\n/*\n \n * Component accepts all \\<div\\> attributes.\n \n Responsive \"size\" props are supported.\n \n Exposed \"ref\" attached to root node.\n \n See full [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)\n \n /\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n PopoverComponentProps,\n HTMLDivElement\n>(\n forwardRef((props, ref) => {\n const {\n size = 's',\n orientation = 'portrait',\n controlsDirection = 'row',\n badge = {},\n captionProps = {},\n titleProps = {},\n contentProps = {},\n closeButtonProps = {},\n media = {},\n controls = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n loading,\n caption,\n title,\n content,\n closeFn,\n palette,\n showCloseButton,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const { badgeProps = {} } = badge\n\n const { imgProps = {}, videoProps = {} } = media\n\n const { text: secondaryButtonText, buttonProps: secondaryButtonProps = {} } = controls.secondary ?? {}\n\n const { text: primaryButtonText, buttonProps: primaryButtonProps = {} } = controls.primary ?? {}\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n palette={palette}\n orientation={orientation}\n controlsDirection={controlsDirection}\n ref={ref}\n >\n {showCloseButton && (\n <Styled.CloseButton\n {...closeButtonProps}\n onClick={(evt) => {\n if (typeof closeFn === 'function') closeFn()\n if (typeof closeButtonProps.onClick === 'function') closeButtonProps.onClick(evt)\n }}\n palette={palette}\n type='button'\n >\n <Icon as='span' icon={<Close />} size={24} />\n </Styled.CloseButton>\n )}\n {orientation === 'landscape' && (\n <>\n {loading && (\n <Styled.MediaLandscape>\n <Styled.Media aspectRatio='1:1'>\n <Skeleton />\n </Styled.Media>\n </Styled.MediaLandscape>\n )}\n {!loading && (imgProps.src \|\| videoProps.src) && (\n <Styled.MediaLandscape>\n <Styled.Media aspectRatio='1:1'>\n {imgProps.src ? (\n <img alt='' {...imgProps} />\n ) : (\n <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n )}\n </Styled.Media>\n </Styled.MediaLandscape>\n )}\n </>\n )}\n <Styled.Container>\n <Styled.Content>\n {(badge.text \|\| caption \|\| loading \|\| showCloseButton) && (\n <Styled.Header>\n {loading ? (\n <Skeleton width='20%'>\n <Badge {...sizeProps} resetDefaultMargin {...badgeProps} />\n </Skeleton>\n ) : (\n <>\n {badge.text && (\n <Badge {...sizeProps} borderRadius={8} marginRight={12} resetDefaultMargin {...badgeProps}>\n {badge.text}\n </Badge>\n )}\n {caption && (\n <Text\n as='span'\n appearance='caption'\n size={0.9}\n sizeUnits='em'\n color='content-onmain-tertiary'\n weight={700}\n {...captionProps}\n >\n {caption}\n </Text>\n )}\n </>\n )}\n </Styled.Header>\n )}\n {orientation === 'portrait' && (\n <>\n {loading && (\n <Styled.Media aspectRatio='16:9'>\n <Skeleton />\n </Styled.Media>\n )}\n {!loading && (imgProps.src \|\| videoProps.src) && (\n <Styled.Media aspectRatio='16:9'>\n {imgProps.src ? (\n <img alt='' {...imgProps} />\n ) : (\n <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n )}\n </Styled.Media>\n )}\n </>\n )}\n {(title \|\| content \|\| loading) && (\n <div>\n {loading ? (\n <>\n <Skeleton borderRadius={4} marginBottom={0.6} marginUnits='em'>\n <Text appearance='subheading' size={1.4} sizeUnits='em' {...titleProps} />\n </Skeleton>\n <Skeleton borderRadius={4} width='70%' marginBottom={0.4} marginUnits='em'>\n <Text appearance='body' size='inherit' {...contentProps} />\n </Skeleton>\n <Skeleton borderRadius={4} width='50%'>\n <Text appearance='body' size='inherit' {...contentProps} />\n </Skeleton>\n </>\n ) : (\n <>\n {title && (\n <Text\n as='h2'\n appearance='subheading'\n size={1.4}\n color='inherit'\n marginBottom={content ? 0.4 : undefined}\n sizeUnits='em'\n marginUnits='em'\n {...titleProps}\n >\n {title}\n </Text>\n )}\n {content && (\n <Text as='p' appearance='body' size='inherit' color='inherit' {...contentProps}>\n {content}\n </Text>\n )}\n </>\n )}\n </div>\n )}\n </Styled.Content>\n {(secondaryButtonText \|\| primaryButtonText \|\| loading) && (\n <Styled.Footer>\n {loading ? (\n <Skeleton width='100%'>\n <Button preset='brand' {...sizeProps} />\n </Skeleton>\n ) : (\n <>\n {secondaryButtonText && (\n <Button\n preset='brand'\n black\n outline\n type='button'\n marginRight={controlsDirection === 'row' ? 6 : undefined}\n marginBottom={controlsDirection === 'column' ? 6 : undefined}\n {...sizeProps}\n {...secondaryButtonProps}\n >\n {secondaryButtonText}\n </Button>\n )}\n {primaryButtonText && (\n <Button preset='brand' black type='button' {...sizeProps} {...primaryButtonProps}>\n {primaryButtonText}\n </Button>\n )}\n </>\n )}\n </Styled.Footer>\n )}\n </Styled.Container>\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n },\n }\n)\n\nexport { PopoverComponent }\n\nexport { COMPONENT_NAME, SIZES_LANDSCAPE, SIZES }\n"],"names":["COMPONENT_NAME","PopoverComponent","withMergedProps","forwardRef","props","ref","_controls$secondary","_controls$primary","size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton","restProps","_excluded","sizeProps","badgeProps","imgProps","videoProps","text","secondaryButtonText","buttonProps","secondaryButtonProps","secondary","primaryButtonText","primaryButtonProps","primary","_jsxs","Styled.Root","children","_jsx","Styled.CloseButton","onClick","evt","type","Icon","as","icon","Close","_Fragment","Styled.MediaLandscape","Styled.Media","aspectRatio","Skeleton","src","_objectSpread","alt","Styled.Video","controlsList","disablePictureInPicture","Styled.Container","Styled.Content","Styled.Header","width","Badge","resetDefaultMargin","borderRadius","marginRight","Text","appearance","sizeUnits","color","weight","marginBottom","marginUnits","Styled.Footer","Button","preset","black","outline","undefined","displayName","sizes","SIZES_LANDSCAPE","SIZES"],"mappings":"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"}
1	+ {"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_LANDSCAPE } from './constants'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\n/*\n \n * Component accepts all \\<div\\> attributes.\n \n Responsive \"size\" props are supported.\n \n Exposed \"ref\" attached to root node.\n \n See full [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)\n \n /\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n PopoverComponentProps,\n HTMLDivElement\n>(\n forwardRef((props, ref) => {\n const {\n size = 's',\n orientation = 'portrait',\n controlsDirection = 'row',\n badge = {},\n captionProps = {},\n titleProps = {},\n contentProps = {},\n closeButtonProps = {},\n media = {},\n controls = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n loading,\n caption,\n title,\n content,\n closeFn,\n palette,\n showCloseButton,\n ...restProps\n } = props\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const { badgeProps = {} } = badge\n\n const { imgProps = {}, videoProps = {} } = media\n\n const { text: secondaryButtonText, buttonProps: secondaryButtonProps = {} } = controls.secondary ?? {}\n\n const { text: primaryButtonText, buttonProps: primaryButtonProps = {} } = controls.primary ?? {}\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n palette={palette}\n orientation={orientation}\n controlsDirection={controlsDirection}\n ref={ref}\n >\n {showCloseButton && (\n <Styled.CloseButton\n {...closeButtonProps}\n onClick={(evt) => {\n if (typeof closeFn === 'function') closeFn()\n if (typeof closeButtonProps.onClick === 'function') closeButtonProps.onClick(evt)\n }}\n palette={palette}\n type='button'\n >\n <Icon as='span' name='close' size={24} />\n </Styled.CloseButton>\n )}\n {orientation === 'landscape' && (\n <>\n {loading && (\n <Styled.MediaLandscape>\n <Styled.Media aspectRatio='1:1'>\n <Skeleton />\n </Styled.Media>\n </Styled.MediaLandscape>\n )}\n {!loading && (imgProps.src \|\| videoProps.src) && (\n <Styled.MediaLandscape>\n <Styled.Media aspectRatio='1:1'>\n {imgProps.src ? (\n <img alt='' {...imgProps} />\n ) : (\n <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n )}\n </Styled.Media>\n </Styled.MediaLandscape>\n )}\n </>\n )}\n <Styled.Container>\n <Styled.Content>\n {(badge.text \|\| caption \|\| loading \|\| showCloseButton) && (\n <Styled.Header>\n {loading ? (\n <Skeleton width='20%'>\n <Badge {...sizeProps} resetDefaultMargin {...badgeProps} />\n </Skeleton>\n ) : (\n <>\n {badge.text && (\n <Badge {...sizeProps} borderRadius={8} marginRight={12} resetDefaultMargin {...badgeProps}>\n {badge.text}\n </Badge>\n )}\n {caption && (\n <Text\n as='span'\n appearance='caption'\n size={0.9}\n sizeUnits='em'\n color='content-onmain-tertiary'\n weight={700}\n {...captionProps}\n >\n {caption}\n </Text>\n )}\n </>\n )}\n </Styled.Header>\n )}\n {orientation === 'portrait' && (\n <>\n {loading && (\n <Styled.Media aspectRatio='16:9'>\n <Skeleton />\n </Styled.Media>\n )}\n {!loading && (imgProps.src \|\| videoProps.src) && (\n <Styled.Media aspectRatio='16:9'>\n {imgProps.src ? (\n <img alt='' {...imgProps} />\n ) : (\n <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n )}\n </Styled.Media>\n )}\n </>\n )}\n {(title \|\| content \|\| loading) && (\n <div>\n {loading ? (\n <>\n <Skeleton borderRadius={4} marginBottom={0.6} marginUnits='em'>\n <Text appearance='subheading' size={1.4} sizeUnits='em' {...titleProps} />\n </Skeleton>\n <Skeleton borderRadius={4} width='70%' marginBottom={0.4} marginUnits='em'>\n <Text appearance='body' size='inherit' {...contentProps} />\n </Skeleton>\n <Skeleton borderRadius={4} width='50%'>\n <Text appearance='body' size='inherit' {...contentProps} />\n </Skeleton>\n </>\n ) : (\n <>\n {title && (\n <Text\n as='h2'\n appearance='subheading'\n size={1.4}\n color='inherit'\n marginBottom={content ? 0.4 : undefined}\n sizeUnits='em'\n marginUnits='em'\n {...titleProps}\n >\n {title}\n </Text>\n )}\n {content && (\n <Text as='p' appearance='body' size='inherit' color='inherit' {...contentProps}>\n {content}\n </Text>\n )}\n </>\n )}\n </div>\n )}\n </Styled.Content>\n {(secondaryButtonText \|\| primaryButtonText \|\| loading) && (\n <Styled.Footer>\n {loading ? (\n <Skeleton width='100%'>\n <Button preset='brand' {...sizeProps} />\n </Skeleton>\n ) : (\n <>\n {secondaryButtonText && (\n <Button\n preset='brand'\n black\n outline\n type='button'\n marginRight={controlsDirection === 'row' ? 6 : undefined}\n marginBottom={controlsDirection === 'column' ? 6 : undefined}\n {...sizeProps}\n {...secondaryButtonProps}\n >\n {secondaryButtonText}\n </Button>\n )}\n {primaryButtonText && (\n <Button preset='brand' black type='button' {...sizeProps} {...primaryButtonProps}>\n {primaryButtonText}\n </Button>\n )}\n </>\n )}\n </Styled.Footer>\n )}\n </Styled.Container>\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n },\n }\n)\n\nexport { PopoverComponent }\n\nexport { COMPONENT_NAME, SIZES_LANDSCAPE, SIZES }\n"],"names":["COMPONENT_NAME","PopoverComponent","withMergedProps","forwardRef","props","ref","_controls$secondary","_controls$primary","size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton","restProps","_excluded","sizeProps","badgeProps","imgProps","videoProps","text","secondaryButtonText","buttonProps","secondaryButtonProps","secondary","primaryButtonText","primaryButtonProps","primary","_jsxs","Styled.Root","children","_jsx","Styled.CloseButton","onClick","evt","type","Icon","as","name","_Fragment","Styled.MediaLandscape","Styled.Media","aspectRatio","Skeleton","src","_objectSpread","alt","Styled.Video","controlsList","disablePictureInPicture","Styled.Container","Styled.Content","Styled.Header","width","Badge","resetDefaultMargin","borderRadius","marginRight","Text","appearance","sizeUnits","color","weight","marginBottom","marginUnits","undefined","Styled.Footer","Button","preset","black","outline","displayName","sizes","SIZES_LANDSCAPE","SIZES"],"mappings":"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"}

package/components/Skeleton/Skeleton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import{forwardRef as r,isValidElement as t,cloneElement as l}from'react';import{usePalette as o}from'../../hooks/usePalette.js';import{Root as s}from'./style.js';import{jsx as a,Fragment as i}from'react/jsx-runtime';var n=r(((r,n)=>{var c=o(r);return a(s,e(e({},r),{},{palette:c,ref:n,children:r.children?t(r.children)&&'object'==typeof r.children.props&&null!==r.children.props&&!r.children.props.children?l(r.children,{},a(i,{children:" "})):r.children:a(i,{children:" "})}))}));export{n as Skeleton};
+import e from'@babel/runtime/helpers/objectSpread2';import{forwardRef as r,isValidElement as t,cloneElement as l}from'react';import{useMergedPalette as o}from'../../hooks/useMergedPalette.js';import{Root as s}from'./style.js';import{jsx as a,Fragment as i}from'react/jsx-runtime';var n=r(((r,n)=>{var c=o(r);return a(s,e(e({},r),{},{palette:c,ref:n,children:r.children?t(r.children)&&'object'==typeof r.children.props&&null!==r.children.props&&!r.children.props.children?l(r.children,{},a(i,{children:" "})):r.children:a(i,{children:" "})}))}));export{n as Skeleton};
 //# sourceMappingURL=Skeleton.js.map

package/components/Skeleton/Skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.js","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { ~~usePalette~~ } from 'hooks/~~usePalette~~'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/*\n \n * Component accepts all \\<div\\> attributes.\n \n Responsive \"margin\" props are supported.\n \n Exposed \"ref\" attached to root node.\n \n See full [SkeletonProps](https://github.com/foxford/ui/blob/master/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n (props, ref) => {\n const palette = ~~usePalette~~(props)\n\n return (\n <Styled.Root {...props} palette={palette} ref={ref}>\n {!props.children ? (\n <> </>\n ) : isValidElement(props.children) &&\n typeof props.children.props === 'object' &&\n props.children.props !== null &&\n !props.children.props.children ? (\n cloneElement(props.children, {}, <> </>)\n ) : (\n props.children\n )}\n </Styled.Root>\n )\n }\n)\n\nexport { Skeleton }\n"],"names":["Skeleton","forwardRef","props","ref","palette","~~usePalette~~","_jsx","Styled.Root","children","isValidElement","cloneElement","_Fragment"],"mappings":"~~4QAeMA~~,IAAAA,EAA2DC,GAC/D,CAACC,EAAOC,KACN,IAAMC,EAAUC,~~EAAWH~~,~~GAE3B~~,OACEI,EAACC,SAAgBL,GAAjB,GAAA,CAAwBE,QAASA,EAASD,IAAKA,EAA/CK,SACIN,EAAMM,SAEJC,EAAeP,EAAMM,WACS,iBAAzBN,EAAMM,SAASN,OACG,OAAzBA,EAAMM,SAASN,QACdA,EAAMM,SAASN,MAAMM,SACtBE,EAAaR,EAAMM,SAAU,GAAIF,EAAAK,EAAA,CAAAH,SAAA,OAEjCN,EAAMM,SAPNF,EAAAK,EAAA,CAAAH,SAAA"}
1	+ {"version":3,"file":"Skeleton.js","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/*\n \n * Component accepts all \\<div\\> attributes.\n \n Responsive \"margin\" props are supported.\n \n Exposed \"ref\" attached to root node.\n \n See full [SkeletonProps](https://github.com/foxford/ui/blob/master/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n (props, ref) => {\n const palette = useMergedPalette(props)\n\n return (\n <Styled.Root {...props} palette={palette} ref={ref}>\n {!props.children ? (\n <> </>\n ) : isValidElement(props.children) &&\n typeof props.children.props === 'object' &&\n props.children.props !== null &&\n !props.children.props.children ? (\n cloneElement(props.children, {}, <> </>)\n ) : (\n props.children\n )}\n </Styled.Root>\n )\n }\n)\n\nexport { Skeleton }\n"],"names":["Skeleton","forwardRef","props","ref","palette","useMergedPalette","_jsx","Styled.Root","children","isValidElement","cloneElement","_Fragment"],"mappings":"wRAeMA,IAAAA,EAA2DC,GAC/D,CAACC,EAAOC,KACN,IAAMC,EAAUC,EAAiBH,GAEjC,OACEI,EAACC,SAAgBL,GAAjB,GAAA,CAAwBE,QAASA,EAASD,IAAKA,EAA/CK,SACIN,EAAMM,SAEJC,EAAeP,EAAMM,WACS,iBAAzBN,EAAMM,SAASN,OACG,OAAzBA,EAAMM,SAASN,QACdA,EAAMM,SAASN,MAAMM,SACtBE,EAAaR,EAAMM,SAAU,GAAIF,EAAAK,EAAA,CAAAH,SAAA,OAEjCN,EAAMM,SAPNF,EAAAK,EAAA,CAAAH,SAAA"}

package/components/TooltipComponent/TooltipComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import t from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as r}from'../../hocs/withMergedProps.js';import{Text as s}from'../Text/Text.js';import{Icon as i}from'../Icon/Icon.js';import'../Icon/icons.js';import n from'./images/close.module.svg.js';import{SIZES as m}from'./constants.js';export{SIZES}from'./constants.js';import{Root as p,CloseButton as a}from'./style.js';import{jsxs as c,jsx as l}from'react/jsx-runtime';var f=["size","titleProps","contentProps","closeButtonProps","title","content","footer","closeFn","showCloseButton"];var h='TooltipComponent';var d=r(e(((e,r)=>{var{size:m="s",titleProps:h={},contentProps:d={},closeButtonProps:j={},title:u,content:g,footer:v,closeFn:C,showCloseButton:P}=e,b=t(e,f);var x={appearance:'body',size:'inherit',color:'inherit'};return c(p,o(o({},b),{},{size:m,ref:r,children:[P&&l(a,o(o({},j),{},{type:"button",onClick:o=>{'function'==typeof C&&C(),j.onClick&&j.onClick(o)},children:l(i,{as:"span",icon:l(n,{}),size:16})})),u&&l(s,o(o(o({weight:700,marginRight:P?16:void 0,marginBottom:g||v?'0.3em':void 0},x),h),{},{children:u})),g&&l(s,o(o(o({marginRight:!u&&P?16:void 0,marginBottom:v?'0.2em':void 0},x),d),{},{children:g})),v]}))})),{sizes:m,displayName:"TooltipComponent"});export{h as COMPONENT_NAME,d as TooltipComponent};
+import o from'@babel/runtime/helpers/objectSpread2';import t from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as r}from'../../hocs/withMergedProps.js';import{Text as s}from'../Text/Text.js';import{Icon as i}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as n}from'./constants.js';export{SIZES}from'./constants.js';import{Root as a,CloseButton as m}from'./style.js';import{jsxs as p,jsx as c}from'react/jsx-runtime';var l=["size","titleProps","contentProps","closeButtonProps","title","content","footer","closeFn","showCloseButton"];var f='TooltipComponent';var h=r(e(((e,r)=>{var{size:n="s",titleProps:f={},contentProps:h={},closeButtonProps:d={},title:j,content:u,footer:C,closeFn:P,showCloseButton:g}=e,v=t(e,l);var b={appearance:'body',size:'inherit',color:'inherit'};return p(a,o(o({},v),{},{size:n,ref:r,children:[g&&c(m,o(o({},d),{},{type:"button",onClick:o=>{'function'==typeof P&&P(),d.onClick&&d.onClick(o)},children:c(i,{as:"span",name:"close",size:16})})),j&&c(s,o(o(o({weight:700,marginRight:g?16:void 0,marginBottom:u||C?'0.3em':void 0},b),f),{},{children:j})),u&&c(s,o(o(o({marginRight:!j&&g?16:void 0,marginBottom:C?'0.2em':void 0},b),h),{},{children:u})),C]}))})),{sizes:n,displayName:"TooltipComponent"});export{f as COMPONENT_NAME,h as TooltipComponent};
 //# sourceMappingURL=TooltipComponent.js.map

package/components/TooltipComponent/TooltipComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TooltipComponent.js","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport ~~Close from './images/close.module.svg'\nimport~~ { SIZES } from './constants'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\n/*\n \n * Component accepts all \\<div\\> attributes.\n \n Responsive \"size\" props are supported.\n \n Exposed \"ref\" attached to root node.\n \n See full [TooltipComponentProps](https://github.com/foxford/ui/blob/master/src/components/TooltipComponent/types.ts)\n */\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = withMergedProps<\n TooltipComponentProps,\n HTMLDivElement\n>(\n forwardRef((props, ref) => {\n const {\n size = 's',\n titleProps = {},\n contentProps = {},\n closeButtonProps = {},\n title,\n content,\n footer,\n closeFn,\n showCloseButton,\n ...restProps\n } = props\n\n const textProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n return (\n <Styled.Root {...restProps} size={size} ref={ref}>\n {showCloseButton && (\n <Styled.CloseButton\n {...closeButtonProps}\n type='button'\n onClick={(evt) => {\n if (typeof closeFn === 'function') closeFn()\n if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n }}\n >\n <Icon as='span' ~~icon~~=~~{<Close~~ ~~/>}~~ size={16} />\n </Styled.CloseButton>\n )}\n {title && (\n <Text\n weight={700}\n marginRight={showCloseButton ? 16 : undefined}\n marginBottom={content \|\| footer ? '0.3em' : undefined}\n {...textProps}\n {...titleProps}\n >\n {title}\n </Text>\n )}\n {content && (\n <Text\n marginRight={!title && showCloseButton ? 16 : undefined}\n marginBottom={footer ? '0.2em' : undefined}\n {...textProps}\n {...contentProps}\n >\n {content}\n </Text>\n )}\n {footer}\n </Styled.Root>\n )\n }),\n {\n sizes: SIZES,\n displayName: COMPONENT_NAME,\n }\n)\n\nexport { TooltipComponent }\n\nexport { COMPONENT_NAME, SIZES }\n"],"names":["COMPONENT_NAME","TooltipComponent","withMergedProps","forwardRef","props","ref","size","titleProps","contentProps","closeButtonProps","title","content","footer","closeFn","showCloseButton","restProps","_excluded","textProps","appearance","color","_jsxs","Styled.Root","children","_jsx","Styled.CloseButton","type","onClick","evt","Icon","as","~~icon~~","~~Close","~~Text","_objectSpread","weight","marginRight","~~marginBottom~~","~~undefined~~","sizes","SIZES","displayName"],"mappings":"~~2oBAUMA~~,IAAAA,EAAiB,mBAYjBC,IAAAA,EAA2EC,EAI/EC,~~GAAW~~,~~CAACC,~~EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,WAEJA,EAAa,GAFTC,aAGJA,EAAe,GAHXC,iBAIJA,EAAmB,GAJfC,MAKJA,EALIC,QAMJA,EANIC,OAOJA,EAPIC,QAQJA,EARIC,gBASJA,GAEEV,EADCW,IACDX,EAXJY,GAaA,IAAMC,EAAuB,CAAEC,WAAY,OAAQZ,KAAM,UAAWa,MAAO,WAE3E,OACEC,EAACC,SAAgBN,GAAjB,GAAA,CAA4BT,KAAMA,EAAMD,IAAKA,EAA7CiB,SAAA,CACGR,GACCS,EAACC,SACKf,GADN,GAAA,CAEEgB,KAAK,SACLC,QAAUC,IACe,mBAAZd,GAAwBA,IAC/BJ,EAAiBiB,SAASjB,EAAiBiB,QAAQC,IAL3DL,SAQEC,EAACK,EAAD,CAAMC,GAAG,OAAOC,~~KAAMP~~,~~EAACQ~~,~~EAAvB,IAAiCzB,~~KAAM,~~QAG1CI~~,GACCa,~~EAACS~~,EAADC,EAAAA,EAAAA,EAAA,CACEC,OAAQ,IACRC,~~YAAarB~~,EAAkB,~~QAAA~~,~~EAC/BsB~~,aAAczB,GAAWC,EAAS,~~aAAUyB~~,~~GACxCpB,~~GACAV,GALN,GAAA,CAAAe,SAOGZ,KAGJC,GACCY,~~EAACS~~,EAADC,EAAAA,EAAAA,EAAA,CACEE,~~aAAczB~~,GAASI,EAAkB,~~QAAKuB~~,~~EAC9CD~~,aAAcxB,EAAS,aAAA,GACnBK,GACAT,GAJN,GAAA,CAAAc,SAMGX,KAGJC,SAIP,~~CACE0B~~,MAAOC,EACPC,YAzEmB"}
1	+ {"version":3,"file":"TooltipComponent.js","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\n/*\n \n * Component accepts all \\<div\\> attributes.\n \n Responsive \"size\" props are supported.\n \n Exposed \"ref\" attached to root node.\n \n See full [TooltipComponentProps](https://github.com/foxford/ui/blob/master/src/components/TooltipComponent/types.ts)\n */\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = withMergedProps<\n TooltipComponentProps,\n HTMLDivElement\n>(\n forwardRef((props, ref) => {\n const {\n size = 's',\n titleProps = {},\n contentProps = {},\n closeButtonProps = {},\n title,\n content,\n footer,\n closeFn,\n showCloseButton,\n ...restProps\n } = props\n\n const textProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n return (\n <Styled.Root {...restProps} size={size} ref={ref}>\n {showCloseButton && (\n <Styled.CloseButton\n {...closeButtonProps}\n type='button'\n onClick={(evt) => {\n if (typeof closeFn === 'function') closeFn()\n if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n }}\n >\n <Icon as='span' name='close' size={16} />\n </Styled.CloseButton>\n )}\n {title && (\n <Text\n weight={700}\n marginRight={showCloseButton ? 16 : undefined}\n marginBottom={content \|\| footer ? '0.3em' : undefined}\n {...textProps}\n {...titleProps}\n >\n {title}\n </Text>\n )}\n {content && (\n <Text\n marginRight={!title && showCloseButton ? 16 : undefined}\n marginBottom={footer ? '0.2em' : undefined}\n {...textProps}\n {...contentProps}\n >\n {content}\n </Text>\n )}\n {footer}\n </Styled.Root>\n )\n }),\n {\n sizes: SIZES,\n displayName: COMPONENT_NAME,\n }\n)\n\nexport { TooltipComponent }\n\nexport { COMPONENT_NAME, SIZES }\n"],"names":["COMPONENT_NAME","TooltipComponent","withMergedProps","forwardRef","props","ref","size","titleProps","contentProps","closeButtonProps","title","content","footer","closeFn","showCloseButton","restProps","_excluded","textProps","appearance","color","_jsxs","Styled.Root","children","_jsx","Styled.CloseButton","type","onClick","evt","Icon","as","name","Text","_objectSpread","weight","marginRight","undefined","marginBottom","sizes","SIZES","displayName"],"mappings":"+lBASMA,IAAAA,EAAiB,mBAYjBC,IAAAA,EAA2EC,EAI/EC,IAAYC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,WAEJA,EAAa,GAFTC,aAGJA,EAAe,GAHXC,iBAIJA,EAAmB,GAJfC,MAKJA,EALIC,QAMJA,EANIC,OAOJA,EAPIC,QAQJA,EARIC,gBASJA,GAEEV,EADCW,IACDX,EAXJY,GAaA,IAAMC,EAAuB,CAAEC,WAAY,OAAQZ,KAAM,UAAWa,MAAO,WAE3E,OACEC,EAACC,SAAgBN,GAAjB,GAAA,CAA4BT,KAAMA,EAAMD,IAAKA,EAA7CiB,SAAA,CACGR,GACCS,EAACC,SACKf,GADN,GAAA,CAEEgB,KAAK,SACLC,QAAUC,IACe,mBAAZd,GAAwBA,IAC/BJ,EAAiBiB,SAASjB,EAAiBiB,QAAQC,IAL3DL,SAQEC,EAACK,EAAD,CAAMC,GAAG,OAAOC,KAAK,QAAQxB,KAAM,QAGtCI,GACCa,EAACQ,EAADC,EAAAA,EAAAA,EAAA,CACEC,OAAQ,IACRC,YAAapB,EAAkB,QAAKqB,EACpCC,aAAczB,GAAWC,EAAS,gBAC9BK,GACAV,GALN,GAAA,CAAAe,SAOGZ,KAGJC,GACCY,EAACQ,EAADC,EAAAA,EAAAA,EAAA,CACEE,aAAcxB,GAASI,EAAkB,QAAKqB,EAC9CC,aAAcxB,EAAS,aAAA,GACnBK,GACAT,GAJN,GAAA,CAAAc,SAMGX,KAGJC,SAIP,CACEyB,MAAOC,EACPC,YAzEmB"}