@juspay/svelte-ui-components 1.26.0 → 1.27.0

package/dist/Banner/Banner.svelte

@@ -15,6 +15,11 @@
         <div>{properties.text}</div>
       {/if}
     </div>
+    {#if $$slots.rightContent}
+      <div class="right-content">
+        <slot name="rightContent" />
+      </div>
+    {/if}
   </div>
 {/if}
 
@@ -42,6 +47,8 @@
   }
 
   .banner-text {
+    flex: var(--banner-text-flex);
+    order: var(--banner-text-order);
     size: var(--banner-text-size, 14px);
     font-family: var(--banner-font-family, Euclid Circular A);
     font-style: var(--banner-font-style, normal);
@@ -58,4 +65,9 @@
   .link-text {
     color: var(--banner-linktext-color, #0099ff);
   }
+
+  .right-content {
+    order: var(--banner-right-content-order);
+    display: var(--banner-right-content-display, flex);
+  }
 </style>

package/dist/Banner/Banner.svelte.d.ts

@@ -10,7 +10,9 @@ declare const __propDef: {
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        rightContent: {};
+    };
     exports?: {} | undefined;
     bindings?: string | undefined;
 };

package/dist/IconStack/IconStack.svelte.d.ts

@@ -1,8 +1,8 @@
 import { SvelteComponent } from "svelte";
-import { type IconProperties } from './properties';
+import { type IconStackProperties } from './properties';
 declare const __propDef: {
     props: {
-        icons: IconProperties[];
+        icons: IconStackProperties[];
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/IconStack/properties.d.ts

@@ -1,4 +1,4 @@
-export type IconProperties = {
+export type IconStackProperties = {
     type: "image" | "text";
     content: string;
 };

package/dist/Select/Select.svelte

@@ -242,6 +242,7 @@ onDestroy(() => {
   }
 
   .select:hover {
+    color: var(--select-hover-color, #000);
     background-color: var(--select-hover-bgcolor, #ffffff);
   }
 

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export { default as Stepper } from './Stepper/Stepper.svelte';
 export { default as Step } from './Stepper/Step.svelte';
 export { default as Toast } from './Toast/Toast.svelte';
 export { default as GridItem } from './GridItem/GridItem.svelte';
+export { default as IconStack } from './IconStack/IconStack.svelte';
 export type { ButtonProperties } from './Button/properties';
 export type { ModalProperties, ModalAlign, ModalSize } from './Modal/properties';
 export type { InputProperties } from './Input/properties';
@@ -43,6 +44,7 @@ export type { BannerProperties } from './Banner/properties';
 export type { TableProperties } from './Table/properties';
 export type { StepperProperties } from './Stepper/properties';
 export type { ToastProperties } from './Toast/properties';
+export type { IconStackProperties } from './IconStack/properties';
 export { defaultIconProperties } from './Icon/properties';
 export { defaultButtonProperties } from './Button/properties';
 export { defaultModalProperties } from './Modal/properties';

package/dist/index.js

@@ -22,6 +22,7 @@ export { default as Stepper } from './Stepper/Stepper.svelte';
 export { default as Step } from './Stepper/Step.svelte';
 export { default as Toast } from './Toast/Toast.svelte';
 export { default as GridItem } from './GridItem/GridItem.svelte';
+export { default as IconStack } from './IconStack/IconStack.svelte';
 export { defaultIconProperties } from './Icon/properties';
 export { defaultButtonProperties } from './Button/properties';
 export { defaultModalProperties } from './Modal/properties';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@juspay/svelte-ui-components",
-  "version": "1.26.0",
+  "version": "1.27.0",
   "scripts": {
     "dev": "vite dev --host",
     "build": "vite build && npm run package",