@depersgroep/lfvp-design-tokens 0.391.0 → 0.393.0-7b5e1e4

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@depersgroep/lfvp-design-tokens",
-	"version": "0.391.0",
+	"version": "0.393.0-7b5e1e4",
 	"description": "Figma design tokens for LFVP",
 	"keywords": [
 		"design",

package/tokens/$metadata.json

@@ -32,6 +32,7 @@
     "components/player",
     "components/pricing-table",
     "components/product-card",
+    "components/rating",
     "components/selectable-box",
     "components/selectable-button",
     "components/selectable",
@@ -41,17 +42,17 @@
     "components/thumbnail",
     "components/tile",
     "components/toggle",
+    "components/toolbar",
     "components/top-10",
     "components/top-banner",
     "components/top-of-screen",
     "components/tv-button-list",
     "components/tv-hero",
-    "components/rating",
-    "components/wallet",
     "components/upsell",
-    "screen/large",
-    "screen/medium",
+    "components/wallet",
     "screen/small",
+    "screen/medium",
+    "screen/large",
     "screen/tv"
   ]
 }

package/tokens/$themes.json

@@ -49,7 +49,8 @@
       "components/badge": "enabled",
       "components/chapter-swimlane": "enabled",
       "components/rating": "enabled",
-      "components/wallet": "enabled"
+      "components/wallet": "enabled",
+      "components/toolbar": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:3:7330",
     "$figmaModeId": "3:0",
@@ -106,7 +107,8 @@
       "components/badge": "enabled",
       "components/chapter-swimlane": "enabled",
       "components/rating": "enabled",
-      "components/wallet": "enabled"
+      "components/wallet": "enabled",
+      "components/toolbar": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:3:7330",
     "$figmaModeId": "3:1",
@@ -163,7 +165,8 @@
       "components/badge": "enabled",
       "components/chapter-swimlane": "enabled",
       "components/rating": "enabled",
-      "components/wallet": "enabled"
+      "components/wallet": "enabled",
+      "components/toolbar": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:3:7330",
     "$figmaModeId": "3:2",
@@ -220,7 +223,8 @@
       "components/badge": "enabled",
       "components/chapter-swimlane": "enabled",
       "components/rating": "enabled",
-      "components/wallet": "enabled"
+      "components/wallet": "enabled",
+      "components/toolbar": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:3:7330",
     "$figmaModeId": "3:3",

package/tokens/base/ui.json

@@ -152,6 +152,10 @@
           "bw3": {
             "$type": "borderWidth",
             "$value": "{core.borderWidth.3} * {scale.border}"
+          },
+          "bw4": {
+            "$type": "borderWidth",
+            "$value": "{core.borderWidth.4}*{scale.border}"
           }
         },
         "fixed": {

package/tokens/brands/rtlplay.json

@@ -285,6 +285,26 @@
           "$type": "color",
           "$value": "#ffffff"
         }
+      },
+      "positive": {
+        "20": {
+          "$type": "color",
+          "$value": "#1B3327"
+        },
+        "50": {
+          "$type": "color",
+          "$value": "#44CE87"
+        }
+      },
+      "negative": {
+        "20": {
+          "$type": "color",
+          "$value": "#330001"
+        },
+        "50": {
+          "$type": "color",
+          "$value": "#E42454"
+        }
       }
     }
   },

package/tokens/brands/streamz.json

@@ -285,6 +285,26 @@
           "$type": "color",
           "$value": "#4B0B70"
         }
+      },
+      "positive": {
+        "20": {
+          "$type": "color",
+          "$value": "#1B3327"
+        },
+        "50": {
+          "$type": "color",
+          "$value": "#44CE87"
+        }
+      },
+      "negative": {
+        "20": {
+          "$type": "color",
+          "$value": "#330001"
+        },
+        "50": {
+          "$type": "color",
+          "$value": "#E42454"
+        }
       }
     }
   },

package/tokens/brands/vtmgo.json

@@ -285,6 +285,26 @@
           "$type": "color",
           "$value": "#4B0B70"
         }
+      },
+      "positive": {
+        "20": {
+          "$type": "color",
+          "$value": "#1B3327"
+        },
+        "50": {
+          "$type": "color",
+          "$value": "#44CE87"
+        }
+      },
+      "negative": {
+        "20": {
+          "$type": "color",
+          "$value": "#330001"
+        },
+        "50": {
+          "$type": "color",
+          "$value": "#E42454"
+        }
       }
     }
   },

package/tokens/brands/whitelabel.json

@@ -285,6 +285,26 @@
           "$type": "color",
           "$value": "#ffffff"
         }
+      },
+      "positive": {
+        "20": {
+          "$type": "color",
+          "$value": "#1B3327"
+        },
+        "50": {
+          "$type": "color",
+          "$value": "#44CE87"
+        }
+      },
+      "negative": {
+        "20": {
+          "$type": "color",
+          "$value": "#330001"
+        },
+        "50": {
+          "$type": "color",
+          "$value": "#E42454"
+        }
       }
     }
   },

package/tokens/components/message.json

@@ -1,20 +1,116 @@
 {
   "message": {
-    "backgroundColor": {
-      "$type": "color",
-      "$value": "{base.color.primary.darkest}"
-    },
-    "textColor": {
-      "$type": "color",
-      "$value": "{base.color.text.default}"
+    "toast": {
+      "backgroundColor": {
+        "$type": "color",
+        "$value": "{base.color.primary.darkest}"
+      },
+      "borderColor": {
+        "$type": "color",
+        "$value": "{base.color.primary.default}"
+      },
+      "iconColor": {
+        "$type": "color",
+        "$value": "{base.color.ui.white}"
+      },
+      "textColor": {
+        "$type": "color",
+        "$value": "{base.color.text.default}"
+      },
+      "margin": {
+        "$type": "spacing",
+        "$value": "{base.ui.spacing.fixed.sp2}"
+      },
+      "text": {
+        "$type": "typography",
+        "$value": "{base.typography.text.bold.small}"
+      },
+      "maxWidth": {
+        "$type": "sizing",
+        "$value": "100%"
+      }
     },
     "borderRadius": {
       "$type": "borderRadius",
       "$value": "{base.ui.borderRadius.flex.br2}"
     },
-    "text": {
-      "$type": "typography",
-      "$value": "{base.typography.text.regular.medium}"
+    "inline": {
+      "text": {
+        "$type": "typography",
+        "$value": "{base.typography.text.regular.small}"
+      },
+      "branded": {
+        "backgroundColor": {
+          "$type": "color",
+          "$value": "{core.color.primary.10}"
+        },
+        "borderColor": {
+          "$type": "color",
+          "$value": "{base.color.primary.default}"
+        },
+        "iconColor": {
+          "$type": "color",
+          "$value": "{base.color.primary.default}"
+        },
+        "textColor": {
+          "$type": "color",
+          "$value": "{base.color.text.default}"
+        }
+      },
+      "neutral": {
+        "backgroundColor": {
+          "$type": "color",
+          "$value": "{core.color.neutrals.15}"
+        },
+        "borderColor": {
+          "$type": "color",
+          "$value": "{core.color.neutrals.60}"
+        },
+        "iconColor": {
+          "$type": "color",
+          "$value": "{core.color.neutrals.60}"
+        },
+        "textColor": {
+          "$type": "color",
+          "$value": "{base.color.text.default}"
+        }
+      },
+      "positive": {
+        "backgroundColor": {
+          "$type": "color",
+          "$value": "{core.color.positive.20}"
+        },
+        "borderColor": {
+          "$type": "color",
+          "$value": "{core.color.positive.50}"
+        },
+        "iconColor": {
+          "$type": "color",
+          "$value": "{core.color.positive.50}"
+        },
+        "textColor": {
+          "$type": "color",
+          "$value": "{base.color.text.default}"
+        }
+      },
+      "negative": {
+        "backgroundColor": {
+          "$type": "color",
+          "$value": "{core.color.negative.20}"
+        },
+        "borderColor": {
+          "$type": "color",
+          "$value": "{core.color.negative.50}"
+        },
+        "iconColor": {
+          "$type": "color",
+          "$value": "{core.color.negative.50}"
+        },
+        "textColor": {
+          "$type": "color",
+          "$value": "{base.color.text.default}"
+        }
+      }
     },
     "iconSize": {
       "$type": "sizing",
@@ -22,23 +118,19 @@
     },
     "horizontalPadding": {
       "$type": "spacing",
-      "$value": "{base.ui.spacing.flex.sp4}"
+      "$value": "{base.ui.spacing.flex.sp3}"
     },
     "gap": {
       "$type": "spacing",
-      "$value": "{base.ui.spacing.flex.sp4}"
+      "$value": "{base.ui.spacing.flex.sp2}"
     },
     "verticalPadding": {
       "$type": "spacing",
       "$value": "{base.ui.spacing.flex.sp2}"
     },
-    "margin": {
-      "$type": "spacing",
-      "$value": "{base.ui.spacing.fixed.sp2}"
-    },
-    "maxWidth": {
-      "$type": "sizing",
-      "$value": "100%"
+    "borderWidth": {
+      "$type": "borderWidth",
+      "$value": "{base.ui.borderWidth.flex.bw4}"
     }
   }
 }

package/tokens/components/swimlane.json

@@ -3,6 +3,16 @@
     "title": {
       "$type": "typography",
       "$value": "{base.typography.title.level11}"
+    },
+    "chapter": {
+      "subtitle": {
+        "$type": "typography",
+        "$value": "{base.typography.text.bold.medium}"
+      },
+      "title": {
+        "$type": "typography",
+        "$value": "{base.typography.title.level8}"
+      }
     }
   }
 }

package/tokens/components/toolbar.json

@@ -0,0 +1,8 @@
+{
+  "toolbar": {
+    "title": {
+      "$type": "typography",
+      "$value": "{base.typography.title.level10}"
+    }
+  }
+}

package/tokens/screen/large.json

@@ -36,13 +36,15 @@
     }
   },
   "message": {
-    "margin": {
-      "$type": "spacing",
-      "$value": "{base.ui.spacing.fixed.sp5}"
-    },
-    "maxWidth": {
-      "$type": "sizing",
-      "$value": "50%"
+    "toast": {
+      "margin": {
+        "$type": "spacing",
+        "$value": "{base.ui.spacing.fixed.sp5}"
+      },
+      "maxWidth": {
+        "$type": "sizing",
+        "$value": "50%"
+      }
     }
   },
   "topNavigationLogo": {

package/tokens/screen/medium.json

@@ -36,9 +36,11 @@
     }
   },
   "message": {
-    "maxWidth": {
-      "$type": "sizing",
-      "$value": "70%"
+    "toast": {
+      "maxWidth": {
+        "$type": "sizing",
+        "$value": "70%"
+      }
     }
   },
   "pricingTable": {

package/tokens/screen/tv.json

@@ -399,13 +399,15 @@
     }
   },
   "message": {
-    "margin": {
-      "$type": "spacing",
-      "$value": "{base.ui.spacing.fixed.sp5}"
-    },
-    "maxWidth": {
-      "$type": "sizing",
-      "$value": "50%"
+    "toast": {
+      "margin": {
+        "$type": "spacing",
+        "$value": "{base.ui.spacing.fixed.sp5}"
+      },
+      "maxWidth": {
+        "$type": "sizing",
+        "$value": "50%"
+      }
     }
   },
   "topOfScreen": {
@@ -483,5 +485,11 @@
       "$type": "color",
       "$value": "linear-gradient(-90deg, {base.color.ui.dark1} 0%, {core.color.darkAlpha.80} 50%, {core.color.darkAlpha.20} 100%)"
     }
+  },
+  "toolbar": {
+    "title": {
+      "$type": "typography",
+      "$value": "{base.typography.title.level9}"
+    }
   }
 }