@gradio/code 0.8.0 → 0.8.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 +24 -0
  2. package/package.json +7 -7
  3. package/shared/Code.svelte +1 -1
  4. package/shared/Copy.svelte +8 -14
package/CHANGELOG.md CHANGED
@@ -1,5 +1,29 @@
1
1
  # @gradio/code
2
2
 
3
+ ## 0.8.2
4
+
5
+ ### Dependency updates
6
+
7
+ - @gradio/atoms@0.7.9
8
+ - @gradio/statustracker@0.7.4
9
+ - @gradio/icons@0.7.0
10
+ - @gradio/upload@0.12.2
11
+
12
+ ## 0.8.1
13
+
14
+ ### Fixes
15
+
16
+ - [#8949](https://github.com/gradio-app/gradio/pull/8949) [`1e16f67`](https://github.com/gradio-app/gradio/commit/1e16f67ba2a02761d4b73afd723f8edc3c3124e9) - Fix check icon in gr.JSON and gr.Code. Thanks @hannahblair!
17
+ - [#8931](https://github.com/gradio-app/gradio/pull/8931) [`4c2d37d`](https://github.com/gradio-app/gradio/commit/4c2d37db849848fd38ba733a23a5aaceeaf58faf) - Add background to gr.Code line numbers. Thanks @hannahblair!
18
+
19
+ ### Dependency updates
20
+
21
+ - @gradio/atoms@0.7.8
22
+ - @gradio/icons@0.6.1
23
+ - @gradio/utils@0.5.2
24
+ - @gradio/statustracker@0.7.3
25
+ - @gradio/upload@0.12.1
26
+
3
27
  ## 0.8.0
4
28
 
5
29
  ### Features
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gradio/code",
3
- "version": "0.8.0",
3
+ "version": "0.8.2",
4
4
  "description": "Gradio UI packages",
5
5
  "type": "module",
6
6
  "author": "",
@@ -27,12 +27,12 @@
27
27
  "cm6-theme-basic-dark": "^0.2.0",
28
28
  "cm6-theme-basic-light": "^0.2.0",
29
29
  "codemirror": "^6.0.1",
30
- "@gradio/atoms": "^0.7.7",
31
- "@gradio/statustracker": "^0.7.2",
32
- "@gradio/icons": "^0.6.0",
33
- "@gradio/utils": "^0.5.1",
30
+ "@gradio/atoms": "^0.7.9",
31
+ "@gradio/statustracker": "^0.7.4",
32
+ "@gradio/icons": "^0.7.0",
33
+ "@gradio/upload": "^0.12.2",
34
34
  "@gradio/wasm": "^0.12.0",
35
- "@gradio/upload": "^0.12.0"
35
+ "@gradio/utils": "^0.5.2"
36
36
  },
37
37
  "main_changeset": true,
38
38
  "main": "./Index.svelte",
@@ -42,6 +42,6 @@
42
42
  "./package.json": "./package.json"
43
43
  },
44
44
  "devDependencies": {
45
- "@gradio/preview": "^0.10.1"
45
+ "@gradio/preview": "^0.10.2"
46
46
  }
47
47
  }
package/shared/Code.svelte CHANGED
@@ -151,7 +151,7 @@
151
151
  ".cm-gutters": {
152
152
  marginRight: "1px",
153
153
  borderRight: "1px solid var(--border-color-primary)",
154
- backgroundColor: "transparent",
154
+ backgroundColor: "var(--block-background-fill);",
155
155
  color: "var(--body-text-color-subdued)"
156
156
  },
157
157
  ".cm-focused": {
package/shared/Copy.svelte CHANGED
@@ -31,17 +31,14 @@
31
31
  on:click={handle_copy}
32
32
  title="copy"
33
33
  class:copied
34
- aria-roledescription="Copy value"
35
- aria-label="Copy"
34
+ aria-label={copied ? "Value copied" : "Copy value"}
36
35
  >
37
- <Copy />
38
- {#if copied}
39
- <span
40
- class="check"
41
- transition:fade
42
- aria-roledescription="Value copied"
43
- aria-label="Copied"><Check /></span
44
- >
36
+ {#if !copied}
37
+ <Copy />
38
+ {:else}
39
+ <span class="check">
40
+ <Check />
41
+ </span>
45
42
  {/if}
46
43
  </button>
47
44
 
@@ -55,14 +52,11 @@
55
52
  }
56
53
 
57
54
  .check {
58
- position: absolute;
59
55
  top: 0;
60
56
  right: 0;
61
57
  z-index: var(--layer-top);
62
- background: var(--background-fill-primary);
63
- padding: var(--size-1);
58
+ background: var(--block-label-background-fill);
64
59
  width: 100%;
65
60
  height: 100%;
66
- color: var(--body-text-color);
67
61
  }
68
62
  </style>