@plasmicapp/host - npm Package Compare versions

Comparing version 1.0.156 to 1.0.157

dist/host.esm.js

@@ -497,3 +497,3 @@ 'use client';
 
-var hostVersion = "1.0.156";
+var hostVersion = "1.0.157";
 
@@ -500,0 +500,0 @@ var root = globalThis;

dist/index.cjs.js

@@ -519,3 +519,3 @@ 'use client';
 
-var hostVersion = "1.0.156";
+var hostVersion = "1.0.157";
 
@@ -522,0 +522,0 @@ var root = globalThis;

dist/registerToken.d.ts

 export type TokenType = "color" | "spacing" | "font-family" | "font-size" | "line-height" | "opacity";
 export interface TokenRegistration {
+    /**
+     * Name for this token; should be stable across updates
+     */
     name: string;
-    displayName: string;
+    /**
+     * Value for the token, which can either be a valid css value or a css reference
+     * to a css variable provided by your host app, like `var(--my-token)`
+     */
     value: string;
+    /**
+     * Type of token
+     */
     type: TokenType;
+    /**
+     * Optional display name to use for this token, if you'd like to use a friendlier
+     * name to display to Studio users
+     */
+    displayName?: string;
+    /**
+     * By default, if this token is a css variable reference like `var(--my-token)`,
+     * then it is assumed that `--my-token` is defined on `:root`.  If it is defined
+     * in another element, then you can pass in a selector for that element,
+     * like `.themeRoot`.
+     */
+    selector?: string;
 }
@@ -8,0 +29,0 @@ declare global {

dist/version.d.ts

@@ -1,1 +0,1 @@
-export declare const hostVersion = "1.0.156";
+export declare const hostVersion = "1.0.157";

package.json

 {
   "name": "@plasmicapp/host",
-  "version": "1.0.156",
+  "version": "1.0.157",
   "description": "plasmic library for app hosting",
@@ -83,3 +83,3 @@ "main": "dist/index.cjs.js",
   },
-  "gitHead": "bad6fad8d377645b740133976cff201b1b20dc8d"
+  "gitHead": "298c58ac987632c558aaf32afed63aab5a26e154"
 }

registerComponent/dist/registerToken.d.ts

 export type TokenType = "color" | "spacing" | "font-family" | "font-size" | "line-height" | "opacity";
 export interface TokenRegistration {
+    /**
+     * Name for this token; should be stable across updates
+     */
     name: string;
-    displayName: string;
+    /**
+     * Value for the token, which can either be a valid css value or a css reference
+     * to a css variable provided by your host app, like `var(--my-token)`
+     */
     value: string;
+    /**
+     * Type of token
+     */
     type: TokenType;
+    /**
+     * Optional display name to use for this token, if you'd like to use a friendlier
+     * name to display to Studio users
+     */
+    displayName?: string;
+    /**
+     * By default, if this token is a css variable reference like `var(--my-token)`,
+     * then it is assumed that `--my-token` is defined on `:root`.  If it is defined
+     * in another element, then you can pass in a selector for that element,
+     * like `.themeRoot`.
+     */
+    selector?: string;
 }
@@ -8,0 +29,0 @@ declare global {

registerComponent/dist/version.d.ts

@@ -1,1 +0,1 @@
-export declare const hostVersion = "1.0.156";
+export declare const hostVersion = "1.0.157";

registerGlobalContext/dist/registerToken.d.ts

 export type TokenType = "color" | "spacing" | "font-family" | "font-size" | "line-height" | "opacity";
 export interface TokenRegistration {
+    /**
+     * Name for this token; should be stable across updates
+     */
     name: string;
-    displayName: string;
+    /**
+     * Value for the token, which can either be a valid css value or a css reference
+     * to a css variable provided by your host app, like `var(--my-token)`
+     */
     value: string;
+    /**
+     * Type of token
+     */
     type: TokenType;
+    /**
+     * Optional display name to use for this token, if you'd like to use a friendlier
+     * name to display to Studio users
+     */
+    displayName?: string;
+    /**
+     * By default, if this token is a css variable reference like `var(--my-token)`,
+     * then it is assumed that `--my-token` is defined on `:root`.  If it is defined
+     * in another element, then you can pass in a selector for that element,
+     * like `.themeRoot`.
+     */
+    selector?: string;
 }
@@ -8,0 +29,0 @@ declare global {

registerGlobalContext/dist/version.d.ts

@@ -1,1 +0,1 @@
-export declare const hostVersion = "1.0.156";
+export declare const hostVersion = "1.0.157";

registerToken/dist/registerToken.d.ts

 export type TokenType = "color" | "spacing" | "font-family" | "font-size" | "line-height" | "opacity";
 export interface TokenRegistration {
+    /**
+     * Name for this token; should be stable across updates
+     */
     name: string;
-    displayName: string;
+    /**
+     * Value for the token, which can either be a valid css value or a css reference
+     * to a css variable provided by your host app, like `var(--my-token)`
+     */
     value: string;
+    /**
+     * Type of token
+     */
     type: TokenType;
+    /**
+     * Optional display name to use for this token, if you'd like to use a friendlier
+     * name to display to Studio users
+     */
+    displayName?: string;
+    /**
+     * By default, if this token is a css variable reference like `var(--my-token)`,
+     * then it is assumed that `--my-token` is defined on `:root`.  If it is defined
+     * in another element, then you can pass in a selector for that element,
+     * like `.themeRoot`.
+     */
+    selector?: string;
 }
@@ -8,0 +29,0 @@ declare global {

registerToken/dist/version.d.ts

@@ -1,1 +0,1 @@
-export declare const hostVersion = "1.0.156";
+export declare const hostVersion = "1.0.157";

registerTrait/dist/registerToken.d.ts

 export type TokenType = "color" | "spacing" | "font-family" | "font-size" | "line-height" | "opacity";
 export interface TokenRegistration {
+    /**
+     * Name for this token; should be stable across updates
+     */
     name: string;
-    displayName: string;
+    /**
+     * Value for the token, which can either be a valid css value or a css reference
+     * to a css variable provided by your host app, like `var(--my-token)`
+     */
     value: string;
+    /**
+     * Type of token
+     */
     type: TokenType;
+    /**
+     * Optional display name to use for this token, if you'd like to use a friendlier
+     * name to display to Studio users
+     */
+    displayName?: string;
+    /**
+     * By default, if this token is a css variable reference like `var(--my-token)`,
+     * then it is assumed that `--my-token` is defined on `:root`.  If it is defined
+     * in another element, then you can pass in a selector for that element,
+     * like `.themeRoot`.
+     */
+    selector?: string;
 }
@@ -8,0 +29,0 @@ declare global {

registerTrait/dist/version.d.ts

@@ -1,1 +0,1 @@
-export declare const hostVersion = "1.0.156";
+export declare const hostVersion = "1.0.157";

No alert changes

Improved metrics

Total package byte prevSize

397047

increased by1.69%

Lines of code

6579

increased by1.62%

No dependency changes