@flexkit/explorer 0.0.15 → 0.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.css +16 -1
  2. package/package.json +6 -6
package/dist/index.css CHANGED
@@ -741,11 +741,13 @@ video {
741
741
  :root {
742
742
  --tab-background: 0 0% 100%;
743
743
  --tab-foreground: 240 5.9% 10%;
744
+ --tab-active-foreground: 0 0% 98%;
744
745
  }
745
746
 
746
747
  .dark {
747
748
  --tab-background: 240 5.9% 23%;
748
749
  --tab-foreground: 0 0% 98%;
750
+ --tab-active-foreground: 240 5.9% 23%;
749
751
  }
750
752
 
751
753
  html,
@@ -856,8 +858,21 @@ body {
856
858
  color: hsl(var(--tab-foreground));
857
859
  background-color: hsl(var(--tab-background));
858
860
  &.graphiql-tab-active {
859
- color: hsl(var(--background));
861
+ color: hsl(var(--tab-active-foreground));
860
862
  background-color: hsl(var(--foreground));
863
+ .graphiql-tab-close {
864
+ color: hsl(var(--tab-active-foreground));
865
+ background-color: hsl(var(--foreground));
866
+ }
867
+ }
868
+ .graphiql-tab-close {
869
+ box-shadow: none;
870
+ color: hsl(var(--tab-foreground));
871
+ background-color: hsl(var(--tab-background));
872
+ &:hover {
873
+ background-color: hsl(var(--muted-foreground));
874
+ color: hsl(var(--tab-background));
875
+ }
861
876
  }
862
877
  }
863
878
  /* The vertical toolbar next to the query editor */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flexkit/explorer",
3
- "version": "0.0.15",
3
+ "version": "0.0.16",
4
4
  "description": "Flexkit plugin for running and debugging GraphQL queries in a graphical interactive in-browser GraphQL IDE",
5
5
  "keywords": [
6
6
  "flexkit",
@@ -52,10 +52,10 @@
52
52
  "tailwindcss": "3.4.10",
53
53
  "tsup": "8.5.1",
54
54
  "typescript": "^5.3.3",
55
- "@flexkit/studio": "0.0.15",
55
+ "@flexkit/studio": "0.0.16",
56
56
  "eslint-config-custom": "0.0.0",
57
- "tailwind-config": "0.0.1",
58
- "tsconfig": "0.0.0"
57
+ "tsconfig": "0.0.0",
58
+ "tailwind-config": "0.0.1"
59
59
  },
60
60
  "dependencies": {
61
61
  "@graphiql/plugin-history": "0.0.1",
@@ -69,14 +69,14 @@
69
69
  "peerDependencies": {
70
70
  "react": "^18.0.0 || ^19.0.0",
71
71
  "react-dom": "^18.0.0 || ^19.0.0",
72
- "@flexkit/studio": "0.0.15"
72
+ "@flexkit/studio": "0.0.16"
73
73
  },
74
74
  "publishConfig": {
75
75
  "access": "public"
76
76
  },
77
77
  "scripts": {
78
78
  "build": "tailwindcss -i ./src/styles.css -o dist/index.css && tsup src/index.tsx --format esm --dts --external react",
79
- "dev": "tailwindcss -i ./src/styles.css -o ./dist/index.css --watch & tsup src/index.tsx --format esm --watch --dts --external react",
79
+ "dev": "tailwindcss -i ./src/styles.css -o ./dist/index.css --watch=always & tsup src/index.tsx --format esm --watch --dts --external react",
80
80
  "lint": "eslint \"src/**/*.ts*\"",
81
81
  "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
82
82
  }