@depersgroep/lfvp-design-tokens 0.389.0 → 0.391.0-db6e5d5

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@depersgroep/lfvp-design-tokens",
-	"version": "0.389.0",
+	"version": "0.391.0-db6e5d5",
 	"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",
@@ -46,8 +47,8 @@
     "components/top-of-screen",
     "components/tv-button-list",
     "components/tv-hero",
-    "components/rating",
     "components/upsell",
+    "components/wallet",
     "screen/large",
     "screen/medium",
     "screen/small",

package/tokens/$themes.json

@@ -48,7 +48,8 @@
       "components/tv-button-list": "enabled",
       "components/badge": "enabled",
       "components/chapter-swimlane": "enabled",
-      "components/rating": "enabled"
+      "components/rating": "enabled",
+      "components/wallet": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:3:7330",
     "$figmaModeId": "3:0",
@@ -104,7 +105,8 @@
       "components/tv-button-list": "enabled",
       "components/badge": "enabled",
       "components/chapter-swimlane": "enabled",
-      "components/rating": "enabled"
+      "components/rating": "enabled",
+      "components/wallet": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:3:7330",
     "$figmaModeId": "3:1",
@@ -160,7 +162,8 @@
       "components/tv-button-list": "enabled",
       "components/badge": "enabled",
       "components/chapter-swimlane": "enabled",
-      "components/rating": "enabled"
+      "components/rating": "enabled",
+      "components/wallet": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:3:7330",
     "$figmaModeId": "3:2",
@@ -216,7 +219,8 @@
       "components/tv-button-list": "enabled",
       "components/badge": "enabled",
       "components/chapter-swimlane": "enabled",
-      "components/rating": "enabled"
+      "components/rating": "enabled",
+      "components/wallet": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:3:7330",
     "$figmaModeId": "3:3",

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/box.json

@@ -45,6 +45,16 @@
         "$type": "spacing",
         "$value": "{core.spacing.12}"
       }
+    },
+    "large": {
+      "horizontalPadding": {
+        "$type": "spacing",
+        "$value": "{core.spacing.32}"
+      },
+      "verticalPadding": {
+        "$type": "spacing",
+        "$value": "{core.spacing.32}"
+      }
     }
   },
   "boxHeading": {
@@ -75,6 +85,16 @@
     "text": {
       "$type": "typography",
       "$value": "{base.typography.text.bold.small}"
+    },
+    "subtle": {
+      "backgroundColor": {
+        "$type": "color",
+        "$value": "{base.color.ui.dark4}"
+      },
+      "textColor": {
+        "$type": "color",
+        "$value": "{base.color.text.default}"
+      }
     }
   }
 }

package/tokens/components/message.json

@@ -1,20 +1,96 @@
 {
   "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}"
+      }
     },
     "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}"
+        },
+        "highlightColor": {
+          "$type": "color",
+          "$value": "{base.color.primary.default}"
+        },
+        "textColor": {
+          "$type": "color",
+          "$value": "{base.color.text.default}"
+        }
+      },
+      "neutral": {
+        "backgroundColor": {
+          "$type": "color",
+          "$value": "{core.color.neutrals.15}"
+        },
+        "highlightColor": {
+          "$type": "color",
+          "$value": "{core.color.neutrals.60}"
+        },
+        "textColor": {
+          "$type": "color",
+          "$value": "{base.color.text.default}"
+        }
+      },
+      "positive": {
+        "backgroundColor": {
+          "$type": "color",
+          "$value": "{core.color.positive.20}"
+        },
+        "highlightColor": {
+          "$type": "color",
+          "$value": "{core.color.positive.50}"
+        },
+        "textColor": {
+          "$type": "color",
+          "$value": "{base.color.text.default}"
+        }
+      },
+      "negative": {
+        "backgroundColor": {
+          "$type": "color",
+          "$value": "{core.color.negative.20}"
+        },
+        "highlightColor": {
+          "$type": "color",
+          "$value": "{core.color.negative.50}"
+        },
+        "textColor": {
+          "$type": "color",
+          "$value": "{base.color.text.default}"
+        }
+      }
     },
     "iconSize": {
       "$type": "sizing",
@@ -22,23 +98,23 @@
     },
     "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": "{core.borderWidth.4}* {scale.border}"
     }
   }
 }

package/tokens/components/wallet.json

@@ -0,0 +1,36 @@
+{
+  "wallet": {
+    "borderRadius": {
+      "$type": "borderRadius",
+      "$value": "{core.borderRadius.16}"
+    },
+    "borderColor": {
+      "$type": "color",
+      "$value": "{base.color.ui.dark4}"
+    },
+    "borderWidth": {
+      "$type": "borderWidth",
+      "$value": "{base.ui.borderWidth.fixed.bw2}"
+    },
+    "backgroundColor": {
+      "$type": "color",
+      "$value": "linear-gradient(180deg, {base.color.ui.dark1} 0%, {base.color.ui.dark3} 100%)"
+    },
+    "horizontalPadding": {
+      "$type": "spacing",
+      "$value": "{base.ui.spacing.fixed.sp5}"
+    },
+    "verticalPadding": {
+      "$type": "spacing",
+      "$value": "{base.ui.spacing.fixed.sp5}"
+    },
+    "key": {
+      "$type": "typography",
+      "$value": "{base.typography.content.label}"
+    },
+    "value": {
+      "$type": "typography",
+      "$value": "{base.typography.title.level6}"
+    }
+  }
+}