@finsweet/webflow-apps-utils 1.0.9 → 1.0.11

package/dist/ui/components/color-picker/ColorSelect.svelte.d.ts

@@ -0,0 +1,7 @@
+type $$ComponentProps = {
+    color?: string;
+    onchange?: (color: string) => void;
+};
+declare const ColorSelect: import("svelte").Component<$$ComponentProps, {}, "color">;
+type ColorSelect = ReturnType<typeof ColorSelect>;
+export default ColorSelect;

package/dist/ui/components/color-picker/index.d.ts

@@ -0,0 +1 @@
+export { default as ColorPicker } from './ColorPicker.svelte';

package/dist/ui/components/color-picker/index.js

@@ -0,0 +1 @@
+export { default as ColorPicker } from './ColorPicker.svelte';

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

@@ -3,6 +3,7 @@ export * from './button';
 export * from './button-group';
 export * from './checkbox';
 export * from './controlled-buttons';
+export * from './color-picker';
 export * from './copy-text';
 export * from './divider';
 export * from './iframe';

package/dist/ui/components/index.js

@@ -3,6 +3,7 @@ export * from './button';
 export * from './button-group';
 export * from './checkbox';
 export * from './controlled-buttons';
+export * from './color-picker';
 export * from './copy-text';
 export * from './divider';
 export * from './iframe';

package/dist/ui/components/layout/examples/ExampleLayout.svelte

@@ -5,6 +5,7 @@
 
 	import { CheckCircleIcon, CodeIcon, InfoIcon, SettingsIcon } from '../../../icons';
 	import { Button } from '../../button';
+	import { ColorPicker } from '../../color-picker';
 	import { Input } from '../../input';
 	import { Section } from '../../section';
 	import { Switch } from '../../switch';
@@ -268,6 +269,13 @@
 							width="130px"
 						/>
 
+						<ColorPicker
+							color="#8C4C4C"
+							onchange={(color) => {
+								console.log(color);
+							}}
+						/>
+
 						<Input
 							value="Error input"
 							invalid={true}

package/dist/ui/components/notification/Notification.svelte

@@ -158,7 +158,7 @@
 		<DefaultIcon />
 	</span>
 
-	<div class="content">
+	<div class="notification-content">
 		{#if title}
 			<Text
 				label={title}
@@ -222,7 +222,7 @@
 		flex-shrink: 0;
 	}
 
-	.content {
+	.notification-content {
 		display: flex;
 		padding-right: var(--spacing-24, 24px);
 		flex-direction: column;

package/dist/ui/components/tooltip/Tooltip.svelte

@@ -212,7 +212,6 @@
 				tooltipEl.removeAttribute('data-trigger-type');
 				isActive = false;
 				hidden = true;
-
 				activeTooltips = activeTooltips.filter((id) => id !== tooltipId);
 
 				dispatchEvent('close', true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finsweet/webflow-apps-utils",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "Shared utilities for Webflow apps",
   "homepage": "https://github.com/finsweet/webflow-apps-utils",
   "repository": {