@mparticle/aquarium 1.61.0-operation-prism-shift.1 → 1.61.0-operation-prism-shift.3

package/dist/style.ts

@@ -0,0 +1,437 @@
+export const Blue = "#1677FF";
+export const Purple = "#722ED1";
+export const Cyan = "#13C2C2";
+export const Green = "#52C41A";
+export const Magenta = "#EB2F96";
+export const Pink = "#EB2F96";
+export const Red = "#F5222D";
+export const Orange = "#FA8C16";
+export const Yellow = "#FADB14";
+export const Volcano = "#FA541C";
+export const Geekblue = "#2F54EB";
+export const Gold = "#FAAD14";
+export const Lime = "#A0D911";
+export const ColorPrimary = "#a10863";
+export const ColorSuccess = "#52c41a";
+export const ColorWarning = "#faad14";
+export const ColorError = "#ff4d4f";
+export const ColorInfo = "#a10863";
+export const ColorLink = "#a10863";
+export const ColorTextBase = "#000";
+export const ColorBgBase = "#fff";
+export const FontFamily = "'GT America', -system-ui, sans-serif";
+export const FontFamilyCode = "‘Roboto Mono’, monospace";
+export const FontSize = "14px";
+export const LineWidth = "1px";
+export const LineType = "solid";
+export const MotionUnit = 0.1;
+export const MotionBase = 0;
+export const MotionEaseOutCirc = "cubic-bezier(0.08, 0.82, 0.17, 1)";
+export const MotionEaseInOutCirc = "cubic-bezier(0.78, 0.14, 0.15, 0.86)";
+export const MotionEaseOut = "cubic-bezier(0.215, 0.61, 0.355, 1)";
+export const MotionEaseInOut = "cubic-bezier(0.645, 0.045, 0.355, 1)";
+export const MotionEaseOutBack = "cubic-bezier(0.12, 0.4, 0.29, 1.46)";
+export const MotionEaseInBack = "cubic-bezier(0.71, -0.46, 0.88, 0.6)";
+export const MotionEaseInQuint = "cubic-bezier(0.755, 0.05, 0.855, 0.06)";
+export const MotionEaseOutQuint = "cubic-bezier(0.23, 1, 0.32, 1)";
+export const BorderRadius = "6px";
+export const SizeUnit = "4px";
+export const SizeStep = "4px";
+export const SizePopupArrow = "16px";
+export const ControlHeight = "32px";
+export const ZIndexBase = 0;
+export const ZIndexPopupBase = 1000;
+export const OpacityImage = 1;
+export const Wireframe = false;
+export const Motion = true;
+export const ColorText = "rgba(0, 0, 0, 0.95)";
+export const ColorTextSecondary = "rgba(0, 0, 0, 0.75)";
+export const ColorTextTertiary = "rgba(0, 0, 0, 0.55)";
+export const ColorTextQuaternary = "rgba(0, 0, 0, 0.4)";
+export const ColorBorder = "#ef76bf";
+export const ColorBorderSecondary = "#eceae9";
+export const ColorFill = "rgba(100, 12, 65, 0.15)";
+export const ColorFillSecondary = "rgba(100, 12, 65, 0.06)";
+export const ColorFillTertiary = "rgba(100, 12, 65, 0.04)";
+export const ColorFillQuaternary = "rgba(100, 12, 65, 0.02)";
+export const ColorInfoBg = "#fcf3f8";
+export const ColorInfoBgHover = "#f7d9eb";
+export const ColorInfoBorder = "#ef76bf";
+export const ColorInfoBorderHover = "#f03da8";
+export const ColorInfoHover = "#c20075";
+export const ColorInfoActive = "#800a51";
+export const ColorInfoTextHover = "#c20075";
+export const ColorInfoText = "#800a51";
+export const ColorInfoTextActive = "#640c41";
+export const ColorPrimaryBg = "#fcf3f8";
+export const ColorPrimaryBgHover = "#f7d9eb";
+export const ColorPrimaryBorder = "#ef76bf";
+export const ColorPrimaryBorderHover = "#f03da8";
+export const ColorPrimaryHover = "#c20075";
+export const ColorPrimaryActive = "#800a51";
+export const ColorPrimaryTextHover = "#c20075";
+export const ColorPrimaryText = "#800a51";
+export const ColorPrimaryTextActive = "#640c41";
+export const ControlOutline = "rgba(161, 8, 99, 0.1)";
+export const FontWeightStrong = 500;
+export const ColorFillAlterSolid = "#fcf3f8";
+export const ColorFilledHandleBg = "#f7d9eb";
+export const MpBrandPrimary1 = "#fcf3f8";
+export const MpBrandPrimary2 = "#f7d9eb";
+export const MpBrandPrimary3 = "#f1acd6";
+export const MpBrandPrimary4 = "#ef76bf";
+export const MpBrandPrimary5 = "#f03da8";
+export const MpBrandPrimary6 = "#ef0b94";
+export const MpBrandPrimary7 = "#c20075";
+export const MpBrandPrimary8 = "#a10863";
+export const MpBrandPrimary9 = "#800a51";
+export const MpBrandPrimary10 = "#640c41";
+export const MpBrandSecondary1 = "#ffffff";
+export const MpBrandSecondary2 = "#faf9f8";
+export const MpBrandSecondary3 = "#eceae9";
+export const MpBrandSecondary4 = "#dcdcd8";
+export const MpBrandSecondary5 = "#babbb5";
+export const MpBrandSecondary6 = "#717368";
+export const MpBrandSecondary7 = "#505249";
+export const MpBrandSecondary8 = "#2c2d2b";
+export const MpBrandSecondary9 = "#212020";
+export const MpBrandSecondary10 = "#0f0e0e";
+export const MpColorIconStrong = "#0f0e0e";
+export const MpColorIconBrand = "#640c41";
+export const MpColorBorderDisabled = "#dcdcd8";
+export const MpIconSizeXs = "12px";
+export const MpIconSizeSm = "16px";
+export const MpIconSizeMd = "20px";
+export const MpIconSizeLg = "24px";
+export const MpIconSizeXl = "28px";
+export const MpIconSizeXxl = "32px";
+export const MpIconSizeXxxl = "40px";
+export const MpIconSizeXxxxl = "48px";
+export const MpQueryItemHeight = "32px";
+export const MpQueryItemPadding = "4px";
+export const MpQueryItemGap = "4px";
+export const MpQueryItemBorderWidth = "0 0 1px 0";
+export const MpQueryItemBorderWidthActive = "0 0 2px 0";
+export const MpQueryItemBorderRadius = "2px";
+export const MpQueryItemBorderColor = "#ef76bf";
+export const MpQueryItemBorderColorFocus = "#a10863";
+export const MpQueryItemBorderColorHover = "#a10863";
+export const MpQueryItemBorderColorActive = "#a10863";
+export const MpQueryItemBorderColorDisabled = "#dcdcd8";
+export const MpQueryItemBorderColorError = "#ff4d4f";
+export const MpQueryItemBgColor = "#ffffff";
+export const MpQueryItemBgColorHover = "#fcf3f8";
+export const MpQueryItemBgColorActive = "#f7d9eb";
+export const MpQueryItemBgColorDisabled = "rgba(15, 14, 14, 0.04)";
+export const MpQueryItemColorDisabled = "rgba(0, 0, 0, 0.4)";
+export const MpQueryItemShadow = "none";
+export const MpQueryItemShadowFocus = "0 0 0 2px rgba(161, 8, 99, 0.1)";
+export const MpQueryItemShadowActive = "0 0 0 2px rgba(161, 8, 99, 0.1)";
+export const MpQueryItemValueSelectorFontWeight = "500";
+export const MpQueryItemValueSelectorColor = "#640c41";
+export const MpQueryItemActionPrimaryColor = "#a10863";
+export const MpQueryItemActionSecondaryColor = "rgba(0, 0, 0, 0.55)";
+export const MpQueryItemActionFontWeight = "400";
+export const Blue1 = "#e6f4ff";
+export const Blue2 = "#bae0ff";
+export const Blue3 = "#91caff";
+export const Blue4 = "#69b1ff";
+export const Blue5 = "#4096ff";
+export const Blue6 = "#1677ff";
+export const Blue7 = "#0958d9";
+export const Blue8 = "#003eb3";
+export const Blue9 = "#002c8c";
+export const Blue10 = "#001d66";
+export const Purple1 = "#f9f0ff";
+export const Purple2 = "#efdbff";
+export const Purple3 = "#d3adf7";
+export const Purple4 = "#b37feb";
+export const Purple5 = "#9254de";
+export const Purple6 = "#722ed1";
+export const Purple7 = "#531dab";
+export const Purple8 = "#391085";
+export const Purple9 = "#22075e";
+export const Purple10 = "#120338";
+export const Cyan1 = "#e6fffb";
+export const Cyan2 = "#b5f5ec";
+export const Cyan3 = "#87e8de";
+export const Cyan4 = "#5cdbd3";
+export const Cyan5 = "#36cfc9";
+export const Cyan6 = "#13c2c2";
+export const Cyan7 = "#08979c";
+export const Cyan8 = "#006d75";
+export const Cyan9 = "#00474f";
+export const Cyan10 = "#002329";
+export const Green1 = "#f6ffed";
+export const Green2 = "#d9f7be";
+export const Green3 = "#b7eb8f";
+export const Green4 = "#95de64";
+export const Green5 = "#73d13d";
+export const Green6 = "#52c41a";
+export const Green7 = "#389e0d";
+export const Green8 = "#237804";
+export const Green9 = "#135200";
+export const Green10 = "#092b00";
+export const Magenta1 = "#fff0f6";
+export const Magenta2 = "#ffd6e7";
+export const Magenta3 = "#ffadd2";
+export const Magenta4 = "#ff85c0";
+export const Magenta5 = "#f759ab";
+export const Magenta6 = "#eb2f96";
+export const Magenta7 = "#c41d7f";
+export const Magenta8 = "#9e1068";
+export const Magenta9 = "#780650";
+export const Magenta10 = "#520339";
+export const Pink1 = "#fff0f6";
+export const Pink2 = "#ffd6e7";
+export const Pink3 = "#ffadd2";
+export const Pink4 = "#ff85c0";
+export const Pink5 = "#f759ab";
+export const Pink6 = "#eb2f96";
+export const Pink7 = "#c41d7f";
+export const Pink8 = "#9e1068";
+export const Pink9 = "#780650";
+export const Pink10 = "#520339";
+export const Red1 = "#fff1f0";
+export const Red2 = "#ffccc7";
+export const Red3 = "#ffa39e";
+export const Red4 = "#ff7875";
+export const Red5 = "#ff4d4f";
+export const Red6 = "#f5222d";
+export const Red7 = "#cf1322";
+export const Red8 = "#a8071a";
+export const Red9 = "#820014";
+export const Red10 = "#5c0011";
+export const Orange1 = "#fff7e6";
+export const Orange2 = "#ffe7ba";
+export const Orange3 = "#ffd591";
+export const Orange4 = "#ffc069";
+export const Orange5 = "#ffa940";
+export const Orange6 = "#fa8c16";
+export const Orange7 = "#d46b08";
+export const Orange8 = "#ad4e00";
+export const Orange9 = "#873800";
+export const Orange10 = "#612500";
+export const Yellow1 = "#feffe6";
+export const Yellow2 = "#ffffb8";
+export const Yellow3 = "#fffb8f";
+export const Yellow4 = "#fff566";
+export const Yellow5 = "#ffec3d";
+export const Yellow6 = "#fadb14";
+export const Yellow7 = "#d4b106";
+export const Yellow8 = "#ad8b00";
+export const Yellow9 = "#876800";
+export const Yellow10 = "#614700";
+export const Volcano1 = "#fff2e8";
+export const Volcano2 = "#ffd8bf";
+export const Volcano3 = "#ffbb96";
+export const Volcano4 = "#ff9c6e";
+export const Volcano5 = "#ff7a45";
+export const Volcano6 = "#fa541c";
+export const Volcano7 = "#d4380d";
+export const Volcano8 = "#ad2102";
+export const Volcano9 = "#871400";
+export const Volcano10 = "#610b00";
+export const Geekblue1 = "#f0f5ff";
+export const Geekblue2 = "#d6e4ff";
+export const Geekblue3 = "#adc6ff";
+export const Geekblue4 = "#85a5ff";
+export const Geekblue5 = "#597ef7";
+export const Geekblue6 = "#2f54eb";
+export const Geekblue7 = "#1d39c4";
+export const Geekblue8 = "#10239e";
+export const Geekblue9 = "#061178";
+export const Geekblue10 = "#030852";
+export const Gold1 = "#fffbe6";
+export const Gold2 = "#fff1b8";
+export const Gold3 = "#ffe58f";
+export const Gold4 = "#ffd666";
+export const Gold5 = "#ffc53d";
+export const Gold6 = "#faad14";
+export const Gold7 = "#d48806";
+export const Gold8 = "#ad6800";
+export const Gold9 = "#874d00";
+export const Gold10 = "#613400";
+export const Lime1 = "#fcffe6";
+export const Lime2 = "#f4ffb8";
+export const Lime3 = "#eaff8f";
+export const Lime4 = "#d3f261";
+export const Lime5 = "#bae637";
+export const Lime6 = "#a0d911";
+export const Lime7 = "#7cb305";
+export const Lime8 = "#5b8c00";
+export const Lime9 = "#3f6600";
+export const Lime10 = "#254000";
+export const ColorBgLayout = "#f5f5f5";
+export const ColorBgContainer = "#ffffff";
+export const ColorBgElevated = "#ffffff";
+export const ColorBgSpotlight = "rgba(0, 0, 0, 0.85)";
+export const ColorBgBlur = "transparent";
+export const ColorSuccessBg = "#f6ffed";
+export const ColorSuccessBgHover = "#d9f7be";
+export const ColorSuccessBorder = "#b7eb8f";
+export const ColorSuccessBorderHover = "#95de64";
+export const ColorSuccessHover = "#95de64";
+export const ColorSuccessActive = "#389e0d";
+export const ColorSuccessTextHover = "#73d13d";
+export const ColorSuccessText = "#52c41a";
+export const ColorSuccessTextActive = "#389e0d";
+export const ColorErrorBg = "#fff2f0";
+export const ColorErrorBgHover = "#fff1f0";
+export const ColorErrorBgActive = "#ffccc7";
+export const ColorErrorBorder = "#ffccc7";
+export const ColorErrorBorderHover = "#ffa39e";
+export const ColorErrorHover = "#ff7875";
+export const ColorErrorActive = "#d9363e";
+export const ColorErrorTextHover = "#ff7875";
+export const ColorErrorText = "#ff4d4f";
+export const ColorErrorTextActive = "#d9363e";
+export const ColorWarningBg = "#fffbe6";
+export const ColorWarningBgHover = "#fff1b8";
+export const ColorWarningBorder = "#ffe58f";
+export const ColorWarningBorderHover = "#ffd666";
+export const ColorWarningHover = "#ffd666";
+export const ColorWarningActive = "#d48806";
+export const ColorWarningTextHover = "#ffc53d";
+export const ColorWarningText = "#faad14";
+export const ColorWarningTextActive = "#d48806";
+export const ColorLinkHover = "#d444f1";
+export const ColorLinkActive = "#800a51";
+export const ColorBgMask = "rgba(0, 0, 0, 0.45)";
+export const ColorWhite = "#fff";
+export const FontSizeSm = "12px";
+export const FontSizeLg = "16px";
+export const FontSizeXl = "20px";
+export const FontSizeHeading1 = "38px";
+export const FontSizeHeading2 = "30px";
+export const FontSizeHeading3 = "24px";
+export const FontSizeHeading4 = "20px";
+export const FontSizeHeading5 = "16px";
+export const LineHeight = 1.5714285714285714;
+export const LineHeightLg = 1.5;
+export const LineHeightSm = 1.6666666666666667;
+export const FontHeight = "22px";
+export const FontHeightLg = "24px";
+export const FontHeightSm = "20px";
+export const LineHeightHeading1 = 1.2105263157894737;
+export const LineHeightHeading2 = 1.2666666666666666;
+export const LineHeightHeading3 = 1.3333333333333333;
+export const LineHeightHeading4 = 1.4;
+export const LineHeightHeading5 = 1.5;
+export const SizeXxl = "48px";
+export const SizeXl = "32px";
+export const SizeLg = "24px";
+export const SizeMd = "20px";
+export const SizeMs = "16px";
+export const Size = "16px";
+export const SizeSm = "12px";
+export const SizeXs = "8px";
+export const SizeXxs = "4px";
+export const ControlHeightSm = "24px";
+export const ControlHeightXs = "16px";
+export const ControlHeightLg = "40px";
+export const MotionDurationFast = "0.1s";
+export const MotionDurationMid = "0.2s";
+export const MotionDurationSlow = "0.3s";
+export const LineWidthBold = "2px";
+export const BorderRadiusXs = "2px";
+export const BorderRadiusSm = "4px";
+export const BorderRadiusLg = "8px";
+export const BorderRadiusOuter = "4px";
+export const ColorFillContent = "rgba(100, 12, 65, 0.06)";
+export const ColorFillContentHover = "rgba(100, 12, 65, 0.15)";
+export const ColorFillAlter = "rgba(100, 12, 65, 0.02)";
+export const ColorBgContainerDisabled = "rgba(100, 12, 65, 0.04)";
+export const ColorBorderBg = "#ffffff";
+export const ColorSplit = "rgba(44, 22, 11, 0.09)";
+export const ColorTextPlaceholder = "rgba(0, 0, 0, 0.4)";
+export const ColorTextDisabled = "rgba(0, 0, 0, 0.4)";
+export const ColorTextHeading = "rgba(0, 0, 0, 0.95)";
+export const ColorTextLabel = "rgba(0, 0, 0, 0.75)";
+export const ColorTextDescription = "rgba(0, 0, 0, 0.55)";
+export const ColorTextLightSolid = "#fff";
+export const ColorHighlight = "#ff4d4f";
+export const ColorBgTextHover = "rgba(100, 12, 65, 0.06)";
+export const ColorBgTextActive = "rgba(100, 12, 65, 0.15)";
+export const ColorIcon = "rgba(0, 0, 0, 0.55)";
+export const ColorIconHover = "rgba(0, 0, 0, 0.95)";
+export const ColorErrorOutline = "rgba(255, 38, 5, 0.06)";
+export const ColorWarningOutline = "rgba(255, 215, 5, 0.1)";
+export const FontSizeIcon = "12px";
+export const LineWidthFocus = "4px";
+export const ControlOutlineWidth = "2px";
+export const ControlInteractiveSize = "16px";
+export const ControlItemBgHover = "rgba(100, 12, 65, 0.04)";
+export const ControlItemBgActive = "#fcf3f8";
+export const ControlItemBgActiveHover = "#f7d9eb";
+export const ControlItemBgActiveDisabled = "rgba(100, 12, 65, 0.15)";
+export const ControlTmpOutline = "rgba(100, 12, 65, 0.02)";
+export const OpacityLoading = 0.65;
+export const LinkDecoration = "none";
+export const LinkHoverDecoration = "none";
+export const LinkFocusDecoration = "none";
+export const ControlPaddingHorizontal = "12px";
+export const ControlPaddingHorizontalSm = "8px";
+export const PaddingXxs = "4px";
+export const PaddingXs = "8px";
+export const PaddingSm = "12px";
+export const Padding = "16px";
+export const PaddingMd = "20px";
+export const PaddingLg = "24px";
+export const PaddingXl = "32px";
+export const PaddingContentHorizontalLg = "24px";
+export const PaddingContentVerticalLg = "16px";
+export const PaddingContentHorizontal = "16px";
+export const PaddingContentVertical = "12px";
+export const PaddingContentHorizontalSm = "16px";
+export const PaddingContentVerticalSm = "8px";
+export const MarginXxs = "4px";
+export const MarginXs = "8px";
+export const MarginSm = "12px";
+export const Margin = "16px";
+export const MarginMd = "20px";
+export const MarginLg = "24px";
+export const MarginXl = "32px";
+export const MarginXxl = "48px";
+export const BoxShadow =
+  " 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05) ";
+export const BoxShadowSecondary =
+  " 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05) ";
+export const BoxShadowTertiary =
+  " 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02) ";
+export const ScreenXs = "480px";
+export const ScreenXsMin = "480px";
+export const ScreenXsMax = "575px";
+export const ScreenSm = "576px";
+export const ScreenSmMin = "576px";
+export const ScreenSmMax = "767px";
+export const ScreenMd = "768px";
+export const ScreenMdMin = "768px";
+export const ScreenMdMax = "991px";
+export const ScreenLg = "992px";
+export const ScreenLgMin = "992px";
+export const ScreenLgMax = "1199px";
+export const ScreenXl = "1200px";
+export const ScreenXlMin = "1200px";
+export const ScreenXlMax = "1599px";
+export const ScreenXxl = "1600px";
+export const ScreenXxlMin = "1600px";
+export const BoxShadowPopoverArrow = "2px 2px 5px rgba(0, 0, 0, 0.05)";
+export const BoxShadowCard =
+  " 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09) ";
+export const BoxShadowDrawerRight =
+  " -6px 0 16px 0 rgba(0, 0, 0, 0.08), -3px 0 6px -4px rgba(0, 0, 0, 0.12), -9px 0 28px 8px rgba(0, 0, 0, 0.05) ";
+export const BoxShadowDrawerLeft =
+  " 6px 0 16px 0 rgba(0, 0, 0, 0.08), 3px 0 6px -4px rgba(0, 0, 0, 0.12), 9px 0 28px 8px rgba(0, 0, 0, 0.05) ";
+export const BoxShadowDrawerUp =
+  " 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05) ";
+export const BoxShadowDrawerDown =
+  " 0 -6px 16px 0 rgba(0, 0, 0, 0.08), 0 -3px 6px -4px rgba(0, 0, 0, 0.12), 0 -9px 28px 8px rgba(0, 0, 0, 0.05) ";
+export const BoxShadowTabsOverflowLeft =
+  "inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)";
+export const BoxShadowTabsOverflowRight =
+  "inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)";
+export const BoxShadowTabsOverflowTop =
+  "inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)";
+export const BoxShadowTabsOverflowBottom =
+  "inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mparticle/aquarium",
-  "version": "1.61.0-operation-prism-shift.1",
+  "version": "1.61.0-operation-prism-shift.3",
   "description": "mParticle Component Library",
   "license": "Apache-2.0",
   "keywords": [