@loomhq/lens 10.102.1 → 10.102.2

package/dist/components/index.js

@@ -1,47 +0,0 @@
-export { default as Avatar } from './avatar/avatar';
-export { default as BaseStyles, buildGlobalStylesheet, } from './base-styles/base-styles';
-export { default as Button } from './button/button';
-export { default as Text } from './text/text';
-export { default as Spacer } from './spacer/spacer';
-export { default as Icon } from './icon/icon';
-export { default as TextInput } from './text-input/text-input';
-export { default as Distribute } from './distribute/distribute';
-export { default as Container } from './container/container';
-export { default as ErrorContainer } from './error-container/error-container';
-export { default as Layout } from './layout/layout';
-export { default as IconButton } from './icon-button/icon-button';
-export { IconButtonBox } from './icon-button/icon-button';
-export { default as Loader } from './loader/loader';
-export { default as Checkbox } from './checkbox/checkbox';
-export { default as TextButton } from './text-button/text-button';
-export { default as Select } from './select/select';
-export { default as Backdrop } from './backdrop/backdrop';
-export { default as Menu, MenuItem } from './menu/menu';
-export { default as Modal } from './modal/modal';
-export { ModalCard } from './modal/modal';
-export { default as Align } from './align/align';
-export { default as Link } from './link/link';
-export { default as Textarea } from './textarea/textarea';
-export { default as Dropdown } from './dropdown/dropdown';
-export { default as FormField } from './form-field/form-field';
-export { default as NotificationBar } from './notification-bar/notification-bar';
-export { default as Toast } from './toast/toast';
-export { default as Tooltip } from './tooltip/tooltip';
-export { TooltipBox } from './tooltip/tooltip';
-export { default as Switch } from './switch/switch';
-export { default as SkeletonText } from './skeleton-text/skeleton-text';
-export { default as Logo } from './logo/logo';
-export { default as LogoLoader } from './logo-loader/logo-loader';
-export { default as Radio } from './radio/radio';
-export { default as List } from './list/list';
-export { ListRow } from './list/list';
-export { default as Tabs } from './tabs/tabs';
-export { Tab } from './tabs/tabs';
-export { default as Pill } from './pill/pill';
-export { default as Popover } from './popover/popover';
-export { default as Illustration } from './illustration/illustration';
-export { default as Arrange } from './arrange/arrange';
-export { default as Split } from './split/split';
-export { SplitSection } from './split/split';
-export { default as ColorPicker } from './color-picker/color-picker';
-export { FolderPlus, PictureInPicture, SvgAccount, SvgAccountCircle, SvgActivity, SvgAdd, SvgAddAPhoto, SvgAddCircleOutline, SvgAddPhoto, SvgAlarmClock, SvgAlarmClockComplete, SvgAlertTriangle, SvgAlignBottom, SvgApple, SvgApps, SvgArchive, SvgArrowBack, SvgArrowDownward, SvgArrowDropDown, SvgArrowDropUp, SvgArrowForward, SvgArrowLeft, SvgArrowLeftAlt, SvgArrowRight, SvgArrowRightAlt, SvgArrowUpward, SvgAtMention, SvgAutoChapters, SvgAutoSummaries, SvgAutoTasks, SvgAutoTitles, SvgBack, SvgBack5, SvgBarChart, SvgBell, SvgBellOff, SvgBellRing, SvgBlur, SvgBook, SvgBorderColor, SvgBulb, SvgCallToAction, SvgCamBubble, SvgCamBubbleSmall, SvgCanvas, SvgCaretFolder, SvgCCOff, SvgCCOn, SvgChart, SvgCheck, SvgCheckCircle, SvgCheckCircleFill, SvgCheckCircleOutline, SvgChevronDown, SvgChevronLeft, SvgChevronRight, SvgChevronsLeft, SvgChevronSmallDown, SvgChevronSmallLeft, SvgChevronSmallRight, SvgChevronSmallUp, SvgChevronsRight, SvgChevronUp, SvgChrome, SvgChromeLogo, SvgClock, SvgClose, SvgCode, SvgCollapse, SvgCollapseReplies, SvgColorLens, SvgComment, SvgConfetti, SvgContactSupport, SvgCopy, SvgCreate, SvgCrop169, SvgCrop169Expanded, SvgCrop54, SvgCrop75, SvgCropExpanded169, SvgCut, SvgDelete, SvgDeleteForever, SvgDesktopMac, SvgDomain, SvgDownload, SvgEdgeLogo, SvgEdit, SvgEditBorder, SvgExitToApp, SvgExpand, SvgExpandReplies, SvgExtension, SvgExternalLink, SvgEye, SvgEyeOff, SvgFiberManualRecord, SvgFillerWordRemoval, SvgFirefoxLogo, SvgFirstPage, SvgFolder, SvgFolderPlus, SvgFolderShared, SvgForward, SvgForward5, SvgFrown, SvgFullscreen, SvgFullscreenExit, SvgGoogle, SvgGrid, SvgGroupAdd, SvgHelp, SvgHelpCircle, SvgHighlightOff, SvgHome, SvgImage, SvgImage1, SvgImage2, SvgImport, SvgInfo, SvgInfoFill, SvgInfoOutline, SvgKeyboardArrowDown, SvgKeyboardArrowLeft, SvgKeyboardArrowRight, SvgKeyboardArrowUp, SvgLaunch, SvgLightbulbOutline, SvgLink, SvgLinkedIn, SvgLinkOff, SvgList, SvgLocation, SvgLock, SvgLockFill, SvgLogOut, SvgMail, SvgMaximize, SvgMenu, SvgMenuHide, SvgMenuShow, SvgMic, SvgMicOff, SvgMinimize, SvgMinusCircle, SvgMobileDevices, SvgMoney, SvgMoon, SvgMoreHoriz, SvgMovieFilter, SvgMute, SvgNearMe, SvgNotes, SvgNotifications, SvgOfflineBolt, SvgOutlook, SvgPalette, SvgPause, SvgPeople, SvgPerson, SvgPhonelinkOff, SvgPhoneLinkOff, SvgPhotoSizeSelectActual, SvgPictureInPicture, SvgPin, SvgPinFill, SvgPlay, SvgPlayArrow, SvgPlayCircle, SvgPlayCircleFilled, SvgPlusCircle, SvgPower, SvgPresent, SvgPublicoff, SvgPublicOff, SvgPublicon, SvgPublicOn, SvgQuickEdit, SvgRecord, SvgRedo, SvgRefresh, SvgRemoveCircleOutline, SvgRemoveRedEye, SvgRepeat, SvgReplay, SvgReplay5, SvgReply, SvgReplyLeft, SvgReplyRight, SvgRewind, SvgRotateLeft, SvgSafariLogo, SvgSalesforce, SvgSalesforceBlk, SvgSchool, SvgScissors, SvgScreenCam, SvgSearch, SvgSend, SvgSentimentDissatisfied, SvgSentimentSatisfied, SvgSettings, SvgShare, SvgShowChart, SvgSilenceRemoval, SvgSkipBack, SvgSlack, SvgSmile, SvgSmileAlt, SvgSmileSelect, SvgSparkle, SvgSpeedFast, SvgSpeedMedium, SvgSpeedSlow, SvgSpeedXFast, SvgSpeedXSlow, SvgSplit, SvgStar, SvgStarOutline, SvgStop, SvgSun, SvgTagFaces, SvgTask, SvgText, SvgTimelineEditor, SvgTimer, SvgTouchApp, SvgTranscript, SvgTrash, SvgTrashForever, SvgTune, SvgUnarchive, SvgUndo, SvgUpload, SvgUser, SvgUsers, SvgUsersAdd, SvgVariables, SvgVerticalAlignBottom, SvgVideocam, SvgVideoCam, SvgVideocamOff, SvgVideoLibrary, SvgVideoOff, SvgViewList, SvgVolume1, SvgVolume2, SvgVolumeDown, SvgVolumeMute, SvgVolumeOff, SvgVolumeUp, SvgVolumeX, SvgWarningAlert, SvgWarningAmber, SvgWatchLater, SvgWatchLaterAdd, SvgWatchLaterAdded, SvgWatchLaterRemove, SvgWindows, SvgXCircle, SvgZap, SvgZapOutline, } from './icon/available-icons';

package/dist/components/layout/layout.js

@@ -1,48 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { Component } from 'react';
-import styled from '@emotion/styled';
-import { getSize, getAlignmentStyles } from '../../utilities';
-import { layoutDeprecatedWarning } from '../../console-messages';
-const alignments = {
-    start: 'flex-start',
-    center: 'center',
-    end: 'flex-end',
-};
-const LayoutWrapper = styled.div `
-  display: flex;
-  ${props => getAlignmentStyles(props.alignment, alignments)};
-
-  & > * + * {
-    ${props => props.gap && getSize('margin-left', props.gap)};
-  }
-`;
-const LayoutSectionWrapper = styled.div `
-  min-width: 0px;
-  flex-shrink: 0;
-  ${props => getSize('width', props.width)};
-  ${props => getSize('max-width', props.maxWidth)};
-  ${props => (props.width ? `flex-shrink: 0` : `flex: 1 1 0%`)};
-`;
-export const LayoutSection = (_a) => {
-    var { width, maxWidth, children } = _a, props = __rest(_a, ["width", "maxWidth", "children"]);
-    console.warn(layoutDeprecatedWarning);
-    return (React.createElement(LayoutSectionWrapper, Object.assign({ width: width, maxWidth: maxWidth }, props), children));
-};
-class Layout extends Component {
-    render() {
-        console.warn(layoutDeprecatedWarning);
-        return React.createElement(LayoutWrapper, Object.assign({}, this.props), this.props.children);
-    }
-}
-Layout.Section = LayoutSection;
-export default Layout;

package/dist/components/link/link.js

@@ -1,67 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import styled from '@emotion/styled';
-import { css } from '@emotion/core';
-import { getColorValue, getFocusRing } from '../../utilities';
-const variants = {
-    neutral: {
-        color: getColorValue('inherit'),
-        focusRing: getFocusRing(),
-    },
-    primary: {
-        color: getColorValue('primary'),
-        focusRing: getFocusRing(),
-    },
-};
-const statusStyles = {
-    enabled: css `
-    cursor: pointer;
-  `,
-    disabled: css `
-    pointer-events: none;
-    color: ${getColorValue('disabledContent')};
-  `,
-};
-const buttonStyles = {
-    isButton: css `
-    background: none;
-    border: none;
-    font: inherit;
-  `,
-};
-const LinkWrapper = styled.a `
-  ${props => !props.disabled && `color: ${variants[props.variant].color}`};
-  ${props => (props.disabled ? statusStyles.disabled : statusStyles.enabled)};
-  ${props => props.as === 'button' && buttonStyles.isButton};
-  border-radius: 0.28em;
-  box-shadow: 0 0 0 1px transparent;
-  text-decoration: underline;
-  text-underline-offset: 0.35em;
-  transition: 0.3s box-shadow;
-  &:focus,
-  &:focus-visible {
-    outline: 1px solid transparent;
-  }
-  &:focus-visible {
-    ${getFocusRing()};
-  }
-  &::-moz-focus-inner {
-    border: 0;
-  }
-`;
-const Link = (_a) => {
-    var { children, href, variant = 'primary', htmlTag = 'a', isDisabled } = _a, props = __rest(_a, ["children", "href", "variant", "htmlTag", "isDisabled"]);
-    return (React.createElement(LinkWrapper, Object.assign({ href: href, variant: variant, as: htmlTag, disabled: isDisabled }, props), children));
-};
-export const availableVariants = Object.keys(variants);
-export default Link;

package/dist/components/list/list.js

@@ -1,103 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { getRadius, getSize, getSizeValue, getColorValue, } from '../../utilities';
-import React from 'react';
-import { css } from '@emotion/core';
-import styled from '@emotion/styled';
-const ssrComment = `/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */`;
-const variantStyles = {
-    border: css `
-    .ListRowWrapper:last-child {
-      border-bottom: 1px solid ${getColorValue('border')};
-    }
-
-    .ListRowWrapper,
-    .ListRowWrapper:first-child ${ssrComment} {
-      border-top: 1px solid ${getColorValue('border')};
-    }
-  `,
-    stripe: css `
-    .ListRowWrapper {
-      &:nth-child(odd) ${ssrComment} {
-        background-color: ${getColorValue('backgroundSecondary')};
-      }
-    }
-
-    .ListRowWrapper {
-      ${getRadius('medium')};
-    }
-  `,
-    clear: css ``,
-};
-const ListWrapper = styled.div `
-  .ListRowWrapper {
-    grid-template-columns: ${props => props.columns && props.columns};
-    ${props => getSize('gap', props.gap)};
-  }
-
-  ${props => variantStyles[props.variant]};
-`;
-const ListRowWrapper = styled.div `
-  display: grid;
-  align-items: center;
-  text-decoration: none;
-  color: inherit;
-
-  ${props => getSize('height', props.height)};
-  ${props => getSize('min-height', props.minHeight)};
-  ${props => getSize('max-height', props.maxHeight)};
-  ${props => getSize('padding', props.padding)};
-  ${props => getSize('padding-top', props.paddingTop)};
-  ${props => getSize('padding-bottom', props.paddingBottom)};
-  ${props => getSize('padding-left', props.paddingLeft)};
-  ${props => getSize('padding-right', props.paddingRight)};
-
-  ${props => props.paddingY &&
-    `
-    ${getSize('padding-top', props.paddingY)}
-    ${getSize('padding-bottom', props.paddingY)}
-    `};
-
-  ${props => props.paddingX &&
-    `
-    ${getSize('padding-left', props.paddingX)}
-    ${getSize('padding-right', props.paddingX)}
-    `};
-
-  ${props => (props.onClick || props.href) && `cursor: pointer;`};
-
-  &.ListRowWrapper:nth-child(even),
-  &.ListRowWrapper:nth-child(odd) ${ssrComment} {
-    ${props => props.backgroundColor &&
-    `background-color: ${getColorValue(props.backgroundColor)}`};
-
-    &:hover {
-      ${props => (props.onClick || props.href) &&
-    `
-      background-color: ${getColorValue('backgroundHover')};
-      border-color: transparent;
-      ${getRadius('medium')};
-    `};
-    }
-  }
-`;
-export const ListRow = (_a) => {
-    var { children, htmlTag, className, backgroundColor, onClick, href } = _a, props = __rest(_a, ["children", "htmlTag", "className", "backgroundColor", "onClick", "href"]);
-    const classNameFromProp = className ? ` ${className}` : ``;
-    return (React.createElement(ListRowWrapper, Object.assign({ className: `ListRowWrapper${classNameFromProp}`, as: htmlTag, backgroundColor: backgroundColor, onClick: onClick, href: href }, props), children));
-};
-const formatColumns = columns => columns.map(columnValue => getSizeValue(columnValue)).join(' ');
-const List = (_a) => {
-    var { children, columns, gap, variant = 'stripe' } = _a, props = __rest(_a, ["children", "columns", "gap", "variant"]);
-    return (React.createElement(ListWrapper, Object.assign({ columns: columns && formatColumns(columns), gap: gap, variant: variant }, props), children));
-};
-export default List;

package/dist/components/loader/loader.js

@@ -1,79 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import styled from '@emotion/styled';
-import { keyframes } from '@emotion/core';
-import { getColorValue } from '../../utilities';
-const speed = 1;
-const dotsAmount = 8;
-const sizes = {
-    medium: {
-        totalSize: 24,
-    },
-    large: {
-        totalSize: 48,
-    },
-};
-const getDotSize = props => {
-    return sizes[props.size].totalSize / 6;
-};
-const getTotalSize = props => {
-    return sizes[props.size].totalSize;
-};
-const dotScale = keyframes `
-  50% {
-    transform: scale(1);
-  }
-`;
-const LoaderWrapper = styled.span `
-  display: inline-block;
-  vertical-align: middle;
-  height: ${props => getTotalSize(props)}px;
-  width: ${props => getTotalSize(props)}px;
-`;
-const Dots = styled.span `
-  display: grid;
-  grid-template-areas: 'stack';
-  height: 100%;
-  width: 100%;
-`;
-const DotWrapper = styled.span `
-  grid-area: stack;
-  place-self: center;
-  transform: rotate(${props => props.position * (360 / dotsAmount)}deg)
-    translateY(${props => getTotalSize(props) / 2 - getDotSize(props) / 2}px);
-
-  &:after {
-    content: '';
-    height: ${props => getDotSize(props)}px;
-    width: ${props => getDotSize(props)}px;
-    border-radius: ${props => getDotSize(props)}px;
-    background-color: ${props => getColorValue(props.color)};
-    display: block;
-    transform: scale(0.65);
-    animation: ${dotScale} ${speed}s
-      ${props => (props.position * speed) / dotsAmount}s ease-in-out infinite;
-  }
-`;
-const Dot = ({ position, color, size }) => (React.createElement(DotWrapper, { color: color, position: position, size: size }));
-const Loader = (_a) => {
-    var { color = 'body', size = 'medium' } = _a, props = __rest(_a, ["color", "size"]);
-    let i;
-    const dotsList = [];
-    for (i = 0; i < dotsAmount; i++) {
-        dotsList.push(React.createElement(Dot, { color: color, position: i, size: size, key: i }));
-    }
-    return (React.createElement(LoaderWrapper, Object.assign({ size: size }, props),
-        React.createElement(Dots, null, dotsList)));
-};
-export const availableSizes = Object.keys(sizes);
-export default Loader;

package/dist/components/logo/logo.js

@@ -1,113 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import { getSize, getColorValue } from '../../utilities';
-import styled from '@emotion/styled';
-const LoomAiGradientDef = (customId) => {
-    return (React.createElement("defs", null,
-        React.createElement("radialGradient", { id: `ai-logo-${customId}-gradient-1`, cx: "50%", cy: "50%", r: "100%", fx: "0%", fy: "0%" },
-            React.createElement("stop", { offset: "30%", stopColor: "#97ACFD" }),
-            React.createElement("stop", { offset: "33%", stopColor: "#B3B2F4" }),
-            React.createElement("stop", { offset: "43%", stopColor: "#DEB0E0" }),
-            React.createElement("stop", { offset: "50%", stopColor: "#DFC6E5" }),
-            React.createElement("stop", { offset: "72%", stopColor: "#6663F6" })),
-        React.createElement("radialGradient", { id: `ai-logo-${customId}-gradient-2`, r: "100%", fx: "40%", fy: "72%" },
-            React.createElement("stop", { offset: "20%", stopColor: "#615CF500" }),
-            React.createElement("stop", { offset: "32%", stopColor: "#615CF550" }),
-            React.createElement("stop", { offset: "48%", stopColor: "#6663F6" })),
-        React.createElement("radialGradient", { id: `ai-logo-${customId}-gradient-3`, r: "100%", fx: "0%", fy: "100%" },
-            React.createElement("stop", { offset: "25%", stopColor: "#6663F6" }),
-            React.createElement("stop", { offset: "38%", stopColor: "#6E68F450" }),
-            React.createElement("stop", { offset: "45%", stopColor: "#6E68F400" }))));
-};
-const symbolLogoPath = 'M30 15.4433C30 16.6091 29.0933 16.8581 27.9562 16.9301C22.5158 17.2323 16.7962 22.686 16.4795 28.112C16.422 29.2634 16.173 30.1702 15.0072 30.1702C13.8414 30.1702 13.578 29.2634 13.5205 28.0976C13.2038 22.686 7.48416 17.2323 2.05814 16.9301C0.906735 16.8581 0 16.6091 0 15.4433C0 14.2775 0.906735 14.043 2.05814 13.971C7.48416 13.6687 13.2038 7.65433 13.5205 2.22831C13.578 1.0769 13.827 0.170166 15.0072 0.170166C16.1874 0.170166 16.422 1.0769 16.4795 2.22831C16.7962 7.65433 22.5158 13.6687 27.9419 13.971C29.0933 14.043 30 14.2919 30 15.4433Z';
-const SymbolLogoSvg = (_a) => {
-    var { brand, symbolColor, customId, title } = _a, props = __rest(_a, ["brand", "symbolColor", "customId", "title"]);
-    switch (brand) {
-        case 'ai':
-            return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 31", fill: "none" }, props),
-                title && React.createElement("title", null, title),
-                !symbolColor ? (React.createElement(React.Fragment, null,
-                    LoomAiGradientDef(customId),
-                    [...Array(3)].map((_, i) => (React.createElement("path", { key: i, d: symbolLogoPath, fill: `url(#ai-logo-${customId}-gradient-${i + 1}` }))))) : (React.createElement("path", { d: symbolLogoPath, fill: getColorValue(symbolColor) }))));
-        default:
-            return (React.createElement("svg", Object.assign({ viewBox: "0 0 31 30", fill: "none" }, props),
-                title && React.createElement("title", null, title),
-                React.createElement("path", { d: "M30.01 13.43h-9.142l7.917-4.57-1.57-2.72-7.918 4.57 4.57-7.915-2.72-1.57-4.571 7.913V0h-3.142v9.139L8.863 1.225l-2.721 1.57 4.57 7.913L2.796 6.14 1.225 8.86l7.917 4.57H0v3.141h9.141l-7.916 4.57 1.57 2.72 7.918-4.57-4.571 7.915 2.72 1.57 4.572-7.914V30h3.142v-9.334l4.655 8.06 2.551-1.472-4.656-8.062 8.087 4.668 1.571-2.72-7.916-4.57h9.141v-3.14h.001zm-15.005 5.84a4.271 4.271 0 11-.001-8.542 4.271 4.271 0 01.001 8.542z", fill: symbolColor
-                        ? getColorValue(symbolColor)
-                        : getColorValue('primary') })));
-    }
-};
-const WordmarkLogoSvg = (_a) => {
-    var { brand, wordmarkColor, title } = _a, props = __rest(_a, ["brand", "wordmarkColor", "title"]);
-    switch (brand) {
-        case 'ai':
-            return (React.createElement("svg", Object.assign({ viewBox: "0 0 94 23", fill: wordmarkColor }, props),
-                title && React.createElement("title", null, title),
-                React.createElement("path", { d: "M4.12637 22.4624H0V0H4.12637V22.4624Z" }),
-                React.createElement("path", { d: "M13.3999 19.1737C15.4166 19.1737 17.2781 17.7155 17.2781 14.8301C17.2781 11.9448 15.4166 10.4866 13.3999 10.4866C11.3833 10.4866 9.52175 11.9448 9.52175 14.8301C9.52175 17.6845 11.3833 19.1737 13.3999 19.1737ZM13.3999 6.7325C17.9606 6.7325 21.4045 10.1143 21.4045 14.8301C21.4045 19.515 17.9606 22.9277 13.3999 22.9277C8.83919 22.9277 5.39538 19.515 5.39538 14.8301C5.39538 10.1143 8.83919 6.7325 13.3999 6.7325Z" }),
-                React.createElement("path", { d: "M29.7548 19.1737C31.7714 19.1737 33.6329 17.7155 33.6329 14.8301C33.6329 11.9448 31.7714 10.4866 29.7548 10.4866C27.7381 10.4866 25.8766 11.9448 25.8766 14.8301C25.8766 17.6845 27.7381 19.1737 29.7548 19.1737ZM29.7548 6.7325C34.3155 6.7325 37.7593 10.1143 37.7593 14.8301C37.7593 19.515 34.3155 22.9277 29.7548 22.9277C25.194 22.9277 21.7502 19.515 21.7502 14.8301C21.7502 10.1143 25.194 6.7325 29.7548 6.7325Z" }),
-                React.createElement("path", { d: "M43.1622 22.4624H39.0358V7.19788H42.976V9.05941C43.8137 7.57019 45.7683 6.76353 47.4437 6.76353C49.5224 6.76353 51.1978 7.66326 51.9734 9.30761C53.1834 7.44609 54.7967 6.76353 56.8134 6.76353C59.6367 6.76353 62.3359 8.46992 62.3359 12.5653V22.4624H58.3336V13.403C58.3336 11.7586 57.5269 10.5176 55.6344 10.5176C53.8659 10.5176 52.8111 11.8827 52.8111 13.5271V22.4624H48.7157V13.403C48.7157 11.7586 47.878 10.5176 46.0165 10.5176C44.2171 10.5176 43.1622 11.8517 43.1622 13.5271V22.4624Z" }),
-                React.createElement("path", { d: "M84.1324 22.4624L82.3019 17.4363H73.3666L71.5361 22.4624H67.0064L75.4453 0.46538H80.4093L88.7862 22.4624H84.1324ZM77.8342 5.21226L74.7937 13.5271H80.8747L77.8342 5.21226Z" }),
-                React.createElement("path", { d: "M94 22.4624H89.6565V0.46538H94V22.4624Z" })));
-        default:
-            return (React.createElement("svg", Object.assign({ viewBox: "0 0 62 23", fill: wordmarkColor }, props),
-                title && React.createElement("title", null, title),
-                React.createElement("path", { d: "M.109 21.973V.027h4.028v21.946H.109zM38.742 7.059h3.846v1.82c.818-1.456 2.727-2.244 4.362-2.244 2.03 0 3.665.88 4.422 2.485 1.18-1.82 2.756-2.485 4.725-2.485 2.756 0 5.39 1.667 5.39 5.668v9.67h-3.906v-8.851c0-1.607-.788-2.82-2.636-2.82-1.727 0-2.757 1.335-2.757 2.942v8.73h-3.997v-8.852c0-1.607-.817-2.82-2.635-2.82-1.757 0-2.787 1.305-2.787 2.942v8.73h-4.027V7.059zM13.24 22.405c-4.537 0-7.824-3.367-7.824-7.889 0-4.45 3.276-7.896 7.824-7.896 4.57 0 7.824 3.478 7.824 7.896 0 4.49-3.288 7.889-7.824 7.889zm0-12.135a4.25 4.25 0 00-4.244 4.247 4.25 4.25 0 004.244 4.247 4.25 4.25 0 004.243-4.247 4.25 4.25 0 00-4.243-4.247zM29.667 22.405c-4.538 0-7.824-3.367-7.824-7.889 0-4.45 3.276-7.896 7.824-7.896 4.57 0 7.824 3.478 7.824 7.896 0 4.49-3.29 7.889-7.824 7.889zm0-12.186a4.3 4.3 0 00-4.293 4.296 4.3 4.3 0 004.293 4.296 4.3 4.3 0 004.293-4.296 4.3 4.3 0 00-4.293-4.296z" })));
-    }
-};
-const combinedLogoPath = 'M100 7.76427C100 8.35691 99.539 8.48348 98.961 8.52007C96.1953 8.67371 93.2877 11.4461 93.1267 14.2045C93.0975 14.7898 92.9709 15.2508 92.3783 15.2508C91.7856 15.2508 91.6517 14.7898 91.6225 14.1972C91.4615 11.4461 88.5539 8.67371 85.7955 8.52007C85.2102 8.48348 84.7492 8.35691 84.7492 7.76427C84.7492 7.17162 85.2102 7.05237 85.7955 7.01578C88.5539 6.86213 91.4615 3.80464 91.6225 1.04628C91.6517 0.460948 91.7783 0 92.3783 0C92.9782 0 93.0975 0.460948 93.1267 1.04628C93.2877 3.80464 96.1953 6.86213 98.9537 7.01578C99.539 7.05237 100 7.17894 100 7.76427Z';
-const CombinedLogoSvg = (_a) => {
-    var { brand, wordmarkColor, symbolColor, customId, title } = _a, props = __rest(_a, ["brand", "wordmarkColor", "symbolColor", "customId", "title"]);
-    switch (brand) {
-        case 'ai':
-            return (React.createElement("svg", Object.assign({ viewBox: "0 0 100 30", fill: "none" }, props),
-                title && React.createElement("title", null, title),
-                !symbolColor ? (React.createElement(React.Fragment, null,
-                    LoomAiGradientDef(customId),
-                    [...Array(3)].map((_, i) => (React.createElement("path", { key: i, d: combinedLogoPath, fill: `url(#ai-logo-${customId}-gradient-${i + 1}` }))))) : (React.createElement("path", { d: combinedLogoPath, fill: getColorValue(symbolColor) })),
-                React.createElement("g", { fill: wordmarkColor },
-                    React.createElement("path", { d: "M4.1997 29.5909H0.570312V9.83386H4.1997V29.5909Z" }),
-                    React.createElement("path", { d: "M12.3563 26.6983C14.1301 26.6983 15.7674 25.4157 15.7674 22.8778C15.7674 20.34 14.1301 19.0574 12.3563 19.0574C10.5826 19.0574 8.94526 20.34 8.94526 22.8778C8.94526 25.3884 10.5826 26.6983 12.3563 26.6983ZM12.3563 15.7555C16.3678 15.7555 19.3968 18.73 19.3968 22.8778C19.3968 26.9984 16.3678 30.0002 12.3563 30.0002C8.34491 30.0002 5.31587 26.9984 5.31587 22.8778C5.31587 18.73 8.34491 15.7555 12.3563 15.7555Z" }),
-                    React.createElement("path", { d: "M26.7414 26.6983C28.5152 26.6983 30.1525 25.4157 30.1525 22.8778C30.1525 20.34 28.5152 19.0574 26.7414 19.0574C24.9676 19.0574 23.3303 20.34 23.3303 22.8778C23.3303 25.3884 24.9676 26.6983 26.7414 26.6983ZM26.7414 15.7555C30.7528 15.7555 33.7819 18.73 33.7819 22.8778C33.7819 26.9984 30.7528 30.0002 26.7414 30.0002C22.73 30.0002 19.7009 26.9984 19.7009 22.8778C19.7009 18.73 22.73 15.7555 26.7414 15.7555Z" }),
-                    React.createElement("path", { d: "M38.534 29.5909H34.9047V16.1648H38.3703V17.8022C39.1071 16.4923 40.8263 15.7828 42.2999 15.7828C44.1282 15.7828 45.6018 16.5742 46.284 18.0205C47.3483 16.3831 48.7673 15.7828 50.5411 15.7828C53.0243 15.7828 55.3984 17.2837 55.3984 20.8858V29.5909H51.8782V21.6226C51.8782 20.1763 51.1687 19.0847 49.5041 19.0847C47.9486 19.0847 47.0208 20.2854 47.0208 21.7317V29.5909H43.4187V21.6226C43.4187 20.1763 42.6819 19.0847 41.0446 19.0847C39.4619 19.0847 38.534 20.2581 38.534 21.7317V29.5909Z" }),
-                    React.createElement("path", { d: "M74.5698 29.5909L72.9598 25.1701H65.1006L63.4906 29.5909H59.5064L66.929 10.2432H71.2951L78.6631 29.5909H74.5698ZM69.0302 14.4184L66.3559 21.7317H71.7045L69.0302 14.4184Z" }),
-                    React.createElement("path", { d: "M83.249 29.5909H79.4285V10.2432H83.249V29.5909Z" }))));
-        default:
-            return (React.createElement("svg", Object.assign({ viewBox: "0 0 100 30", fill: "none" }, props),
-                title && React.createElement("title", null, title),
-                React.createElement("path", { d: "M30.01 13.43h-9.142l7.917-4.57-1.57-2.72-7.918 4.57 4.57-7.915-2.72-1.57-4.571 7.913V0h-3.142v9.139L8.863 1.225l-2.721 1.57 4.57 7.913L2.796 6.14 1.225 8.86l7.917 4.57H0v3.141h9.141l-7.916 4.57 1.57 2.72 7.918-4.57-4.571 7.915 2.72 1.57 4.572-7.914V30h3.142v-9.334l4.655 8.06 2.551-1.472-4.656-8.062 8.087 4.668 1.571-2.72-7.916-4.57h9.141v-3.14h.001zm-15.005 5.84a4.271 4.271 0 11-.001-8.542 4.271 4.271 0 01.001 8.542z", fill: symbolColor
-                        ? getColorValue(symbolColor)
-                        : getColorValue('primary') }),
-                React.createElement("path", { d: "M38.109 25.973V4.027h4.028v21.946h-4.028zM76.742 11.059h3.846v1.82c.818-1.455 2.727-2.244 4.362-2.244 2.03 0 3.665.88 4.422 2.485 1.18-1.82 2.756-2.485 4.725-2.485 2.756 0 5.39 1.667 5.39 5.668v9.67h-3.906v-8.851c0-1.607-.788-2.82-2.636-2.82-1.727 0-2.757 1.335-2.757 2.942v8.73h-3.996v-8.852c0-1.607-.818-2.82-2.636-2.82-1.757 0-2.787 1.305-2.787 2.942v8.73h-4.027V11.059zM51.24 26.405c-4.538 0-7.824-3.367-7.824-7.889 0-4.45 3.276-7.896 7.824-7.896 4.57 0 7.824 3.478 7.824 7.896 0 4.49-3.288 7.889-7.824 7.889zm0-12.135a4.25 4.25 0 00-4.244 4.247 4.25 4.25 0 004.244 4.247 4.25 4.25 0 004.243-4.247 4.25 4.25 0 00-4.243-4.247zM67.667 26.405c-4.538 0-7.824-3.367-7.824-7.889 0-4.45 3.276-7.896 7.824-7.896 4.57 0 7.824 3.478 7.824 7.896 0 4.49-3.29 7.889-7.824 7.889zm0-12.186a4.3 4.3 0 00-4.293 4.296 4.3 4.3 0 004.293 4.296 4.3 4.3 0 004.293-4.296 4.3 4.3 0 00-4.293-4.296z", fill: wordmarkColor })));
-    }
-};
-const LogoWrapper = styled.span `
-  display: block;
-  ${props => props.maxWidth && getSize('max-width', props.maxWidth)};
-
-  & > svg.lns-logoSvg {
-    display: block;
-    width: 100%;
-    height: 100%;
-    ${props => props.maxWidth && getSize('max-width', props.maxWidth)};
-  }
-`;
-const Logo = (_a) => {
-    var { variant = 'combined', maxWidth, symbolColor, wordmarkColor = 'body', brand = 'loom', customId = '', title = '' } = _a, props = __rest(_a, ["variant", "maxWidth", "symbolColor", "wordmarkColor", "brand", "customId", "title"]);
-    return (React.createElement(LogoWrapper, Object.assign({ variant: variant, maxWidth: maxWidth }, props),
-        variant === 'combined' && (React.createElement(CombinedLogoSvg, { brand: brand, symbolColor: symbolColor, wordmarkColor: getColorValue(wordmarkColor), customId: customId, className: "lns-logoSvg", title: title })),
-        variant === 'symbol' && (React.createElement(SymbolLogoSvg, { brand: brand, symbolColor: symbolColor, customId: customId, className: "lns-logoSvg", title: title })),
-        variant === 'wordmark' && (React.createElement(WordmarkLogoSvg, { brand: brand, wordmarkColor: getColorValue(wordmarkColor), className: "lns-logoSvg", title: title }))));
-};
-export const availableVariants = ['combined', 'symbol', 'wordmark'];
-export default Logo;

package/dist/components/logo-loader/logo-loader.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import styled from '@emotion/styled';
-import { LENS_CDN } from '../../constants/routes';
-const sizeToPx = {
-    small: '40px',
-    medium: '80px',
-};
-const LogoLoaderWrapper = styled.span `
-  animation: ${props => props.animation};
-  background-image: url(${LENS_CDN}/${props => props.brand}-loader.svg);
-  background-size: cover;
-  background-position: left center;
-  display: block;
-  height: ${props => sizeToPx[props.size]};
-  width: ${props => sizeToPx[props.size]};
-
-  @keyframes spin {
-    100% {
-      background-position: right center;
-    }
-  }
-`;
-const LogoLoader = ({ animation = 'spin 2s infinite steps(49) forwards', brand = 'loom', size = 'medium', }) => {
-    return React.createElement(LogoLoaderWrapper, { animation: animation, brand: brand, size: size });
-};
-export default LogoLoader;

package/dist/components/menu/menu.js

@@ -1,82 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { getColorValue, getRadius, getShadow, getSize, u, } from '../../utilities';
-import Icon from '../icon/icon';
-import React from 'react';
-import { SvgCheck } from '../icon/available-icons';
-import Text from '../text/text';
-import styled from '@emotion/styled';
-export const menuPositions = {
-    left: 'bottom-start',
-    right: 'bottom-end',
-    ['topLeft']: 'top-start',
-    ['topRight']: 'top-end',
-};
-const MenuWrapper = styled.ul `
-  background-color: ${getColorValue('overlay')};
-  list-style: none;
-  padding: ${u(1.5)};
-  margin: 0;
-  ${props => getSize('min-width', props.minWidth)};
-  ${props => getSize('max-width', props.maxWidth)};
-  ${props => getSize('max-height', props.maxHeight)};
-  z-index: ${props => props.zIndex};
-  overflow: auto;
-  border: 1px solid ${getColorValue('border')};
-  ${getShadow('medium')};
-  ${getRadius('large')};
-`;
-const MenuItemWrapper = styled.li `
-  display: ${({ hidden }) => (hidden ? 'none' : 'grid')};
-  grid-auto-flow: column;
-  grid-template-columns: ${props => props.columns};
-  ${getSize('grid-gap', 'small')};
-  ${getRadius('xlarge')};
-  align-items: center;
-  min-height: ${u(5)};
-  padding: 0 ${u(2)};
-  cursor: ${props => (props.isDisabled ? 'default' : 'pointer')};
-  ${props => props.isHighlighted &&
-    !props.isDisabled &&
-    `
-    background-color: ${getColorValue('backgroundHover')};
-  `};
-  ${props => props.hasDivider &&
-    `
-    position: relative;
-    margin-top: ${u(3)};
-    &:before {
-      content: '';
-      border-top: 1px solid ${getColorValue('border')};
-      position: absolute;
-      top: ${u(-1.5)};
-      left: ${u(-1.5)};
-      width: calc(100% + ${u(3)});
-    }
-  `};
-`;
-export const MenuItem = (_a) => {
-    var { isDisabled, isHighlighted, isSelected, icon, hasDivider, children } = _a, props = __rest(_a, ["isDisabled", "isHighlighted", "isSelected", "icon", "hasDivider", "children"]);
-    const checkColumn = isSelected ? 'auto' : '';
-    const iconColumn = icon ? 'auto' : '';
-    const columns = `${iconColumn} 1fr ${checkColumn}`;
-    const color = isDisabled ? 'disabledContent' : undefined;
-    return (React.createElement(MenuItemWrapper, Object.assign({ isHighlighted: isHighlighted, isDisabled: isDisabled, columns: columns, hasDivider: hasDivider }, props),
-        icon && React.createElement(Icon, { icon: icon, color: color }),
-        React.createElement(Text, { color: color, hasEllipsis: true }, children),
-        isSelected && React.createElement(Icon, { icon: React.createElement(SvgCheck, null), color: color })));
-};
-const Menu = (_a) => {
-    var { position, zIndex, minWidth, maxWidth, maxHeight, children, downshiftMenuProps = () => null } = _a, props = __rest(_a, ["position", "zIndex", "minWidth", "maxWidth", "maxHeight", "children", "downshiftMenuProps"]);
-    return (React.createElement(MenuWrapper, Object.assign({ zIndex: zIndex, position: position, minWidth: minWidth, maxWidth: maxWidth, maxHeight: maxHeight }, downshiftMenuProps(), props), children));
-};
-export default Menu;