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

package/dist/alpha.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/beta.d.ts

@@ -5432,10 +5432,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 {
     /**
@@ -6325,6 +6325,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
  */
@@ -6757,10 +6790,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 */
@@ -6785,13 +6819,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 */
@@ -6807,7 +6842,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/index.bundled.d.ts

@@ -5432,10 +5432,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 {
     /**
@@ -6325,6 +6325,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
  */
@@ -6757,10 +6790,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 */
@@ -6785,13 +6819,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 */
@@ -6807,7 +6842,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' */