From 0864096a21ee4a4c4cb6c683393ab3f720cac246 Mon Sep 17 00:00:00 2001 From: "brenda.zysman" Date: Fri, 19 Apr 2024 15:54:05 -0400 Subject: [PATCH] Update the tokens with healthcare assets and remove saddles-halloween --- apps/demo/app/routes/index.tsx | 9 +-- libs/foundations/package.json | 2 +- .../scripts/generate-storybook-docs.ts | 2 +- .../src/generated/token-layers-0.8.2.json | 53 ++++++------- libs/foundations/tokens.json | 77 ++++--------------- 5 files changed, 38 insertions(+), 105 deletions(-) diff --git a/apps/demo/app/routes/index.tsx b/apps/demo/app/routes/index.tsx index c877a92b..42176c87 100644 --- 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 index 50f6436e..1dfad309 100644 --- 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 index a37d072f..2c5e431f 100644 --- 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 index f77f586c..76f07ab5 100644 --- 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 index 78c9f533..02c2fa35 100644 --- 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",