Adaptive UI: Added info color palette (#179)

Author: bheston

change/@adaptive-web-adaptive-ui-c35267ba-eebc-48c2-9d70-e26a1bbbd7d5.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Added info color palette",
+  "packageName": "@adaptive-web/adaptive-ui",
+  "email": "47367562+bheston@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/adaptive-ui-figma-designer/src/core/registry/recipes.ts

@@ -56,6 +56,15 @@ import {
     highlightStrokeSafety,
     highlightStrokeStrong,
     highlightStrokeSubtle,
+    infoFillDiscernible,
+    infoFillReadable,
+    infoFillStealth,
+    infoFillSubtle,
+    infoStrokeDiscernible,
+    infoStrokeReadable,
+    infoStrokeSafety,
+    infoStrokeStrong,
+    infoStrokeSubtle,
     labelFontFamily,
     labelFontStyle,
     labelFontWeight,
@@ -199,6 +208,10 @@ const colorTokens: DesignTokenStore<Swatch> = [
     successFillSubtle.rest,
     successFillDiscernible.rest,
     successFillReadable.rest,
+    infoFillStealth.rest,
+    infoFillSubtle.rest,
+    infoFillDiscernible.rest,
+    infoFillReadable.rest,
     neutralFillStealth.rest,
     neutralFillSubtle.rest,
     neutralFillDiscernible.rest,
@@ -232,6 +245,11 @@ const colorTokens: DesignTokenStore<Swatch> = [
     successStrokeDiscernible.rest,
     successStrokeReadable.rest,
     successStrokeStrong.rest,
+    infoStrokeSafety.rest,
+    infoStrokeSubtle.rest,
+    infoStrokeDiscernible.rest,
+    infoStrokeReadable.rest,
+    infoStrokeStrong.rest,
     neutralStrokeSafety.rest,
     neutralStrokeSubtle.rest,
     neutralStrokeDiscernible.rest,

packages/adaptive-ui/src/design-tokens/color.ts

@@ -24,7 +24,7 @@ import {
 } from "../token-helpers-color.js";
 import { createNonCss, createTokenNonCss, createTokenSwatch } from "../token-helpers.js";
 import { DesignTokenType, TypedDesignToken } from "../adaptive-design-tokens.js";
-import { accentPalette, criticalPalette, disabledPalette, highlightPalette, neutralPalette, successPalette, warningPalette } from "./palette.js";
+import { accentPalette, criticalPalette, disabledPalette, highlightPalette, infoPalette, neutralPalette, successPalette, warningPalette } from "./palette.js";
 
 /**
  * Creates a DesignToken that can be used for the _accent_ palette configuration of a shared color recipe.
@@ -91,6 +91,19 @@ export function createTokenColorRecipeSuccess<T>(
     return createTokenColorRecipeWithPalette(recipeToken, successPalette);
 }
 
+/**
+ * Creates a DesignToken that can be used for the _info_ palette configuration of a shared color recipe.
+ *
+ * @param recipeToken - The color recipe token.
+ *
+ * @public
+ */
+export function createTokenColorRecipeInfo<T>(
+    recipeToken: TypedDesignToken<Recipe<ColorRecipePaletteParams, T>>,
+): TypedDesignToken<RecipeOptional<ColorRecipeParams, T>> {
+    return createTokenColorRecipeWithPalette(recipeToken, infoPalette);
+}
+
 /**
  * Creates a DesignToken that can be used for the _neutral_ palette configuration of a shared color recipe.
  *
@@ -1286,6 +1299,68 @@ export const successStrokeStrongRecipe = createTokenColorRecipeSuccess(strokeStr
 /** @public */
 export const successStrokeStrong = createTokenColorSet(successStrokeStrongRecipe);
 
+// Info color recipes
+
+/** @public */
+export const infoFillStealthRecipe = createTokenColorRecipeInfo(fillStealthRecipe);
+
+/** @public */
+export const infoFillStealth = createTokenColorSet(infoFillStealthRecipe);
+
+/** @public */
+export const infoFillSubtleRecipe = createTokenColorRecipeInfo(fillSubtleRecipe);
+
+/** @public */
+export const infoFillSubtle = createTokenColorSet(infoFillSubtleRecipe);
+
+/** @public */
+export const infoFillDiscernibleRecipe = createTokenColorRecipeInfo(fillDiscernibleRecipe);
+
+/** @public */
+export const infoFillDiscernible = createTokenColorSet(infoFillDiscernibleRecipe);
+
+/** @public */
+export const infoFillReadableRecipe = createTokenColorRecipeInfo(fillReadableRecipe);
+
+/** @public */
+export const infoFillReadable = createTokenColorSet(infoFillReadableRecipe);
+
+/** @public */
+export const infoStrokeSafetyRecipe = createTokenColorRecipeInfo(strokeSafetyRecipe);
+
+/** @public */
+export const infoStrokeSafety = createTokenColorSet(infoStrokeSafetyRecipe);
+
+/** @public */
+export const infoStrokeStealthRecipe = createTokenColorRecipeInfo(strokeStealthRecipe);
+
+/** @public */
+export const infoStrokeStealth = createTokenColorSet(infoStrokeStealthRecipe);
+
+/** @public */
+export const infoStrokeSubtleRecipe = createTokenColorRecipeInfo(strokeSubtleRecipe);
+
+/** @public */
+export const infoStrokeSubtle = createTokenColorSet(infoStrokeSubtleRecipe);
+
+/** @public */
+export const infoStrokeDiscernibleRecipe = createTokenColorRecipeInfo(strokeDiscernibleRecipe);
+
+/** @public */
+export const infoStrokeDiscernible = createTokenColorSet(infoStrokeDiscernibleRecipe);
+
+/** @public */
+export const infoStrokeReadableRecipe = createTokenColorRecipeInfo(strokeReadableRecipe);
+
+/** @public */
+export const infoStrokeReadable = createTokenColorSet(infoStrokeReadableRecipe);
+
+/** @public */
+export const infoStrokeStrongRecipe = createTokenColorRecipeInfo(strokeStrongRecipe);
+
+/** @public */
+export const infoStrokeStrong = createTokenColorSet(infoStrokeStrongRecipe);
+
 // Neutral Fill Stealth
 
 /** @public */