@dcl/playground-assets 7.4.3-7934813852.commit-72b4695 → 7.4.3-7964122901.commit-4aa0343

package/dist/playground/sdk/dcl-sdk.package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcl/sdk",
   "description": "",
-  "version": "7.4.3-7934813852.commit-72b4695",
+  "version": "7.4.3-7964122901.commit-4aa0343",
   "author": "Decentraland",
   "dependencies": {
     "@dcl/ecs": "file:../ecs",
@@ -35,5 +35,5 @@
   },
   "types": "./index.d.ts",
   "typings": "./index.d.ts",
-  "commit": "72b46951553c69a6fc16cbc5941ce7296e62f27f"
+  "commit": "4aa0343cda6076be872f03fe13bdaba17cd66a86"
 }

package/dist/playground-assets.d.ts

@@ -5449,10 +5449,10 @@ export declare type PositionShorthand = PositionUnit | `${PositionUnit} ${Positi
 export declare type PositionType = 'absolute' | 'relative';
 
 /**
- * unit value specified. i.e. 1 || '100%' || '1px'
+ * unit value specified. i.e. 1 || '100%' || '1px' || '10vw'
  * @public
  */
-export declare type PositionUnit = `${number}px` | `${number}%` | number | `${number}`;
+export declare type PositionUnit = `${number}px` | `${number}%` | number | `${number}` | ScaleUnit;
 
 export declare enum ProcessMessageResultType {
     /**
@@ -6342,6 +6342,39 @@ export declare namespace Scale {
     export function decode(input: _m0.Reader | Uint8Array, length?: number): Scale;
 }
 
+/**
+ * context for applying a scale
+ * @public
+ */
+export declare type ScaleContext = {
+    width: number;
+    height: number;
+    ratio: number;
+};
+
+/**
+ * Scales a font size depending on a context's width/height
+ * @param {number} fontSize size of the font to scale
+ * @param {ScaleUnit} [scaleUnit=0.39] the scaling unit (uses "width" as unit if a number is supplied)
+ * @param {ScaleContext} [ctx=viewport] the context where to apply the scaling
+ * @returns {number} the fontSize scaled
+ * @see https://matthewjamestaylor.com/responsive-font-size#fluid
+ * @public
+ */
+export declare function scaleFontSize(fontSize: number, scaleUnit?: ScaleUnit, ctx?: ScaleContext | undefined): number;
+
+/**
+ * unit value specified. i.e. 10 || '10vw' || '10vh'
+ * @public
+ */
+export declare type ScaleUnit = `${number}${ScaleUnits}` | number;
+
+/**
+ * unit value type. i.e. 'vw' || 'vh'
+ * @public
+ */
+export declare type ScaleUnits = 'vw' | 'vh';
+
 /**
  * @public
  */
@@ -6779,10 +6812,11 @@ export declare const UiDropdown: LastWriteWinElementSetComponentDefinition<PBUiD
  * @public
  * Dropdown Props
  */
-export declare interface UiDropdownProps extends EntityPropTypes, Omit<Partial<PBUiDropdown>, 'textAlign' | 'font'> {
+export declare interface UiDropdownProps extends EntityPropTypes, Omit<Partial<PBUiDropdown>, 'textAlign' | 'font' | 'fontSize'> {
     onChange?(value: number): void;
     font?: UiFontType;
     textAlign?: TextAlignType;
+    fontSize?: ScaleUnit;
 }
 
 /** @public */
@@ -6807,13 +6841,14 @@ export declare const UiInput: LastWriteWinElementSetComponentDefinition<PBUiInpu
 /**
  * @public
  */
-export declare interface UiInputProps extends Omit<PBUiInput, 'font' | 'textAlign'> {
+export declare interface UiInputProps extends Omit<PBUiInput, 'font' | 'textAlign' | 'fontSize'> {
     /** function to be called on value change  */
     onChange?(value: string): void;
     /** function to be called on text field submit  */
     onSubmit?(value: string): void;
     font?: UiFontType;
     textAlign?: TextAlignType;
+    fontSize?: ScaleUnit;
 }
 
 /** @public */
@@ -6829,7 +6864,7 @@ export declare interface UiLabelProps {
     /** Color of the label. @defaultValue `{ r: 1, g: 1, b: 1, a: 1 }` */
     color?: PBColor4 | undefined;
     /** Label font size. @defaultValue 10 */
-    fontSize?: number | undefined;
+    fontSize?: ScaleUnit | undefined;
     /** Label align position. @defaultValue 'middle-center' */
     textAlign?: TextAlignType | undefined;
     /** Label font type. @defaultValue 'sans-serif' */

package/dist/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.40.1"
+      "packageVersion": "7.40.2"
     }
   ]
 }

package/etc/playground-assets.api.json

@@ -1,7 +1,7 @@
 {
   "metadata": {
     "toolPackage": "@microsoft/api-extractor",
-    "toolVersion": "7.40.1",
+    "toolVersion": "7.40.2",
     "schemaVersion": 1011,
     "oldestForwardsCompatibleVersion": 1001,
     "tsdocConfig": {
@@ -55086,7 +55086,7 @@
         {
           "kind": "TypeAlias",
           "canonicalReference": "@dcl/playground-assets!PositionUnit:type",
-          "docComment": "/**\n * unit value specified. i.e. 1 || '100%' || '1px'\n *\n * @public\n */\n",
+          "docComment": "/**\n * unit value specified. i.e. 1 || '100%' || '1px' || '10vw'\n *\n * @public\n */\n",
           "excerptTokens": [
             {
               "kind": "Content",
@@ -55094,7 +55094,12 @@
             },
             {
               "kind": "Content",
-              "text": "`${number}px` | `${number}%` | number | `${number}`"
+              "text": "`${number}px` | `${number}%` | number | `${number}` | "
+            },
+            {
+              "kind": "Reference",
+              "text": "ScaleUnit",
+              "canonicalReference": "@dcl/playground-assets!ScaleUnit:type"
             },
             {
               "kind": "Content",
@@ -55106,7 +55111,7 @@
           "name": "PositionUnit",
           "typeTokenRange": {
             "startIndex": 1,
-            "endIndex": 2
+            "endIndex": 3
           }
         },
         {
@@ -62455,6 +62460,176 @@
             }
           ]
         },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@dcl/playground-assets!ScaleContext:type",
+          "docComment": "/**\n * context for applying a scale\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export type ScaleContext = "
+            },
+            {
+              "kind": "Content",
+              "text": "{\n    width: number;\n    height: number;\n    ratio: number;\n}"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "../react-ecs/dist/components/types.d.ts",
+          "releaseTag": "Public",
+          "name": "ScaleContext",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
+        {
+          "kind": "Function",
+          "canonicalReference": "@dcl/playground-assets!scaleFontSize:function(1)",
+          "docComment": "/**\n * Scales a font size depending on a context's width/height\n *\n * @param fontSize - size of the font to scale\n *\n * @param scaleUnit - the scaling unit (uses \"width\" as unit if a number is supplied)\n *\n * @param ctx - the context where to apply the scaling\n *\n * @returns {number} the fontSize scaled\n *\n * @see\n *\n * https://matthewjamestaylor.com/responsive-font-size#fluid\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export declare function scaleFontSize(fontSize: "
+            },
+            {
+              "kind": "Content",
+              "text": "number"
+            },
+            {
+              "kind": "Content",
+              "text": ", scaleUnit?: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ScaleUnit",
+              "canonicalReference": "@dcl/playground-assets!ScaleUnit:type"
+            },
+            {
+              "kind": "Content",
+              "text": ", ctx?: "
+            },
+            {
+              "kind": "Reference",
+              "text": "ScaleContext",
+              "canonicalReference": "@dcl/playground-assets!ScaleContext:type"
+            },
+            {
+              "kind": "Content",
+              "text": " | undefined"
+            },
+            {
+              "kind": "Content",
+              "text": "): "
+            },
+            {
+              "kind": "Content",
+              "text": "number"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "../react-ecs/dist/components/Label/utils.d.ts",
+          "returnTypeTokenRange": {
+            "startIndex": 8,
+            "endIndex": 9
+          },
+          "releaseTag": "Public",
+          "overloadIndex": 1,
+          "parameters": [
+            {
+              "parameterName": "fontSize",
+              "parameterTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              },
+              "isOptional": false
+            },
+            {
+              "parameterName": "scaleUnit",
+              "parameterTypeTokenRange": {
+                "startIndex": 3,
+                "endIndex": 4
+              },
+              "isOptional": true
+            },
+            {
+              "parameterName": "ctx",
+              "parameterTypeTokenRange": {
+                "startIndex": 5,
+                "endIndex": 7
+              },
+              "isOptional": true
+            }
+          ],
+          "name": "scaleFontSize"
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@dcl/playground-assets!ScaleUnit:type",
+          "docComment": "/**\n * unit value specified. i.e. 10 || '10vw' || '10vh'\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export type ScaleUnit = "
+            },
+            {
+              "kind": "Content",
+              "text": "`${number}${"
+            },
+            {
+              "kind": "Reference",
+              "text": "ScaleUnits",
+              "canonicalReference": "@dcl/playground-assets!ScaleUnits:type"
+            },
+            {
+              "kind": "Content",
+              "text": "}` | number"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "../react-ecs/dist/components/types.d.ts",
+          "releaseTag": "Public",
+          "name": "ScaleUnit",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 4
+          }
+        },
+        {
+          "kind": "TypeAlias",
+          "canonicalReference": "@dcl/playground-assets!ScaleUnits:type",
+          "docComment": "/**\n * unit value type. i.e. 'vw' || 'vh'\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export type ScaleUnits = "
+            },
+            {
+              "kind": "Content",
+              "text": "'vw' | 'vh'"
+            },
+            {
+              "kind": "Content",
+              "text": ";"
+            }
+          ],
+          "fileUrlPath": "../react-ecs/dist/components/types.d.ts",
+          "releaseTag": "Public",
+          "name": "ScaleUnits",
+          "typeTokenRange": {
+            "startIndex": 1,
+            "endIndex": 2
+          }
+        },
         {
           "kind": "Namespace",
           "canonicalReference": "@dcl/playground-assets!Schemas:namespace",
@@ -66560,7 +66735,7 @@
             },
             {
               "kind": "Content",
-              "text": ">, 'textAlign' | 'font'>"
+              "text": ">, 'textAlign' | 'font' | 'fontSize'>"
             },
             {
               "kind": "Content",
@@ -66600,6 +66775,34 @@
                 "endIndex": 2
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@dcl/playground-assets!UiDropdownProps#fontSize:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "fontSize?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "ScaleUnit",
+                  "canonicalReference": "@dcl/playground-assets!ScaleUnit:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "fontSize",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "MethodSignature",
               "canonicalReference": "@dcl/playground-assets!UiDropdownProps#onChange:member(1)",
@@ -66870,7 +67073,7 @@
             },
             {
               "kind": "Content",
-              "text": ", 'font' | 'textAlign'>"
+              "text": ", 'font' | 'textAlign' | 'fontSize'>"
             },
             {
               "kind": "Content",
@@ -66910,6 +67113,34 @@
                 "endIndex": 2
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@dcl/playground-assets!UiInputProps#fontSize:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "fontSize?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "ScaleUnit",
+                  "canonicalReference": "@dcl/playground-assets!ScaleUnit:type"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "fontSize",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "MethodSignature",
               "canonicalReference": "@dcl/playground-assets!UiInputProps#onChange:member(1)",
@@ -67161,9 +67392,14 @@
                   "kind": "Content",
                   "text": "fontSize?: "
                 },
+                {
+                  "kind": "Reference",
+                  "text": "ScaleUnit",
+                  "canonicalReference": "@dcl/playground-assets!ScaleUnit:type"
+                },
                 {
                   "kind": "Content",
-                  "text": "number | undefined"
+                  "text": " | undefined"
                 },
                 {
                   "kind": "Content",
@@ -67176,7 +67412,7 @@
               "name": "fontSize",
               "propertyTypeTokenRange": {
                 "startIndex": 1,
-                "endIndex": 2
+                "endIndex": 3
               }
             },
             {

package/etc/playground-assets.api.md

@@ -3335,7 +3335,7 @@ export type PositionShorthand = PositionUnit | `${PositionUnit} ${PositionUnit}`
 export type PositionType = 'absolute' | 'relative';
 
 // @public
-export type PositionUnit = `${number}px` | `${number}%` | number | `${number}`;
+export type PositionUnit = `${number}px` | `${number}%` | number | `${number}` | ScaleUnit;
 
 // Warning: (ae-missing-release-tag) "ProcessMessageResultType" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)
 //
@@ -3704,6 +3704,33 @@ export namespace Scale {
     export function encode(message: Scale, writer?: _m0.Writer): _m0.Writer;
 }
 
+// @public
+export type ScaleContext = {
+    width: number;
+    height: number;
+    ratio: number;
+};
+
+// Warning: (tsdoc-param-tag-missing-hyphen) The @param block should be followed by a parameter name and then a hyphen
+// Warning: (tsdoc-param-tag-with-invalid-type) The @param block should not include a JSDoc-style '{type}'
+// Warning: (tsdoc-param-tag-missing-hyphen) The @param block should be followed by a parameter name and then a hyphen
+// Warning: (tsdoc-param-tag-with-invalid-optional-name) The @param should not include a JSDoc-style optional name; it must not be enclosed in '[ ]' brackets.
+// Warning: (tsdoc-param-tag-with-invalid-type) The @param block should not include a JSDoc-style '{type}'
+// Warning: (tsdoc-param-tag-missing-hyphen) The @param block should be followed by a parameter name and then a hyphen
+// Warning: (tsdoc-param-tag-with-invalid-optional-name) The @param should not include a JSDoc-style optional name; it must not be enclosed in '[ ]' brackets.
+// Warning: (tsdoc-param-tag-with-invalid-type) The @param block should not include a JSDoc-style '{type}'
+// Warning: (tsdoc-escape-right-brace) The "}" character should be escaped using a backslash to avoid confusion with a TSDoc inline tag
+// Warning: (tsdoc-malformed-inline-tag) Expecting a TSDoc tag starting with "{@"
+//
+// @public
+export function scaleFontSize(fontSize: number, scaleUnit?: ScaleUnit, ctx?: ScaleContext | undefined): number;
+
+// @public
+export type ScaleUnit = `${number}${ScaleUnits}` | number;
+
+// @public
+export type ScaleUnits = 'vw' | 'vh';
+
 // @public (undocumented)
 export namespace Schemas {
     // (undocumented)
@@ -4062,10 +4089,12 @@ export type UiComponent = () => ReactEcs.JSX.Element;
 export const UiDropdown: LastWriteWinElementSetComponentDefinition<PBUiDropdown>;
 
 // @public
-export interface UiDropdownProps extends EntityPropTypes, Omit<Partial<PBUiDropdown>, 'textAlign' | 'font'> {
+export interface UiDropdownProps extends EntityPropTypes, Omit<Partial<PBUiDropdown>, 'textAlign' | 'font' | 'fontSize'> {
     // (undocumented)
     font?: UiFontType;
     // (undocumented)
+    fontSize?: ScaleUnit;
+    // (undocumented)
     onChange?(value: number): void;
     // (undocumented)
     textAlign?: TextAlignType;
@@ -4088,9 +4117,11 @@ export type UiFontType = 'sans-serif' | 'serif' | 'monospace';
 export const UiInput: LastWriteWinElementSetComponentDefinition<PBUiInput>;
 
 // @public (undocumented)
-export interface UiInputProps extends Omit<PBUiInput, 'font' | 'textAlign'> {
+export interface UiInputProps extends Omit<PBUiInput, 'font' | 'textAlign' | 'fontSize'> {
     // (undocumented)
     font?: UiFontType;
+    // (undocumented)
+    fontSize?: ScaleUnit;
     onChange?(value: string): void;
     onSubmit?(value: string): void;
     // (undocumented)
@@ -4104,7 +4135,7 @@ export const UiInputResult: LastWriteWinElementSetComponentDefinition<PBUiInputR
 export interface UiLabelProps {
     color?: PBColor4 | undefined;
     font?: UiFontType | undefined;
-    fontSize?: number | undefined;
+    fontSize?: ScaleUnit | undefined;
     textAlign?: TextAlignType | undefined;
     value: string;
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dcl/playground-assets",
   "description": "",
-  "version": "7.4.3-7934813852.commit-72b4695",
+  "version": "7.4.3-7964122901.commit-4aa0343",
   "author": "Decentraland",
   "dependencies": {
-    "@dcl/js-runtime": "7.4.3-7934813852.commit-72b4695",
-    "@dcl/sdk": "7.4.3-7934813852.commit-72b4695"
+    "@dcl/js-runtime": "7.4.3-7964122901.commit-4aa0343",
+    "@dcl/sdk": "7.4.3-7964122901.commit-4aa0343"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "^7.33.8"
@@ -32,5 +32,5 @@
   },
   "types": "./dist/index.d.ts",
   "typings": "./dist/index.d.ts",
-  "commit": "72b46951553c69a6fc16cbc5941ce7296e62f27f"
+  "commit": "4aa0343cda6076be872f03fe13bdaba17cd66a86"
 }