kurtosis-ui-components 1.16.6 → 1.17.4

package/build/AppLayout.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { Box, Flex } from "@chakra-ui/react";
 import { createContext, useContext } from "react";
 import { KurtosisBreadcrumbs } from "./KurtosisBreadcrumbs";
-import { MAIN_APP_BOTTOM_PADDING, MAIN_APP_LEFT_PADDING_WITHOUT_NAV, MAIN_APP_LEFT_PADDING_WITH_NAV, MAIN_APP_MAX_WIDTH, MAIN_APP_RIGHT_PADDING, MAIN_APP_TOP_PADDING, } from "./theme/constants";
+import { MAIN_APP_BOTTOM_PADDING, MAIN_APP_LEFT_PADDING_WITH_NAV, MAIN_APP_LEFT_PADDING_WITHOUT_NAV, MAIN_APP_MAX_WIDTH, MAIN_APP_RIGHT_PADDING, MAIN_APP_TOP_PADDING, } from "./theme/constants";
 import { isDefined } from "./utils";
 const AppLayoutContext = createContext({ hasNavbar: true });
 export const AppLayout = ({ children, navbar }) => {

package/build/CodeEditor.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type CodeEditorProps = {
     text: string;
     fileName?: string;

package/build/CodeEditor.js

@@ -115,7 +115,7 @@ export const CodeEditor = forwardRef(({ text, fileName, isEditable, onTextChange
     // it is unclear why this is the case.
     resizeEditorBasedOnContent();
     return (_jsx(Box, { width: "100%", children: _jsx(Editor, { onMount: handleMount, value: text, path: fileName, onChange: handleChange, options: {
-                automaticLayout: false,
+                automaticLayout: false, // if this is `true` a ResizeObserver is installed. This causes issues with us managing the container size outside.
                 readOnly: isReadOnly,
                 lineNumbers: showLineNumbers || (!isDefined(showLineNumbers) && !isReadOnly) ? "on" : "off",
                 minimap: { enabled: false },

package/build/KurtosisThemeProvider.d.ts

@@ -1,3 +1,3 @@
-import type { ChakraProviderProps } from "@chakra-ui/react/dist/chakra-provider";
+import type { ChakraProviderProps } from "@chakra-ui/react";
 import { PropsWithChildren } from "react";
 export declare const KurtosisThemeProvider: ({ children, ...chakraProps }: PropsWithChildren<Omit<ChakraProviderProps, "theme">>) => import("react/jsx-runtime").JSX.Element;

package/build/KurtosisThemeProvider.js

@@ -30,7 +30,7 @@ const theme = extendTheme({
             100: "#99f7aa",
             200: "#66f27f",
             300: "#33ee55",
-            400: "#00C223",
+            400: "#00C223", // The true green
             500: "#00bb22",
             600: "#008c19",
             700: "#18371E",
@@ -40,18 +40,18 @@ const theme = extendTheme({
             400: "#516A77",
         },
         gray: {
-            100: "#E3E3E3",
+            100: "#E3E3E3", // text
             150: "#A1A3A5",
             200: "#878787",
             250: "#7A7A7A",
             300: "#606770",
-            400: "#5B5B5B",
+            400: "#5B5B5B", // icon color
             500: "#393B3E",
             600: "#2E2E2E",
             650: "#292929",
             700: "#1E1E1E",
-            800: "#1D1D1D",
-            850: "#1B1B1D",
+            800: "#1D1D1D", // selected background
+            850: "#1B1B1D", // Accent background
             900: "#111111", // ui background
         },
         red: {

package/build/Toasts.d.ts

@@ -1,5 +1,5 @@
 type ToastProps = {
     message: string;
 };
-export declare const SuccessToast: import("@chakra-ui/system/dist/system.types").ComponentWithAs<"div", ToastProps>;
+export declare const SuccessToast: import("@chakra-ui/icons").ComponentWithAs<"div", ToastProps>;
 export {};

package/build/catalog/KurtosisPackageCardGrid.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { KurtosisPackage } from "kurtosis-cloud-indexer-sdk";
 type KurtosisPackageCardGridProps = {
     packages: KurtosisPackage[];

package/build/theme/formsTheme.d.ts

@@ -1,3 +1,7 @@
+declare const $fg: {
+    variable: string;
+    reference: string;
+};
 export declare const formsTheme: {
     baseStyle?: {
         container: {
@@ -5,22 +9,18 @@ export declare const formsTheme: {
             position: string;
         };
         requiredIndicator: {
-            [x: string]: string | {
-                [x: string]: string;
-            };
+            [$fg.variable]: string;
             marginStart: string;
             _dark: {
-                [x: string]: string;
+                [$fg.variable]: string;
             };
             color: string;
         };
         helperText: {
-            [x: string]: string | {
-                [x: string]: string;
-            };
+            [$fg.variable]: string;
             mt: string;
             _dark: {
-                [x: string]: string;
+                [$fg.variable]: string;
             };
             color: string;
             lineHeight: string;
@@ -44,3 +44,4 @@ export declare const formsTheme: {
     } | undefined;
     parts: ("container" | "requiredIndicator" | "helperText")[];
 };
+export {};

package/build/theme/tabsTheme.d.ts

@@ -1,10 +1,10 @@
 import { StyleFunctionProps } from "@chakra-ui/react";
 export declare const tabsTheme: {
-    baseStyle?: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+    baseStyle?: import("@chakra-ui/react").PartsStyleInterpolation<{
         keys: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
     }> | undefined;
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
             keys: ("tab" | "tablist" | "tabpanel" | "tabpanels" | "root" | "indicator")[];
         }>;
     } | undefined;

package/build/theme/tagsTheme.d.ts

@@ -6,7 +6,7 @@ export declare const tagTheme: {
         };
     } | undefined;
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
             keys: ("label" | "container" | "closeButton")[];
         }>;
     } | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kurtosis-ui-components",
-  "version": "1.16.6",
+  "version": "1.17.4",
   "private": false,
   "main": "build/index",
   "description": "This repo contains components used by Kurtosis UI applications.",