@gradio/button 0.5.11 → 0.5.13

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 +30 -0
  2. package/Index.svelte +1 -1
  3. package/dist/Index.svelte.d.ts +10 -8
  4. package/dist/shared/Button.svelte +5 -5
  5. package/dist/shared/Button.svelte.d.ts +12 -10
  6. package/package.json +5 -5
  7. package/shared/Button.svelte +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,35 @@
1
1
  # @gradio/button
2
2
 
3
+ ## 0.5.13
4
+
5
+ ### Fixes
6
+
7
+ - [#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!
8
+
9
+ ### Dependency updates
10
+
11
+ - @gradio/client@1.19.0
12
+ - @gradio/upload@0.17.0
13
+ - @gradio/image@0.23.0
14
+
15
+ ## 0.5.12
16
+
17
+ ### Features
18
+
19
+ - [#11825](https://github.com/gradio-app/gradio/pull/11825) [`910a524`](https://github.com/gradio-app/gradio/commit/910a5249397a68d215dd97d6a347718f0d994e04) - Fix the stop variant button in citrus theme. Thanks @abidlabs!
20
+
21
+ ### Dependency updates
22
+
23
+ - @gradio/client@1.18.0
24
+ - @gradio/upload@0.16.17
25
+ - @gradio/image@0.22.18
26
+
27
+ ## 0.5.11
28
+
29
+ ### Dependency updates
30
+
31
+ - @gradio/upload@0.16.16
32
+
3
33
  ## 0.5.11
4
34
 
5
35
  ### Dependency updates
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
@@ -4,16 +4,16 @@ import type { Gradio } from "@gradio/utils";
4
4
  import { type FileData } from "@gradio/client";
5
5
  declare const __propDef: {
6
6
  props: {
7
- elem_id?: string | undefined;
8
- elem_classes?: string[] | undefined;
9
- visible?: boolean | undefined;
7
+ elem_id?: string;
8
+ elem_classes?: string[];
9
+ visible?: boolean | "hidden";
10
10
  value: string | null;
11
- variant?: ("primary" | "secondary" | "stop") | undefined;
11
+ variant?: "primary" | "secondary" | "stop";
12
12
  interactive: boolean;
13
- size?: ("sm" | "lg") | undefined;
14
- scale?: (number | null) | undefined;
15
- icon?: (FileData | null) | undefined;
16
- link?: (string | null) | undefined;
13
+ size?: "sm" | "lg";
14
+ scale?: number | null;
15
+ icon?: FileData | null;
16
+ link?: string | null;
17
17
  min_width?: number | undefined;
18
18
  gradio: Gradio<{
19
19
  click: never;
@@ -23,6 +23,8 @@ declare const __propDef: {
23
23
  [evt: string]: CustomEvent<any>;
24
24
  };
25
25
  slots: {};
26
+ exports?: {} | undefined;
27
+ bindings?: string | undefined;
26
28
  };
27
29
  export type IndexProps = typeof __propDef.props;
28
30
  export type IndexEvents = typeof __propDef.events;
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}
@@ -144,7 +144,7 @@ export let min_width = void 0;
144
144
  background: var(--button-cancel-background-fill);
145
145
  color: var(--button-cancel-text-color);
146
146
  border: var(--button-border-width) solid var(--button-cancel-border-color);
147
- box-shadow: var(--button-secondary-shadow);
147
+ box-shadow: var(--button-cancel-shadow);
148
148
  }
149
149
 
150
150
  .stop:hover,
@@ -154,10 +154,10 @@ export let min_width = void 0;
154
154
 
155
155
  .stop:hover {
156
156
  border-color: var(--button-cancel-border-color-hover);
157
- box-shadow: var(--button-secondary-shadow-hover);
157
+ box-shadow: var(--button-cancel-shadow-hover);
158
158
  }
159
159
  .stop:active {
160
- box-shadow: var(--button-secondary-shadow-active);
160
+ box-shadow: var(--button-cancel-shadow-active);
161
161
  }
162
162
 
163
163
  .stop[disabled] {
package/dist/shared/Button.svelte.d.ts CHANGED
@@ -2,16 +2,16 @@ import { SvelteComponent } from "svelte";
2
2
  import { type FileData } from "@gradio/client";
3
3
  declare const __propDef: {
4
4
  props: {
5
- elem_id?: string | undefined;
6
- elem_classes?: string[] | undefined;
7
- visible?: boolean | undefined;
8
- variant?: ("primary" | "secondary" | "stop" | "huggingface") | undefined;
9
- size?: ("sm" | "md" | "lg") | undefined;
10
- value?: (string | null) | undefined;
11
- link?: (string | null) | undefined;
12
- icon?: (FileData | null) | undefined;
13
- disabled?: boolean | undefined;
14
- scale?: (number | null) | undefined;
5
+ elem_id?: string;
6
+ elem_classes?: string[];
7
+ visible?: boolean | "hidden";
8
+ variant?: "primary" | "secondary" | "stop" | "huggingface";
9
+ size?: "sm" | "md" | "lg";
10
+ value?: string | null;
11
+ link?: string | null;
12
+ icon?: FileData | null;
13
+ disabled?: boolean;
14
+ scale?: number | null;
15
15
  min_width?: number | undefined;
16
16
  };
17
17
  events: {
@@ -22,6 +22,8 @@ declare const __propDef: {
22
22
  slots: {
23
23
  default: {};
24
24
  };
25
+ exports?: {} | undefined;
26
+ bindings?: string | undefined;
25
27
  };
26
28
  export type ButtonProps = typeof __propDef.props;
27
29
  export type ButtonEvents = typeof __propDef.events;
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@gradio/button",
3
- "version": "0.5.11",
3
+ "version": "0.5.13",
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/client": "^1.17.1",
11
- "@gradio/utils": "^0.10.2",
12
- "@gradio/upload": "^0.16.15",
13
- "@gradio/image": "^0.22.17"
10
+ "@gradio/client": "^1.19.0",
11
+ "@gradio/image": "^0.23.0",
12
+ "@gradio/upload": "^0.17.0",
13
+ "@gradio/utils": "^0.10.2"
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}
@@ -147,7 +147,7 @@
147
147
  background: var(--button-cancel-background-fill);
148
148
  color: var(--button-cancel-text-color);
149
149
  border: var(--button-border-width) solid var(--button-cancel-border-color);
150
- box-shadow: var(--button-secondary-shadow);
150
+ box-shadow: var(--button-cancel-shadow);
151
151
  }
152
152
 
153
153
  .stop:hover,
@@ -157,10 +157,10 @@
157
157
 
158
158
  .stop:hover {
159
159
  border-color: var(--button-cancel-border-color-hover);
160
- box-shadow: var(--button-secondary-shadow-hover);
160
+ box-shadow: var(--button-cancel-shadow-hover);
161
161
  }
162
162
  .stop:active {
163
- box-shadow: var(--button-secondary-shadow-active);
163
+ box-shadow: var(--button-cancel-shadow-active);
164
164
  }
165
165
 
166
166
  .stop[disabled] {