@gradio/tabs 0.3.0-beta.1 → 0.3.0-beta.3

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 (7) hide show
  1. package/CHANGELOG.md +19 -2
  2. package/Index.svelte +1 -1
  3. package/dist/Index.svelte +1 -1
  4. package/dist/Index.svelte.d.ts +1 -1
  5. package/dist/shared/Tabs.svelte +5 -5
  6. package/package.json +3 -3
  7. package/shared/Tabs.svelte +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @gradio/tabs
2
2
 
3
+ ## 0.3.0-beta.3
4
+
5
+ ### Features
6
+
7
+ - [#9460](https://github.com/gradio-app/gradio/pull/9460) [`7352a89`](https://github.com/gradio-app/gradio/commit/7352a89722da91461c32fd33588531f3edce9c48) - Playground requirements tab. Thanks @whitphx!
8
+ - [#9496](https://github.com/gradio-app/gradio/pull/9496) [`1647ebd`](https://github.com/gradio-app/gradio/commit/1647ebddc3e2ed6fc143a62629409e32afcc5801) - UI theme fixes. Thanks @aliabid94!
9
+
10
+ ## 0.3.0-beta.2
11
+
12
+ ### Features
13
+
14
+ - [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2. Thanks @pngwn!
15
+
16
+ ### Dependency updates
17
+
18
+ - @gradio/utils@0.7.0-beta.2
19
+
3
20
  ## 0.3.0-beta.1
4
21
 
5
22
  ### Features
@@ -10,7 +27,7 @@
10
27
 
11
28
  - @gradio/utils@0.7.0-beta.1
12
29
 
13
- ## 0.2.14-beta.0
30
+ ## 0.2.14
14
31
 
15
32
  ### Fixes
16
33
 
@@ -18,7 +35,7 @@
18
35
 
19
36
  ### Dependency updates
20
37
 
21
- - @gradio/utils@0.7.0-beta.0
38
+ - @gradio/utils@0.6.1
22
39
 
23
40
  ## 0.2.13
24
41
 
package/Index.svelte CHANGED
@@ -1,5 +1,5 @@
1
1
  <script context="module" lang="ts">
2
- export { TABS } from "./shared/Tabs.svelte";
2
+ export { default as BaseTabs, TABS } from "./shared/Tabs.svelte";
3
3
  </script>
4
4
 
5
5
  <script lang="ts">
package/dist/Index.svelte CHANGED
@@ -1,4 +1,4 @@
1
- <script context="module">export { TABS } from "./shared/Tabs.svelte";
1
+ <script context="module">export { default as BaseTabs, TABS } from "./shared/Tabs.svelte";
2
2
  </script>
3
3
 
4
4
  <script>import { createEventDispatcher } from "svelte";
package/dist/Index.svelte.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SvelteComponent } from "svelte";
2
- export { TABS } from "./shared/Tabs.svelte";
2
+ export { default as BaseTabs, TABS } from "./shared/Tabs.svelte";
3
3
  import type { Gradio, SelectData } from "@gradio/utils";
4
4
  declare const __propDef: {
5
5
  props: {
package/dist/shared/Tabs.svelte CHANGED
@@ -11,7 +11,7 @@
11
11
  import OverflowIcon from "./OverflowIcon.svelte";
12
12
  import { writable } from "svelte/store";
13
13
  export let visible = true;
14
- export let elem_id = "id";
14
+ export let elem_id = "";
15
15
  export let elem_classes = [];
16
16
  export let selected;
17
17
  let tabs = [];
@@ -72,6 +72,8 @@ onMount(() => {
72
72
  window.addEventListener("click", handle_outside_click);
73
73
  });
74
74
  onDestroy(() => {
75
+ if (typeof window === "undefined")
76
+ return;
75
77
  window.removeEventListener("resize", handle_menu_overflow);
76
78
  window.removeEventListener("click", handle_outside_click);
77
79
  });
@@ -159,9 +161,7 @@ function handle_menu_overflow() {
159
161
  </div>
160
162
  {/if}
161
163
 
162
- <div>
163
- <slot />
164
- </div>
164
+ <slot />
165
165
 
166
166
  <style>
167
167
  .tabs {
@@ -210,7 +210,7 @@ function handle_menu_overflow() {
210
210
  border: none;
211
211
  border-radius: 0;
212
212
  padding: 0 var(--size-4);
213
- color: var(--body-text-color-subdued);
213
+ color: var(--body-text-color);
214
214
  font-weight: var(--section-header-text-weight);
215
215
  font-size: var(--section-header-text-size);
216
216
  transition: all 0.2s ease-out;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gradio/tabs",
3
- "version": "0.3.0-beta.1",
3
+ "version": "0.3.0-beta.3",
4
4
  "description": "Gradio UI packages",
5
5
  "type": "module",
6
6
  "author": "",
@@ -17,10 +17,10 @@
17
17
  "./package.json": "./package.json"
18
18
  },
19
19
  "dependencies": {
20
- "@gradio/utils": "^0.7.0-beta.1"
20
+ "@gradio/utils": "^0.7.0-beta.2"
21
21
  },
22
22
  "devDependencies": {
23
- "@gradio/preview": "^0.11.1-beta.0"
23
+ "@gradio/preview": "^0.11.2-beta.0"
24
24
  },
25
25
  "peerDependencies": {
26
26
  "svelte": "^4.0.0"
package/shared/Tabs.svelte CHANGED
@@ -22,7 +22,7 @@
22
22
  }
23
23
 
24
24
  export let visible = true;
25
- export let elem_id = "id";
25
+ export let elem_id = "";
26
26
  export let elem_classes: string[] = [];
27
27
  export let selected: number | string | object;
28
28
 
@@ -93,11 +93,13 @@
93
93
 
94
94
  onMount(() => {
95
95
  handle_menu_overflow();
96
+
96
97
  window.addEventListener("resize", handle_menu_overflow);
97
98
  window.addEventListener("click", handle_outside_click);
98
99
  });
99
100
 
100
101
  onDestroy(() => {
102
+ if (typeof window === "undefined") return;
101
103
  window.removeEventListener("resize", handle_menu_overflow);
102
104
  window.removeEventListener("click", handle_outside_click);
103
105
  });
@@ -203,9 +205,7 @@
203
205
  </div>
204
206
  {/if}
205
207
 
206
- <div>
207
- <slot />
208
- </div>
208
+ <slot />
209
209
 
210
210
  <style>
211
211
  .tabs {
@@ -254,7 +254,7 @@
254
254
  border: none;
255
255
  border-radius: 0;
256
256
  padding: 0 var(--size-4);
257
- color: var(--body-text-color-subdued);
257
+ color: var(--body-text-color);
258
258
  font-weight: var(--section-header-text-weight);
259
259
  font-size: var(--section-header-text-size);
260
260
  transition: all 0.2s ease-out;