@ims360/svelte-ivory 0.0.34 → 0.0.35

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 (5) hide show
  1. package/dist/components/layout/modal/Modal.svelte +6 -3
  2. package/dist/components/layout/modal/Modal.svelte.d.ts.map +1 -1
  3. package/package.json +1 -1
  4. package/src/lib/components/layout/modal/Modal.svelte +6 -3
  5. package/src/lib/components/layout/tabs/index.ts +1 -0
package/dist/components/layout/modal/Modal.svelte CHANGED
@@ -4,7 +4,7 @@
4
4
  import clsx from 'clsx';
5
5
  import { type Snippet } from 'svelte';
6
6
  import type { ClassValue, MouseEventHandler } from 'svelte/elements';
7
- import { slide } from 'svelte/transition';
7
+ import { fade } from 'svelte/transition';
8
8
  import { twMerge } from 'tailwind-merge';
9
9
  import { Heading, HiddenBackground, Portal } from '..';
10
10
 
@@ -43,7 +43,10 @@
43
43
  preventClosing = false,
44
44
  variant,
45
45
  innerClass,
46
- inTransition = (e) => slide(e, { axis: 'y', duration: 200 }),
46
+ inTransition = (e) =>
47
+ fade(e, {
48
+ duration: 200
49
+ }),
47
50
  outTransition = () => ({}),
48
51
  ...rest
49
52
  }: Props = $props();
@@ -116,7 +119,7 @@
116
119
  <div
117
120
  class={twMerge(
118
121
  clsx(
119
- 'flex grow flex-col gap-4 overflow-hidden bg-inherit p-4 pt-3',
122
+ 'flex flex-col gap-4 overflow-hidden bg-inherit p-4 pt-3',
120
123
  innerClass
121
124
  )
122
125
  )}
package/dist/components/layout/modal/Modal.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/modal/Modal.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAqB,MAAM,iBAAiB,CAAC;AAKrE,sFAAsF;AACtF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,eAAe;IAC/E,iEAAiE;IACjE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wCAAwC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpE,UAAU,KAAM,SAAQ,UAAU;IAC9B,sGAAsG;IACtG,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAiFL,oFAAoF;AACpF,QAAA,MAAM,KAAK,iDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/modal/Modal.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAqB,MAAM,iBAAiB,CAAC;AAKrE,sFAAsF;AACtF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,eAAe;IAC/E,iEAAiE;IACjE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wCAAwC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpE,UAAU,KAAM,SAAQ,UAAU;IAC9B,sGAAsG;IACtG,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAoFL,oFAAoF;AACpF,QAAA,MAAM,KAAK,iDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ims360/svelte-ivory",
3
- "version": "0.0.34",
3
+ "version": "0.0.35",
4
4
  "keywords": [
5
5
  "svelte"
6
6
  ],
package/src/lib/components/layout/modal/Modal.svelte CHANGED
@@ -4,7 +4,7 @@
4
4
  import clsx from 'clsx';
5
5
  import { type Snippet } from 'svelte';
6
6
  import type { ClassValue, MouseEventHandler } from 'svelte/elements';
7
- import { slide } from 'svelte/transition';
7
+ import { fade } from 'svelte/transition';
8
8
  import { twMerge } from 'tailwind-merge';
9
9
  import { Heading, HiddenBackground, Portal } from '..';
10
10
 
@@ -43,7 +43,10 @@
43
43
  preventClosing = false,
44
44
  variant,
45
45
  innerClass,
46
- inTransition = (e) => slide(e, { axis: 'y', duration: 200 }),
46
+ inTransition = (e) =>
47
+ fade(e, {
48
+ duration: 200
49
+ }),
47
50
  outTransition = () => ({}),
48
51
  ...rest
49
52
  }: Props = $props();
@@ -116,7 +119,7 @@
116
119
  <div
117
120
  class={twMerge(
118
121
  clsx(
119
- 'flex grow flex-col gap-4 overflow-hidden bg-inherit p-4 pt-3',
122
+ 'flex flex-col gap-4 overflow-hidden bg-inherit p-4 pt-3',
120
123
  innerClass
121
124
  )
122
125
  )}
package/src/lib/components/layout/tabs/index.ts CHANGED
@@ -12,3 +12,4 @@ export default Tabs;
12
12
  export { type TabProps } from './Tab.svelte';
13
13
  export { type TabPanelProps } from './TabPanel.svelte';
14
14
  export { getTabContext, type TabContext, type TabsProps } from './Tabs.svelte';
15
+