Skip to content

Commit 48e7103

Browse files
alex-mcgovernalex-mcgovern
authored
feat: use @stacklok/ui-kit (#80)
* feat: initial work to integrate ui-kit * feat: second pass to integrate ui-kit * chore: tidy ups * chore: tidy ups * chore: tidy ups * fix: colors in chat * chore: tidy ups * chore: final fix ups * fix(sidebar): wrong colors * fix: missing new bg styles * fix: markdown and missing colors * chore: use publicly available UIKit library * fix: broken tests * fix: small style tweaks * fix: copy button color * fix: tests
1 parent ef1b65c commit 48e7103

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

47 files changed

+3014
-1421
lines changed

‎.gitignore

+3
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,9 @@ yarn-error.log*
77
pnpm-debug.log*
88
lerna-debug.log*
99

10+
# NPM
11+
.npmrc
12+
1013
node_modules
1114
dist
1215
dist-ssr

‎eslint.config.js

+47-14
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,61 @@
1-
import js from '@eslint/js'
2-
import globals from 'globals'
3-
import reactHooks from 'eslint-plugin-react-hooks'
4-
import reactRefresh from 'eslint-plugin-react-refresh'
5-
import tseslint from 'typescript-eslint'
1+
import js from "@eslint/js";
2+
import globals from "globals";
3+
import reactHooks from "eslint-plugin-react-hooks";
4+
import reactRefresh from "eslint-plugin-react-refresh";
5+
import tseslint from "typescript-eslint";
6+
import tailwindPlugin from 'eslint-plugin-tailwindcss'
67

78
export default tseslint.config(
8-
{ ignores: ['dist'] },
9+
{ ignores: ["dist"] },
910
{
10-
extends: [js.configs.recommended, ...tseslint.configs.recommended],
11-
files: ['**/*.{ts,tsx}'],
11+
extends: [
12+
js.configs.recommended,
13+
...tseslint.configs.recommended,
14+
...tailwindPlugin.configs["flat/recommended"],
15+
],
16+
files: ["**/*.{ts,tsx}"],
1217
languageOptions: {
1318
ecmaVersion: 2020,
1419
globals: globals.browser,
1520
},
1621
plugins: {
17-
'react-hooks': reactHooks,
18-
'react-refresh': reactRefresh,
22+
"react-hooks": reactHooks,
23+
"react-refresh": reactRefresh,
24+
},
25+
26+
settings: {
27+
tailwindcss: {
28+
callees: ["tv", "twMerge"],
29+
config: "./tailwind.config.ts",
30+
},
1931
},
2032
rules: {
2133
...reactHooks.configs.recommended.rules,
22-
'react-refresh/only-export-components': [
23-
'warn',
34+
"react-refresh/only-export-components": [
35+
"warn",
2436
{ allowConstantExport: true },
2537
],
38+
"tailwindcss/enforces-negative-arbitrary-values": "error",
39+
"tailwindcss/enforces-shorthand": "error",
40+
"tailwindcss/classnames-order": "off", // handled by prettier
41+
"tailwindcss/no-contradicting-classname": "error",
42+
"tailwindcss/no-custom-classname": [
43+
"error",
44+
{
45+
callees: ["tv", "twMerge"],
46+
whitelist: [
47+
"theme\\-(minder|trusty)",
48+
"light",
49+
"dark",
50+
"scrollbar-thin",
51+
"font-default",
52+
"font-title",
53+
"font-code",
54+
"subhead-bold",
55+
"subhead-regular",
56+
],
57+
},
58+
],
2659
},
27-
},
28-
)
60+
}
61+
);

‎index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>CodeGate ui</title>
77
</head>
8-
<body>
8+
<body class="theme-minder">
99
<div id="root"></div>
1010
<script type="module" src="/src/main.tsx"></script>
1111
</body>

0 commit comments

Comments
 (0)