@esportsplus/ui 0.51.3 → 0.51.4

package/build/components/tooltip/onclick.js

@@ -1,19 +1,19 @@
-import * as template_eee533dd50c34162b816f8be4c855b891 from '@esportsplus/template';
-import * as reactivity_eee533dd50c34162b816f8be4c855b890 from '@esportsplus/reactivity';
+import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
+import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import { root } from '@esportsplus/ui';
 import template from '../../components/template/index.js';
-const template_eee533dd50c34162b816f8be4c855b894t = template_eee533dd50c34162b816f8be4c855b891.template(`<div class='tooltip'><!--$--></div>`);
-class ReactiveObject_eee533dd50c34162b816f8be4c855b894r extends reactivity_eee533dd50c34162b816f8be4c855b890.ReactiveObject {
-    #active = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](false);
+const template_b7478c4a5ff041d4bc1434ee94c2db374t = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='tooltip'><!--$--></div>`);
+class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db374r extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
+    #active = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](false);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#active);
+        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#active);
     }
     set active(_v0) {
-        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#active, _v0);
+        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#active, _v0);
     }
 }
 const OMIT = ['state', 'toggle'];
@@ -37,12 +37,12 @@ function frame() {
     running = false;
 }
 export default template.factory((attributes, content) => {
-    let state = attributes.state || new ReactiveObject_eee533dd50c34162b816f8be4c855b894r(), toggle = attributes.toggle || false;
+    let state = attributes.state || new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db374r(), toggle = attributes.toggle || false;
     return (() => {
-        let root_eee533dd50c34162b816f8be4c855b894s = template_eee533dd50c34162b816f8be4c855b894t(), element_eee533dd50c34162b816f8be4c855b894u = root_eee533dd50c34162b816f8be4c855b894s.firstChild, element_eee533dd50c34162b816f8be4c855b894v = element_eee533dd50c34162b816f8be4c855b894u.firstChild, attributes_eee533dd50c34162b816f8be4c855b894w = { "class": " tooltip" };
-        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b894u, omit(attributes, OMIT), attributes_eee533dd50c34162b816f8be4c855b894w);
-        template_eee533dd50c34162b816f8be4c855b891.setList(element_eee533dd50c34162b816f8be4c855b894u, 'class', () => state.active && '--active', attributes_eee533dd50c34162b816f8be4c855b894w);
-        template_eee533dd50c34162b816f8be4c855b891.delegate(element_eee533dd50c34162b816f8be4c855b894u, 'click', function (e) {
+        let root_b7478c4a5ff041d4bc1434ee94c2db374s = template_b7478c4a5ff041d4bc1434ee94c2db374t(), element_b7478c4a5ff041d4bc1434ee94c2db374u = root_b7478c4a5ff041d4bc1434ee94c2db374s.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db374v = element_b7478c4a5ff041d4bc1434ee94c2db374u.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db374w = { "class": " tooltip" };
+        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db374u, omit(attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db374w);
+        template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db374u, 'class', () => state.active && '--active', attributes_b7478c4a5ff041d4bc1434ee94c2db374w);
+        template_b7478c4a5ff041d4bc1434ee94c2db371.delegate(element_b7478c4a5ff041d4bc1434ee94c2db374u, 'click', function (e) {
             let active = true, node = e.target;
             if (this === node || (toggle && this.contains(node))) {
                 active = !state.active;
@@ -70,7 +70,7 @@ export default template.factory((attributes, content) => {
                 scheduled = true;
             }
         });
-        template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b894v, content);
-        return root_eee533dd50c34162b816f8be4c855b894s;
+        template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db374v, content);
+        return root_b7478c4a5ff041d4bc1434ee94c2db374s;
     })();
 });

package/build/components/tooltip/onhover.d.ts

@@ -1,20 +1,20 @@
-import * as template_eee533dd50c34162b816f8be4c855b891 from '@esportsplus/template';
+import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
 declare const _default: {
     (): ReturnType<(this: {
-        attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
-        content?: template_eee533dd50c34162b816f8be4c855b891.Renderable<any>;
-    }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.Attributes>, content: template_eee533dd50c34162b816f8be4c855b891.Renderable<any>) => template_eee533dd50c34162b816f8be4c855b891.Renderable<any>>;
-    <T extends template_eee533dd50c34162b816f8be4c855b891.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
-        content?: template_eee533dd50c34162b816f8be4c855b891.Renderable<any>;
-    }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.Attributes>, content: template_eee533dd50c34162b816f8be4c855b891.Renderable<any>) => template_eee533dd50c34162b816f8be4c855b891.Renderable<any>>;
-    <T extends template_eee533dd50c34162b816f8be4c855b891.Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
-        content?: template_eee533dd50c34162b816f8be4c855b891.Renderable<any>;
-    }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.Attributes>, content: template_eee533dd50c34162b816f8be4c855b891.Renderable<any>) => template_eee533dd50c34162b816f8be4c855b891.Renderable<any>>;
-    (attributes: template_eee533dd50c34162b816f8be4c855b891.Attributes, content: template_eee533dd50c34162b816f8be4c855b891.Renderable<any>): ReturnType<(this: {
-        attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
-        content?: template_eee533dd50c34162b816f8be4c855b891.Renderable<any>;
-    }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.Attributes>, content: template_eee533dd50c34162b816f8be4c855b891.Renderable<any>) => template_eee533dd50c34162b816f8be4c855b891.Renderable<any>>;
+        attributes?: template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes | undefined;
+        content?: template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>;
+    }, attributes: Readonly<template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes>, content: template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>) => template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>>;
+    <T extends template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes | undefined;
+        content?: template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>;
+    }, attributes: Readonly<template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes>, content: template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>) => template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>>;
+    <T extends template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>>(content: T): ReturnType<(this: {
+        attributes?: template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes | undefined;
+        content?: template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>;
+    }, attributes: Readonly<template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes>, content: template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>) => template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>>;
+    (attributes: template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes, content: template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>): ReturnType<(this: {
+        attributes?: template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes | undefined;
+        content?: template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>;
+    }, attributes: Readonly<template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes>, content: template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>) => template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>>;
 };
 export default _default;

package/build/components/tooltip/onhover.js

@@ -1,34 +1,34 @@
-import * as template_eee533dd50c34162b816f8be4c855b891 from '@esportsplus/template';
-import * as reactivity_eee533dd50c34162b816f8be4c855b890 from '@esportsplus/reactivity';
+import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
+import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
-const template_eee533dd50c34162b816f8be4c855b894z = template_eee533dd50c34162b816f8be4c855b891.template(`<div class='tooltip'><!--$--></div>`);
-class ReactiveObject_eee533dd50c34162b816f8be4c855b894x extends reactivity_eee533dd50c34162b816f8be4c855b890.ReactiveObject {
-    #active = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](false);
+const template_b7478c4a5ff041d4bc1434ee94c2db374z = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='tooltip'><!--$--></div>`);
+class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db374x extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
+    #active = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](false);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#active);
+        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#active);
     }
     set active(_v0) {
-        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#active, _v0);
+        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#active, _v0);
     }
 }
 const OMIT = ['state'];
 export default template.factory((attributes, content) => {
-    let state = attributes.state || new ReactiveObject_eee533dd50c34162b816f8be4c855b894x();
+    let state = attributes.state || new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db374x();
     return (() => {
-        let root_eee533dd50c34162b816f8be4c855b894y = template_eee533dd50c34162b816f8be4c855b894z(), element_eee533dd50c34162b816f8be4c855b8950 = root_eee533dd50c34162b816f8be4c855b894y.firstChild, element_eee533dd50c34162b816f8be4c855b8951 = element_eee533dd50c34162b816f8be4c855b8950.firstChild, attributes_eee533dd50c34162b816f8be4c855b8952 = { "class": " tooltip" };
-        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b8950, omit(attributes, OMIT), attributes_eee533dd50c34162b816f8be4c855b8952);
-        template_eee533dd50c34162b816f8be4c855b891.setList(element_eee533dd50c34162b816f8be4c855b8950, 'class', () => state.active && '--active', attributes_eee533dd50c34162b816f8be4c855b8952);
-        template_eee533dd50c34162b816f8be4c855b891.delegate(element_eee533dd50c34162b816f8be4c855b8950, 'mouseover', () => {
+        let root_b7478c4a5ff041d4bc1434ee94c2db374y = template_b7478c4a5ff041d4bc1434ee94c2db374z(), element_b7478c4a5ff041d4bc1434ee94c2db3750 = root_b7478c4a5ff041d4bc1434ee94c2db374y.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db3751 = element_b7478c4a5ff041d4bc1434ee94c2db3750.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db3752 = { "class": " tooltip" };
+        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db3750, omit(attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db3752);
+        template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db3750, 'class', () => state.active && '--active', attributes_b7478c4a5ff041d4bc1434ee94c2db3752);
+        template_b7478c4a5ff041d4bc1434ee94c2db371.delegate(element_b7478c4a5ff041d4bc1434ee94c2db3750, 'mouseover', () => {
             state.active = true;
         });
-        template_eee533dd50c34162b816f8be4c855b891.delegate(element_eee533dd50c34162b816f8be4c855b8950, 'mouseout', () => {
+        template_b7478c4a5ff041d4bc1434ee94c2db371.delegate(element_b7478c4a5ff041d4bc1434ee94c2db3750, 'mouseout', () => {
             state.active = false;
         });
-        template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b8951, content);
-        return root_eee533dd50c34162b816f8be4c855b894y;
+        template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db3751, content);
+        return root_b7478c4a5ff041d4bc1434ee94c2db374y;
     })();
 });

package/build/components/typewriter/index.d.ts

@@ -1,21 +1,21 @@
-import * as template_eee533dd50c34162b816f8be4c855b891 from '@esportsplus/template';
+import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
 import './scss/index.scss';
 declare const _default: {
     (): ReturnType<(this: {
-        attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
+        attributes?: template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.Attributes>, content: string[]) => template_eee533dd50c34162b816f8be4c855b891.Renderable<any>>;
-    <T extends template_eee533dd50c34162b816f8be4c855b891.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
+    }, attributes: Readonly<template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes>, content: string[]) => template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>>;
+    <T extends template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.Attributes>, content: string[]) => template_eee533dd50c34162b816f8be4c855b891.Renderable<any>>;
+    }, attributes: Readonly<template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes>, content: string[]) => template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>>;
     <T extends string[]>(content: T): ReturnType<(this: {
-        attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
+        attributes?: template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.Attributes>, content: string[]) => template_eee533dd50c34162b816f8be4c855b891.Renderable<any>>;
-    (attributes: template_eee533dd50c34162b816f8be4c855b891.Attributes, content: string[]): ReturnType<(this: {
-        attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
+    }, attributes: Readonly<template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes>, content: string[]) => template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>>;
+    (attributes: template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes, content: string[]): ReturnType<(this: {
+        attributes?: template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.Attributes>, content: string[]) => template_eee533dd50c34162b816f8be4c855b891.Renderable<any>>;
+    }, attributes: Readonly<template_b7478c4a5ff041d4bc1434ee94c2db371.Attributes>, content: string[]) => template_b7478c4a5ff041d4bc1434ee94c2db371.Renderable<any>>;
 };
 export default _default;

package/build/components/typewriter/index.js

@@ -1,27 +1,27 @@
-import * as template_eee533dd50c34162b816f8be4c855b891 from '@esportsplus/template';
-import * as reactivity_eee533dd50c34162b816f8be4c855b890 from '@esportsplus/reactivity';
+import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
+import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_eee533dd50c34162b816f8be4c855b8955 = template_eee533dd50c34162b816f8be4c855b891.template(`<div class='typewriter'><!--$--></div>`);
-const template_eee533dd50c34162b816f8be4c855b8958 = template_eee533dd50c34162b816f8be4c855b891.template(``);
-class ReactiveObject_eee533dd50c34162b816f8be4c855b8953 extends reactivity_eee533dd50c34162b816f8be4c855b890.ReactiveObject {
-    #text = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL]('');
+const template_b7478c4a5ff041d4bc1434ee94c2db3755 = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='typewriter'><!--$--></div>`);
+const template_b7478c4a5ff041d4bc1434ee94c2db3758 = template_b7478c4a5ff041d4bc1434ee94c2db371.template(``);
+class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db3753 extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
+    #text = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL]('');
     constructor() {
         super(null);
     }
     get text() {
-        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#text);
+        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#text);
     }
     set text(_v0) {
-        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#text, _v0);
+        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#text, _v0);
     }
 }
-const EMPTY_NODE = template_eee533dd50c34162b816f8be4c855b8958();
+const EMPTY_NODE = template_b7478c4a5ff041d4bc1434ee94c2db3758();
 export default template.factory(function (_, content) {
-    let state = new ReactiveObject_eee533dd50c34162b816f8be4c855b8953();
+    let state = new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db3753();
     return (() => {
-        let root_eee533dd50c34162b816f8be4c855b8954 = template_eee533dd50c34162b816f8be4c855b8955(), element_eee533dd50c34162b816f8be4c855b8956 = root_eee533dd50c34162b816f8be4c855b8954.firstChild, element_eee533dd50c34162b816f8be4c855b8957 = element_eee533dd50c34162b816f8be4c855b8956.firstChild;
-        template_eee533dd50c34162b816f8be4c855b891.onconnect(element_eee533dd50c34162b816f8be4c855b8956, () => {
+        let root_b7478c4a5ff041d4bc1434ee94c2db3754 = template_b7478c4a5ff041d4bc1434ee94c2db3755(), element_b7478c4a5ff041d4bc1434ee94c2db3756 = root_b7478c4a5ff041d4bc1434ee94c2db3754.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db3757 = element_b7478c4a5ff041d4bc1434ee94c2db3756.firstChild;
+        template_b7478c4a5ff041d4bc1434ee94c2db371.onconnect(element_b7478c4a5ff041d4bc1434ee94c2db3756, () => {
             let character = 0, i = 0, isWriting = true, write = content[i];
             function play() {
                 setTimeout(() => {
@@ -50,7 +50,7 @@ export default template.factory(function (_, content) {
             }
             play();
         });
-        new template_eee533dd50c34162b816f8be4c855b891.EffectSlot(element_eee533dd50c34162b816f8be4c855b8957, () => state.text || EMPTY_NODE);
-        return root_eee533dd50c34162b816f8be4c855b8954;
+        new template_b7478c4a5ff041d4bc1434ee94c2db371.EffectSlot(element_b7478c4a5ff041d4bc1434ee94c2db3757, () => state.text || EMPTY_NODE);
+        return root_b7478c4a5ff041d4bc1434ee94c2db3754;
     })();
 });

package/package.json

@@ -59,7 +59,7 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "0.51.3",
+  "version": "0.51.4",
   "scripts": {
     "build": "run-s build:vite build:ts",
     "build:ts": "tsc",

package/src/tokens/scss/font-size.scss

@@ -1,14 +1,14 @@
-// https://www.fluid-type-scale.com/calculate?minFontSize=12&minWidth=200&minRatio=1.08&maxFontSize=14&maxWidth=800&maxRatio=1.36&steps=100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900&baseStep=400&prefix=font-size&useContainerWidth=false&includeFallbacks=false&useRems=true&remValue=16&decimals=2&previewFont=Montserrat&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=800
+// https://www.fluid-type-scale.com/calculate?minFontSize=12&minWidth=200&minRatio=1.04&maxFontSize=14&maxWidth=800&maxRatio=1.32&steps=100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900&baseStep=400&prefix=font-size&useContainerWidth=false&includeFallbacks=false&useRems=true&remValue=16&decimals=2&previewFont=Montserrat&previewText=Almost+before+we+knew+it%2C+we+had+left+the+ground&previewWidth=800
 $font-size: (
-    100: clamp(0.6rem, -0.66vi + 0.68rem, 0.35rem),
-    200: clamp(0.64rem, -0.45vi + 0.7rem, 0.47rem),
-    300: clamp(0.69rem, -0.14vi + 0.71rem, 0.64rem),
+    100: clamp(0.67rem, -0.76vi + 0.76rem, 0.38rem),
+    200: clamp(0.69rem, -0.51vi + 0.76rem, 0.5rem),
+    300: clamp(0.72rem, -0.16vi + 0.74rem, 0.66rem),
     400: clamp(0.75rem, 0.33vi + 0.71rem, 0.88rem),
-    500: clamp(0.81rem, 1.01vi + 0.68rem, 1.19rem),
-    600: clamp(0.87rem, 1.98vi + 0.63rem, 1.62rem),
-    700: clamp(0.94rem, 3.35vi + 0.53rem, 2.2rem),
-    800: clamp(1.02rem, 5.26vi + 0.36rem, 2.99rem),
-    900: clamp(1.1rem, 7.92vi + 0.11rem, 4.07rem),
+    500: clamp(0.78rem, 1vi + 0.66rem, 1.16rem),
+    600: clamp(0.81rem, 1.9vi + 0.57rem, 1.52rem),
+    700: clamp(0.84rem, 3.12vi + 0.45rem, 2.01rem),
+    800: clamp(0.88rem, 4.74vi + 0.28rem, 2.66rem),
+    900: clamp(0.91rem, 6.92vi + 0.05rem, 3.51rem),
 );