@geoffcox/sterling-svelte 2.0.4 → 2.0.5

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/dist/Label.svelte +1 -1
  2. package/dist/TextArea.svelte +1 -1
  3. package/dist/Tooltip.svelte +21 -7
  4. package/package.json +2 -2
package/dist/Label.svelte CHANGED
@@ -117,7 +117,7 @@
117
117
  </div>
118
118
  {/if}
119
119
  {#if required && requiredIndicator && requiredReason}
120
- <Tooltip>
120
+ <Tooltip class="sterling-label-tooltip">
121
121
  <div class="required">
122
122
  {@render stringOrSnippet(requiredIndicator)}
123
123
  </div>
package/dist/TextArea.svelte CHANGED
@@ -15,7 +15,7 @@
15
15
  let {
16
16
  class: _class,
17
17
  disabled = false,
18
- value = $bindable(''),
18
+ value = $bindable(),
19
19
  autoHeight = false,
20
20
  resize = $bindable('none'),
21
21
  style,
package/dist/Tooltip.svelte CHANGED
@@ -27,20 +27,28 @@
27
27
  !!children ? (originRef?.previousElementSibling as HTMLElement) : undefined
28
28
  );
29
29
 
30
+ let delayShowTimeout: NodeJS.Timeout | undefined;
31
+
30
32
  const show = () => {
31
33
  if (!disabled) {
32
34
  open = true;
33
35
  }
34
36
  };
35
37
 
36
- const hide = () => (open = false);
38
+ const hide = () => {
39
+ delayShowTimeout && clearTimeout(delayShowTimeout);
40
+ open = false;
41
+ };
37
42
 
38
43
  const delayShow = () => {
39
- hoverDelayMilliseconds === 0
40
- ? show()
41
- : setTimeout(() => {
42
- show();
43
- }, hoverDelayMilliseconds);
44
+ if (hoverDelayMilliseconds === 0) {
45
+ show();
46
+ } else {
47
+ delayShowTimeout && clearTimeout(delayShowTimeout);
48
+ delayShowTimeout = setTimeout(() => {
49
+ show();
50
+ }, hoverDelayMilliseconds);
51
+ }
44
52
  };
45
53
 
46
54
  $effect(() => {
@@ -84,7 +92,13 @@
84
92
 
85
93
  {@render children?.()}
86
94
  <div class={['sterling-tooltip-origin', _class]} bind:this={originRef}></div>
87
- <Callout class={['sterling-tooltip-callout', _class]} {open} {reference} {...rest}>
95
+ <Callout
96
+ class={['sterling-tooltip-callout', _class]}
97
+ {open}
98
+ {reference}
99
+ mainAxisOffset={8}
100
+ {...rest}
101
+ >
88
102
  {#if tip}
89
103
  {#if typeof tip === 'string'}
90
104
  {tip}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@geoffcox/sterling-svelte",
3
- "version": "2.0.4",
3
+ "version": "2.0.5",
4
4
  "author": "Geoff Cox",
5
5
  "description": "A modern, accessible, and lightweight component library for Svelte.",
6
6
  "license": "MIT",
@@ -74,7 +74,7 @@
74
74
  "@eslint/js": "^9.18.0",
75
75
  "@fontsource/atkinson-hyperlegible": "^5.1.1",
76
76
  "@fontsource/source-code-pro": "^4.5.14",
77
- "@geoffcox/sterling-svelte-themes": "^2.0.0",
77
+ "@geoffcox/sterling-svelte-themes": "^2.0.1",
78
78
  "@sveltejs/adapter-static": "^3.0.8",
79
79
  "@sveltejs/kit": "^2.16.0",
80
80
  "@sveltejs/package": "^2.0.0",