Skip to content

Commit

Permalink
Feature/stepper (#349)
Browse files Browse the repository at this point in the history
* feat(feature/stepper): Add stepper folder to design systems. Add basic implementation of MUI Stepper component as a starter. Remove ProgressBar test from settings page and replace with Stepper test.
>
>
Co-authored-by: Brett Eastman <brett.austin.eastman@gmail.com>
Co-authored-by: Nick Visutsithiwong <nickvisut@users.noreply.github.com

* custom stepper wip without connector

* improve stepper look and feel

* add margin between steps

* add placeholders for future stepper changes when MUI fixes className issues

* clean up wip stepper component

* fix alignment

* try to use theming instead for MUI Stepper

* upgrade storybook to latest

* add port of custom stepper to MUI stepper theme, add WIP stories

* fix CSS for stepper

* rename theme.ts to theme.tsx

* add rounded icon as default

* clean up theme file

* fix formatting and add note to README

* remove previous stepper and any stories

* format via prettier

* nuke node_modules and rerun `npm install` and `npm run format`

---------

Co-authored-by: Brett Austin Eastman <76603041+BrettEastman@users.noreply.github.com>
  • Loading branch information
nickvisut and BrettEastman authored Jul 17, 2024
1 parent 71f45f0 commit e4d027b
Show file tree
Hide file tree
Showing 8 changed files with 9,492 additions and 6,085 deletions.
5 changes: 2 additions & 3 deletions .storybook/main.ts
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,12 @@ const config: StorybookConfig = {
"@storybook/addon-onboarding",
"@storybook/addon-interactions",
"@tomfreudenberg/next-auth-mock/storybook",
"@chromatic-com/storybook",
],
framework: {
name: "@storybook/nextjs",
options: {},
},
docs: {
autodocs: "tag",
},
docs: {},
};
export default config;
2 changes: 1 addition & 1 deletion .storybook/preview.tsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import React from "react";
import type { Preview } from "@storybook/react";
import { StyledEngineProvider, ThemeProvider } from "@mui/material/styles";
import { theme } from "../src/theme";
import { compassTheme as theme } from "../src/theme";
import { FontProvider } from "../src/components/font-provider";

import "../src/styles/globals.css";
Expand Down
2 changes: 2 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,8 @@ There are two ways to run Compass locally:

Server URL: http://localhost:3000

NOTE: If you get into a login loop, double check that the Docker services are running

**Option 2: Run both server and supporting services locally**

1. One time setup:
Expand Down
Loading

0 comments on commit e4d027b

Please sign in to comment.