@depersgroep/lfvp-design-tokens 0.382.0 → 0.384.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@depersgroep/lfvp-design-tokens",
-	"version": "0.382.0",
+	"version": "0.384.0",
 	"description": "Figma design tokens for LFVP",
 	"keywords": [
 		"design",

package/tokens/$metadata.json

@@ -1,54 +1,52 @@
 {
   "tokenSetOrder": [
     "core",
+    "brands/whitelabel",
+    "brands/vtmgo",
+    "brands/streamz",
+    "brands/rtlplay",
     "base/color",
-    "base/stroke",
     "base/typography",
     "base/ui",
-    "brands/rtlplay",
-    "brands/streamz",
-    "brands/vtmgo",
-    "brands/whitelabel",
+    "base/stroke",
     "components/avatar",
-    "components/badge",
-    "components/billboard",
     "components/box",
+    "components/billboard",
     "components/boxcover",
-    "components/button-group",
     "components/button",
-    "components/detail-header",
+    "components/selectable-button",
+    "components/button-group",
     "components/dropdown-list",
+    "components/selectable-box",
     "components/form",
-    "components/genre-filter",
+    "components/selectable",
     "components/input",
     "components/landingpage",
-    "components/login",
-    "components/message",
-    "components/mid-banner",
-    "components/modal",
+    "components/toggle",
+    "components/top-10",
     "components/navigation",
+    "components/modal",
+    "components/mid-banner",
+    "components/thumbnail",
+    "components/top-banner",
+    "components/top-of-screen",
     "components/pill",
     "components/player",
     "components/pricing-table",
     "components/product-card",
-    "components/selectable-box",
-    "components/selectable-button",
-    "components/selectable",
-    "components/springboard",
+    "components/message",
     "components/swimlane",
     "components/tab-bar",
-    "components/thumbnail",
     "components/tile",
-    "components/toggle",
-    "components/top-10",
-    "components/top-banner",
-    "components/top-of-screen",
-    "components/tv-button-list",
-    "components/tv-hero",
+    "components/springboard",
+    "components/login",
+    "components/detail-header",
+    "components/genre-filter",
+    "components/chapter-swimlane",
     "components/upsell",
-    "screen/large",
-    "screen/medium",
     "screen/small",
+    "screen/medium",
+    "screen/large",
     "screen/tv"
   ]
 }

package/tokens/$themes.json

@@ -44,9 +44,7 @@
       "components/upsell": "enabled",
       "components/selectable-button": "enabled",
       "components/dropdown-list": "enabled",
-      "components/tv-hero": "enabled",
-      "components/tv-button-list": "enabled",
-      "components/badge": "enabled"
+      "components/chapter-swimlane": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:3:7330",
     "$figmaModeId": "3:0",
@@ -98,9 +96,7 @@
       "components/upsell": "enabled",
       "components/selectable-button": "enabled",
       "components/dropdown-list": "enabled",
-      "components/tv-hero": "enabled",
-      "components/tv-button-list": "enabled",
-      "components/badge": "enabled"
+      "components/chapter-swimlane": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:3:7330",
     "$figmaModeId": "3:1",
@@ -152,9 +148,7 @@
       "components/upsell": "enabled",
       "components/selectable-button": "enabled",
       "components/dropdown-list": "enabled",
-      "components/tv-hero": "enabled",
-      "components/tv-button-list": "enabled",
-      "components/badge": "enabled"
+      "components/chapter-swimlane": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:3:7330",
     "$figmaModeId": "3:2",
@@ -206,9 +200,7 @@
       "components/upsell": "enabled",
       "components/selectable-button": "enabled",
       "components/dropdown-list": "enabled",
-      "components/tv-hero": "enabled",
-      "components/tv-button-list": "enabled",
-      "components/badge": "enabled"
+      "components/chapter-swimlane": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:3:7330",
     "$figmaModeId": "3:3",

package/tokens/base/color.json

@@ -21,10 +21,6 @@
         "darkest": {
           "$type": "color",
           "$value": "{core.color.primary.30}"
-        },
-        "dusk": {
-          "$type": "color",
-          "$value": "{core.color.primary.20}"
         }
       },
       "ui": {
@@ -36,14 +32,14 @@
           "$type": "color",
           "$value": "{base.colorSet.neutrals.dark2}"
         },
-        "dark3": {
-          "$type": "color",
-          "$value": "{base.colorSet.neutrals.dark3}"
-        },
         "dark4": {
           "$type": "color",
           "$value": "{base.colorSet.neutrals.dark4}"
         },
+        "dark3": {
+          "$type": "color",
+          "$value": "{base.colorSet.neutrals.dark3}"
+        },
         "accent1": {
           "$type": "color",
           "$value": "{base.colorSet.neutrals.accent1}"
@@ -75,10 +71,6 @@
         "fade5": {
           "$type": "color",
           "$value": "{core.color.darkAlpha.15}"
-        },
-        "fade6": {
-          "$type": "color",
-          "$value": "{core.color.darkAlpha.0}"
         }
       },
       "gradient": {
@@ -105,10 +97,6 @@
         "6": {
           "$type": "color",
           "$value": "linear-gradient(-90deg, {core.color.darkAlpha.10} 0%, {core.color.darkAlpha.90} 50%, {base.color.ui.dark1} 100%)"
-        },
-        "7": {
-          "$type": "color",
-          "$value": "linear-gradient(-90deg, {core.color.darkAlpha.0} 0%, {base.color.ui.dark1} 100%)"
         }
       },
       "functional": {

package/tokens/brands/rtlplay.json

@@ -24,24 +24,20 @@
         },
         "30": {
           "$type": "color",
-          "$value": "#831633"
+          "$value": "#99001D"
         },
         "40": {
           "$type": "color",
-          "$value": "#AF1D45"
-        },
-        "45": {
-          "$type": "color",
-          "$value": "#C5214D"
+          "$value": "#CB0138"
         },
         "50": {
           "$type": "color",
-          "$value": "#D92455",
+          "$value": "#FE0146",
           "$description": "Primary"
         },
         "60": {
           "$type": "color",
-          "$value": "#E25078"
+          "$value": "#FE2963"
         },
         "70": {
           "$type": "color",
@@ -279,12 +275,6 @@
           "$type": "color",
           "$value": "rgba(18, 23, 38, 0.95)"
         }
-      },
-      "various": {
-        "1": {
-          "$type": "color",
-          "$value": "#ffffff"
-        }
       }
     }
   },
@@ -300,23 +290,23 @@
     "fontWeight": {
       "title": {
         "$type": "fontWeights",
-        "$value": "{core.fontWeight.900}"
+        "$value": "{core.fontWeight.black}"
       },
       "default": {
         "$type": "fontWeights",
-        "$value": "{core.fontWeight.400}"
+        "$value": "{core.fontWeight.regular}"
       },
       "emphasized": {
         "$type": "fontWeights",
-        "$value": "{core.fontWeight.800}"
+        "$value": "{core.fontWeight.bold}"
       },
       "bold": {
         "$type": "fontWeights",
-        "$value": "{core.fontWeight.900}"
+        "$value": "{core.fontWeight.black}"
       },
       "button": {
         "$type": "fontWeights",
-        "$value": "{core.fontWeight.800}"
+        "$value": "{core.fontWeight.bold}"
       }
     },
     "typography": {
@@ -392,10 +382,6 @@
         "$type": "borderRadius",
         "$value": "{core.borderRadius.full}"
       },
-      "badge": {
-        "$type": "borderRadius",
-        "$value": "{core.borderRadius.full}"
-      },
       "pill": {
         "$type": "borderRadius",
         "$value": "{core.borderRadius.full}"
@@ -553,16 +539,6 @@
           "$type": "color",
           "$value": "{base.colorSet.neutrals.dark3}"
         }
-      },
-      "badge": {
-        "backgroundColor": {
-          "$type": "color",
-          "$value": "{core.color.primary.50}"
-        },
-        "iconColor": {
-          "$type": "color",
-          "$value": "{core.color.primary.50}"
-        }
       }
     },
     "sizing": {
@@ -613,35 +589,35 @@
       "interaction": {
         "normal": {
           "$type": "color",
-          "$value": "{core.color.neutrals.100}"
+          "$value": "{core.color.primary.60}"
         },
         "onNormal": {
           "$type": "color",
-          "$value": "{core.color.neutrals.5}"
+          "$value": "{base.color.text.default}"
         },
         "hover": {
           "$type": "color",
-          "$value": "{core.color.neutrals.90}"
+          "$value": "{core.color.primary.50}"
         },
         "onHover": {
           "$type": "color",
-          "$value": "{core.color.neutrals.5}"
+          "$value": "{base.color.text.default}"
         },
         "active": {
           "$type": "color",
-          "$value": "{core.color.neutrals.80}"
+          "$value": "{core.color.primary.40}"
         },
         "onActive": {
           "$type": "color",
-          "$value": "{core.color.neutrals.5}"
+          "$value": "{base.color.text.default}"
         },
         "focus": {
           "$type": "color",
-          "$value": "{core.color.neutrals.100}"
+          "$value": "{core.color.primary.50}"
         },
         "onFocus": {
           "$type": "color",
-          "$value": "{core.color.neutrals.5}"
+          "$value": "{base.color.text.default}"
         },
         "disabled": {
           "$type": "color",
@@ -693,48 +669,6 @@
           "$type": "color",
           "$value": "{core.color.neutrals.30}"
         }
-      },
-      "branded": {
-        "normal": {
-          "$type": "color",
-          "$value": "{core.color.primary.45}"
-        },
-        "onNormal": {
-          "$type": "color",
-          "$value": "{core.color.neutrals.100}"
-        },
-        "hover": {
-          "$type": "color",
-          "$value": "{core.color.primary.40}"
-        },
-        "onHover": {
-          "$type": "color",
-          "$value": "{core.color.neutrals.100}"
-        },
-        "active": {
-          "$type": "color",
-          "$value": "{core.color.primary.30}"
-        },
-        "onActive": {
-          "$type": "color",
-          "$value": "{core.color.neutrals.100}"
-        },
-        "focus": {
-          "$type": "color",
-          "$value": "{core.color.primary.45}"
-        },
-        "onFocus": {
-          "$type": "color",
-          "$value": "{core.color.neutrals.100}"
-        },
-        "disabled": {
-          "$type": "color",
-          "$value": "{core.color.softAlpha.20}"
-        },
-        "onDisabled": {
-          "$type": "color",
-          "$value": "{core.color.neutrals.60}"
-        }
       }
     },
     "plan": {

package/tokens/brands/streamz.json

@@ -30,10 +30,6 @@
           "$type": "color",
           "$value": "#cc0043"
         },
-        "45": {
-          "$type": "color",
-          "$value": "#E8024B"
-        },
         "50": {
           "$type": "color",
           "$value": "#ff0a5a",
@@ -279,12 +275,6 @@
           "$type": "color",
           "$value": "rgba(2,0,18,0.95)"
         }
-      },
-      "various": {
-        "1": {
-          "$type": "color",
-          "$value": "#4B0B70"
-        }
       }
     }
   },
@@ -300,23 +290,23 @@
     "fontWeight": {
       "title": {
         "$type": "fontWeights",
-        "$value": "{core.fontWeight.800}"
+        "$value": "{core.fontWeight.extraBold}"
       },
       "default": {
         "$type": "fontWeights",
-        "$value": "{core.fontWeight.600}"
+        "$value": "{core.fontWeight.semiBold}"
       },
       "emphasized": {
         "$type": "fontWeights",
-        "$value": "{core.fontWeight.600}"
+        "$value": "{core.fontWeight.semiBold}"
       },
       "bold": {
         "$type": "fontWeights",
-        "$value": "{core.fontWeight.800}"
+        "$value": "{core.fontWeight.extraBold}"
       },
       "button": {
         "$type": "fontWeights",
-        "$value": "{core.fontWeight.600}"
+        "$value": "{base.fontWeight.emphasized}"
       }
     },
     "typography": {
@@ -392,10 +382,6 @@
         "$type": "borderRadius",
         "$value": "{base.ui.borderRadius.flex.br3}"
       },
-      "badge": {
-        "$type": "borderRadius",
-        "$value": "{badge.small.fontSize}/3"
-      },
       "pill": {
         "$type": "borderRadius",
         "$value": "{base.ui.borderRadius.flex.br2}"
@@ -553,16 +539,6 @@
           "$type": "color",
           "$value": "{base.colorSet.neutrals.dark2}"
         }
-      },
-      "badge": {
-        "backgroundColor": {
-          "$type": "color",
-          "$value": "{core.color.primary.40}"
-        },
-        "iconColor": {
-          "$type": "color",
-          "$value": "{core.color.primary.50}"
-        }
       }
     },
     "sizing": {
@@ -613,11 +589,11 @@
       "interaction": {
         "normal": {
           "$type": "color",
-          "$value": "{core.color.primary.45}"
+          "$value": "{core.color.primary.50}"
         },
         "onNormal": {
           "$type": "color",
-          "$value": "{core.color.neutrals.100}"
+          "$value": "{base.color.text.default}"
         },
         "hover": {
           "$type": "color",
@@ -625,7 +601,7 @@
         },
         "onHover": {
           "$type": "color",
-          "$value": "{core.color.neutrals.100}"
+          "$value": "{base.color.text.default}"
         },
         "active": {
           "$type": "color",
@@ -633,7 +609,7 @@
         },
         "onActive": {
           "$type": "color",
-          "$value": "{core.color.neutrals.100}"
+          "$value": "{base.color.text.default}"
         },
         "focus": {
           "$type": "color",
@@ -641,7 +617,7 @@
         },
         "onFocus": {
           "$type": "color",
-          "$value": "{core.color.neutrals.100}"
+          "$value": "{base.color.text.default}"
         },
         "disabled": {
           "$type": "color",
@@ -693,48 +669,6 @@
           "$type": "color",
           "$value": "{core.color.neutrals.20}"
         }
-      },
-      "branded": {
-        "normal": {
-          "$type": "color",
-          "$value": "{core.color.primary.45}"
-        },
-        "onNormal": {
-          "$type": "color",
-          "$value": "{core.color.neutrals.100}"
-        },
-        "hover": {
-          "$type": "color",
-          "$value": "{core.color.primary.40}"
-        },
-        "onHover": {
-          "$type": "color",
-          "$value": "{core.color.neutrals.100}"
-        },
-        "active": {
-          "$type": "color",
-          "$value": "{core.color.primary.30}"
-        },
-        "onActive": {
-          "$type": "color",
-          "$value": "{core.color.neutrals.100}"
-        },
-        "focus": {
-          "$type": "color",
-          "$value": "{core.color.primary.40}"
-        },
-        "onFocus": {
-          "$type": "color",
-          "$value": "{core.color.neutrals.100}"
-        },
-        "disabled": {
-          "$type": "color",
-          "$value": "{core.color.softAlpha.20}"
-        },
-        "onDisabled": {
-          "$type": "color",
-          "$value": "{core.color.neutrals.60}"
-        }
       }
     },
     "plan": {