Update the tokens with healthcare assets and remove saddles-halloween

rangle · Apr 19, 2024 · 0864096 · 0864096
1 parent a10c655
commit 0864096
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 105 deletions.
diff --git a/apps/demo/app/routes/index.tsx b/apps/demo/app/routes/index.tsx
@@ -1,4 +1,4 @@
-import React, { useLayoutEffect, useState } from 'react';
+import React, { useState } from 'react';
 import { RadiusAutoLayout } from '@rangle/radius-react-core-components';
 import {
   RadiusNav,
@@ -40,13 +40,6 @@ export default function Index() {
   const [theme, setTheme] = useState(1);
   const isScrolled = useIsScrolled();
 
-  useLayoutEffect(() => {
-    const element = document.querySelector(`.saddles-halloween`);
-    if (element) {
-      element.classList.remove('saddles-halloween');
-    }
-  }, []); 
-
   const toggleMode = () => {
     const modeElement = document.querySelector(`.${modes[mode]}`);
     modeElement?.classList.remove(modes[mode]);

diff --git a/libs/foundations/package.json b/libs/foundations/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@rangle/radius-foundations",
-  "version": "0.8.2",
+  "version": "0.9.0",
   "main": "generated/design-tokens.constants.ts",
   "description": "Foundation scripts and variables for Design Systems",
   "files": [

diff --git a/libs/foundations/scripts/generate-storybook-docs.ts b/libs/foundations/scripts/generate-storybook-docs.ts
@@ -307,7 +307,7 @@ readTokenData(tokenFileName).then(tokenFile => {
     let fileCount = 4;
     writeLayerDefinitions(`${STORYBOOK_DOCS_PATH}/${fileIndex(fileCount++)}-token-layer-definitions.mdx`, 'Layer Definition', order, layers, layerMap);
 
-    [ "core", "brand--photostop", "brand--saddles", "halloweenevent--saddles"].map((layerName) => {
+    [ "core", "brand--photostop", "brand--saddles"].map((layerName) => {
         const { name, variables }: TokenLayer = layerMap[layerName];
         const basetokenDefinitions = renderLayerVariables(name, variables);
         const valueMap = variables.reduce((map, obj) => {

diff --git a/libs/foundations/src/generated/token-layers-0.8.2.json b/libs/foundations/src/generated/token-layers-0.8.2.json
@@ -16450,7 +16450,7 @@
         {
           "key": "--asset-semantic-image-hero-header-image",
           "name": "semantic.image.hero.headerImage",
-          "value": "https://images.unsplash.com/photo-1624125278860-381b6acd3b44?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80",
+          "value": "https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?q=80&w=1706&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
           "type": "asset"
         },
         {
@@ -16462,19 +16462,19 @@
         {
           "key": "--asset-semantic-image-large-image-text-item-image01",
           "name": "semantic.image.largeImageTextItem.image01",
-          "value": "https://images.unsplash.com/photo-1650397306188-53f940e7ebb4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80",
+          "value": "https://images.unsplash.com/photo-1688565631550-ff8aa569f71a?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
           "type": "asset"
         },
         {
           "key": "--asset-semantic-image-large-image-text-item-image02",
           "name": "semantic.image.largeImageTextItem.image02",
-          "value": "https://images.unsplash.com/photo-1497624138727-ebc770ef361e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2938&q=80",
+          "value": "https://images.unsplash.com/photo-1615486511484-92e172cc4fe0?q=80&w=1471&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
           "type": "asset"
         },
         {
           "key": "--asset-semantic-image-large-image-text-item-image03",
           "name": "semantic.image.largeImageTextItem.image03",
-          "value": "https://plus.unsplash.com/premium_photo-1677509958780-45ac703f1785?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1771&q=80",
+          "value": "https://images.unsplash.com/photo-1615461065929-4f8ffed6ca40?q=80&w=1629&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
           "type": "asset"
         },
         {
@@ -22853,37 +22853,32 @@
         {
           "key": "--asset-component-image-hero-header-image",
           "name": "component.image.hero.headerImage",
-          "value": "{--asset-semantic-image-hero-header-image}",
-          "type": "asset",
-          "rawValue": "{semantic.image.hero.headerImage}"
+          "value": "https://images.unsplash.com/photo-1511174511562-5f7f18b874f8?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+          "type": "asset"
         },
         {
           "key": "--asset-component-image-hero-background-image",
           "name": "component.image.hero.backgroundImage",
-          "value": "{--asset-semantic-image-hero-background-image}",
-          "type": "asset",
-          "rawValue": "{semantic.image.hero.backgroundImage}"
+          "value": "https://images.unsplash.com/photo-1653215377048-ad2c5cc39f75?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+          "type": "asset"
         },
         {
           "key": "--asset-component-image-large-image-text-item-image01",
           "name": "component.image.largeImageTextItem.image01",
-          "value": "{--asset-semantic-image-large-image-text-item-image01}",
-          "type": "asset",
-          "rawValue": "{semantic.image.largeImageTextItem.image01}"
+          "value": "https://images.unsplash.com/photo-1558017487-06bf9f82613a?q=80&w=1370&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+          "type": "asset"
         },
         {
           "key": "--asset-component-image-large-image-text-item-image02",
           "name": "component.image.largeImageTextItem.image02",
-          "value": "{--asset-semantic-image-large-image-text-item-image02}",
-          "type": "asset",
-          "rawValue": "{semantic.image.largeImageTextItem.image02}"
+          "value": "https://images.unsplash.com/photo-1615486511484-92e172cc4fe0?q=80&w=1471&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+          "type": "asset"
         },
         {
           "key": "--asset-component-image-large-image-text-item-image03",
           "name": "component.image.largeImageTextItem.image03",
-          "value": "{--asset-semantic-image-large-image-text-item-image03}",
-          "type": "asset",
-          "rawValue": "{semantic.image.largeImageTextItem.image03}"
+          "value": "https://images.unsplash.com/photo-1545205597-3d9d02c29597?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+          "type": "asset"
         },
         {
           "key": "--asset-component-image-large-image-text-item-image04",
@@ -22909,30 +22904,26 @@
         {
           "key": "--asset-component-image-small-image-text-item-image01",
           "name": "component.image.smallImageTextItem.image01",
-          "value": "{--asset-semantic-image-small-image-text-item-image01}",
-          "type": "asset",
-          "rawValue": "{semantic.image.smallImageTextItem.image01}"
+          "value": "https://images.unsplash.com/photo-1696025487682-9916beeb73e6?q=80&w=1364&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+          "type": "asset"
         },
         {
           "key": "--asset-component-image-small-image-text-item-image02",
           "name": "component.image.smallImageTextItem.image02",
-          "value": "{--asset-semantic-image-small-image-text-item-image02}",
-          "type": "asset",
-          "rawValue": "{semantic.image.smallImageTextItem.image02}"
+          "value": "https://images.unsplash.com/photo-1494597564530-871f2b93ac55?q=80&w=1413&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+          "type": "asset"
         },
         {
           "key": "--asset-component-image-small-image-text-item-image03",
           "name": "component.image.smallImageTextItem.image03",
-          "value": "{--asset-semantic-image-small-image-text-item-image03}",
-          "type": "asset",
-          "rawValue": "{semantic.image.smallImageTextItem.image03}"
+          "value": "https://images.unsplash.com/photo-1623084921164-4a8c5c37a912?q=80&w=1287&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+          "type": "asset"
         },
         {
           "key": "--asset-component-image-small-image-text-item-image04",
           "name": "component.image.smallImageTextItem.image04",
-          "value": "{--asset-semantic-image-small-image-text-item-image04}",
-          "type": "asset",
-          "rawValue": "{semantic.image.smallImageTextItem.image04}"
+          "value": "https://images.unsplash.com/photo-1470376619031-a6791e534bf0?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+          "type": "asset"
         },
         {
           "key": "--asset-component-image-small-image-text-item-image05",

diff --git a/libs/foundations/tokens.json b/libs/foundations/tokens.json
@@ -4660,7 +4660,7 @@
         },
         "hero": {
           "headerImage": {
-            "value": "https://images.unsplash.com/photo-1624125278860-381b6acd3b44?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80",
+            "value": "https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?q=80&w=1706&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
             "type": "asset"
           },
           "backgroundImage": {
@@ -4670,15 +4670,15 @@
         },
         "largeImageTextItem": {
           "image01": {
-            "value": "https://images.unsplash.com/photo-1650397306188-53f940e7ebb4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80",
+            "value": "https://images.unsplash.com/photo-1688565631550-ff8aa569f71a?q=80&w=1740&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
             "type": "asset"
           },
           "image02": {
-            "value": "https://images.unsplash.com/photo-1497624138727-ebc770ef361e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2938&q=80",
+            "value": "https://images.unsplash.com/photo-1615486511484-92e172cc4fe0?q=80&w=1471&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
             "type": "asset"
           },
           "image03": {
-            "value": "https://plus.unsplash.com/premium_photo-1677509958780-45ac703f1785?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1771&q=80",
+            "value": "https://images.unsplash.com/photo-1615461065929-4f8ffed6ca40?q=80&w=1629&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
             "type": "asset"
           },
           "image04": {
@@ -6706,25 +6706,25 @@
         },
         "hero": {
           "headerImage": {
-            "value": "{semantic.image.hero.headerImage}",
+            "value": "https://images.unsplash.com/photo-1511174511562-5f7f18b874f8?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
             "type": "asset"
           },
           "backgroundImage": {
-            "value": "{semantic.image.hero.backgroundImage}",
+            "value": "https://images.unsplash.com/photo-1653215377048-ad2c5cc39f75?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
             "type": "asset"
           }
         },
         "largeImageTextItem": {
           "image01": {
-            "value": "{semantic.image.largeImageTextItem.image01}",
+            "value": "https://images.unsplash.com/photo-1558017487-06bf9f82613a?q=80&w=1370&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
             "type": "asset"
           },
           "image02": {
-            "value": "{semantic.image.largeImageTextItem.image02}",
+            "value": "https://images.unsplash.com/photo-1615486511484-92e172cc4fe0?q=80&w=1471&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
             "type": "asset"
           },
           "image03": {
-            "value": "{semantic.image.largeImageTextItem.image03}",
+            "value": "https://images.unsplash.com/photo-1545205597-3d9d02c29597?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
             "type": "asset"
           },
           "image04": {
@@ -6742,19 +6742,19 @@
         },
         "smallImageTextItem": {
           "image01": {
-            "value": "{semantic.image.smallImageTextItem.image01}",
+            "value": "https://images.unsplash.com/photo-1696025487682-9916beeb73e6?q=80&w=1364&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
             "type": "asset"
           },
           "image02": {
-            "value": "{semantic.image.smallImageTextItem.image02}",
+            "value": "https://images.unsplash.com/photo-1494597564530-871f2b93ac55?q=80&w=1413&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
             "type": "asset"
           },
           "image03": {
-            "value": "{semantic.image.smallImageTextItem.image03}",
+            "value": "https://images.unsplash.com/photo-1623084921164-4a8c5c37a912?q=80&w=1287&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
             "type": "asset"
           },
           "image04": {
-            "value": "{semantic.image.smallImageTextItem.image04}",
+            "value": "https://images.unsplash.com/photo-1470376619031-a6791e534bf0?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
             "type": "asset"
           },
           "image05": {
@@ -7142,55 +7142,6 @@
         "semantic.sizing.actions.iconBackground.large": "a2ce34601b5ed9ffd7ebad7acf9bd2a2ecc477a6"
       }
     },
-    {
-      "id": "7740823f6208d3ac250aaff23097b7dec78e67bb",
-      "name": "SaddlesHalloween",
-      "$figmaStyleReferences": {},
-      "selectedTokenSets": {
-        "HalloweenEvent/Saddles": "enabled"
-      },
-      "group": "Brand",
-      "$figmaCollectionId": "VariableCollectionId:87:3019",
-      "$figmaModeId": "87:13",
-      "$figmaVariableReferences": {
-        "semantic.color.light.actions.default.foregroundOnNoBackground": "87034ad37c15d9432ff428c2244eb6e00ce36c52",
-        "semantic.color.light.actions.default.primaryForeground": "6a02bc0da2a2d7d16796650007ed9ab9d8c485e1",
-        "semantic.color.light.actions.default.primaryBackground": "c8b36e41e91de509e7a3fdbb954e6159de0725eb",
-        "semantic.color.light.actions.default.secondaryForeground": "29d405bcfaf1ceda9905193ba46d722dc62484c3",
-        "semantic.color.light.actions.default.secondaryBackground": "8efcb2fb1ff86314a87608d57c403d05cd85470f",
-        "semantic.color.light.actions.default.border": "8d7207f95962db67881bf65756435f0014edbc95",
-        "semantic.color.light.containment.image": "7fbfc64c8d14a0fa4a74f5065e99a7807c6f72e2",
-        "semantic.color.light.containment.background": "bc7a4c0396ba904a60e642636123d74002a45547",
-        "semantic.color.light.containment.header": "f39578558bdd2de0de5136274b58081fd90176f2",
-        "semantic.color.light.containment.eyebrow": "432c754355da79b7bce18ea00ec9650c57f65553",
-        "semantic.color.light.lists.image": "3df837ae32c76f0f97d5f8b3a78dc639f95c7d53",
-        "semantic.color.light.lists.header": "7f1c337dd120be573e6d712e478be591da8c71c8",
-        "semantic.color.light.lists.body": "c9ca0feb19e18b56806672bb9f2434976fa808ee",
-        "semantic.color.light.layouts.background": "08c35d934d7d214e7c50871f43b018a0e3587697",
-        "semantic.color.light.navigation.selected.primaryForeground": "5ddafcf1f88976cbef3cff6972d8f555664ece4c",
-        "semantic.color.light.navigation.selected.primaryAccent": "1d9fc7c80a640dfcaae7ab2b18e41b06184a6a9c",
-        "semantic.color.light.navigation.primaryBackground": "fcac4827e5565f12777bbc818ddb1831a679583c",
-        "semantic.color.light.navigation.secondaryBackground": "960fa2f5c7f55a4333dfc9e27e898aede18565e7",
-        "semantic.color.dark.actions.default.foregroundOnNoBackground": "567a9e53b2bb65535b0ac73e3844cd537dbfcbde",
-        "semantic.color.dark.actions.default.primaryForeground": "df45f00f6ce5ab5658cde5ca6f76b6fddd3af4fd",
-        "semantic.color.dark.actions.default.primaryBackground": "7446e9a8bbd32f220e6f36b0570a6f4a992bca21",
-        "semantic.color.dark.actions.default.secondaryForeground": "e7f9cf0232e4e46f182fef794cf051b7248b329f",
-        "semantic.color.dark.actions.default.secondaryBackground": "7413e14dd5d1ae0efccfc09ef6ab1589feea0632",
-        "semantic.color.dark.actions.default.border": "de34694d8b18eea127312ae2bdad1bb8102b05a7",
-        "semantic.color.dark.containment.image": "edf59dc3b198385cf49ec1ebc5a51659d578560f",
-        "semantic.color.dark.containment.background": "73d4a4120879b7e8230fb4cf151026dfdc9e6abc",
-        "semantic.color.dark.containment.header": "21b0f2b5e04609620e74b6130af841b584d0dbba",
-        "semantic.color.dark.containment.eyebrow": "9ac7ed0d6c0dc898132699f50d0017b73b9c767e",
-        "semantic.color.dark.lists.image": "4483127211bacf95b0c4296c81bdd190503bda73",
-        "semantic.color.dark.lists.header": "47d44aff25979efb7b75f01e259a786a5268001f",
-        "semantic.color.dark.lists.body": "ec2397d2d108c9ed0f3a90d76af02efd45fdef73",
-        "semantic.color.dark.navigation.selected.primaryForeground": "f1089f9b53240c6e23db7e952fdce04f72f74638",
-        "semantic.color.dark.navigation.selected.primaryAccent": "73399a377781c41647cd632778fa6fecb002b786",
-        "semantic.color.dark.navigation.primaryBackground": "665755da06ed5ffbbfb2481ba049f6e8c214a82b",
-        "semantic.color.dark.navigation.secondaryBackground": "a968889f98fa48e5e14b4b0391d8d64bcb31a466",
-        "semantic.color.dark.layouts.background": "45f3298174db77fa8b8aeb8b8328bce2d6b1556b"
-      }
-    },
     {
       "id": "d0aed6d9788ec991c657ea19578531df1f5e6030",
       "name": "Light",
@@ -7647,7 +7598,6 @@
       "selectedTokenSets": {
         "core": "enabled",
         "Brand/Saddles": "enabled",
-        "HalloweenEvent/Saddles": "enabled",
         "Mode/Light": "enabled",
         "Breakpoint/Desktop": "enabled",
         "Components/Components": "enabled"
@@ -7659,7 +7609,6 @@
       "core",
       "Brand/PhotoStop",
       "Brand/Saddles",
-      "HalloweenEvent/Saddles",
       "Mode/Light",
       "Mode/Dark",
       "Breakpoint/Desktop",