@ims360/svelte-ivory 0.2.2 → 0.2.3

package/dist/components/layout/index.d.ts

@@ -1,7 +1,7 @@
 export { default as Drawer } from './drawer/Drawer.svelte';
 export { default as Heading } from './Heading.svelte';
 export { default as HiddenBackground } from './hiddenBackground/HiddenBackground.svelte';
-export { default as Modal, type ModalProps, type ModalVariant } from './modal/Modal.svelte';
+export { default as Modal, type ModalProps } from './modal/Modal.svelte';
 export { default as Popover, type PopoverPlacement, type PopoverProps } from './popover/Popover.svelte';
 export { getTabContext, Tab, TabPanel, Tabs, type TabPanelProps, type TabProps, type TabsProps } from './tabs';
 export { default as Tooltip, type TooltipProps } from './tooltip/Tooltip.svelte';

package/dist/components/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAC5F,OAAO,EACH,OAAO,IAAI,OAAO,EAClB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACH,aAAa,EACb,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,SAAS,EACjB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,EACH,OAAO,IAAI,OAAO,EAClB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACH,aAAa,EACb,GAAG,EACH,QAAQ,EACR,IAAI,EACJ,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,SAAS,EACjB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/components/layout/modal/Modal.svelte

@@ -1,4 +1,5 @@
 <script lang="ts" module>
+    import type { Variant } from '../../..';
     import { theme } from '../../../theme.svelte';
     import type { TransitionProps } from '../../../types';
     import { merge } from '../../../utils/merge';
@@ -23,12 +24,10 @@
          * */
         closeOnOutsideClick?: boolean;
         /** Variant of the modal, applies styling to the header */
-        variant?: ModalVariant;
+        variant?: Variant;
         title?: string | Snippet;
         onclick?: MouseEventHandler<HTMLDivElement>;
     };
-
-    export type ModalVariant = 'success' | 'warning' | 'error' | 'info';
 </script>
 
 <script lang="ts">
@@ -108,10 +107,13 @@
                     class={[
                         'flex flex-row items-center justify-between gap-4 px-4 py-3',
                         !variant && 'pb-0',
+                        variant === 'primary' && 'preset-tonal-primary',
+                        variant === 'secondary' && 'preset-tonal-secondary',
+                        variant === 'tertiary' && 'preset-tonal-tertiary',
                         variant === 'success' && 'preset-tonal-success',
                         variant === 'warning' && 'preset-tonal-warning',
                         variant === 'error' && 'preset-tonal-error',
-                        variant === 'info' && 'preset-tonal-primary'
+                        variant === 'surface' && 'preset-tonal-surface'
                     ]}
                 >
                     {#if title}

package/dist/components/layout/modal/Modal.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { Variant } from '../../..';
 import type { TransitionProps } from '../../../types';
 import { type Snippet } from 'svelte';
 import type { ClassValue, MouseEventHandler } from 'svelte/elements';
@@ -16,11 +17,10 @@ export type ModalProps = TransitionProps & {
      * */
     closeOnOutsideClick?: boolean;
     /** Variant of the modal, applies styling to the header */
-    variant?: ModalVariant;
+    variant?: Variant;
     title?: string | Snippet;
     onclick?: MouseEventHandler<HTMLDivElement>;
 };
-export type ModalVariant = 'success' | 'warning' | 'error' | 'info';
 interface Props extends ModalProps {
     /** If you don't want the title and close button to be included you can overwrite the default modal */
     modal?: Snippet;

package/dist/components/layout/modal/Modal.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/modal/Modal.svelte.ts"],"names":[],"mappings":"AAII,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIrE,sFAAsF;AACtF,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACvC,iEAAiE;IACjE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;SAIK;IACL,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC/C,CAAC;AAEF,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;AAgGL,oFAAoF;AACpF,QAAA,MAAM,KAAK;;;;;MAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/modal/Modal.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAIrE,sFAAsF;AACtF,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACvC,iEAAiE;IACjE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;SAIK;IACL,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC/C,CAAC;AAEF,UAAU,KAAM,SAAQ,UAAU;IAC9B,sGAAsG;IACtG,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAmGL,oFAAoF;AACpF,QAAA,MAAM,KAAK;;;;;MAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { theme, type Theme } from './theme.svelte';
 export { type IvoryComponent } from './types';
+export type Variant = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'error' | 'surface';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,MAAM,MAAM,OAAO,GACb,SAAS,GACT,WAAW,GACX,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ims360/svelte-ivory",
-    "version": "0.2.2",
+    "version": "0.2.3",
     "keywords": [
         "svelte"
     ],

package/src/lib/components/layout/index.ts

@@ -1,7 +1,7 @@
 export { default as Drawer } from './drawer/Drawer.svelte';
 export { default as Heading } from './Heading.svelte';
 export { default as HiddenBackground } from './hiddenBackground/HiddenBackground.svelte';
-export { default as Modal, type ModalProps, type ModalVariant } from './modal/Modal.svelte';
+export { default as Modal, type ModalProps } from './modal/Modal.svelte';
 export {
     default as Popover,
     type PopoverPlacement,

package/src/lib/components/layout/modal/Modal.svelte

@@ -1,4 +1,5 @@
 <script lang="ts" module>
+    import type { Variant } from '$lib';
     import { theme } from '$lib/theme.svelte';
     import type { TransitionProps } from '$lib/types';
     import { merge } from '$lib/utils/merge';
@@ -23,12 +24,10 @@
          * */
         closeOnOutsideClick?: boolean;
         /** Variant of the modal, applies styling to the header */
-        variant?: ModalVariant;
+        variant?: Variant;
         title?: string | Snippet;
         onclick?: MouseEventHandler<HTMLDivElement>;
     };
-
-    export type ModalVariant = 'success' | 'warning' | 'error' | 'info';
 </script>
 
 <script lang="ts">
@@ -108,10 +107,13 @@
                     class={[
                         'flex flex-row items-center justify-between gap-4 px-4 py-3',
                         !variant && 'pb-0',
+                        variant === 'primary' && 'preset-tonal-primary',
+                        variant === 'secondary' && 'preset-tonal-secondary',
+                        variant === 'tertiary' && 'preset-tonal-tertiary',
                         variant === 'success' && 'preset-tonal-success',
                         variant === 'warning' && 'preset-tonal-warning',
                         variant === 'error' && 'preset-tonal-error',
-                        variant === 'info' && 'preset-tonal-primary'
+                        variant === 'surface' && 'preset-tonal-surface'
                     ]}
                 >
                     {#if title}

package/src/lib/index.ts

@@ -1,3 +1,12 @@
 // Reexport your entry components here
 export { theme, type Theme } from './theme.svelte';
 export { type IvoryComponent } from './types';
+
+export type Variant =
+    | 'primary'
+    | 'secondary'
+    | 'tertiary'
+    | 'success'
+    | 'warning'
+    | 'error'
+    | 'surface';