Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions .mise.toml
Original file line number Diff line number Diff line change
Expand Up @@ -38,11 +38,11 @@ run = "yarn clean-all"

[tasks.ops]
description = "Start ops frontend development server"
run = "cd apps/private/ops && yarn start"
run = "yarn start ops"

[tasks.ops-minikube]
description = "Start ops frontend connected to minikube"
run = "cd apps/private/ops && yarn start:minikube"
run = "VITE_PROXY_TARGET=http://app.minikube.local yarn start ops"

[tasks.gql-codegen]
description = "Generate GraphQL code"
Expand Down
1 change: 1 addition & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@
"lint:fix": "turbo run lint:fix",
"package:checks": "turbo run package:checks",
"release": "turbo build && changeset publish",
"start:minikube": "VITE_PROXY_TARGET=http://app.minikube.local yarn start",
"start:prod": "VITE_PROXY_TARGET=https://app.lightspark.com yarn start",
"preview": "turbo run preview",
"start": "./start.sh",
Expand Down
2 changes: 1 addition & 1 deletion packages/ui/src/components/Table/Table.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -117,7 +117,7 @@ export type TableProps<T extends Record<string, unknown>> = {
loading?: boolean;
onClickRow?: (
row: Row<T>,
) => { link?: string; to?: NewRoutesType; params: RouteParams } | void;
) => { link?: string; to?: NewRoutesType; params?: RouteParams } | void;
emptyState?: ReactNode;
clipboardCallbacks?: Parameters<typeof useClipboard>[0] | undefined;
rowHoverEffect?: "border" | "background" | "none" | undefined;
Expand Down
2 changes: 2 additions & 0 deletions packages/ui/src/components/TextInput.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -161,6 +161,7 @@ export type TextInputProps = {
width?: "full" | "short" | undefined;
paddingX?: number;
paddingY?: number;
subTextPaddingX?: number | undefined;
marginTop?: number | undefined;
// Outline that appears outside/offset when the input is focused
activeOutline?: boolean;
Expand Down Expand Up @@ -425,6 +426,7 @@ export function TextInput(textInputProps: TextInputProps) {
tooltipId={hintTooltipId}
hideNonErrorsIfBlurred={props.hideNonErrorsIfBlurred}
focused={focused}
subTextPaddingX={props.subTextPaddingX}
/>
{props.hintTooltip ? (
<Tooltip id={hintTooltipId} content={props.hintTooltip} place="right" />
Expand Down
2 changes: 1 addition & 1 deletion packages/ui/src/hooks/useFields.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import { diff } from "deep-object-diff";
import { isObject } from "lodash-es";
import { useCallback, useEffect, useMemo, useRef, useState } from "react";

type ValidatorFn = (
export type ValidatorFn = (
value: string,
fields?: Fields<any>, // eslint-disable-line @typescript-eslint/no-explicit-any
) => string | false;
Expand Down
213 changes: 213 additions & 0 deletions packages/ui/src/icons/central/CookieCute.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,213 @@
import { type PathProps } from "../types.js";

export function CookieCute({
strokeWidth = "0.512942",
strokeLinecap = "round",
strokeLinejoin = "round",
}: PathProps) {
return (
<svg
width="160"
height="160"
viewBox="0 0 160 160"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g filter="url(#filter0_dddddd_5340_46975)">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M48 80C48 62.3269 62.3269 48 80 48C81.233 48 82.4509 48.0699 83.6499 48.2062C84.4998 48.3028 85.2758 48.7357 85.8045 49.4082C86.3328 50.0808 86.5702 50.937 86.4634 51.7857C86.4218 52.1166 86.4 52.455 86.4 52.8C86.4 56.8523 89.416 60.2054 93.3242 60.7287C94.7546 60.9202 95.8797 62.0454 96.0714 63.4757C96.5946 67.3841 99.9478 70.4 104 70.4C104.99 70.4 105.931 70.2216 106.798 69.898C107.65 69.58 108.596 69.6393 109.402 70.0612C110.207 70.4831 110.795 71.2277 111.019 72.109C111.66 74.6365 112 77.281 112 80C112 97.673 97.673 112 80 112C62.3269 112 48 97.673 48 80ZM73.6 68.8C73.6 71.451 71.451 73.6 68.8 73.6C66.149 73.6 64 71.451 64 68.8C64 66.149 66.149 64 68.8 64C71.451 64 73.6 66.149 73.6 68.8ZM86.4 78.4C86.4 81.0509 84.2509 83.2 81.6 83.2C78.9491 83.2 76.8 81.0509 76.8 78.4C76.8 75.7491 78.9491 73.6 81.6 73.6C84.2509 73.6 86.4 75.7491 86.4 78.4ZM96 89.6C97.7674 89.6 99.2 88.1674 99.2 86.4C99.2 84.6326 97.7674 83.2 96 83.2C94.2326 83.2 92.8 84.6326 92.8 86.4C92.8 88.1674 94.2326 89.6 96 89.6ZM83.2 94.4C83.2 97.0509 81.0509 99.2 78.4 99.2C75.7491 99.2 73.6 97.0509 73.6 94.4C73.6 91.7491 75.7491 89.6 78.4 89.6C81.0509 89.6 83.2 91.7491 83.2 94.4ZM64 89.6C65.7673 89.6 67.2 88.1674 67.2 86.4C67.2 84.6326 65.7673 83.2 64 83.2C62.2327 83.2 60.8 84.6326 60.8 86.4C60.8 88.1674 62.2327 89.6 64 89.6Z"
fill="#E0B272"
/>
<path
d="M96 89.6C97.7674 89.6 99.2 88.1674 99.2 86.4C99.2 84.6326 97.7674 83.2 96 83.2C94.2326 83.2 92.8 84.6326 92.8 86.4C92.8 88.1674 94.2326 89.6 96 89.6Z"
fill="#5A3A2D"
/>
<path
d="M86.4 78.4C86.4 81.0509 84.2509 83.2 81.6 83.2C78.9491 83.2 76.8 81.0509 76.8 78.4C76.8 75.7491 78.9491 73.6 81.6 73.6C84.2509 73.6 86.4 75.7491 86.4 78.4Z"
fill="#5A3A2D"
/>
<path
d="M83.2 94.4C83.2 97.0509 81.0509 99.2 78.4 99.2C75.7491 99.2 73.6 97.0509 73.6 94.4C73.6 91.7491 75.7491 89.6 78.4 89.6C81.0509 89.6 83.2 91.7491 83.2 94.4Z"
fill="#5A3A2D"
/>
<path
d="M64 89.6C65.7673 89.6 67.2 88.1674 67.2 86.4C67.2 84.6326 65.7673 83.2 64 83.2C62.2327 83.2 60.8 84.6326 60.8 86.4C60.8 88.1674 62.2327 89.6 64 89.6Z"
fill="#5A3A2D"
/>
<path
d="M73.6 68.8C73.6 71.451 71.451 73.6 68.8 73.6C66.149 73.6 64 71.451 64 68.8C64 66.149 66.149 64 68.8 64C71.451 64 73.6 66.149 73.6 68.8Z"
fill="#5A3A2D"
/>
<path
d="M80 46C81.3086 46 82.6021 46.074 83.876 46.2188C85.1706 46.3659 86.3595 46.9935 87.2109 47.9717L87.377 48.1719V48.1729C88.2351 49.2653 88.6208 50.6561 88.4473 52.0352C88.416 52.2841 88.4004 52.5391 88.4004 52.7998C88.4004 55.838 90.6628 58.3542 93.5898 58.7461C95.9142 59.0574 97.7422 60.8861 98.0537 63.21C98.4456 66.1371 100.962 68.4004 104 68.4004C104.748 68.4004 105.452 68.2657 106.099 68.0244C107.483 67.5078 109.021 67.6036 110.33 68.2891C111.639 68.9747 112.594 70.1853 112.957 71.6172C113.639 74.3042 114 77.1138 114 80C114 98.7775 98.7775 114 80 114C61.2223 114 46 98.7775 46 80C46 61.2223 61.2223 46 80 46Z"
stroke="white"
stroke-width="4"
/>
</g>
<defs>
<filter
id="filter0_dddddd_5340_46975"
x="28"
y="42.6667"
width="104"
height="121.333"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feMorphology
radius="16"
operator="erode"
in="SourceAlpha"
result="effect1_dropShadow_5340_46975"
/>
<feOffset dy="32" />
<feGaussianBlur stdDeviation="16" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_5340_46975"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feMorphology
radius="8"
operator="erode"
in="SourceAlpha"
result="effect2_dropShadow_5340_46975"
/>
<feOffset dy="16" />
<feGaussianBlur stdDeviation="8" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
/>
<feBlend
mode="normal"
in2="effect1_dropShadow_5340_46975"
result="effect2_dropShadow_5340_46975"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feMorphology
radius="4"
operator="erode"
in="SourceAlpha"
result="effect3_dropShadow_5340_46975"
/>
<feOffset dy="8" />
<feGaussianBlur stdDeviation="4" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
/>
<feBlend
mode="normal"
in2="effect2_dropShadow_5340_46975"
result="effect3_dropShadow_5340_46975"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feMorphology
radius="2"
operator="erode"
in="SourceAlpha"
result="effect4_dropShadow_5340_46975"
/>
<feOffset dy="4" />
<feGaussianBlur stdDeviation="2" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
/>
<feBlend
mode="normal"
in2="effect3_dropShadow_5340_46975"
result="effect4_dropShadow_5340_46975"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feMorphology
radius="0.666667"
operator="erode"
in="SourceAlpha"
result="effect5_dropShadow_5340_46975"
/>
<feOffset dy="1.33333" />
<feGaussianBlur stdDeviation="0.666667" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
/>
<feBlend
mode="normal"
in2="effect4_dropShadow_5340_46975"
result="effect5_dropShadow_5340_46975"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feMorphology
radius="1.33333"
operator="dilate"
in="SourceAlpha"
result="effect6_dropShadow_5340_46975"
/>
<feOffset />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"
/>
<feBlend
mode="normal"
in2="effect5_dropShadow_5340_46975"
result="effect6_dropShadow_5340_46975"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect6_dropShadow_5340_46975"
result="shape"
/>
</filter>
</defs>
</svg>
);
}
1 change: 1 addition & 0 deletions packages/ui/src/icons/central/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,7 @@ export { CircleX as CentralCircleX } from "./CircleX.js";
export { Clipboard2 as CentralClipboard2 } from "./Clipboard2.js";
export { Clock as CentralClock } from "./Clock.js";
export { Contacts as CentralContacts } from "./Contacts.js";
export { CookieCute as CentralCookieCute } from "./CookieCute.js";
export { CrossLarge as CentralCrossLarge } from "./CrossLarge.js";
export { CrossSmall as CentralCrossSmall } from "./CrossSmall.js";
export { CryptoWallet as CentralCryptoWallet } from "./CryptoWallet.js";
Expand Down
11 changes: 11 additions & 0 deletions packages/ui/src/styles/fields.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -273,6 +273,7 @@ export function InputSubtext({
tooltipId,
hideNonErrorsIfBlurred = false,
focused = false,
subTextPaddingX,
}: {
text?: string | ToReactNodesArgs | undefined;
content?: ReactNode | undefined;
Expand All @@ -281,6 +282,7 @@ export function InputSubtext({
tooltipId?: string | undefined;
hideNonErrorsIfBlurred?: boolean | undefined;
focused?: boolean | undefined;
subTextPaddingX?: number | undefined;
}) {
const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
const [subtext, setSubtext] = useState(text);
Expand Down Expand Up @@ -308,6 +310,7 @@ export function InputSubtext({
hasSuccess={hasSuccess}
cursorPointer={Boolean(tooltipId)}
usingContent={content !== undefined}
subTextPaddingX={subTextPaddingX}
>
{tooltipId ? (
<span data-tooltip-id={tooltipId}>
Expand Down Expand Up @@ -344,6 +347,7 @@ export const StyledInputSubtext = styled.div<{
visible: boolean;
cursorPointer: boolean;
usingContent?: boolean;
subTextPaddingX?: number | undefined;
}>`
margin-top: ${({ visible }) => (visible ? "8px" : "0px")};
margin-left: ${({ visible, usingContent }) =>
Expand All @@ -359,6 +363,13 @@ export const StyledInputSubtext = styled.div<{
color: ${({ hasError, hasSuccess, theme }) =>
hasError ? theme.danger : hasSuccess ? theme.success : theme.text};
cursor: ${({ cursorPointer }) => (cursorPointer ? "pointer" : "auto")};
${({ subTextPaddingX }) =>
subTextPaddingX
? `
padding-left: ${subTextPaddingX}px;
padding-right: ${subTextPaddingX}px;
`
: ""};
`;

export const labelStyle = ({
Expand Down
2 changes: 1 addition & 1 deletion packages/ui/src/styles/themes.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -736,7 +736,7 @@ const bridgeDarkTheme = extend(darkTheme, {

const nageBaseSettings = {
secondary: colors["gray-500"],
tertiary: colors["gray-400"],
tertiary: colors.gray6,
mcNeutral: colors.grayBlue43,
success: colors.green37,
typography: getTypography(TypographyGroup.Nage, {
Expand Down