@finsweet/webflow-apps-utils 1.0.18 → 1.0.19

package/dist/ui/components/LoadingScreen.svelte

@@ -61,7 +61,6 @@
 		gap: 10px;
 		color: var(--actionSecondaryText);
 		text-align: center;
-		font-family: Inter;
 		font-size: 11.5px;
 		font-style: normal;
 		font-weight: 400;

package/dist/ui/components/button/Button.svelte

@@ -269,7 +269,6 @@
 
 		/* Styling */
 		border-radius: var(--border-radius, 4px);
-		font-family: var(--font-stack, Inter, sans-serif);
 		font-weight: var(--font-weight-normal, 400);
 		font-size: 11.5px;
 		min-height: 24px;

package/dist/ui/components/color-picker/ColorPicker.svelte

@@ -290,7 +290,6 @@
 		width: 80px;
 		padding: 4px 8px 4px 0px;
 		border-radius: 4px;
-		font-family: monospace;
 		font-size: 12px;
 		border: none;
 		background: transparent;

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

@@ -1048,7 +1048,6 @@
 		border-radius: 4px;
 		color: var(--text1, #ebebeb);
 		font-size: 11px;
-		font-family: Inter, sans-serif;
 		font-weight: 400;
 		line-height: 16px;
 		outline: none;
@@ -1068,7 +1067,6 @@
 	.label {
 		color: var(--text1, #ebebeb);
 		font-size: 11px;
-		font-family: Inter, sans-serif;
 		font-weight: 400;
 		line-height: 16px;
 		text-align: center;

package/dist/ui/components/copy-text/CopyText.svelte

@@ -167,7 +167,6 @@
 	.copy-text__title {
 		margin: 0;
 		color: var(--text-color-primary, #ffffff);
-		font-family: Inter, sans-serif;
 		font-size: 12px;
 		font-weight: 500;
 		line-height: 16px;
@@ -181,7 +180,6 @@
 		align-items: flex-start;
 		align-self: stretch;
 		color: var(--text2);
-		font-family: Inter;
 		font-size: 12px;
 		font-style: normal;
 		font-weight: 500;

package/dist/ui/components/input/Input.svelte

@@ -628,7 +628,6 @@
 		gap: var(--border-radius, 2px);
 		flex: 1 0 0;
 		color: var(--text3);
-		font-family: Inter;
 		font-size: 11.5px;
 		font-style: normal;
 		font-weight: 400;

package/dist/ui/components/layout/Layout.svelte

@@ -327,7 +327,6 @@
 
 	.tab-text {
 		color: inherit;
-		font-family: Inter;
 		font-size: 11.5px;
 		font-style: normal;
 		font-weight: 400;
@@ -402,7 +401,7 @@
 
 	.preview-bar-content span {
 		color: var(--actionPrimaryText);
-		font-family: Inter;
+
 		font-size: 11.5px;
 		font-style: normal;
 		font-weight: 500;

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

@@ -462,7 +462,7 @@
 		font-weight: 500;
 		font-size: 11.5px;
 		color: var(--text1);
-		font-family: var(--font-stack);
+
 		text-align: center;
 	}
 
@@ -474,7 +474,7 @@
 		background: var(--background1);
 		color: var(--text1);
 		font-size: 11.5px;
-		font-family: var(--font-stack);
+
 		box-shadow: var(--boxShadows-input-inner);
 		transition: all 0.2s ease;
 	}
@@ -530,7 +530,7 @@
 		flex: 1;
 		font-size: 11.5px;
 		color: var(--text1);
-		font-family: var(--font-stack);
+
 		line-height: 1.2;
 	}
 

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

@@ -439,7 +439,6 @@
 		user-select: none;
 		width: 24px;
 		padding: 0px 4px;
-		font-family: inherit;
 		font-size: inherit;
 		position: relative;
 		display: flex;

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

@@ -237,7 +237,7 @@
 
 	.message {
 		color: var(--text-text-2, #bdbdbd);
-		font-family: Inter;
+
 		font-size: 11px;
 		font-style: normal;
 		font-weight: 400;
@@ -252,7 +252,7 @@
 
 	.link {
 		color: var(--blue-blue-text, #8ac2ff);
-		font-family: Inter;
+
 		font-size: 11px;
 		font-style: normal;
 		font-weight: 400;

package/dist/ui/components/select/Select.svelte

@@ -553,7 +553,7 @@
 	}
 	.label .label-name {
 		color: var(--text1);
-		font-family: Inter;
+
 		font-size: 11.5px;
 		font-style: normal;
 		font-weight: 400;
@@ -566,7 +566,7 @@
 
 	.label .label-description {
 		color: var(--text2, #bdbdbd);
-		font-family: Inter;
+
 		font-size: 10px;
 		font-style: normal;
 		font-weight: 400;
@@ -645,7 +645,7 @@
 		gap: 4px;
 		align-self: stretch;
 		color: var(--text2, #bdbdbd);
-		font-family: Inter;
+
 		font-size: 11px;
 		font-style: normal;
 		font-weight: 500;
@@ -679,7 +679,7 @@
 		gap: 4px;
 		align-self: stretch;
 		color: var(--text-text-1, #d9d9d9);
-		font-family: Inter;
+
 		font-size: 11px;
 		font-style: normal;
 		font-weight: 400;

package/dist/ui/components/text/Text.svelte

@@ -813,10 +813,6 @@
 {/if}
 
 <style>
-	.text {
-		font-family: inherit;
-	}
-
 	.labels.link {
 		cursor: pointer;
 		padding: 4px;
@@ -882,7 +878,6 @@
 	}
 
 	* {
-		font-family: Inter;
 		font-style: normal;
 		line-height: 16px;
 		letter-spacing: -0.115px;
@@ -950,7 +945,7 @@
 
 	.popup-description span {
 		color: var(--text2, #bdbdbd);
-		font-family: Inter;
+
 		font-size: 11px;
 		font-style: normal;
 		font-weight: 400;

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

@@ -382,7 +382,7 @@
 			0px -0.5px 0.5px 0px rgb(0 0 0 / 0%) inset,
 			0px 0.5px 0.5px 0px rgb(255 255 255 / 34%) inset;
 		color: var(--text2, #b9b9b9);
-		font-family: Inter;
+
 		line-height: 120%;
 		width: 150px;
 		padding: 6px;

package/dist/ui/index.css

@@ -159,6 +159,7 @@ body,
 #app {
 	height: 100%;
 	background: var(--background1);
+	font-family: var(--font-stack);
 	/* Prevents layout shift when scrollbar appears, does not work in Safari browsers */
 	/* scrollbar-gutter: stable; */
 }

package/dist/ui/providers/GlobalProviderDemo.svelte

@@ -161,7 +161,6 @@
 		margin: 0 auto;
 		background: var(--background1);
 		color: var(--text1);
-		font-family: var(--font-stack);
 	}
 
 	.start-demo {
@@ -211,7 +210,7 @@
 		cursor: pointer;
 		font-size: var(--font-size-small);
 		font-weight: var(--font-weight-normal);
-		font-family: var(--font-stack);
+
 		transition: all 0.2s ease;
 	}
 
@@ -252,7 +251,6 @@
 		border: 1px solid var(--border2);
 		padding: var(--padding-tiny);
 		border-radius: var(--border-radius);
-		font-family: monospace;
 		font-size: var(--font-size-small);
 		color: var(--text2);
 		display: block;

package/dist/ui/router/examples/RouterExample.svelte

@@ -130,7 +130,6 @@
 		max-width: 800px;
 		margin: 0 auto;
 		padding: 1rem;
-		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 	}
 
 	.app-layout {

package/dist/ui/router/examples/pages/AboutPage.svelte

@@ -290,7 +290,6 @@
 		cursor: pointer;
 		transition: all 0.3s ease;
 		width: 100%;
-		font-family: inherit;
 		font-size: inherit;
 	}
 
@@ -553,7 +552,6 @@
 
 	.debug-info p {
 		margin: 0.5rem 0;
-		font-family: 'SFMono-Regular', Consolas, monospace;
 		font-size: 0.875rem;
 		color: #495057;
 	}

package/dist/ui/router/examples/pages/HomePage.svelte

@@ -169,7 +169,6 @@
 		background: #e9ecef;
 		padding: 0.2rem 0.4rem;
 		border-radius: 3px;
-		font-family: 'SFMono-Regular', Consolas, monospace;
 		font-size: 0.875rem;
 		color: #e83e8c;
 	}
@@ -189,7 +188,6 @@
 
 	.debug-info p {
 		margin: 0.5rem 0;
-		font-family: 'SFMono-Regular', Consolas, monospace;
 		font-size: 0.875rem;
 		color: #495057;
 	}

package/dist/ui/router/examples/pages/NotFoundPage.svelte

@@ -132,7 +132,6 @@
 		background: #e9ecef;
 		padding: 0.2rem 0.4rem;
 		border-radius: 3px;
-		font-family: 'SFMono-Regular', Consolas, monospace;
 		color: #e83e8c;
 		font-size: 0.875rem;
 	}
@@ -273,7 +272,6 @@
 
 	.debug-info p {
 		margin: 0.5rem 0;
-		font-family: 'SFMono-Regular', Consolas, monospace;
 		font-size: 0.875rem;
 		color: #495057;
 	}

package/dist/ui/router/providers/Link.svelte

@@ -143,7 +143,6 @@
 		cursor: pointer;
 		border: none;
 		background: none;
-		font: inherit;
 		color: inherit;
 	}
 

package/dist/ui/stores/forms/FormDemo.svelte

@@ -296,7 +296,6 @@
 		margin: 0 auto;
 		background: var(--background1);
 		color: var(--text1);
-		font-family: var(--font-stack);
 	}
 
 	.demo-controls {
@@ -375,7 +374,6 @@
 		background: var(--background1);
 		color: var(--text1);
 		font-size: var(--font-size-small);
-		font-family: var(--font-stack);
 	}
 
 	input:focus {
@@ -413,7 +411,7 @@
 		cursor: pointer;
 		font-size: var(--font-size-small);
 		font-weight: var(--font-weight-normal);
-		font-family: var(--font-stack);
+
 		transition: all 0.2s ease;
 	}
 
@@ -509,7 +507,6 @@
 		background: var(--background3);
 		border: 1px solid var(--border2);
 		border-radius: var(--border-radius);
-		font-family: monospace;
 		font-size: var(--font-size-tiny);
 		color: var(--text3);
 	}
@@ -519,7 +516,6 @@
 		border: 1px solid var(--border2);
 		padding: var(--padding-tiny);
 		border-radius: var(--border-radius);
-		font-family: monospace;
 		font-size: var(--font-size-tiny);
 		color: var(--text2);
 		display: block;

package/dist/ui/utils/diff-mapper/DiffMapperDemo.svelte

@@ -234,7 +234,7 @@ See console for the complete diff structure.
 <style>
 	.demo-container {
 		padding: var(--spacing-24);
-		font-family: var(--font-stack);
+
 		background: var(--background1);
 		color: var(--text1);
 		max-width: 800px;
@@ -261,7 +261,7 @@ See console for the complete diff structure.
 		cursor: pointer;
 		font-size: var(--font-size-small);
 		font-weight: var(--font-weight-normal);
-		font-family: var(--font-stack);
+
 		transition: all 0.2s ease;
 		margin: var(--spacing-8) 0;
 	}
@@ -284,7 +284,6 @@ See console for the complete diff structure.
 		margin-top: var(--spacing-12);
 		white-space: pre-wrap;
 		border-radius: var(--border-radius);
-		font-family: monospace;
 		color: var(--text2);
 		font-size: var(--font-size-small);
 	}

package/package.json

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