@gradio/button 0.5.12 → 0.5.14-dev.0

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 +33 -0
  2. package/Index.svelte +1 -1
  3. package/dist/Index.svelte.d.ts +1 -1
  4. package/dist/shared/Button.svelte +2 -2
  5. package/dist/shared/Button.svelte.d.ts +1 -1
  6. package/package.json +5 -5
  7. package/shared/Button.svelte +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,38 @@
1
1
  # @gradio/button
2
2
 
3
+ ## 0.5.14-dev.0
4
+
5
+ ### Dependency updates
6
+
7
+ - @gradio/upload@0.17.2-dev.0
8
+ - @gradio/client@2.0.0-dev.0
9
+ - @gradio/image@0.23.2-dev.0
10
+
11
+ ## 0.5.13
12
+
13
+ ### Dependency updates
14
+
15
+ - @gradio/client@1.19.1
16
+
17
+ ## 0.5.13
18
+
19
+ ### Dependency updates
20
+
21
+ - @gradio/image@0.23.1
22
+ - @gradio/upload@0.17.1
23
+
24
+ ## 0.5.13
25
+
26
+ ### Fixes
27
+
28
+ - [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component. Thanks @pngwn!
29
+
30
+ ### Dependency updates
31
+
32
+ - @gradio/client@1.19.0
33
+ - @gradio/upload@0.17.0
34
+ - @gradio/image@0.23.0
35
+
3
36
  ## 0.5.12
4
37
 
5
38
  ### Features
package/Index.svelte CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
  export let elem_id = "";
12
12
  export let elem_classes: string[] = [];
13
- export let visible = true;
13
+ export let visible: boolean | "hidden" = true;
14
14
  export let value: string | null;
15
15
  export let variant: "primary" | "secondary" | "stop" = "secondary";
16
16
  export let interactive: boolean;
package/dist/Index.svelte.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const __propDef: {
6
6
  props: {
7
7
  elem_id?: string;
8
8
  elem_classes?: string[];
9
- visible?: boolean;
9
+ visible?: boolean | "hidden";
10
10
  value: string | null;
11
11
  variant?: "primary" | "secondary" | "stop";
12
12
  interactive: boolean;
package/dist/shared/Button.svelte CHANGED
@@ -17,7 +17,7 @@ export let min_width = void 0;
17
17
  <a
18
18
  href={link}
19
19
  rel="noopener noreferrer"
20
- class:hidden={!visible}
20
+ class:hidden={visible === false || visible === "hidden"}
21
21
  class:disabled
22
22
  aria-disabled={disabled}
23
23
  class="{size} {variant} {elem_classes.join(' ')}"
@@ -37,7 +37,7 @@ export let min_width = void 0;
37
37
  {:else}
38
38
  <button
39
39
  on:click
40
- class:hidden={!visible}
40
+ class:hidden={visible === false || visible === "hidden"}
41
41
  class="{size} {variant} {elem_classes.join(' ')}"
42
42
  style:flex-grow={scale}
43
43
  style:width={scale === 0 ? "fit-content" : null}
package/dist/shared/Button.svelte.d.ts CHANGED
@@ -4,7 +4,7 @@ declare const __propDef: {
4
4
  props: {
5
5
  elem_id?: string;
6
6
  elem_classes?: string[];
7
- visible?: boolean;
7
+ visible?: boolean | "hidden";
8
8
  variant?: "primary" | "secondary" | "stop" | "huggingface";
9
9
  size?: "sm" | "md" | "lg";
10
10
  value?: string | null;
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@gradio/button",
3
- "version": "0.5.12",
3
+ "version": "0.5.14-dev.0",
4
4
  "description": "Gradio UI packages",
5
5
  "type": "module",
6
6
  "author": "",
7
7
  "license": "ISC",
8
8
  "private": false,
9
9
  "dependencies": {
10
- "@gradio/upload": "^0.16.17",
11
- "@gradio/image": "^0.22.18",
12
- "@gradio/client": "^1.18.0",
13
- "@gradio/utils": "^0.10.2"
10
+ "@gradio/utils": "^0.10.2",
11
+ "@gradio/client": "^2.0.0-dev.0",
12
+ "@gradio/image": "^0.23.2-dev.0",
13
+ "@gradio/upload": "^0.17.2-dev.0"
14
14
  },
15
15
  "devDependencies": {
16
16
  "@gradio/preview": "^0.14.0"
package/shared/Button.svelte CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  export let elem_id = "";
6
6
  export let elem_classes: string[] = [];
7
- export let visible = true;
7
+ export let visible: boolean | "hidden" = true;
8
8
  export let variant: "primary" | "secondary" | "stop" | "huggingface" =
9
9
  "secondary";
10
10
  export let size: "sm" | "md" | "lg" = "lg";
@@ -20,7 +20,7 @@
20
20
  <a
21
21
  href={link}
22
22
  rel="noopener noreferrer"
23
- class:hidden={!visible}
23
+ class:hidden={visible === false || visible === "hidden"}
24
24
  class:disabled
25
25
  aria-disabled={disabled}
26
26
  class="{size} {variant} {elem_classes.join(' ')}"
@@ -40,7 +40,7 @@
40
40
  {:else}
41
41
  <button
42
42
  on:click
43
- class:hidden={!visible}
43
+ class:hidden={visible === false || visible === "hidden"}
44
44
  class="{size} {variant} {elem_classes.join(' ')}"
45
45
  style:flex-grow={scale}
46
46
  style:width={scale === 0 ? "fit-content" : null}