beacon-ui 3.5.13 → 3.7.0

package/CHANGELOG.md

@@ -5,6 +5,32 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.7.0] - 2026-05-01
+
+### Added
+- Ginger Orange hue variant (`hue-ginger-orange`) with Chivo as primary font and IBM Plex Sans as secondary font
+- Ginger primitive color palette (`--color-ginger-100` through `--color-ginger-900`) added to token system
+- `hue-ginger-orange` entry added to `HueVariant` TypeScript type
+
+### Fixed
+- Ginger Orange uses Dove Gray neutral palette (warm-toned) matching its token definition, consistent with Chromatic Prime
+
+## [3.6.0] - 2026-04-30
+
+### Added
+- Kelly Green hue variant (`hue-kelly-green`) with Chivo as primary font and IBM Plex Sans as secondary font
+- Chivo and IBM Plex Sans loaded via `next/font/google` and registered as `--font-chivo` and `--font-ibm-plex-sans` CSS variables
+- Chivo and IBM Plex Sans added to typography configuration and primitive token layer
+
+### Fixed
+- Invalid CSS variable references across components: `--spacing-150` → `--spacing-200`, `--spacing-250` → `--spacing-300`, `--fg-primary-on-primary` → `--fg-on-action`, `--fg-brand-primary` → `--fg-primary`, `--fg-neutral-primary` → `--fg-neutral`
+- Package tokens rebuilt to include K_Green primitive palette and new font variables
+- Themes page documentation corrected: `--color-kellygreen-500` → `--color-k-green-500`
+
+### Changed
+- Removed on-dark contrast pairings (on-primary dark, on-success dark, on-warning dark, on-critical dark) from colors page contrast section — these combinations are not intended for use together
+- Typography documentation updated: Required Fonts table, Next.js and CSS setup code blocks, and Font Variables Reference table now include all six font families and the Kelly Green hue row
+
 ## [3.5.13] - 2026-02-05
 
 ### Fixed

package/README.md

@@ -582,7 +582,7 @@ https://beacon.uxraza.com/
 
 ## Version
 
-Current version: **3.5.13**
+Current version: **3.6.0**
 
 ## License
 

package/dist/components/SelectableInput.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithRef } from "react";
+import type { CornerRadiusStep } from "./Button";
+export type SelectableInputSize = "sm" | "md" | "lg" | "xl";
+export interface SelectableInputProps extends Omit<ComponentPropsWithRef<"button">, "type"> {
+    label?: string;
+    icon?: React.ReactNode;
+    size?: SelectableInputSize;
+    selected?: boolean;
+    disabled?: boolean;
+    cornerRadius?: CornerRadiusStep;
+    fullWidth?: boolean;
+}
+export declare function SelectableInput({ label, icon, size, selected, disabled, cornerRadius, fullWidth, className, style, onClick, onMouseEnter, onMouseLeave, ref, ...rest }: SelectableInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectableInput.d.ts.map

package/dist/components/SelectableInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectableInput.d.ts","sourceRoot":"","sources":["../../src/components/SelectableInput.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAG9E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AA6D5D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IACzF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAgB,EAChB,IAAI,EACJ,IAAW,EACX,QAAgB,EAChB,QAAgB,EAChB,YAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,GAAG,EACH,GAAG,IAAI,EACR,EAAE,oBAAoB,2CAwHtB"}

package/dist/components/SelectableInput.js

@@ -0,0 +1,134 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState, useCallback } from "react";
+import { useThemeSafe } from "../providers/ThemeProvider";
+import { GridUILayoutIcon } from "../icons";
+const CORNER_RADIUS_MAP = {
+    0: "var(--corner-radius-none)",
+    1: "var(--corner-radius-100)",
+    2: "var(--corner-radius-200)",
+    3: "var(--corner-radius-300)",
+    4: "var(--corner-radius-400)",
+    5: "var(--corner-radius-full)",
+};
+const SIZE_CONFIG = {
+    sm: {
+        padding: "var(--spacing-200)",
+        iconSize: 16,
+        fontSize: "var(--body-small-text-size)",
+        lineHeight: "var(--body-small-line-height)",
+        gap: "var(--spacing-100)",
+        minWidth: "80px",
+        minHeight: "80px",
+    },
+    md: {
+        padding: "var(--spacing-300)",
+        iconSize: 20,
+        fontSize: "var(--body-small-text-size)",
+        lineHeight: "var(--body-small-line-height)",
+        gap: "var(--spacing-200)",
+        minWidth: "100px",
+        minHeight: "100px",
+    },
+    lg: {
+        padding: "var(--spacing-400)",
+        iconSize: 24,
+        fontSize: "var(--body-regular-text-size)",
+        lineHeight: "var(--body-regular-line-height)",
+        gap: "var(--spacing-200)",
+        minWidth: "120px",
+        minHeight: "120px",
+    },
+    xl: {
+        padding: "var(--spacing-500)",
+        iconSize: 28,
+        fontSize: "var(--body-regular-text-size)",
+        lineHeight: "var(--body-regular-line-height)",
+        gap: "var(--spacing-300)",
+        minWidth: "140px",
+        minHeight: "140px",
+    },
+};
+export function SelectableInput({ label = "Option", icon, size = "md", selected = false, disabled = false, cornerRadius = 2, fullWidth = false, className, style, onClick, onMouseEnter, onMouseLeave, ref, ...rest }) {
+    useThemeSafe();
+    const sizeConfig = SIZE_CONFIG[size];
+    const [isHovered, setIsHovered] = useState(false);
+    const containerStyles = useMemo(() => {
+        const baseStyles = {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: sizeConfig.gap,
+            padding: sizeConfig.padding,
+            minWidth: sizeConfig.minWidth,
+            minHeight: sizeConfig.minHeight,
+            borderRadius: CORNER_RADIUS_MAP[cornerRadius],
+            border: selected
+                ? "var(--border-width-25) solid var(--border-primary)"
+                : "var(--border-width-25) solid var(--border-strong-200)",
+            backgroundColor: selected
+                ? "var(--bg-primary)"
+                : "var(--bg-page-primary)",
+            cursor: disabled ? "not-allowed" : "pointer",
+            opacity: disabled ? 0.6 : 1,
+            transition: "background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease",
+            outline: "none",
+            fontFamily: "var(--font-secondary)",
+            ...style,
+        };
+        if (fullWidth) {
+            baseStyles.width = "100%";
+        }
+        if (isHovered && !disabled && !selected) {
+            baseStyles.borderColor = "var(--border-neutral-primary)";
+        }
+        if (isHovered && !disabled) {
+            baseStyles.transform = "scale(1.02)";
+        }
+        return baseStyles;
+    }, [sizeConfig, selected, disabled, cornerRadius, fullWidth, isHovered, style]);
+    const iconStyles = useMemo(() => {
+        return {
+            color: selected
+                ? "var(--fg-on-action)"
+                : disabled
+                    ? "var(--fg-disabled)"
+                    : "var(--fg-neutral)",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            flexShrink: 0,
+        };
+    }, [selected, disabled]);
+    const labelStyles = useMemo(() => {
+        return {
+            fontSize: sizeConfig.fontSize,
+            lineHeight: sizeConfig.lineHeight,
+            color: selected
+                ? "var(--fg-on-action)"
+                : disabled
+                    ? "var(--fg-disabled)"
+                    : "var(--fg-neutral)",
+            textAlign: "center",
+            fontWeight: 400,
+        };
+    }, [sizeConfig, selected, disabled]);
+    const defaultIcon = icon || _jsx(GridUILayoutIcon, { size: sizeConfig.iconSize });
+    const handleMouseEnter = useCallback((e) => {
+        if (!disabled) {
+            setIsHovered(true);
+            onMouseEnter?.(e);
+        }
+    }, [disabled, onMouseEnter]);
+    const handleMouseLeave = useCallback((e) => {
+        setIsHovered(false);
+        onMouseLeave?.(e);
+    }, [onMouseLeave]);
+    const handleClick = useCallback((e) => {
+        if (!disabled) {
+            onClick?.(e);
+        }
+    }, [disabled, onClick]);
+    return (_jsxs("button", { ref: ref, type: "button", className: className, style: containerStyles, disabled: disabled, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, "aria-pressed": selected, "aria-disabled": disabled, ...rest, children: [_jsx("div", { style: iconStyles, children: defaultIcon }), label && _jsx("div", { style: labelStyles, children: label })] }));
+}

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export { Toast } from "./components/Toast";
 export { Tab } from "./components/Tab";
 export { TabItem } from "./components/TabItem";
 export { Tooltip } from "./components/Tooltip";
+export { SelectableInput } from "./components/SelectableInput";
 export type { ButtonProps, ButtonVariant, ButtonSize, CornerRadiusStep, JustifyContent, ButtonState, ButtonColor } from "./components/Button";
 export type { ButtonIconProps } from "./components/ButtonIcon";
 export type { CardProps, CardStatus, CardShadow } from "./components/Card";
@@ -33,6 +34,7 @@ export type { ToastProps, ToastVariant } from "./components/Toast";
 export type { TabProps } from "./components/Tab";
 export type { TabItemProps, TabItemState, TabItemSize, TabItemStyle } from "./components/TabItem";
 export type { TooltipProps, TooltipPosition, TooltipTrigger } from "./components/Tooltip";
+export type { SelectableInputProps, SelectableInputSize } from "./components/SelectableInput";
 export { ThemeProvider, useTheme, useThemeSafe } from "./providers/ThemeProvider";
 export type { Theme, HueVariant } from "./tokens/types";
 export type { ColorPrimitive, SemanticColor, SpacingToken, CornerRadiusToken, BackgroundToken, ForegroundToken, BorderToken, } from "./tokens/types";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,KAAK,QAAQ,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAG/D,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC9I,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC3E,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC3E,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACrE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC7E,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACpH,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC3G,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACxE,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAClG,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACpF,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACrE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACnE,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClG,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC1F,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAG9F,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGlF,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EACV,cAAc,EACd,aAAa,EACb,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,WAAW,GACZ,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -17,5 +17,6 @@ export { Toast } from "./components/Toast";
 export { Tab } from "./components/Tab";
 export { TabItem } from "./components/TabItem";
 export { Tooltip } from "./components/Tooltip";
+export { SelectableInput } from "./components/SelectableInput";
 // Providers
 export { ThemeProvider, useTheme, useThemeSafe } from "./providers/ThemeProvider";

package/dist/tokens/types.d.ts

@@ -2,7 +2,7 @@
  * Auto-generated token types
  * Do not edit directly - regenerate with `npm run build:tokens`
  */
-export type ColorPrimitive = "Color.Purple.100" | "Color.Purple.200" | "Color.Purple.300" | "Color.Purple.400" | "Color.Purple.500" | "Color.Purple.600" | "Color.Purple.700" | "Color.Purple.800" | "Color.Purple.900" | "Color.Blue.100" | "Color.Blue.200" | "Color.Blue.300" | "Color.Blue.400" | "Color.Blue.500" | "Color.Blue.600" | "Color.Blue.700" | "Color.Blue.800" | "Color.Blue.900" | "Color.Chromatic.100" | "Color.Chromatic.200" | "Color.Chromatic.300" | "Color.Chromatic.400" | "Color.Chromatic.500" | "Color.Chromatic.600" | "Color.Chromatic.700" | "Color.Chromatic.800" | "Color.Chromatic.900" | "Color.Gray.50" | "Color.Gray.100" | "Color.Gray.200" | "Color.Gray.300" | "Color.Gray.400" | "Color.Gray.500" | "Color.Gray.600" | "Color.Gray.700" | "Color.Gray.800" | "Color.Gray.900" | "Color.Green.100" | "Color.Green.200" | "Color.Green.300" | "Color.Green.400" | "Color.Green.500" | "Color.Green.600" | "Color.Green.700" | "Color.Green.800" | "Color.Red.100" | "Color.Red.200" | "Color.Red.300" | "Color.Red.400" | "Color.Red.500" | "Color.Red.600" | "Color.Red.700" | "Color.Red.800" | "Color.Orange.100" | "Color.Orange.200" | "Color.Orange.300" | "Color.Orange.400" | "Color.Orange.500" | "Color.Orange.600" | "Color.Orange.700" | "Color.Orange.800" | "Color.Black.0" | "Color.Black.40" | "Color.Black.60" | "Color.Black.80" | "Color.Black.100" | "Color.Black.120" | "Color.Black.200" | "Color.Black.300" | "Color.Black.400" | "Color.Black.500" | "Color.Black.600" | "Color.Black.700" | "Color.Black.800" | "Color.Black.1000" | "Color.White.0" | "Color.White.20" | "Color.White.30" | "Color.White.40" | "Color.White.70" | "Color.White.100" | "Color.White.200" | "Color.White.300" | "Color.White.400" | "Color.White.500" | "Color.White.600" | "Color.White.700" | "Color.White.800" | "Color.White.1000";
+export type ColorPrimitive = "Color.Purple.100" | "Color.Purple.200" | "Color.Purple.300" | "Color.Purple.400" | "Color.Purple.500" | "Color.Purple.600" | "Color.Purple.700" | "Color.Purple.800" | "Color.Purple.900" | "Color.Blue.100" | "Color.Blue.200" | "Color.Blue.300" | "Color.Blue.400" | "Color.Blue.500" | "Color.Blue.600" | "Color.Blue.700" | "Color.Blue.800" | "Color.Blue.900" | "Color.Chromatic.100" | "Color.Chromatic.200" | "Color.Chromatic.300" | "Color.Chromatic.400" | "Color.Chromatic.500" | "Color.Chromatic.600" | "Color.Chromatic.700" | "Color.Chromatic.800" | "Color.Chromatic.900" | "Color.Dove_Gray.50" | "Color.Dove_Gray.100" | "Color.Dove_Gray.200" | "Color.Dove_Gray.300" | "Color.Dove_Gray.400" | "Color.Dove_Gray.500" | "Color.Dove_Gray.600" | "Color.Dove_Gray.700" | "Color.Dove_Gray.800" | "Color.Dove_Gray.900" | "Color.Gray.50" | "Color.Gray.100" | "Color.Gray.200" | "Color.Gray.300" | "Color.Gray.400" | "Color.Gray.500" | "Color.Gray.600" | "Color.Gray.700" | "Color.Gray.800" | "Color.Gray.900" | "Color.Green.100" | "Color.Green.200" | "Color.Green.300" | "Color.Green.400" | "Color.Green.500" | "Color.Green.600" | "Color.Green.700" | "Color.Green.800" | "Color.Red.100" | "Color.Red.200" | "Color.Red.300" | "Color.Red.400" | "Color.Red.500" | "Color.Red.600" | "Color.Red.700" | "Color.Red.800" | "Color.Orange.100" | "Color.Orange.200" | "Color.Orange.300" | "Color.Orange.400" | "Color.Orange.500" | "Color.Orange.600" | "Color.Orange.700" | "Color.Orange.800" | "Color.Black.0" | "Color.Black.40" | "Color.Black.60" | "Color.Black.80" | "Color.Black.100" | "Color.Black.120" | "Color.Black.200" | "Color.Black.300" | "Color.Black.400" | "Color.Black.500" | "Color.Black.600" | "Color.Black.700" | "Color.Black.800" | "Color.Black.1000" | "Color.White.0" | "Color.White.20" | "Color.White.30" | "Color.White.40" | "Color.White.70" | "Color.White.100" | "Color.White.200" | "Color.White.300" | "Color.White.400" | "Color.White.500" | "Color.White.600" | "Color.White.700" | "Color.White.800" | "Color.White.1000" | "Color.K_Green.100" | "Color.K_Green.200" | "Color.K_Green.300" | "Color.K_Green.400" | "Color.K_Green.500" | "Color.K_Green.600" | "Color.K_Green.700" | "Color.K_Green.800" | "Color.K_Green.900";
 export type ScaleToken = "Scale.0" | "Scale.25" | "Scale.50" | "Scale.100" | "Scale.150" | "Scale.200" | "Scale.300" | "Scale.400" | "Scale.450" | "Scale.500" | "Scale.550" | "Scale.600" | "Scale.650" | "Scale.700" | "Scale.800" | "Scale.900" | "Scale.1000" | "Scale.2000";
 export type SemanticColor = "Color.Primary.100" | "Color.Primary.200" | "Color.Primary.300" | "Color.Primary.400" | "Color.Primary.500" | "Color.Primary.600" | "Color.Primary.700" | "Color.Primary.800" | "Color.Primary.900" | "Color.Neutral.50" | "Color.Neutral.100" | "Color.Neutral.200" | "Color.Neutral.300" | "Color.Neutral.400" | "Color.Neutral.500" | "Color.Neutral.600" | "Color.Neutral.700" | "Color.Neutral.800" | "Color.Neutral.900" | "Color.Neutral.White" | "Color.Neutral.Black" | "Color.Success.100" | "Color.Success.200" | "Color.Success.300" | "Color.Success.400" | "Color.Success.500" | "Color.Success.600" | "Color.Success.700" | "Color.Success.800" | "Color.Warning.100" | "Color.Warning.200" | "Color.Warning.300" | "Color.Warning.400" | "Color.Warning.500" | "Color.Warning.600" | "Color.Warning.700" | "Color.Warning.800" | "Color.Critical.100" | "Color.Critical.200" | "Color.Critical.300" | "Color.Critical.400" | "Color.Critical.500" | "Color.Critical.600" | "Color.Critical.700" | "Color.Critical.800" | "Color.Alpha-Neutral.W0" | "Color.Alpha-Neutral.W20" | "Color.Alpha-Neutral.W30" | "Color.Alpha-Neutral.W40" | "Color.Alpha-Neutral.W70" | "Color.Alpha-Neutral.W100" | "Color.Alpha-Neutral.W200" | "Color.Alpha-Neutral.W300" | "Color.Alpha-Neutral.W400" | "Color.Alpha-Neutral.W500" | "Color.Alpha-Neutral.W600" | "Color.Alpha-Neutral.W700" | "Color.Alpha-Neutral.W800" | "Color.Alpha-Neutral.W1000" | "Color.Alpha-Neutral.B0" | "Color.Alpha-Neutral.B40" | "Color.Alpha-Neutral.B60" | "Color.Alpha-Neutral.B80" | "Color.Alpha-Neutral.B100" | "Color.Alpha-Neutral.B120" | "Color.Alpha-Neutral.B200" | "Color.Alpha-Neutral.B300" | "Color.Alpha-Neutral.B400" | "Color.Alpha-Neutral.B500" | "Color.Alpha-Neutral.B600" | "Color.Alpha-Neutral.B700" | "Color.Alpha-Neutral.B800" | "Color.Alpha-Neutral.B1000";
 export type SpacingToken = "Spacing.50" | "Spacing.100" | "Spacing.200" | "Spacing.300" | "Spacing.400" | "Spacing.450" | "Spacing.500" | "Spacing.600" | "Spacing.650" | "Spacing.700" | "Spacing.800" | "Spacing.900" | "Spacing.1000" | "Spacing.2000" | "Spacing.None";
@@ -11,5 +11,5 @@ export type BackgroundToken = "Background.Page_Base" | "Background.Page_Primary"
 export type ForegroundToken = "Foreground.Neutral" | "Foreground.Neutral_Secondary" | "Foreground.Neutral_Tertiary" | "Foreground.Neutral_Base" | "Foreground.Primary" | "Foreground.Primary_Disabled" | "Foreground.Primary_Pressed" | "Foreground.Primary_-_On_Tonal" | "Foreground.Primary-_On_Focus" | "Foreground.Primary-_On_Hover" | "Foreground.Critical" | "Foreground.Critical_Tonal" | "Foreground.Critical-_On_Tonal" | "Foreground.Warning" | "Foreground.Warning-_On_Tonal" | "Foreground.Success" | "Foreground.Success-_On_Tonal" | "Foreground.On_Action" | "Foreground.White" | "Foreground.Disabled" | "Foreground.On_Disabled";
 export type BorderToken = "Border.Strong" | "Border.Strong-100" | "Border.Strong-200" | "Border.Neutral_Primary" | "Border.Neutral_Secondary" | "Border.Neutral_Tertiary" | "Border.Primary" | "Border.Primary_Tonal" | "Border.Primary_Disabled" | "Border.Primary-_On_Hover" | "Border.Primary_Pressed" | "Border.Critical" | "Border.Critical_Tonal" | "Border.Warning" | "Border.Warning_Tonal" | "Border.Success" | "Border.Success_Tonal" | "Border.On_Action" | "Border.White" | "Border.Disabled";
 export type Theme = "light" | "dark";
-export type HueVariant = "chromatic-prime" | "hue-sky" | "hue-indigo";
+export type HueVariant = "chromatic-prime" | "hue-sky" | "hue-indigo" | "hue-kelly-green";
 //# sourceMappingURL=types.d.ts.map

package/dist/tokens/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beacon-ui",
-  "version": "3.5.13",
+  "version": "3.7.0",
   "description": "Beacon Design System - Components and tokens",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/tokens/generated/index.css

@@ -30,11 +30,21 @@
   --color-chromatic-700: #383c4b;
   --color-chromatic-800: #2a2c34;
   --color-chromatic-900: #1d1e25;
+  --color-dove-gray-50: #f6f6f6;
+  --color-dove-gray-100: #f0efef;
+  --color-dove-gray-200: #e8e6e3;
+  --color-dove-gray-300: #c7c7c6;
+  --color-dove-gray-400: #918d8a;
+  --color-dove-gray-500: #4f4945;
+  --color-dove-gray-600: #393330;
+  --color-dove-gray-700: #292524;
+  --color-dove-gray-800: #1c1a18;
+  --color-dove-gray-900: #0d0b0a;
   --color-gray-50: #f7fafc;
   --color-gray-100: #edf2f7;
   --color-gray-200: #d2d2d6;
-  --color-gray-300: #959ba0;
-  --color-gray-400: #686e70;
+  --color-gray-300: #a4a5a7;
+  --color-gray-400: #737576;
   --color-gray-500: #524e4f;
   --color-gray-600: #3f3c3d;
   --color-gray-700: #2a2728;
@@ -92,6 +102,24 @@
   --color-white-700: #ffffffb2;
   --color-white-800: #ffffffcc;
   --color-white-1000: #ffffff;
+  --color-k-green-100: #d3ffd3;
+  --color-k-green-200: #9aff9a;
+  --color-k-green-300: #00f000;
+  --color-k-green-400: #00c400;
+  --color-k-green-500: #00ad00;
+  --color-k-green-600: #007f00;
+  --color-k-green-700: #004600;
+  --color-k-green-800: #002600;
+  --color-k-green-900: #001800;
+  --color-ginger-100: #f8e9dc;
+  --color-ginger-200: #f0d1b8;
+  --color-ginger-300: #e5b18c;
+  --color-ginger-400: #da8a5d;
+  --color-ginger-500: #d06635;
+  --color-ginger-600: #bb4f2c;
+  --color-ginger-700: #993c24;
+  --color-ginger-800: #7e2e1f;
+  --color-ginger-900: #471912;
   --scale-0: 0px;
   --scale-25: 1px;
   --scale-50: 2px;
@@ -130,6 +158,16 @@
   --fonts-inter-weight-medium: 500;
   --fonts-inter-weight-semibold: 600;
   --fonts-inter-weight-bold: 700;
+  --fonts-ibm-plex-sans-style-ibm-plex-sans: IBM Plex Sans;
+  --fonts-ibm-plex-sans-weight-regular: 400;
+  --fonts-ibm-plex-sans-weight-medium: 500;
+  --fonts-ibm-plex-sans-weight-semibold: 600;
+  --fonts-ibm-plex-sans-weight-bold: 700;
+  --fonts-chivo-style-chivo: Chivo;
+  --fonts-chivo-weight-regular: 400;
+  --fonts-chivo-weight-medium: 500;
+  --fonts-chivo-weight-semibold: 600;
+  --fonts-chivo-weight-bold: 700;
 }
 
 /* Semantic tokens - all hue variants */
@@ -159,6 +197,16 @@
   --color-primary-700: var(--color-chromatic-700);
   --color-primary-800: var(--color-chromatic-800);
   --color-primary-900: var(--color-chromatic-900);
+  --color-neutral-50: var(--color-dove-gray-50);
+  --color-neutral-100: var(--color-dove-gray-100);
+  --color-neutral-200: var(--color-dove-gray-200);
+  --color-neutral-300: var(--color-dove-gray-300);
+  --color-neutral-400: var(--color-dove-gray-400);
+  --color-neutral-500: var(--color-dove-gray-500);
+  --color-neutral-600: var(--color-dove-gray-600);
+  --color-neutral-700: var(--color-dove-gray-700);
+  --color-neutral-800: var(--color-dove-gray-800);
+  --color-neutral-900: var(--color-dove-gray-900);
 }
 
 /* hue-sky */
@@ -186,6 +234,16 @@
   --color-primary-700: var(--color-blue-700);
   --color-primary-800: var(--color-blue-800);
   --color-primary-900: var(--color-blue-900);
+  --color-neutral-50: var(--color-gray-50);
+  --color-neutral-100: var(--color-gray-100);
+  --color-neutral-200: var(--color-gray-200);
+  --color-neutral-300: var(--color-gray-300);
+  --color-neutral-400: var(--color-gray-400);
+  --color-neutral-500: var(--color-gray-500);
+  --color-neutral-600: var(--color-gray-600);
+  --color-neutral-700: var(--color-gray-700);
+  --color-neutral-800: var(--color-gray-800);
+  --color-neutral-900: var(--color-gray-900);
 }
 
 /* hue-indigo */
@@ -213,10 +271,43 @@
   --color-primary-700: var(--color-purple-700);
   --color-primary-800: var(--color-purple-800);
   --color-primary-900: var(--color-purple-900);
+  --color-neutral-50: var(--color-gray-50);
+  --color-neutral-100: var(--color-gray-100);
+  --color-neutral-200: var(--color-gray-200);
+  --color-neutral-300: var(--color-gray-300);
+  --color-neutral-400: var(--color-gray-400);
+  --color-neutral-500: var(--color-gray-500);
+  --color-neutral-600: var(--color-gray-600);
+  --color-neutral-700: var(--color-gray-700);
+  --color-neutral-800: var(--color-gray-800);
+  --color-neutral-900: var(--color-gray-900);
 }
 
-/* Shared semantic tokens (same across all hues) */
-:root {
+/* hue-kelly-green */
+[data-hue="hue-kelly-green"] {
+  --font-primary: var(--fonts-chivo-style-chivo);
+  --font-secondary: var(--fonts-ibm-plex-sans-style-ibm-plex-sans);
+  --font-weight-primary-regular: var(--fonts-chivo-weight-regular);
+  --font-weight-primary-medium: var(--fonts-chivo-weight-medium);
+  --font-weight-primary-semibold: var(--fonts-chivo-weight-semibold);
+  --font-weight-primary-bold: var(--fonts-chivo-weight-bold);
+  --font-weight-secondary-regular: var(--fonts-ibm-plex-sans-weight-regular);
+  --font-weight-secondary-medium: var(--fonts-ibm-plex-sans-weight-medium);
+  --font-weight-secondary-semibold: var(--fonts-ibm-plex-sans-weight-semibold);
+  --font-weight-secondary-bold: var(--fonts-ibm-plex-sans-weight-bold);
+  --font-weight-regular: var(--font-weight-secondary-regular);
+  --font-weight-medium: var(--font-weight-secondary-medium);
+  --font-weight-semibold: var(--font-weight-secondary-semibold);
+  --font-weight-bold: var(--font-weight-secondary-bold);
+  --color-primary-100: var(--color-k-green-100);
+  --color-primary-200: var(--color-k-green-200);
+  --color-primary-300: var(--color-k-green-300);
+  --color-primary-400: var(--color-k-green-400);
+  --color-primary-500: var(--color-k-green-500);
+  --color-primary-600: var(--color-k-green-600);
+  --color-primary-700: var(--color-k-green-700);
+  --color-primary-800: var(--color-k-green-800);
+  --color-primary-900: var(--color-k-green-900);
   --color-neutral-50: var(--color-gray-50);
   --color-neutral-100: var(--color-gray-100);
   --color-neutral-200: var(--color-gray-200);
@@ -227,6 +318,10 @@
   --color-neutral-700: var(--color-gray-700);
   --color-neutral-800: var(--color-gray-800);
   --color-neutral-900: var(--color-gray-900);
+}
+
+/* Shared semantic tokens (same across all hues) */
+:root {
   --color-neutral-white: var(--color-white-1000);
   --color-neutral-black: var(--color-black-1000);
   --color-success-100: var(--color-green-100);
@@ -523,12 +618,6 @@
 /* Responsive tokens */
 :root {
   --device-width: 1440px;
-  --adaptive-set-d96-t80-m32: 96px;
-  --adaptive-set-d96-t48-m32: 96px;
-  --adaptive-set-d48-t32-m24: 48px;
-  --adaptive-set-d64-t80-m32: 64px;
-  --adaptive-set-d80-t64-m48: 80px;
-  --adaptive-set-d32-t80-m32: 32px;
   --heading-h1-text-size: 64px;
   --fonts-heading-h1-text-size: 64px;
   --heading-h1-paragraph-spacing: 72px;
@@ -601,18 +690,18 @@
   --fonts-body-medium-paragraph-spacing: 28px;
   --body-medium-line-height: 28px;
   --fonts-body-medium-line-height: 28px;
+  --adaptive-set-d96-t80-m32: 96px;
+  --adaptive-set-d96-t48-m32: 96px;
+  --adaptive-set-d48-t32-m24: 48px;
+  --adaptive-set-d64-t80-m32: 64px;
+  --adaptive-set-d80-t64-m48: 80px;
+  --adaptive-set-d32-t80-m32: 32px;
   --menu-width: 224px;
 }
 
 @media (max-width: 1024px) {
   :root {
     --device-width: 834px;
-    --adaptive-set-d96-t80-m32: 80px;
-    --adaptive-set-d96-t48-m32: 48px;
-    --adaptive-set-d48-t32-m24: 32px;
-    --adaptive-set-d64-t80-m32: 80px;
-    --adaptive-set-d80-t64-m48: 64px;
-    --adaptive-set-d32-t80-m32: 80px;
     --heading-h1-text-size: 60px;
     --fonts-heading-h1-text-size: 60px;
     --heading-h1-paragraph-spacing: 64px;
@@ -685,6 +774,12 @@
     --fonts-body-medium-paragraph-spacing: 28px;
     --body-medium-line-height: 28px;
     --fonts-body-medium-line-height: 28px;
+    --adaptive-set-d96-t80-m32: 80px;
+    --adaptive-set-d96-t48-m32: 48px;
+    --adaptive-set-d48-t32-m24: 32px;
+    --adaptive-set-d64-t80-m32: 80px;
+    --adaptive-set-d80-t64-m48: 64px;
+    --adaptive-set-d32-t80-m32: 80px;
     --menu-width: var(--device-width);
   }
 }
@@ -692,12 +787,6 @@
 @media (max-width: 768px) {
   :root {
     --device-width: 430px;
-    --adaptive-set-d96-t80-m32: 32px;
-    --adaptive-set-d96-t48-m32: 32px;
-    --adaptive-set-d48-t32-m24: 24px;
-    --adaptive-set-d64-t80-m32: 32px;
-    --adaptive-set-d80-t64-m48: 48px;
-    --adaptive-set-d32-t80-m32: 32px;
     --heading-h1-text-size: 48px;
     --fonts-heading-h1-text-size: 48px;
     --heading-h1-paragraph-spacing: 56px;
@@ -770,6 +859,12 @@
     --fonts-body-medium-paragraph-spacing: 28px;
     --body-medium-line-height: 28px;
     --fonts-body-medium-line-height: 28px;
+    --adaptive-set-d96-t80-m32: 32px;
+    --adaptive-set-d96-t48-m32: 32px;
+    --adaptive-set-d48-t32-m24: 24px;
+    --adaptive-set-d64-t80-m32: 32px;
+    --adaptive-set-d80-t64-m48: 48px;
+    --adaptive-set-d32-t80-m32: 32px;
     --menu-width: var(--device-width);
   }
 }
@@ -837,14 +932,12 @@
 .text-heading-h4 {
   font-family: var(--font-secondary);
   font-weight: var(--font-weight-secondary-semibold);
-  text-transform: capitalize;
   font-size: var(--fonts-heading-h4-text-size);
   line-height: var(--fonts-heading-h4-line-height);
 }
 .text-heading-h5 {
   font-family: var(--font-secondary);
   font-weight: var(--font-weight-secondary-semibold);
-  text-transform: capitalize;
   font-size: var(--fonts-heading-h5-text-size);
   line-height: var(--fonts-heading-h5-line-height);
 }

package/tokens/generated/primitives.css

@@ -27,11 +27,21 @@
   --color-chromatic-700: #383c4b;
   --color-chromatic-800: #2a2c34;
   --color-chromatic-900: #1d1e25;
+  --color-dove-gray-50: #f6f6f6;
+  --color-dove-gray-100: #f0efef;
+  --color-dove-gray-200: #e8e6e3;
+  --color-dove-gray-300: #c7c7c6;
+  --color-dove-gray-400: #918d8a;
+  --color-dove-gray-500: #4f4945;
+  --color-dove-gray-600: #393330;
+  --color-dove-gray-700: #292524;
+  --color-dove-gray-800: #1c1a18;
+  --color-dove-gray-900: #0d0b0a;
   --color-gray-50: #f7fafc;
   --color-gray-100: #edf2f7;
   --color-gray-200: #d2d2d6;
-  --color-gray-300: #959ba0;
-  --color-gray-400: #686e70;
+  --color-gray-300: #a4a5a7;
+  --color-gray-400: #737576;
   --color-gray-500: #524e4f;
   --color-gray-600: #3f3c3d;
   --color-gray-700: #2a2728;
@@ -89,6 +99,24 @@
   --color-white-700: #ffffffb2;
   --color-white-800: #ffffffcc;
   --color-white-1000: #ffffff;
+  --color-k-green-100: #d3ffd3;
+  --color-k-green-200: #9aff9a;
+  --color-k-green-300: #00f000;
+  --color-k-green-400: #00c400;
+  --color-k-green-500: #00ad00;
+  --color-k-green-600: #007f00;
+  --color-k-green-700: #004600;
+  --color-k-green-800: #002600;
+  --color-k-green-900: #001800;
+  --color-ginger-100: #f8e9dc;
+  --color-ginger-200: #f0d1b8;
+  --color-ginger-300: #e5b18c;
+  --color-ginger-400: #da8a5d;
+  --color-ginger-500: #d06635;
+  --color-ginger-600: #bb4f2c;
+  --color-ginger-700: #993c24;
+  --color-ginger-800: #7e2e1f;
+  --color-ginger-900: #471912;
   --scale-0: 0px;
   --scale-25: 1px;
   --scale-50: 2px;
@@ -127,4 +155,14 @@
   --fonts-inter-weight-medium: 500;
   --fonts-inter-weight-semibold: 600;
   --fonts-inter-weight-bold: 700;
+  --fonts-ibm-plex-sans-style-ibm-plex-sans: IBM Plex Sans;
+  --fonts-ibm-plex-sans-weight-regular: 400;
+  --fonts-ibm-plex-sans-weight-medium: 500;
+  --fonts-ibm-plex-sans-weight-semibold: 600;
+  --fonts-ibm-plex-sans-weight-bold: 700;
+  --fonts-chivo-style-chivo: Chivo;
+  --fonts-chivo-weight-regular: 400;
+  --fonts-chivo-weight-medium: 500;
+  --fonts-chivo-weight-semibold: 600;
+  --fonts-chivo-weight-bold: 700;
 }

package/tokens/generated/responsive.css

@@ -1,12 +1,6 @@
 /* Responsive tokens */
 :root {
   --device-width: 1440px;
-  --adaptive-set-d96-t80-m32: 96px;
-  --adaptive-set-d96-t48-m32: 96px;
-  --adaptive-set-d48-t32-m24: 48px;
-  --adaptive-set-d64-t80-m32: 64px;
-  --adaptive-set-d80-t64-m48: 80px;
-  --adaptive-set-d32-t80-m32: 32px;
   --heading-h1-text-size: 64px;
   --fonts-heading-h1-text-size: 64px;
   --heading-h1-paragraph-spacing: 72px;
@@ -79,18 +73,18 @@
   --fonts-body-medium-paragraph-spacing: 28px;
   --body-medium-line-height: 28px;
   --fonts-body-medium-line-height: 28px;
+  --adaptive-set-d96-t80-m32: 96px;
+  --adaptive-set-d96-t48-m32: 96px;
+  --adaptive-set-d48-t32-m24: 48px;
+  --adaptive-set-d64-t80-m32: 64px;
+  --adaptive-set-d80-t64-m48: 80px;
+  --adaptive-set-d32-t80-m32: 32px;
   --menu-width: 224px;
 }
 
 @media (max-width: 1024px) {
   :root {
     --device-width: 834px;
-    --adaptive-set-d96-t80-m32: 80px;
-    --adaptive-set-d96-t48-m32: 48px;
-    --adaptive-set-d48-t32-m24: 32px;
-    --adaptive-set-d64-t80-m32: 80px;
-    --adaptive-set-d80-t64-m48: 64px;
-    --adaptive-set-d32-t80-m32: 80px;
     --heading-h1-text-size: 60px;
     --fonts-heading-h1-text-size: 60px;
     --heading-h1-paragraph-spacing: 64px;
@@ -163,6 +157,12 @@
     --fonts-body-medium-paragraph-spacing: 28px;
     --body-medium-line-height: 28px;
     --fonts-body-medium-line-height: 28px;
+    --adaptive-set-d96-t80-m32: 80px;
+    --adaptive-set-d96-t48-m32: 48px;
+    --adaptive-set-d48-t32-m24: 32px;
+    --adaptive-set-d64-t80-m32: 80px;
+    --adaptive-set-d80-t64-m48: 64px;
+    --adaptive-set-d32-t80-m32: 80px;
     --menu-width: var(--device-width);
   }
 }
@@ -170,12 +170,6 @@
 @media (max-width: 768px) {
   :root {
     --device-width: 430px;
-    --adaptive-set-d96-t80-m32: 32px;
-    --adaptive-set-d96-t48-m32: 32px;
-    --adaptive-set-d48-t32-m24: 24px;
-    --adaptive-set-d64-t80-m32: 32px;
-    --adaptive-set-d80-t64-m48: 48px;
-    --adaptive-set-d32-t80-m32: 32px;
     --heading-h1-text-size: 48px;
     --fonts-heading-h1-text-size: 48px;
     --heading-h1-paragraph-spacing: 56px;
@@ -248,6 +242,12 @@
     --fonts-body-medium-paragraph-spacing: 28px;
     --body-medium-line-height: 28px;
     --fonts-body-medium-line-height: 28px;
+    --adaptive-set-d96-t80-m32: 32px;
+    --adaptive-set-d96-t48-m32: 32px;
+    --adaptive-set-d48-t32-m24: 24px;
+    --adaptive-set-d64-t80-m32: 32px;
+    --adaptive-set-d80-t64-m48: 48px;
+    --adaptive-set-d32-t80-m32: 32px;
     --menu-width: var(--device-width);
   }
 }

package/tokens/generated/semantic.css

@@ -25,6 +25,16 @@
   --color-primary-700: var(--color-chromatic-700);
   --color-primary-800: var(--color-chromatic-800);
   --color-primary-900: var(--color-chromatic-900);
+  --color-neutral-50: var(--color-dove-gray-50);
+  --color-neutral-100: var(--color-dove-gray-100);
+  --color-neutral-200: var(--color-dove-gray-200);
+  --color-neutral-300: var(--color-dove-gray-300);
+  --color-neutral-400: var(--color-dove-gray-400);
+  --color-neutral-500: var(--color-dove-gray-500);
+  --color-neutral-600: var(--color-dove-gray-600);
+  --color-neutral-700: var(--color-dove-gray-700);
+  --color-neutral-800: var(--color-dove-gray-800);
+  --color-neutral-900: var(--color-dove-gray-900);
 }
 
 /* hue-sky */
@@ -52,6 +62,16 @@
   --color-primary-700: var(--color-blue-700);
   --color-primary-800: var(--color-blue-800);
   --color-primary-900: var(--color-blue-900);
+  --color-neutral-50: var(--color-gray-50);
+  --color-neutral-100: var(--color-gray-100);
+  --color-neutral-200: var(--color-gray-200);
+  --color-neutral-300: var(--color-gray-300);
+  --color-neutral-400: var(--color-gray-400);
+  --color-neutral-500: var(--color-gray-500);
+  --color-neutral-600: var(--color-gray-600);
+  --color-neutral-700: var(--color-gray-700);
+  --color-neutral-800: var(--color-gray-800);
+  --color-neutral-900: var(--color-gray-900);
 }
 
 /* hue-indigo */
@@ -79,10 +99,43 @@
   --color-primary-700: var(--color-purple-700);
   --color-primary-800: var(--color-purple-800);
   --color-primary-900: var(--color-purple-900);
+  --color-neutral-50: var(--color-gray-50);
+  --color-neutral-100: var(--color-gray-100);
+  --color-neutral-200: var(--color-gray-200);
+  --color-neutral-300: var(--color-gray-300);
+  --color-neutral-400: var(--color-gray-400);
+  --color-neutral-500: var(--color-gray-500);
+  --color-neutral-600: var(--color-gray-600);
+  --color-neutral-700: var(--color-gray-700);
+  --color-neutral-800: var(--color-gray-800);
+  --color-neutral-900: var(--color-gray-900);
 }
 
-/* Shared semantic tokens (same across all hues) */
-:root {
+/* hue-kelly-green */
+[data-hue="hue-kelly-green"] {
+  --font-primary: var(--fonts-chivo-style-chivo);
+  --font-secondary: var(--fonts-ibm-plex-sans-style-ibm-plex-sans);
+  --font-weight-primary-regular: var(--fonts-chivo-weight-regular);
+  --font-weight-primary-medium: var(--fonts-chivo-weight-medium);
+  --font-weight-primary-semibold: var(--fonts-chivo-weight-semibold);
+  --font-weight-primary-bold: var(--fonts-chivo-weight-bold);
+  --font-weight-secondary-regular: var(--fonts-ibm-plex-sans-weight-regular);
+  --font-weight-secondary-medium: var(--fonts-ibm-plex-sans-weight-medium);
+  --font-weight-secondary-semibold: var(--fonts-ibm-plex-sans-weight-semibold);
+  --font-weight-secondary-bold: var(--fonts-ibm-plex-sans-weight-bold);
+  --font-weight-regular: var(--font-weight-secondary-regular);
+  --font-weight-medium: var(--font-weight-secondary-medium);
+  --font-weight-semibold: var(--font-weight-secondary-semibold);
+  --font-weight-bold: var(--font-weight-secondary-bold);
+  --color-primary-100: var(--color-k-green-100);
+  --color-primary-200: var(--color-k-green-200);
+  --color-primary-300: var(--color-k-green-300);
+  --color-primary-400: var(--color-k-green-400);
+  --color-primary-500: var(--color-k-green-500);
+  --color-primary-600: var(--color-k-green-600);
+  --color-primary-700: var(--color-k-green-700);
+  --color-primary-800: var(--color-k-green-800);
+  --color-primary-900: var(--color-k-green-900);
   --color-neutral-50: var(--color-gray-50);
   --color-neutral-100: var(--color-gray-100);
   --color-neutral-200: var(--color-gray-200);
@@ -93,6 +146,10 @@
   --color-neutral-700: var(--color-gray-700);
   --color-neutral-800: var(--color-gray-800);
   --color-neutral-900: var(--color-gray-900);
+}
+
+/* Shared semantic tokens (same across all hues) */
+:root {
   --color-neutral-white: var(--color-white-1000);
   --color-neutral-black: var(--color-black-1000);
   --color-success-100: var(--color-green-100);

package/tokens/generated/typography.css

@@ -50,14 +50,12 @@
 .text-heading-h4 {
   font-family: var(--font-secondary);
   font-weight: var(--font-weight-secondary-semibold);
-  text-transform: capitalize;
   font-size: var(--fonts-heading-h4-text-size);
   line-height: var(--fonts-heading-h4-line-height);
 }
 .text-heading-h5 {
   font-family: var(--font-secondary);
   font-weight: var(--font-weight-secondary-semibold);
-  text-transform: capitalize;
   font-size: var(--fonts-heading-h5-text-size);
   line-height: var(--fonts-heading-h5-line-height);
 }