unframer 2.24.2 → 2.24.4

package/dist/framer.js

@@ -10017,7 +10017,7 @@ function steps(numSteps, direction = 'end') {
         return clamp(0, 1, rounded / numSteps);
     };
 }
-// /:https://app.framerstatic.com/framer.RHPWPDUD.mjs
+// /:https://app.framerstatic.com/framer.J6CEE64J.mjs
 const react_11 = __importDefault(require("react"));
 const react_12 = require("react");
 const react_13 = require("react");
@@ -18037,6 +18037,7 @@ var ControlType = /* @__PURE__ */ ((ControlType2) => {
     ControlType2['Cursor'] = 'cursor';
     ControlType2['Padding'] = 'padding';
     ControlType2['BorderRadius'] = 'borderradius';
+    ControlType2['Gap'] = 'gap';
     ControlType2['CollectionReference'] = 'collectionreference';
     ControlType2['MultiCollectionReference'] = 'multicollectionreference';
     ControlType2['TrackingId'] = 'trackingid';
@@ -18485,6 +18486,9 @@ var inputIconCSSDeclaration = {
 function createRGBVariableFallbacks(variables, fallback) {
     return css.variable(...variables.flatMap((variable) => [`${variable}-rgb`, variable,]), fallback);
 }
+function createFontSizeVariableFallbacks(variables, fallback) {
+    return css.variable(...variables.flatMap((variable) => [`${variable}-canvas`, variable,]), fallback);
+}
 var richTextCSSRules = /* @__PURE__ */ (() => [
     /* css */
     `
@@ -18520,7 +18524,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-blockquote-font-style, var(--framer-font-style, normal));
             font-weight: var(--framer-blockquote-font-weight, var(--framer-font-weight, 400));
             color: var(--framer-blockquote-text-color, var(--framer-text-color, #000));
-            font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-blockquote-font-size, ${createFontSizeVariableFallbacks(['--framer-font-size',], '16px')}) * var(--framer-font-size-scale, 1));
             letter-spacing: var(--framer-blockquote-letter-spacing, var(--framer-letter-spacing, 0));
             text-transform: var(--framer-blockquote-text-transform, var(--framer-text-transform, none));
             text-decoration: var(--framer-blockquote-text-decoration, var(--framer-text-decoration, none));
@@ -18639,7 +18643,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-blockquote-font-style, var(--framer-code-font-style, var(--framer-font-style, normal)));
             font-weight: var(--framer-blockquote-font-weight, var(--framer-code-font-weight, var(--framer-font-weight, 400)));
             color: var(--framer-blockquote-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)));
-            font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-blockquote-font-size, ${createFontSizeVariableFallbacks(['--framer-font-size',], '16px')}) * var(--framer-font-size-scale, 1));
             letter-spacing: var(--framer-blockquote-letter-spacing, var(--framer-letter-spacing, 0));
             line-height: var(--framer-blockquote-line-height, var(--framer-line-height, 1.2em));
         }
@@ -18670,7 +18674,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));
             font-weight: var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));
             color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
-            font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-blockquote-font-size, ${createFontSizeVariableFallbacks(['--framer-font-size',], '16px')}) * var(--framer-font-size-scale, 1));
             text-transform: var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
             text-decoration: var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)));
             /* Cursor inherit to overwrite the user agent stylesheet on rich text links. */
@@ -18696,7 +18700,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-blockquote-font-style, var(--framer-code-font-style, var(--framer-font-style, normal)));
             font-weight: var(--framer-blockquote-font-weight, var(--framer-code-font-weight, var(--framer-font-weight, 400)));
             color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))));
-            font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-blockquote-font-size, ${createFontSizeVariableFallbacks(['--framer-font-size',], '16px')}) * var(--framer-font-size-scale, 1));
         }
     `, /* css */
     `
@@ -18723,7 +18727,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-link-hover-font-style, var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
             font-weight: var(--framer-link-hover-font-weight, var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));
             color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));
-            font-size: calc(var(--framer-link-hover-font-size, var(--framer-blockquote-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-link-hover-font-size, var(--framer-blockquote-font-size, ${createFontSizeVariableFallbacks(['--framer-font-size',], '16px')})) * var(--framer-font-size-scale, 1));
             text-transform: var(--framer-link-hover-text-transform, var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));
             text-decoration: var(--framer-link-hover-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none))));
         }
@@ -18752,7 +18756,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-blockquote-font-style, var(--framer-code-font-style, var(--framer-font-style, normal)));
             font-weight: var(--framer-blockquote-font-weight, var(--framer-code-font-weight, var(--framer-font-weight, 400)));
             color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))));
-            font-size: calc(var(--framer-link-hover-font-size, var(--framer-blockquote-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-link-hover-font-size, var(--framer-blockquote-font-size, var(--framer-link-font-size, ${createFontSizeVariableFallbacks(['--framer-font-size',], '16px')}))) * var(--framer-font-size-scale, 1));
         }
     `, /* css */
     `
@@ -18779,7 +18783,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));
             font-weight: var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));
             color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
-            font-size: calc(var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-link-current-font-size, var(--framer-link-font-size, ${createFontSizeVariableFallbacks(['--framer-font-size',], '16px')})) * var(--framer-font-size-scale, 1));
             text-transform: var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
             text-decoration: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)));
         }
@@ -18803,7 +18807,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-code-font-style, var(--framer-font-style, normal));
             font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400));
             color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))));
-            font-size: calc(var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-link-current-font-size, var(--framer-link-font-size, ${createFontSizeVariableFallbacks(['--framer-font-size',], '16px')})) * var(--framer-font-size-scale, 1));
         }
     `, /* css */
     `
@@ -18830,7 +18834,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-link-hover-font-style, var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
             font-weight: var(--framer-link-hover-font-weight, var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));
             color: var(--framer-link-hover-text-color, var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));
-            font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, ${createFontSizeVariableFallbacks(['--framer-font-size',], '16px')}))) * var(--framer-font-size-scale, 1));
             text-transform: var(--framer-link-hover-text-transform, var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));
             text-decoration: var(--framer-link-hover-text-decoration, var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none))));
         }
@@ -18860,7 +18864,7 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-code-font-style, var(--framer-font-style, normal));
             font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400));
             color: var(--framer-link-hover-text-color, var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))));
-            font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, ${createFontSizeVariableFallbacks(['--framer-font-size',], '16px')}))) * var(--framer-font-size-scale, 1));
         }
     `, /* css */
     `
@@ -19394,6 +19398,7 @@ function getControlDefaultValue(control) {
             case 'boxshadow':
             case 'padding':
             case 'borderradius':
+            case 'gap':
                 return isString(control.defaultValue) ? control.defaultValue : void 0;
             case 'boolean':
                 return isBoolean(control.defaultValue) ? control.defaultValue : void 0;
@@ -41237,6 +41242,10 @@ var variantsNameToWeight = {
     'solid-regular': 700,
     'solid-medium': 800,
     'solid-bold': 900,
+    // The following variants are only used in the Tecnica font.
+    // We assign them different (fake) weights to ensure that the changes are picked up when switching between variants.
+    '53': 400,
+    '55': 600,
     // we want to put variable fonts last
     variable: 1e3,
     'variable-italic': 1e3,