@esportsplus/ui 0.51.4 → 0.51.5

package/build/components/tooltip/onclick.js

@@ -1,19 +1,19 @@
-import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
-import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
+import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
+import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import { root } from '@esportsplus/ui';
 import template from '../../components/template/index.js';
-const template_b7478c4a5ff041d4bc1434ee94c2db374t = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='tooltip'><!--$--></div>`);
-class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db374r extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
-    #active = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](false);
+const template_eea410626b3047bfa8387f56255749634t = template_eea410626b3047bfa8387f56255749631.template(`<div class='tooltip'><!--$--></div>`);
+class ReactiveObject_eea410626b3047bfa8387f56255749634r extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
+    #active = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](false);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#active);
+        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#active);
     }
     set active(_v0) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#active, _v0);
+        reactivity_eea410626b3047bfa8387f56255749630.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_b7478c4a5ff041d4bc1434ee94c2db374r(), toggle = attributes.toggle || false;
+    let state = attributes.state || new ReactiveObject_eea410626b3047bfa8387f56255749634r(), toggle = attributes.toggle || false;
     return (() => {
-        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 root_eea410626b3047bfa8387f56255749634s = template_eea410626b3047bfa8387f56255749634t(), element_eea410626b3047bfa8387f56255749634u = root_eea410626b3047bfa8387f56255749634s.firstChild, element_eea410626b3047bfa8387f56255749634v = element_eea410626b3047bfa8387f56255749634u.firstChild, attributes_eea410626b3047bfa8387f56255749634w = { "class": " tooltip" };
+        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749634u, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f56255749634w);
+        template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749634u, 'class', () => state.active && '--active', attributes_eea410626b3047bfa8387f56255749634w);
+        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f56255749634u, '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_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db374v, content);
-        return root_b7478c4a5ff041d4bc1434ee94c2db374s;
+        template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749634v, content);
+        return root_eea410626b3047bfa8387f56255749634s;
     })();
 });

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

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

package/build/components/tooltip/onhover.js

@@ -1,34 +1,34 @@
-import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
-import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
+import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
+import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
-const template_b7478c4a5ff041d4bc1434ee94c2db374z = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='tooltip'><!--$--></div>`);
-class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db374x extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
-    #active = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](false);
+const template_eea410626b3047bfa8387f56255749634z = template_eea410626b3047bfa8387f56255749631.template(`<div class='tooltip'><!--$--></div>`);
+class ReactiveObject_eea410626b3047bfa8387f56255749634x extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
+    #active = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](false);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#active);
+        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#active);
     }
     set active(_v0) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#active, _v0);
+        reactivity_eea410626b3047bfa8387f56255749630.write(this.#active, _v0);
     }
 }
 const OMIT = ['state'];
 export default template.factory((attributes, content) => {
-    let state = attributes.state || new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db374x();
+    let state = attributes.state || new ReactiveObject_eea410626b3047bfa8387f56255749634x();
     return (() => {
-        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', () => {
+        let root_eea410626b3047bfa8387f56255749634y = template_eea410626b3047bfa8387f56255749634z(), element_eea410626b3047bfa8387f562557496350 = root_eea410626b3047bfa8387f56255749634y.firstChild, element_eea410626b3047bfa8387f562557496351 = element_eea410626b3047bfa8387f562557496350.firstChild, attributes_eea410626b3047bfa8387f562557496352 = { "class": " tooltip" };
+        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f562557496350, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f562557496352);
+        template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f562557496350, 'class', () => state.active && '--active', attributes_eea410626b3047bfa8387f562557496352);
+        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f562557496350, 'mouseover', () => {
             state.active = true;
         });
-        template_b7478c4a5ff041d4bc1434ee94c2db371.delegate(element_b7478c4a5ff041d4bc1434ee94c2db3750, 'mouseout', () => {
+        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f562557496350, 'mouseout', () => {
             state.active = false;
         });
-        template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db3751, content);
-        return root_b7478c4a5ff041d4bc1434ee94c2db374y;
+        template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f562557496351, content);
+        return root_eea410626b3047bfa8387f56255749634y;
     })();
 });

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

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

package/build/components/typewriter/index.js

@@ -1,27 +1,27 @@
-import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
-import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
+import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
+import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-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]('');
+const template_eea410626b3047bfa8387f562557496355 = template_eea410626b3047bfa8387f56255749631.template(`<div class='typewriter'><!--$--></div>`);
+const template_eea410626b3047bfa8387f562557496358 = template_eea410626b3047bfa8387f56255749631.template(``);
+class ReactiveObject_eea410626b3047bfa8387f562557496353 extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
+    #text = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL]('');
     constructor() {
         super(null);
     }
     get text() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#text);
+        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#text);
     }
     set text(_v0) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#text, _v0);
+        reactivity_eea410626b3047bfa8387f56255749630.write(this.#text, _v0);
     }
 }
-const EMPTY_NODE = template_b7478c4a5ff041d4bc1434ee94c2db3758();
+const EMPTY_NODE = template_eea410626b3047bfa8387f562557496358();
 export default template.factory(function (_, content) {
-    let state = new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db3753();
+    let state = new ReactiveObject_eea410626b3047bfa8387f562557496353();
     return (() => {
-        let root_b7478c4a5ff041d4bc1434ee94c2db3754 = template_b7478c4a5ff041d4bc1434ee94c2db3755(), element_b7478c4a5ff041d4bc1434ee94c2db3756 = root_b7478c4a5ff041d4bc1434ee94c2db3754.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db3757 = element_b7478c4a5ff041d4bc1434ee94c2db3756.firstChild;
-        template_b7478c4a5ff041d4bc1434ee94c2db371.onconnect(element_b7478c4a5ff041d4bc1434ee94c2db3756, () => {
+        let root_eea410626b3047bfa8387f562557496354 = template_eea410626b3047bfa8387f562557496355(), element_eea410626b3047bfa8387f562557496356 = root_eea410626b3047bfa8387f562557496354.firstChild, element_eea410626b3047bfa8387f562557496357 = element_eea410626b3047bfa8387f562557496356.firstChild;
+        template_eea410626b3047bfa8387f56255749631.onconnect(element_eea410626b3047bfa8387f562557496356, () => {
             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_b7478c4a5ff041d4bc1434ee94c2db371.EffectSlot(element_b7478c4a5ff041d4bc1434ee94c2db3757, () => state.text || EMPTY_NODE);
-        return root_b7478c4a5ff041d4bc1434ee94c2db3754;
+        new template_eea410626b3047bfa8387f56255749631.EffectSlot(element_eea410626b3047bfa8387f562557496357, () => state.text || EMPTY_NODE);
+        return root_eea410626b3047bfa8387f562557496354;
     })();
 });

package/package.json

@@ -59,7 +59,7 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "0.51.4",
+  "version": "0.51.5",
   "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.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
+// https://www.fluid-type-scale.com/calculate?minFontSize=12&minWidth=200&minRatio=1.04&maxFontSize=14&maxWidth=800&maxRatio=1.28&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.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),
+    100: clamp(0.67rem, -0.67vi + 0.75rem, 0.42rem),
+    200: clamp(0.69rem, -0.42vi + 0.75rem, 0.53rem),
+    300: clamp(0.72rem, -0.1vi + 0.73rem, 0.68rem),
     400: clamp(0.75rem, 0.33vi + 0.71rem, 0.88rem),
-    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),
+    500: clamp(0.78rem, 0.91vi + 0.67rem, 1.12rem),
+    600: clamp(0.81rem, 1.66vi + 0.6rem, 1.43rem),
+    700: clamp(0.84rem, 2.64vi + 0.51rem, 1.84rem),
+    800: clamp(0.88rem, 3.92vi + 0.39rem, 2.35rem),
+    900: clamp(0.91rem, 5.58vi + 0.21rem, 3.01rem),
 );