@loomhq/lens 10.102.1 → 10.102.2

package/dist/illustrations/share-with-your-team.js

@@ -1,11 +0,0 @@
-import * as React from 'react';
-function IllustrationSharewithYourTeamTeamLibrary(props) {
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 100 100", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("g", { clipPath: "url(#Share_with_Your_Team_(Team_Library)_svg__clip0)", fill: "currentColor" },
-            React.createElement("path", { d: "M33.33 24.946V8.384L24.946 0v24.946H0l8.384 8.384H33.33v-8.384zM58.286 33.33h8.385V8.384L58.286 0v24.946H33.331l8.394 8.384h16.561z" }),
-            React.createElement("path", { d: "M100 8.384L91.614 0v24.946H66.67l8.385 8.384H100V8.384zM33.33 58.286V41.724l-8.384-8.394v24.956H0l8.384 8.384H33.33v-8.384zM33.33 58.286l8.395 8.384H66.67V41.724l-8.385-8.394v24.956H33.331zM66.67 58.286l8.384 8.384H100V41.724l-8.385-8.394v24.956H66.67zM24.946 66.67v24.946H0L8.384 100H33.33V75.054l-8.384-8.384zM58.286 66.67v24.946H33.331L41.725 100H66.67V75.054l-8.385-8.384zM66.67 91.616L75.053 100h24.945V75.054l-8.384-8.384v24.946H66.67z" })),
-        React.createElement("defs", null,
-            React.createElement("clipPath", { id: "Share_with_Your_Team_(Team_Library)_svg__clip0" },
-                React.createElement("path", { fill: "#fff", d: "M0 0h100v100H0z" })))));
-}
-export default IllustrationSharewithYourTeamTeamLibrary;

package/dist/illustrations/share.js

@@ -1,8 +0,0 @@
-import * as React from 'react';
-function IllustrationShare(props) {
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M34.27 50.002v15.73H50c-8.69 0-15.73-7.04-15.73-15.73zM65.73 50.002v-15.73H50c8.69 0 15.73 7.04 15.73 15.73zM50 34.272H34.27v15.73c0-8.69 7.04-15.73 15.73-15.73z", fill: "currentColor" }),
-        React.createElement("path", { d: "M50 65.732h15.73v-15.73c0 8.69-7.04 15.73-15.73 15.73z", fill: "currentColor" }),
-        React.createElement("path", { d: "M0 .002v100h100v-100H0zm81.46 10c3.48 1.79 6.2 4.84 7.57 8.54h-7.57v-8.54zm-15.73 0c6.1 0 11.38 3.47 13.99 8.54H65.73v-8.54zm-15.73 0c6.1 0 11.38 3.47 13.99 8.54H36.01c2.61-5.07 7.89-8.54 13.99-8.54zm-15.73 0v8.54H20.28c2.61-5.07 7.89-8.54 13.99-8.54zm-15.73 80c-3.48-1.79-6.2-4.84-7.57-8.54h7.57v8.54zm0-10.28c-5.07-2.61-8.54-7.89-8.54-13.99h8.54v13.99zm0-15.73c-5.07-2.61-8.54-7.89-8.54-13.99 0-6.1 3.47-11.38 8.54-13.99v27.98zm0-29.72H10c0-6.1 3.47-11.38 8.54-13.99v13.99zm0-15.73h-7.57c1.37-3.7 4.09-6.75 7.57-8.54v8.54zm62.92 71.46v-8.54h7.57c-1.37 3.7-4.09 6.75-7.57 8.54zm0-10.28v-13.99H90c0 6.1-3.47 11.38-8.54 13.99zm0-29.72v-13.99c5.07 2.61 8.54 7.89 8.54 13.99 0 6.1-3.47 11.38-8.54 13.99v-13.99c0 8.69-7.04 15.73-15.73 15.73h15.73c0 8.69-7.04 15.73-15.73 15.73h13.99c-2.61 5.07-7.89 8.54-13.99 8.54v-8.54-15.73c0 8.69-7.04 15.73-15.73 15.73h13.99c-2.61 5.07-7.89 8.54-13.99 8.54-6.1 0-11.38-3.47-13.99-8.54H50c-8.69 0-15.73-7.04-15.73-15.73v24.27c-6.1 0-11.38-3.47-13.99-8.54h13.99c-8.69 0-15.73-7.04-15.73-15.73h15.73c-8.69 0-15.73-7.04-15.73-15.73 0-8.69 7.04-15.73 15.73-15.73H18.54c0-8.69 7.04-15.73 15.73-15.73v15.73c0-8.69 7.04-15.73 15.73-15.73 8.69 0 15.73 7.04 15.73 15.73v-15.73c8.69 0 15.73 7.04 15.73 15.73v-13.99c5.07 2.61 8.54 7.89 8.54 13.99H65.73c8.69 0 15.73 7.04 15.73 15.73z", fill: "currentColor" })));
-}
-export default IllustrationShare;

package/dist/illustrations/starred.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function IllustrationStarred(props) {
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 101 101", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M38.963 0C17.45 0 0 18.136 0 40.495v8.507h9.444C30.967 49.002 48 30.41 48 8.05V.002L38.963 0zM100.002 38.965c0-21.513-18.136-38.963-40.495-38.963H51v9.444c0 21.523 18.592 38.556 40.951 38.556H100l.002-9.037zM61.039 100.004c21.513 0 38.963-18.136 38.963-40.495v-8.507h-9.444c-21.523 0-38.556 18.592-38.556 40.951v8.049l9.037.002zM0 61.039c0 21.513 18.136 38.963 40.495 38.963h8.507v-9.444c0-21.523-18.592-38.556-40.952-38.556H.002L0 61.039z", fill: "currentColor" })));
-}
-export default IllustrationStarred;

package/dist/illustrations/starter-plus-plan.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function IllustrationStarterPlusPlan(props) {
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 100 100", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M55.666 3h15.333v15.333H55.666V3zm-3 18.333V0h21.333v21.333H52.666zM70.999 29H55.666v15.333h15.333V29zm-18.333-3v21.333h21.333V26H52.666zm-5.333 26.667H0V100h47.333V52.667zm52.666 0H52.666V100h47.333V52.667zM97 29H81.668v15.333H97V29zm-18.332-3v21.333H100V26H78.666zm3-10.333h2.666v2.666h-2.666v-2.666zm-3 5.666v-8.666h8.666v8.666h-8.666zM84.332 3h-2.666v2.667h2.666V3zm-5.666-3v8.667h8.666V0h-8.666zm15.667 15.667h2.667v2.666h-2.667v-2.666zm-3 5.666v-8.666h8.667v8.666h-8.667zM97.001 3h-2.667v2.667h2.667V3zm-5.667-3v8.667h8.667V0h-8.667zm-44 0H0v47.333h47.333V0z", fill: "currentColor" })));
-}
-export default IllustrationStarterPlusPlan;

package/dist/illustrations/strong-upload-speed.js

@@ -1,7 +0,0 @@
-import * as React from 'react';
-function IllustrationStrongUploadSpeed(props) {
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 111 110", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M.223 57.064l-.208-.356a55.069 55.069 0 002.244 13.991l44.404-40.904-46.44 27.27zM3.27 73.804C10.953 94.924 31.208 110 55 110c23.926 0 44.285-15.269 51.865-36.582l-51.582-47.53L3.27 73.804zm88.867-9.358v24.36L64.838 63.584v39.003a1.49 1.49 0 01-1.486 1.486H47.287a1.49 1.49 0 01-1.486-1.486V63.585l-27.388 25.22V64.446l36.914-33.983 36.81 33.983zM107.861 70.299a54.916 54.916 0 002.125-13.442L63.873 29.78 107.861 70.3zM63.115 25.873l46.886 27.537c-.148-5.228-1.01-10.293-2.526-15.06l-44.36-12.477zM2.482 38.543C.966 43.356.119 48.465 0 53.753l47.436-27.864L2.482 38.543z", fill: "currentColor" }),
-        React.createElement("path", { d: "M106.241 34.934C98.216 14.482 78.302 0 55.001 0 31.625 0 11.68 14.57 3.7 35.112l51.582-14.511 50.958 14.333z", fill: "currentColor" })));
-}
-export default IllustrationStrongUploadSpeed;

package/dist/illustrations/troubleshooting.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-function IllustrationTroubleshooting(props) {
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 110 110", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M5 55h99.984c0 27.61-22.375 50-50 50S5 82.61 5 55z", fill: "currentColor", stroke: "currentColor", strokeWidth: 10, strokeMiterlimit: 10 }),
-        React.createElement("path", { d: "M55 105c27.614 0 50-22.386 50-50S82.614 5 55 5 5 27.386 5 55s22.386 50 50 50z", stroke: "currentColor", strokeWidth: 10, strokeMiterlimit: 10 }),
-        React.createElement("path", { d: "M23.534 55C23.534 37.62 37.62 23.534 55 23.534c17.382 0 31.466 14.085 31.466 31.466", stroke: "currentColor", strokeWidth: 10, strokeMiterlimit: 10 }),
-        React.createElement("path", { d: "M42.053 55c0-7.138 5.794-12.932 12.932-12.932 7.138 0 12.932 5.794 12.932 12.932", stroke: "currentColor", strokeWidth: 10, strokeMiterlimit: 10 })));
-}
-export default IllustrationTroubleshooting;

package/dist/illustrations/upgrade.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function IllustrationUpgrade(props) {
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 100 100", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M100 100H0V0h100v100zM67.146 64.937L89.837 90H10.163l22.691-25.063H10.163L36.04 46.705H10.163L38.196 33.03H10.163l25.895-9.357H10.163l23.902-6.477H10.163L50 10l39.837 7.197H65.935l23.902 6.477H63.942l25.895 9.357H61.804l28.033 13.674H63.96l25.877 18.232H67.146z", fill: "currentColor" })));
-}
-export default IllustrationUpgrade;

package/dist/illustrations/upload-drag-and-drop.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function IllustrationUploadDragAndDrop(props) {
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 100 100", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M100 38.086V0H61.914v9.93h21.132L54.963 38.013V16.88h-9.93v21.132L16.951 9.93h21.135V0H0v38.086h9.93V16.951l28.083 28.082H16.88v9.93h21.132L9.93 83.046V61.914H0V100h38.086v-9.93H16.951l28.082-28.086v21.135h9.93V61.984L83.046 90.07H61.914V100H100V61.914h-9.93v21.132L61.987 54.963H83.12v-9.93H61.987L90.07 16.951v21.135H100z", fill: "currentColor" })));
-}
-export default IllustrationUploadDragAndDrop;

package/dist/illustrations/use-cases.js

@@ -1,6 +0,0 @@
-import * as React from 'react';
-function IllustrationUseCases(props) {
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 100 100", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M0 0v100h100V0H0zm90 90H61.91l20.87-12.52L90 89.52V90zm0-71.25H29.01L90 26.56v8.82l-42.3-5.42L90 42.3v9.12l-27.61-8.05L90 56.78v9.73l-15.29-7.42L90 71.34v11.22L76.02 71.35 61.06 90H49.84l24.82-30.94-8.62-4.19L48.98 90h-9.73l22.71-46.76-9.21-2.68L38.34 90h-9.12l17.53-60.15-10.48-1.35L28.4 90h-8.82l9.12-71.25h-9.94V90H10V10h80v8.75z", fill: "currentColor" })));
-}
-export default IllustrationUseCases;

package/dist/illustrations/wellness.js

@@ -1,8 +0,0 @@
-import * as React from 'react';
-function IllustrationWellness(props) {
-    return (React.createElement("svg", Object.assign({ viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-        React.createElement("path", { d: "M66.667.929a33.333 33.333 0 010 66.666V.93zM0 34.263a33.333 33.333 0 0166.667 0H0zM33.333 100.929a33.338 33.338 0 01-23.57-9.763 33.333 33.333 0 0123.57-56.903v66.666z", fill: "currentColor" }),
-        React.createElement("path", { d: "M99.999 67.596a33.332 33.332 0 01-64.13 12.756 33.332 33.332 0 01-2.537-12.756h66.667zM33.334.93H.001v33.333h33.333z", fill: "currentColor" }),
-        React.createElement("path", { fill: "currentColor", d: "M100 67.595H66.667v33.333H100z" })));
-}
-export default IllustrationWellness;

package/dist/index.js

@@ -1,10 +0,0 @@
-// needed for emotion types
-import '@emotion/core';
-export * from './colors';
-export * from './variables';
-export * from './utilities';
-export * from './css-utilities';
-export * from './css-variables';
-export * from './components';
-export * from './illustrations';
-export * from './hooks';

package/dist/types.js

@@ -1 +0,0 @@
-export {};

package/dist/utilities/case.js

@@ -1,6 +0,0 @@
-export const pascalCaseToKebabCase = (string) => {
-    return string
-        .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
-        .replace(/[\s_]+/g, '-')
-        .toLowerCase();
-};

package/dist/utilities/color.js

@@ -1,23 +0,0 @@
-import { hslaColors, themeColors } from '../colors';
-export const getColorAlpha = (color, alpha) => {
-    return `hsla(${hslaColors[color].h},${hslaColors[color].s}%,${hslaColors[color].l}%,${alpha})`;
-};
-export const getColorScale = (color, scaleType, scaleIncrement) => {
-    const scaledValue = () => {
-        if (scaleType === 'dark') {
-            return hslaColors[color].l - hslaColors[color].l * scaleIncrement;
-        }
-        else if (scaleType === 'light') {
-            return hslaColors[color].l + hslaColors[color].l * scaleIncrement;
-        }
-    };
-    return `hsla(${hslaColors[color].h},${hslaColors[color].s}%,${Math.round(scaledValue())}%,${hslaColors[color].a})`;
-};
-export const getColorValue = (color) => {
-    if (color) {
-        if (color in hslaColors || color in themeColors.light) {
-            return `var(--lns-color-${color})`;
-        }
-        return color;
-    }
-};

package/dist/utilities/downshift.js

@@ -1,24 +0,0 @@
-export const getDownshiftEnvironment = container => {
-    var _a, _b;
-    const rootNode = (_b = (_a = container === null || container === void 0 ? void 0 : container()) === null || _a === void 0 ? void 0 : _a.getRootNode) === null || _b === void 0 ? void 0 : _b.call(_a);
-    if (String(rootNode) === '[object ShadowRoot]') {
-        // Create a polyfill for Downshift to not throw errors when appended to a shadow DOM
-        // See: https://github.com/downshift-js/downshift/issues/834
-        rootNode.createElement = (...args) => rootNode.ownerDocument.createElement(...args);
-        const downshiftPolyfill = rootNode.createElement('div');
-        downshiftPolyfill.id = 'a11y-status-message';
-        downshiftPolyfill.style.display = 'none';
-        rootNode.appendChild(downshiftPolyfill);
-        // Necessary properties for Downshift to register clicks inside a shadow DOM.
-        // See: https://github.com/downshift-js/downshift/issues/536
-        return {
-            document: rootNode,
-            addEventListener: rootNode.addEventListener.bind(rootNode),
-            removeEventListener: rootNode.removeEventListener.bind(rootNode),
-        };
-    }
-    if (typeof window === 'undefined') {
-        return null;
-    }
-    return window;
-};

package/dist/utilities/index.js

@@ -1,5 +0,0 @@
-export * from './color';
-export * from './responsive';
-export * from './size';
-export * from './styles';
-export * from './case';

package/dist/utilities/responsive.js

@@ -1,101 +0,0 @@
-import { breakpoints } from '../variables';
-import { getSizeValue } from './size';
-import useMedia from '../hooks/use-media';
-export const getMediaCss = (widthType, breakpoint, declaration) => `@media(${widthType}: ${breakpoint}){${declaration}}`;
-export const arrayToBreakpoints = values => {
-    const smallestBreakpoint = Object.values(breakpoints)[0];
-    const maxWithRulesets = getMediaCss('max-width', smallestBreakpoint, values[0]);
-    const minWithRulesets = values.reduce((rulesets, value, index) => {
-        const breakpoint = `${Object.values(breakpoints)[index]}`;
-        return rulesets + getMediaCss('min-width', breakpoint, value);
-    }, '');
-    return maxWithRulesets + minWithRulesets;
-};
-export const objectToBreakpoints = (property, obj) => {
-    const result = [];
-    obj['default'] && result.push(`${property}: ${obj['default']};`);
-    delete obj.default;
-    Object.entries(obj).forEach(([key, value]) => {
-        const breakpoint = key in breakpoints ? breakpoints[key] : key;
-        result.push(`@media(min-width: ${breakpoint}){ ${property}: ${value} }`);
-    });
-    return result.join(' ');
-};
-export const getResponsiveOneOf = (property, valueArray) => {
-    if (Array.isArray(valueArray)) {
-        const oneOfValuesArray = valueArray.map(valueArrayItem => {
-            return `${property}: ${valueArrayItem};`;
-        });
-        return arrayToBreakpoints(oneOfValuesArray);
-    }
-    if (typeof valueArray === 'object') {
-        return objectToBreakpoints(property, valueArray);
-    }
-    return `${property}: ${valueArray};`;
-};
-export const getAlignmentStyles = (prop, alignments) => {
-    if (prop) {
-        if (Array.isArray(prop)) {
-            const alignItemsArray = [];
-            prop.map(propItem => {
-                alignItemsArray.push(alignments[propItem]);
-            });
-            return getResponsiveOneOf('align-items', alignItemsArray);
-        }
-        return `align-items ${alignments[prop]};`;
-    }
-};
-export const getResponsiveBoolean = (property, valueArray, booleanValue) => {
-    if (Array.isArray(booleanValue)) {
-        const booleanValuesArray = booleanValue.map(booleanItem => {
-            const value = booleanItem === true ? valueArray[0] : valueArray[1];
-            return `${property}: ${value};`;
-        });
-        return arrayToBreakpoints(booleanValuesArray);
-    }
-    return `${property}: ${valueArray[0]};`;
-};
-export const getResponsiveNumber = (property, number) => {
-    if (number || number === 0) {
-        if (Array.isArray(number)) {
-            const rulesetsArray = number.map(numberItem => {
-                return `${property}: ${numberItem}`;
-            });
-            return arrayToBreakpoints(rulesetsArray);
-        }
-        if (typeof number === 'object' && !Array.isArray(number)) {
-            return objectToBreakpoints(property, number);
-        }
-        return `${property}: ${number};`;
-    }
-};
-const transformColumns = columns => {
-    if (Array.isArray(columns)) {
-        return columns.map(column => getSizeValue(column)).join(' ');
-    }
-    return columns;
-};
-export const getResponsiveColumns = columns => {
-    if (columns) {
-        if (typeof columns === 'object' && !Array.isArray(columns)) {
-            const columnsValesObject = {};
-            Object.entries(columns).forEach(([key, value]) => (columnsValesObject[key] = transformColumns(value)));
-            return objectToBreakpoints('grid-template-columns', columnsValesObject);
-        }
-        return `grid-template-columns: ${transformColumns(columns)};`;
-    }
-};
-export const getResponsiveGridSections = (gridSections, sectionType) => {
-    if (gridSections) {
-        if (typeof gridSections === 'object' && !Array.isArray(gridSections)) {
-            const gridSectionsValesObject = {};
-            Object.entries(gridSections).forEach(([key, value]) => (gridSectionsValesObject[key] = transformColumns(value)));
-            return objectToBreakpoints(`grid-template-${sectionType}`, gridSectionsValesObject);
-        }
-        return `grid-template-${sectionType}: ${transformColumns(gridSections)};`;
-    }
-};
-export const Media = ({ children, queries, values, defaultValue }) => {
-    const value = useMedia(queries, values, defaultValue);
-    return children(value);
-};

package/dist/utilities/size.js

@@ -1,34 +0,0 @@
-import { arrayToBreakpoints } from '.';
-import { spaces, unit } from '../variables';
-import { objectToBreakpoints } from './responsive';
-export const u = amount => amount && `calc(${amount} * var(--lns-unit, ${unit}px))`;
-export const getSizeValue = size => {
-    if (size in spaces) {
-        return `var(--lns-space-${size})`;
-    }
-    if (size && isNaN(size)) {
-        return `${size}`;
-    }
-    if (size === 0) {
-        return `0`;
-    }
-    if (size) {
-        return `${u(size)}`;
-    }
-};
-export const getSize = (property, size) => {
-    if (size || size === 0) {
-        if (Array.isArray(size)) {
-            const rulesetsArray = size.map(sizeItem => {
-                return `${property}: ${getSizeValue(sizeItem)}`;
-            });
-            return arrayToBreakpoints(rulesetsArray);
-        }
-        if (typeof size === 'object') {
-            const sizeValesObject = {};
-            Object.entries(size).forEach(([key, value]) => (sizeValesObject[key] = getSizeValue(value)));
-            return objectToBreakpoints(property, sizeValesObject);
-        }
-        return `${property}: ${getSizeValue(size)};`;
-    }
-};

package/dist/utilities/styles.js

@@ -1,34 +0,0 @@
-// TODO(LNS-185): Convert all utils to ts
-import { getColorValue } from './color';
-export const getTextSize = size => size &&
-    `
-  font-size: var(--lns-fontSize-${size});
-  line-height: var(--lns-lineHeight-${size});
-`;
-export const getRadius = size => size && `border-radius: var(--lns-radius-${size});`;
-export const getFontWeight = fontWeight => fontWeight && `font-weight: var(--lns-fontWeight-${fontWeight});`;
-export const getShadow = size => size && `box-shadow: var(--lns-shadow-${size});`;
-export const getFocusRing = (color, position) => {
-    const focusColor = color ? color : getColorValue('focusRing');
-    return `box-shadow:${position ? position : ''} 0 0 0 2px ${focusColor};`;
-};
-export const getPlacement = (maxHeight, placement) => {
-    const placementStyles = {
-        center: {
-            bottom: 0,
-            top: `calc((100vh - ${maxHeight}) / 2)`,
-            position: 'relative',
-        },
-        bottom: {
-            bottom: 0,
-            top: 'unset',
-            position: 'absolute',
-        },
-        undefined: {
-            bottom: undefined,
-            top: '15vh',
-            position: 'relative',
-        },
-    };
-    return placementStyles[placement];
-};

package/dist/variables.js

@@ -1,81 +0,0 @@
-import { u } from './utilities';
-export const unit = 8;
-export const textSizes = {
-    small: {
-        fontSize: 1.5,
-        lineHeight: 1.5,
-    },
-    'body-sm': {
-        fontSize: 1.5,
-        lineHeight: 1.5,
-    },
-    medium: {
-        fontSize: 1.75,
-        lineHeight: 1.6,
-    },
-    'body-md': {
-        fontSize: 1.75,
-        lineHeight: 1.6,
-    },
-    large: {
-        fontSize: 2.25,
-        lineHeight: 1.45,
-    },
-    'body-lg': {
-        fontSize: 2.25,
-        lineHeight: 1.45,
-    },
-    xlarge: {
-        fontSize: 3,
-        lineHeight: 1.35,
-    },
-    'heading-sm': {
-        fontSize: 3,
-        lineHeight: 1.35,
-    },
-    xxlarge: {
-        fontSize: 4,
-        lineHeight: 1.2,
-    },
-    'heading-md': {
-        fontSize: 4,
-        lineHeight: 1.2,
-    },
-    xxxlarge: {
-        fontSize: 6,
-        lineHeight: 1.15,
-    },
-    'heading-lg': {
-        fontSize: 6,
-        lineHeight: 1.15,
-    },
-};
-export const fontWeights = {
-    book: 400,
-    bold: 700,
-};
-export const radii = {
-    medium: u(1),
-    large: u(2),
-    xlarge: u(3),
-    full: u(999),
-};
-export const shadows = {
-    small: `0 ${u(0.5)} ${u(1.25)} hsla(0, 0%, 0%, 0.05)`,
-    medium: `0 ${u(0.5)} ${u(1.25)} hsla(0, 0%, 0%, 0.1)`,
-    large: `0 ${u(0.75)} ${u(3)} hsla(0, 0%, 0%, 0.1)`,
-};
-export const spaces = {
-    xsmall: 0.5,
-    small: 1,
-    medium: 2,
-    large: 3,
-    xlarge: 5,
-    xxlarge: 8,
-};
-export const breakpoints = {
-    xsmall: '31em',
-    small: '48em',
-    medium: '64em',
-    large: '75em',
-};