@artsy/palette-mobile 13.2.33 → 13.2.34

package/dist/svgs/index.js

@@ -1,129 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./AddCircleFillIcon"), exports);
-__exportStar(require("./AddCircleIcon"), exports);
-__exportStar(require("./AddIcon"), exports);
-__exportStar(require("./AlertCircleFillIcon"), exports);
-__exportStar(require("./AlertIcon"), exports);
-__exportStar(require("./ArrowCircleFillIcons"), exports);
-__exportStar(require("./ArrowDownCircleIcon"), exports);
-__exportStar(require("./ArrowDownIcon"), exports);
-__exportStar(require("./ArrowLeftCircleIcon"), exports);
-__exportStar(require("./ArrowLeftIcon"), exports);
-__exportStar(require("./ArrowRightCircleIcon"), exports);
-__exportStar(require("./ArrowRightIcon"), exports);
-__exportStar(require("./ArrowUpCircleIcon"), exports);
-__exportStar(require("./ArrowUpIcon"), exports);
-__exportStar(require("./ArtsyLogoBlackIcon"), exports);
-__exportStar(require("./ArtsyLogoWhiteIcon"), exports);
-__exportStar(require("./ArtsyMarkBlackIcon"), exports);
-__exportStar(require("./ArtsyMarkWhiteIcon"), exports);
-__exportStar(require("./ArtworkIcon"), exports);
-__exportStar(require("./AuctionIcon"), exports);
-__exportStar(require("./BellFillIcon"), exports);
-__exportStar(require("./BellIcon"), exports);
-__exportStar(require("./BlueChipIcon"), exports);
-__exportStar(require("./BoltCircleFill"), exports);
-__exportStar(require("./BoltFill"), exports);
-__exportStar(require("./BookmarkFill"), exports);
-__exportStar(require("./BriefcaseIcon"), exports);
-__exportStar(require("./CertificateIcon"), exports);
-__exportStar(require("./CheckCircleFillIcon"), exports);
-__exportStar(require("./CheckCircleIcon"), exports);
-__exportStar(require("./CheckIcon"), exports);
-__exportStar(require("./ChevronIcon"), exports);
-__exportStar(require("./ClockFill"), exports);
-__exportStar(require("./CloseCircleFillIcon"), exports);
-__exportStar(require("./CloseCircleIcon"), exports);
-__exportStar(require("./CloseIcon"), exports);
-__exportStar(require("./CollapseIcon"), exports);
-__exportStar(require("./CreditCardIcon"), exports);
-__exportStar(require("./DecreaseIcon"), exports);
-__exportStar(require("./DocumentIcon"), exports);
-__exportStar(require("./DownloadIcon"), exports);
-__exportStar(require("./EditIcon"), exports);
-__exportStar(require("./EmptyCheckCircleIcon"), exports);
-__exportStar(require("./EnterIcon"), exports);
-__exportStar(require("./EnvelopeIcon"), exports);
-__exportStar(require("./EstablishedIcon"), exports);
-__exportStar(require("./ExclamationMarkCircleFill"), exports);
-__exportStar(require("./ExpandIcon"), exports);
-__exportStar(require("./EyeClosedIcon"), exports);
-__exportStar(require("./EyeOpenedIcon"), exports);
-__exportStar(require("./FacebookIcon"), exports);
-__exportStar(require("./FairIcon"), exports);
-__exportStar(require("./FilterIcon"), exports);
-__exportStar(require("./FullWidthIcon"), exports);
-__exportStar(require("./GenomeIcon"), exports);
-__exportStar(require("./GraphIcon"), exports);
-__exportStar(require("./GridIcon"), exports);
-__exportStar(require("./GuaranteeIcon"), exports);
-__exportStar(require("./HeartFillIcon"), exports);
-__exportStar(require("./HeartIcon"), exports);
-__exportStar(require("./HideIcon"), exports);
-__exportStar(require("./HomeIcon"), exports);
-__exportStar(require("./ImageIcon"), exports);
-__exportStar(require("./ImageSetIcon"), exports);
-__exportStar(require("./IncreaseIcon"), exports);
-__exportStar(require("./InfoCircleIcon"), exports);
-__exportStar(require("./InstagramAppIcon"), exports);
-__exportStar(require("./InstitutionIcon"), exports);
-__exportStar(require("./LinkIcon"), exports);
-__exportStar(require("./LoaderIcon"), exports);
-__exportStar(require("./LockIcon"), exports);
-__exportStar(require("./LogoutIcon"), exports);
-__exportStar(require("./MagnifyingGlassIcon"), exports);
-__exportStar(require("./MapPinIcon"), exports);
-__exportStar(require("./MenuIcon"), exports);
-__exportStar(require("./MessageIcon"), exports);
-__exportStar(require("./MessagesAppIcon"), exports);
-__exportStar(require("./MoneyCircleIcon"), exports);
-__exportStar(require("./MoneyFillIcon"), exports);
-__exportStar(require("./MoreIcon"), exports);
-__exportStar(require("./MultiplePersonsIcon"), exports);
-__exportStar(require("./NoArtworkIcon"), exports);
-__exportStar(require("./NoImageIcon"), exports);
-__exportStar(require("./PageIcon"), exports);
-__exportStar(require("./Payment2Icon"), exports);
-__exportStar(require("./PaymentIcon"), exports);
-__exportStar(require("./PersonIcon"), exports);
-__exportStar(require("./PublicationIcon"), exports);
-__exportStar(require("./QuestionCircleIcon"), exports);
-__exportStar(require("./ReloadIcon"), exports);
-__exportStar(require("./SecureLockIcon"), exports);
-__exportStar(require("./SettingsIcon"), exports);
-__exportStar(require("./ShareIcon"), exports);
-__exportStar(require("./ShieldIcon"), exports);
-__exportStar(require("./ShieldFilledIcon"), exports);
-__exportStar(require("./StarCircleFill"), exports);
-__exportStar(require("./StarCircleIcon"), exports);
-__exportStar(require("./Stopwatch"), exports);
-__exportStar(require("./Tag2Icon"), exports);
-__exportStar(require("./TagIcon"), exports);
-__exportStar(require("./TimerIcon"), exports);
-__exportStar(require("./TopEmergingIcon"), exports);
-__exportStar(require("./TrashIcon"), exports);
-__exportStar(require("./TrendingIcon"), exports);
-__exportStar(require("./TriangleDown"), exports);
-__exportStar(require("./TwitterIcon"), exports);
-__exportStar(require("./UserMultiIcon"), exports);
-__exportStar(require("./UserSingleIcon"), exports);
-__exportStar(require("./VerifiedIcon"), exports);
-__exportStar(require("./VerifiedPersonIcon"), exports);
-__exportStar(require("./WhatsAppAppIcon"), exports);
-__exportStar(require("./WorldGlobeCircleIcon"), exports);
-__exportStar(require("./XCircleIcon"), exports);

package/dist/tokens.d.ts

@@ -1,67 +0,0 @@
-/**
- * All of the config for the Artsy theming system, based on the
- * design system from our design team:
- * https://www.figma.com/file/gZNkyqLT8AU3T61tluVJyB/Artsy-3.1-Design-System
- */
-import { SpacingUnit as SpacingUnitNumbers } from "@artsy/palette-tokens/dist/themes/v3";
-import { TextVariant } from "@artsy/palette-tokens/dist/typography/v3";
-import { Color, ColorDSValue, ColorLayerName, SpacingUnit } from "./types";
-import { TextTreatmentWithoutUnits } from "./utils/webTokensToMobile";
-export interface ThemeType {
-    space: Record<SpacingUnitNumbers, `${number}px`>;
-    colors: Record<ColorLayerName, string>;
-    fonts: {
-        sans: {
-            regular: string;
-            italic: string;
-            medium: string;
-            mediumItalic: string;
-        };
-    };
-    textTreatments: Record<TextVariant, TextTreatmentWithoutUnits>;
-}
-export interface ThemeWithDarkModeType extends ThemeType {
-    colors: Record<ColorDSValue, string>;
-}
-export type AllThemesType = ThemeType & ThemeWithDarkModeType;
-export type SpacingUnitsTheme = {
-    space: Record<SpacingUnit, any>;
-};
-export type ColorsTheme = {
-    colors: Record<Color, any>;
-};
-export declare const COLOR_LAYER_NAME: {
-    /** Adding this here for dev usage. Avoid using it for actual components. */
-    devpurple: string;
-    black100: string;
-    black60: string;
-    black30: string;
-    black15: string;
-    black10: string;
-    black5: string;
-    white100: string;
-    blue200: string;
-    blue150: string;
-    blue100: string;
-    brand: string;
-    blue15: string;
-    blue10: string;
-    green150: string;
-    green100: string;
-    green10: string;
-    yellow150: string;
-    yellow100: string;
-    yellow10: string;
-    orange150: string;
-    orange100: string;
-    orange10: string;
-    red150: string;
-    red100: string;
-    red10: string;
-};
-export declare const COLOR_LAYER_ROLE: readonly ["background", "onBackground", "onBackgroundHigh", "onBackgroundMedium", "onBackgroundLow", "surface", "onSurface", "onSurfaceHigh", "onSurfaceMedium", "onSurfaceLow", "primary", "onPrimaryHigh", "onPrimaryMedium", "onPrimaryLow", "secondary", "onSecondaryHigh", "onSecondaryMedium", "onSecondaryLow", "brand", "onBrand"];
-export declare const THEMES: {
-    v3: ThemeType;
-    v3light: ThemeWithDarkModeType;
-    v3dark: ThemeWithDarkModeType;
-};

package/dist/tokens.js

@@ -1,107 +0,0 @@
-"use strict";
-/**
- * All of the config for the Artsy theming system, based on the
- * design system from our design team:
- * https://www.figma.com/file/gZNkyqLT8AU3T61tluVJyB/Artsy-3.1-Design-System
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.THEMES = exports.COLOR_LAYER_ROLE = exports.COLOR_LAYER_NAME = void 0;
-const palette_tokens_1 = require("@artsy/palette-tokens");
-const webTokensToMobile_1 = require("./utils/webTokensToMobile");
-const { textVariants, space, colors } = palette_tokens_1.THEME;
-exports.COLOR_LAYER_NAME = {
-    ...colors,
-    /** Adding this here for dev usage. Avoid using it for actual components. */
-    devpurple: "#6E1EFF",
-};
-exports.COLOR_LAYER_ROLE = [
-    // name: Anything big/surface: background, cards, button fills, etc.
-    // onName: Anything small, texts, icons, etc.
-    // onNameContrast: Anything small, texts, icons, etc based on contrast.
-    "background",
-    "onBackground",
-    "onBackgroundHigh",
-    "onBackgroundMedium",
-    "onBackgroundLow",
-    "surface",
-    "onSurface",
-    "onSurfaceHigh",
-    "onSurfaceMedium",
-    "onSurfaceLow",
-    "primary",
-    "onPrimaryHigh",
-    "onPrimaryMedium",
-    "onPrimaryLow",
-    "secondary",
-    "onSecondaryHigh",
-    "onSecondaryMedium",
-    "onSecondaryLow",
-    "brand",
-    "onBrand",
-];
-const v3 = {
-    space: (0, webTokensToMobile_1.convertWebSpacingUnitsToMobile)(space),
-    colors: exports.COLOR_LAYER_NAME,
-    fonts: {
-        sans: {
-            regular: "Unica77LL-Regular",
-            italic: "Unica77LL-Italic",
-            medium: "Unica77LL-Medium",
-            mediumItalic: "Unica77LL-MediumItalic",
-        },
-    },
-    textTreatments: (0, webTokensToMobile_1.convertWebTextTreatmentsToMobile)(textVariants),
-};
-const v3light = {
-    ...v3,
-    colors: {
-        ...v3.colors,
-        background: colors.white100,
-        onBackground: colors.black100,
-        onBackgroundHigh: colors.black100,
-        onBackgroundMedium: colors.black60,
-        onBackgroundLow: colors.black30,
-        surface: colors.white100,
-        onSurface: colors.black100,
-        onSurfaceHigh: colors.black100,
-        onSurfaceMedium: colors.black60,
-        onSurfaceLow: colors.black5,
-        primary: colors.black100,
-        onPrimaryHigh: colors.white100,
-        onPrimaryMedium: colors.black5,
-        onPrimaryLow: colors.black5,
-        secondary: colors.black30,
-        onSecondaryHigh: colors.black100,
-        onSecondaryMedium: colors.black60,
-        onSecondaryLow: colors.black60,
-        brand: colors.blue100,
-        onBrand: colors.white100,
-    },
-};
-const v3dark = {
-    ...v3,
-    colors: {
-        ...v3.colors,
-        background: colors.black100,
-        onBackground: colors.white100,
-        onBackgroundHigh: colors.white100,
-        onBackgroundMedium: colors.black30,
-        onBackgroundLow: colors.black60,
-        surface: "#333",
-        onSurface: colors.white100,
-        onSurfaceHigh: colors.white100,
-        onSurfaceMedium: colors.black60,
-        onSurfaceLow: "#555",
-        primary: colors.white100,
-        onPrimaryHigh: colors.black100,
-        onPrimaryMedium: colors.black60,
-        onPrimaryLow: colors.black60,
-        secondary: colors.black60,
-        onSecondaryHigh: colors.white100,
-        onSecondaryMedium: colors.black5,
-        onSecondaryLow: colors.black5,
-        brand: colors.blue100,
-        onBrand: colors.white100,
-    },
-};
-exports.THEMES = { v3, v3light, v3dark };

package/dist/types.d.ts

@@ -1,16 +0,0 @@
-import { SpacingUnit as BaseSpacingUnit } from "@artsy/palette-tokens";
-import { COLOR_LAYER_ROLE, COLOR_LAYER_NAME } from "./tokens";
-import { Neg } from "./utils/types";
-export type SpacingUnitDSValueNumber = BaseSpacingUnit;
-export type SpacingUnitDSValueNegativeNumber = Neg<SpacingUnitDSValueNumber>;
-export type SpacingUnitDSValue = SpacingUnitDSValueNumber | SpacingUnitDSValueNegativeNumber;
-export type SpacingUnitPixelValue = `${number}px` & {};
-export type SpacingUnitSpecialValue = 0 | "0px" | "auto";
-export type SpacingUnit = SpacingUnitDSValue | SpacingUnitPixelValue | SpacingUnitSpecialValue;
-export type ColorLayerName = keyof typeof COLOR_LAYER_NAME;
-export type ColorLayerRole = typeof COLOR_LAYER_ROLE[number];
-export type ColorCSS = string & {};
-export type ColorDSValue = ColorLayerName | ColorLayerRole;
-export type Color = ColorLayerName | ColorLayerRole | ColorCSS;
-export declare const isRoleLayer: (name: Color) => name is "background" | "onBackground" | "onBackgroundHigh" | "onBackgroundMedium" | "onBackgroundLow" | "surface" | "onSurface" | "onSurfaceHigh" | "onSurfaceMedium" | "onSurfaceLow" | "primary" | "onPrimaryHigh" | "onPrimaryMedium" | "onPrimaryLow" | "secondary" | "onSecondaryHigh" | "onSecondaryMedium" | "onSecondaryLow" | "brand" | "onBrand";
-export declare const isNameLayer: (name: Color) => name is "brand" | "devpurple" | "black100" | "black60" | "black30" | "black15" | "black10" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red10";

package/dist/types.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isNameLayer = exports.isRoleLayer = void 0;
-const tokens_1 = require("./tokens");
-const isRoleLayer = (name) => {
-    return tokens_1.COLOR_LAYER_ROLE.includes(name);
-};
-exports.isRoleLayer = isRoleLayer;
-const isNameLayer = (name) => {
-    return Object.keys(tokens_1.COLOR_LAYER_NAME).includes(name);
-};
-exports.isNameLayer = isNameLayer;

package/dist/utils/Wrap.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-interface WrapProps {
-    if: boolean;
-    children?: React.ReactNode;
-}
-export declare const Wrap: {
-    ({ if: condition, children }: WrapProps): JSX.Element;
-    Content({ children }: {
-        children?: React.ReactNode;
-    }): JSX.Element;
-};
-export {};

package/dist/utils/Wrap.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Wrap = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_nanny_1 = require("react-nanny");
-const Wrap = ({ if: condition, children }) => {
-    if (condition) {
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
-    }
-    const wrapContentChildren = (0, react_nanny_1.getChildrenByTypeDeep)(children, exports.Wrap.Content);
-    if (wrapContentChildren.length === 0) {
-        throw new Error("Wrap.Content is required");
-    }
-    if (wrapContentChildren.length > 1) {
-        throw new Error("You can't have more than one Wrap.Content");
-    }
-    const actualWrapContent = wrapContentChildren[0];
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: actualWrapContent });
-};
-exports.Wrap = Wrap;
-exports.Wrap.Content = ({ children }) => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });

package/dist/utils/colors.stories.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const All: () => JSX.Element;

package/dist/utils/colors.stories.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.All = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Flex_1 = require("../elements/Flex");
-const Text_1 = require("../elements/Text");
-const helpers_1 = require("../storybook/helpers");
-const tokens_1 = require("../tokens");
-const types_1 = require("../types");
-const hooks_1 = require("../utils/hooks");
-exports.default = {
-    title: "Tokens/colors",
-};
-const ColorSquare = ({ color: theColor, border }) => {
-    const color = (0, hooks_1.useColor)();
-    const contrast = theColor.startsWith("on") &&
-        (theColor.endsWith("High") || theColor.endsWith("Medium") || theColor.endsWith("Low"))
-        ? theColor.match(/(High|Medium|Low)$/)?.[0]
-        : undefined;
-    const colorWithoutContrast = theColor.replace(/(High|Medium|Low)$/, "");
-    const cssName = useCssColorName(theColor);
-    const namedName = useNamedColorName(theColor);
-    const displayName = (0, types_1.isRoleLayer)(theColor) ? namedName : cssName;
-    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { style: [
-                    {
-                        backgroundColor: color(theColor),
-                        width: 80,
-                        height: 80,
-                        alignItems: "center",
-                        justifyContent: "center",
-                    },
-                    border && {
-                        borderWidth: 0.5,
-                        borderColor: "grey",
-                    },
-                ] }), (0, jsx_runtime_1.jsx)(Text_1.Text, { children: colorWithoutContrast }), contrast && (0, jsx_runtime_1.jsx)(Text_1.Text, { children: contrast }), (0, jsx_runtime_1.jsx)(Text_1.Text, { color: "onBackgroundLow", children: displayName })] }));
-};
-const All = () => ((0, jsx_runtime_1.jsxs)(helpers_1.List, { children: [(0, jsx_runtime_1.jsxs)(helpers_1.Row, { children: [(0, jsx_runtime_1.jsx)(ColorSquare, { color: "black100", border: true }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "black60" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "black30" })] }), (0, jsx_runtime_1.jsxs)(helpers_1.Row, { children: [(0, jsx_runtime_1.jsx)(ColorSquare, { color: "black15" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "black10" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "black5" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "white100", border: true })] }), (0, jsx_runtime_1.jsxs)(helpers_1.Row, { children: [(0, jsx_runtime_1.jsx)(ColorSquare, { color: "blue150" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "blue100" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "blue10" })] }), (0, jsx_runtime_1.jsxs)(helpers_1.Row, { children: [(0, jsx_runtime_1.jsx)(ColorSquare, { color: "green150" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "green100" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "green10" })] }), (0, jsx_runtime_1.jsxs)(helpers_1.Row, { children: [(0, jsx_runtime_1.jsx)(ColorSquare, { color: "yellow150" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "yellow100" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "yellow10" })] }), (0, jsx_runtime_1.jsxs)(helpers_1.Row, { children: [(0, jsx_runtime_1.jsx)(ColorSquare, { color: "orange150" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "orange100" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "orange10" })] }), (0, jsx_runtime_1.jsxs)(helpers_1.Row, { children: [(0, jsx_runtime_1.jsx)(ColorSquare, { color: "red150" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "red100" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "red10" })] }), (0, jsx_runtime_1.jsxs)(helpers_1.Row, { children: [(0, jsx_runtime_1.jsx)(ColorSquare, { color: "brand" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "devpurple" })] }), (0, jsx_runtime_1.jsx)(helpers_1.Row, { children: (0, jsx_runtime_1.jsx)(ColorSquare, { color: "background", border: true }) }), (0, jsx_runtime_1.jsxs)(helpers_1.Row, { children: [(0, jsx_runtime_1.jsx)(ColorSquare, { color: "onBackgroundHigh", border: true }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "onBackgroundMedium" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "onBackgroundLow" })] }), (0, jsx_runtime_1.jsx)(helpers_1.Row, { children: (0, jsx_runtime_1.jsx)(ColorSquare, { color: "surface", border: true }) }), (0, jsx_runtime_1.jsxs)(helpers_1.Row, { children: [(0, jsx_runtime_1.jsx)(ColorSquare, { color: "onSurfaceHigh", border: true }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "onSurfaceMedium" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "onSurfaceLow" })] }), (0, jsx_runtime_1.jsx)(helpers_1.Row, { children: (0, jsx_runtime_1.jsx)(ColorSquare, { color: "primary", border: true }) }), (0, jsx_runtime_1.jsxs)(helpers_1.Row, { children: [(0, jsx_runtime_1.jsx)(ColorSquare, { color: "onPrimaryHigh", border: true }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "onPrimaryMedium" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "onPrimaryLow" })] }), (0, jsx_runtime_1.jsx)(helpers_1.Row, { children: (0, jsx_runtime_1.jsx)(ColorSquare, { color: "secondary" }) }), (0, jsx_runtime_1.jsxs)(helpers_1.Row, { children: [(0, jsx_runtime_1.jsx)(ColorSquare, { color: "onSecondaryHigh" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "onSecondaryMedium" }), (0, jsx_runtime_1.jsx)(ColorSquare, { color: "onSecondaryLow" })] }), (0, jsx_runtime_1.jsx)(helpers_1.Row, { children: (0, jsx_runtime_1.jsx)(ColorSquare, { color: "brand" }) }), (0, jsx_runtime_1.jsx)(helpers_1.Row, { children: (0, jsx_runtime_1.jsx)(ColorSquare, { color: "onBrand", border: true }) })] }));
-exports.All = All;
-const useNamedColorName = (theColor) => {
-    const color = (0, hooks_1.useColor)();
-    const cssName = useCssColorName(theColor);
-    const namedColor = Object.keys(tokens_1.COLOR_LAYER_NAME).find((name) => color(name) === color(theColor));
-    if (namedColor === undefined)
-        return cssName;
-    return namedColor;
-};
-const useCssColorName = (theColor) => {
-    const color = (0, hooks_1.useColor)();
-    return color(theColor);
-};

package/dist/utils/createGeminiUrl.d.ts

@@ -1,9 +0,0 @@
-export type GeminiResizeMode = "fit" | "fill";
-export declare function createGeminiUrl({ imageURL, width, height, geminiHost, imageQuality, resizeMode, }: {
-    imageURL: string;
-    width: number;
-    height: number;
-    geminiHost?: string;
-    imageQuality?: number;
-    resizeMode?: GeminiResizeMode;
-}): string;

package/dist/utils/createGeminiUrl.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createGeminiUrl = void 0;
-const react_native_1 = require("react-native");
-function createGeminiUrl({ imageURL, width, height, geminiHost = "d7hftxdivxxvm.cloudfront.net", imageQuality = 80, resizeMode = "fill", }) {
-    const src = encodeURIComponent(imageURL);
-    const roundedHeight = Math.round(height);
-    const roundedWidth = Math.round(width);
-    const params = [
-        `height=${roundedHeight}`,
-        `quality=${imageQuality}`,
-        `resize_to=${resizeMode}`,
-        `src=${src}`,
-        `width=${roundedWidth}`,
-    ];
-    if (react_native_1.Platform.OS === "android" || (react_native_1.Platform.OS === "ios" && osMajorVersion() >= 14)) {
-        params.push("convert_to=webp");
-    }
-    return `https://${geminiHost}/?${params.join("&")}`;
-}
-exports.createGeminiUrl = createGeminiUrl;
-const osMajorVersion = () => {
-    // eslint-disable-next-line no-constant-condition
-    if (typeof (react_native_1.Platform.Version === "string")) {
-        return parseInt(react_native_1.Platform.Version, 10);
-    }
-    else {
-        return react_native_1.Platform.Version;
-    }
-};

package/dist/utils/flattenChildren.d.ts

@@ -1,4 +0,0 @@
-/**
- * Convert a fragment or nested fragment into an array of elements.
- */
-export declare const flattenChildren: (children: React.ReactNode) => React.ReactElement[];

package/dist/utils/flattenChildren.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.flattenChildren = void 0;
-const react_1 = require("react");
-/**
- * Convert a fragment or nested fragment into an array of elements.
- */
-const flattenChildren = (children) => {
-    const xs = react_1.Children.toArray(children).filter(react_1.isValidElement);
-    return xs.reduce((acc, child) => {
-        if (child.type === react_1.Fragment) {
-            return [...acc, ...(0, exports.flattenChildren)(child.props.children)];
-        }
-        return [...acc, child];
-    }, []);
-};
-exports.flattenChildren = flattenChildren;

package/dist/utils/formatLargeNumber.d.ts

@@ -1 +0,0 @@
-export declare function formatLargeNumber(number: number, decimalPlaces?: number): string;

package/dist/utils/formatLargeNumber.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatLargeNumber = void 0;
-function formatLargeNumber(number, decimalPlaces = 0) {
-    if (number < 1000) {
-        return number.toString();
-    }
-    else if (number < 1000000) {
-        return `${(number / 1000).toFixed(decimalPlaces)}K`;
-    }
-    else if (number < 1000000000) {
-        return `${(number / 1000000).toFixed(decimalPlaces)}M`;
-    }
-    else {
-        return `${(number / 1000000000).toFixed(decimalPlaces)}B`;
-    }
-}
-exports.formatLargeNumber = formatLargeNumber;

package/dist/utils/formatLargeNumbers.tests.d.ts

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

package/dist/utils/formatLargeNumbers.tests.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const formatLargeNumber_1 = require("./formatLargeNumber");
-describe("formatLargeNumber", () => {
-    it("should return the same number for numbers less than 1000", () => {
-        expect((0, formatLargeNumber_1.formatLargeNumber)(500)).toBe("500");
-    });
-    it("should format numbers in thousands correctly", () => {
-        expect((0, formatLargeNumber_1.formatLargeNumber)(1500, 1)).toBe("1.5K");
-        expect((0, formatLargeNumber_1.formatLargeNumber)(1500, 2)).toBe("1.50K");
-    });
-    it("should format numbers in millions correctly", () => {
-        expect((0, formatLargeNumber_1.formatLargeNumber)(1500000, 1)).toBe("1.5M");
-        expect((0, formatLargeNumber_1.formatLargeNumber)(1500000, 2)).toBe("1.50M");
-    });
-    it("should format numbers in billions correctly", () => {
-        expect((0, formatLargeNumber_1.formatLargeNumber)(1500000000, 1)).toBe("1.5B");
-        expect((0, formatLargeNumber_1.formatLargeNumber)(1500000000, 2)).toBe("1.50B");
-    });
-});

package/dist/utils/hooks/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./useColor";
-export * from "./useScreenDimensions";
-export * from "./useSpace";
-export * from "./useTheme";

package/dist/utils/hooks/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useColor"), exports);
-__exportStar(require("./useScreenDimensions"), exports);
-__exportStar(require("./useSpace"), exports);
-__exportStar(require("./useTheme"), exports);

package/dist/utils/hooks/useColor.d.ts

@@ -1 +0,0 @@
-export declare const useColor: () => import("./useTheme").ColorFn;

package/dist/utils/hooks/useColor.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useColor = void 0;
-const useTheme_1 = require("./useTheme");
-const useColor = () => (0, useTheme_1.useTheme)().color;
-exports.useColor = useColor;

package/dist/utils/hooks/useMeasure.d.ts

@@ -1,12 +0,0 @@
-import { MutableRefObject } from "react";
-export declare const useMeasure: ({ ref, extraDeps, }: {
-    ref: MutableRefObject<any>;
-    extraDeps?: string[] | undefined;
-}) => {
-    x?: number | undefined;
-    y?: number | undefined;
-    width?: number | undefined;
-    height?: number | undefined;
-    pageX?: number | undefined;
-    pageY?: number | undefined;
-};

package/dist/utils/hooks/useMeasure.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMeasure = void 0;
-const react_1 = require("react");
-/*
-  useMeasure is a hook that measures the position of a ref element
-  and returns the x, y, width, height, pageX, pageY of the element
-*/
-const useMeasure = ({ ref, extraDeps = [], }) => {
-    const [position, setPosition] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        ref.current?.measure((x, y, width, height, pageX, pageY) => {
-            setPosition({
-                x,
-                y,
-                width,
-                height,
-                pageX,
-                pageY,
-            });
-        }, () => {
-            console.error("measurement failed");
-        });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [JSON.stringify(position), ref, ...extraDeps]);
-    return { ...position };
-};
-exports.useMeasure = useMeasure;