@ims360/svelte-ivory 0.4.16 → 0.4.18

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 (8) hide show
  1. package/dist/components/inputs/CheckboxInput.svelte +1 -1
  2. package/dist/components/inputs/ToggleInput.svelte +1 -1
  3. package/dist/components/layout/popover/Popover.svelte +4 -6
  4. package/dist/components/layout/popover/Popover.svelte.d.ts.map +1 -1
  5. package/package.json +1 -1
  6. package/src/lib/components/inputs/CheckboxInput.svelte +1 -1
  7. package/src/lib/components/inputs/ToggleInput.svelte +1 -1
  8. package/src/lib/components/layout/popover/Popover.svelte +4 -6
package/dist/components/inputs/CheckboxInput.svelte CHANGED
@@ -31,7 +31,7 @@
31
31
  <Checkbox {checked} />
32
32
  {label}
33
33
  </button>
34
- <input class="hidden" {...form.as('checkbox')} {checked} />
34
+ <input class="hidden" {...form.as('checkbox')} />
35
35
  {#if description}
36
36
  <p class="text-surface-700-300">{description}</p>
37
37
  {/if}
package/dist/components/inputs/ToggleInput.svelte CHANGED
@@ -9,7 +9,7 @@
9
9
  </script>
10
10
 
11
11
  <div class={['flex flex-col gap-2', clazz]} {...props}>
12
- <input {...form.as('checkbox')} class="hidden" {value} />
12
+ <input {...form.as('checkbox')} class="hidden" />
13
13
  <button
14
14
  type="button"
15
15
  class="flex flex-row items-center gap-2"
package/dist/components/layout/popover/Popover.svelte CHANGED
@@ -132,12 +132,10 @@
132
132
  let style = $derived(getStyles(placement, anchorName, autoplacement));
133
133
 
134
134
  $effect(() => {
135
- if (target) {
136
- target.style.setProperty('anchor-name', anchorName);
137
- return () => {
138
- target.style.removeProperty('anchor-name');
139
- };
140
- }
135
+ if (target) target.style.setProperty('anchor-name', anchorName);
136
+ return () => {
137
+ target?.style.removeProperty('anchor-name');
138
+ };
141
139
  });
142
140
 
143
141
  $effect(() => {
package/dist/components/layout/popover/Popover.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/popover/Popover.svelte.ts"],"names":[],"mappings":"AAII,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAGjD,0CAA0C;AAC1C,MAAM,MAAM,gBAAgB,GACtB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEjB,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,6DAA6D;IAC7D,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAmJL,QAAA,MAAM,OAAO;;;;;MAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"Popover.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/popover/Popover.svelte.ts"],"names":[],"mappings":"AAII,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAGjD,0CAA0C;AAC1C,MAAM,MAAM,gBAAgB,GACtB,KAAK,GACL,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,WAAW,GACX,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,MAAM,GACN,YAAY,GACZ,UAAU,CAAC;AAEjB,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,6DAA6D;IAC7D,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAiJL,QAAA,MAAM,OAAO;;;;;MAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ims360/svelte-ivory",
3
- "version": "0.4.16",
3
+ "version": "0.4.18",
4
4
  "keywords": [
5
5
  "svelte"
6
6
  ],
package/src/lib/components/inputs/CheckboxInput.svelte CHANGED
@@ -31,7 +31,7 @@
31
31
  <Checkbox {checked} />
32
32
  {label}
33
33
  </button>
34
- <input class="hidden" {...form.as('checkbox')} {checked} />
34
+ <input class="hidden" {...form.as('checkbox')} />
35
35
  {#if description}
36
36
  <p class="text-surface-700-300">{description}</p>
37
37
  {/if}
package/src/lib/components/inputs/ToggleInput.svelte CHANGED
@@ -9,7 +9,7 @@
9
9
  </script>
10
10
 
11
11
  <div class={['flex flex-col gap-2', clazz]} {...props}>
12
- <input {...form.as('checkbox')} class="hidden" {value} />
12
+ <input {...form.as('checkbox')} class="hidden" />
13
13
  <button
14
14
  type="button"
15
15
  class="flex flex-row items-center gap-2"
package/src/lib/components/layout/popover/Popover.svelte CHANGED
@@ -132,12 +132,10 @@
132
132
  let style = $derived(getStyles(placement, anchorName, autoplacement));
133
133
 
134
134
  $effect(() => {
135
- if (target) {
136
- target.style.setProperty('anchor-name', anchorName);
137
- return () => {
138
- target.style.removeProperty('anchor-name');
139
- };
140
- }
135
+ if (target) target.style.setProperty('anchor-name', anchorName);
136
+ return () => {
137
+ target?.style.removeProperty('anchor-name');
138
+ };
141
139
  });
142
140
 
143
141
  $effect(() => {