@gradio/annotatedimage 0.7.2-beta.1 → 0.8.0-beta.2

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 (4) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/Index.svelte +9 -12
  3. package/dist/Index.svelte +9 -12
  4. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @gradio/annotatedimage
2
2
 
3
+ ## 0.8.0-beta.2
4
+
5
+ ### Features
6
+
7
+ - [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency. Thanks @hannahblair!
8
+
9
+ ### Dependency updates
10
+
11
+ - @gradio/atoms@0.9.0-beta.2
12
+ - @gradio/upload@0.13.0-beta.2
13
+ - @gradio/wasm@0.14.0-beta.2
14
+ - @gradio/client@1.6.0-beta.2
15
+ - @gradio/icons@0.8.0-beta.2
16
+ - @gradio/statustracker@0.8.0-beta.2
17
+ - @gradio/utils@0.7.0-beta.2
18
+
3
19
  ## 0.7.2-beta.1
4
20
 
5
21
  ### Features
package/Index.svelte CHANGED
@@ -2,7 +2,13 @@
2
2
  import type { Gradio, SelectData } from "@gradio/utils";
3
3
 
4
4
  import { onMount } from "svelte";
5
- import { Block, BlockLabel, Empty, IconButton } from "@gradio/atoms";
5
+ import {
6
+ Block,
7
+ BlockLabel,
8
+ Empty,
9
+ IconButton,
10
+ IconButtonWrapper
11
+ } from "@gradio/atoms";
6
12
  import { Image, Maximize, Minimize } from "@gradio/icons";
7
13
  import { StatusTracker } from "@gradio/statustracker";
8
14
  import type { LoadingStatus } from "@gradio/statustracker";
@@ -159,7 +165,7 @@
159
165
  <Empty size="large" unpadded_box={true}><Image /></Empty>
160
166
  {:else}
161
167
  <div class="image-container" bind:this={image_container}>
162
- <div class="icon-buttons">
168
+ <IconButtonWrapper>
163
169
  {#if !is_full_screen && show_fullscreen_button}
164
170
  <IconButton
165
171
  Icon={Maximize}
@@ -175,7 +181,7 @@
175
181
  on:click={toggle_full_screen}
176
182
  />
177
183
  {/if}
178
- </div>
184
+ </IconButtonWrapper>
179
185
 
180
186
  <img
181
187
  class="base-image"
@@ -286,13 +292,4 @@
286
292
  border-radius: var(--radius-sm);
287
293
  padding: var(--spacing-sm);
288
294
  }
289
-
290
- .icon-buttons {
291
- display: flex;
292
- position: absolute;
293
- top: 6px;
294
- right: 6px;
295
- gap: var(--size-1);
296
- z-index: 1;
297
- }
298
295
  </style>
package/dist/Index.svelte CHANGED
@@ -1,5 +1,11 @@
1
1
  <script>import { onMount } from "svelte";
2
- import { Block, BlockLabel, Empty, IconButton } from "@gradio/atoms";
2
+ import {
3
+ Block,
4
+ BlockLabel,
5
+ Empty,
6
+ IconButton,
7
+ IconButtonWrapper
8
+ } from "@gradio/atoms";
3
9
  import { Image, Maximize, Minimize } from "@gradio/icons";
4
10
  import { StatusTracker } from "@gradio/statustracker";
5
11
  import {} from "@gradio/client";
@@ -128,7 +134,7 @@ function handle_click(i, value2) {
128
134
  <Empty size="large" unpadded_box={true}><Image /></Empty>
129
135
  {:else}
130
136
  <div class="image-container" bind:this={image_container}>
131
- <div class="icon-buttons">
137
+ <IconButtonWrapper>
132
138
  {#if !is_full_screen && show_fullscreen_button}
133
139
  <IconButton
134
140
  Icon={Maximize}
@@ -144,7 +150,7 @@ function handle_click(i, value2) {
144
150
  on:click={toggle_full_screen}
145
151
  />
146
152
  {/if}
147
- </div>
153
+ </IconButtonWrapper>
148
154
 
149
155
  <img
150
156
  class="base-image"
@@ -255,13 +261,4 @@ function handle_click(i, value2) {
255
261
  border-radius: var(--radius-sm);
256
262
  padding: var(--spacing-sm);
257
263
  }
258
-
259
- .icon-buttons {
260
- display: flex;
261
- position: absolute;
262
- top: 6px;
263
- right: 6px;
264
- gap: var(--size-1);
265
- z-index: 1;
266
- }
267
264
  </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gradio/annotatedimage",
3
- "version": "0.7.2-beta.1",
3
+ "version": "0.8.0-beta.2",
4
4
  "description": "Gradio UI packages",
5
5
  "type": "module",
6
6
  "author": "",
@@ -16,19 +16,19 @@
16
16
  "./package.json": "./package.json"
17
17
  },
18
18
  "devDependencies": {
19
- "@gradio/preview": "^0.11.1-beta.0"
19
+ "@gradio/preview": "^0.11.1"
20
20
  },
21
21
  "peerDependencies": {
22
22
  "svelte": "^4.0.0"
23
23
  },
24
24
  "dependencies": {
25
- "@gradio/atoms": "^0.8.1-beta.1",
26
- "@gradio/icons": "^0.8.0-beta.1",
27
- "@gradio/upload": "^0.12.4-beta.1",
28
- "@gradio/client": "^1.6.0-beta.1",
29
- "@gradio/statustracker": "^0.8.0-beta.1",
30
- "@gradio/wasm": "^0.13.1-beta.1",
31
- "@gradio/utils": "^0.7.0-beta.1"
25
+ "@gradio/atoms": "^0.9.0-beta.2",
26
+ "@gradio/icons": "^0.8.0-beta.2",
27
+ "@gradio/statustracker": "^0.8.0-beta.2",
28
+ "@gradio/utils": "^0.7.0-beta.2",
29
+ "@gradio/upload": "^0.13.0-beta.2",
30
+ "@gradio/client": "^1.6.0-beta.2",
31
+ "@gradio/wasm": "^0.14.0-beta.2"
32
32
  },
33
33
  "repository": {
34
34
  "type": "git",