beacon-ui 3.3.1 → 3.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/components/Button.d.ts.map +1 -1
  3. package/dist/components/Button.js +31 -12
  4. package/dist/components/ButtonIcon.d.ts +14 -0
  5. package/dist/components/ButtonIcon.d.ts.map +1 -0
  6. package/dist/components/ButtonIcon.js +232 -0
  7. package/dist/components/Card.d.ts.map +1 -1
  8. package/dist/components/Card.js +2 -4
  9. package/dist/components/Menu.js +9 -9
  10. package/dist/components/MenuItem.d.ts.map +1 -1
  11. package/dist/components/MenuItem.js +12 -3
  12. package/dist/icons/index.d.ts +1 -1
  13. package/dist/icons/index.d.ts.map +1 -1
  14. package/dist/index.d.ts +2 -0
  15. package/dist/index.d.ts.map +1 -1
  16. package/dist/index.js +1 -0
  17. package/dist/tokens/types.d.ts +2 -2
  18. package/dist/tokens/types.d.ts.map +1 -1
  19. package/package.json +1 -1
  20. package/tokens/generated/brand-dark.css +1 -1
  21. package/tokens/generated/brand-light.css +1 -1
  22. package/tokens/generated/index.css +8 -9
  23. package/tokens/generated/primitives.css +1 -1
  24. package/tokens/generated/semantic.css +2 -3
  25. package/tokens/generated/typography.css +3 -3
package/CHANGELOG.md CHANGED
@@ -5,6 +5,29 @@ All notable changes to this project will be documented in this file.
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
6
6
  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
7
 
8
+ ## [3.4.1] - 2026-01-03
9
+
10
+ ### Changed
11
+ - Refactored inline CSS styles in changelog, how-to-use, and releases pages to use design system token variables and CSS utility classes
12
+ - Added CSS utility classes for common content patterns: `.ds-content__grid`, `.ds-content__card`, `.ds-content__flex`, `.ds-content__flex-wrap`, `.ds-content__version-badge`, `.ds-content__entry`, `.ds-content__code-container`, `.ds-content__code-wrapper`
13
+
14
+ ### Fixed
15
+ - Fixed copy button vertical alignment in code blocks for install package sections
16
+ - Fixed button outline appearing momentarily on click - outline now only appears for keyboard navigation, not mouse clicks
17
+ - Improved consistency of styling across documentation pages by replacing inline styles with design system classes
18
+
19
+ ## [3.4.0] - 2026-01-02
20
+
21
+ ### Added
22
+ - Button Icon component for icon-only button interactions with support for all button variants, sizes, and states
23
+ - Motion animations system with comprehensive animation library including:
24
+ - Professional animations (lift, shadow depth, border glow, smooth scale)
25
+ - Playful animations (bounce, elastic, jelly, pop)
26
+ - Minimal animations (fade, shift, soft glow, border fade)
27
+ - 3D-focused animations (tilt, flip, parallax, depth glow)
28
+ - Motion guide documentation with usage guidelines, best practices, and implementation examples
29
+ - Icons are now available for search in design system website
30
+
8
31
  ## [3.3.1] - 2026-01-01
9
32
 
10
33
  ### Fixed
package/dist/components/Button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAI9E,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AACpE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1D,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,eAAe,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AACxE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAChF,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAkED,wBAAgB,MAAM,CAAC,EACrB,OAAkB,EAClB,IAAW,EACX,YAAgB,EAChB,SAAS,EACT,OAAO,EACP,aAAqB,EACrB,cAAyB,EACzB,OAAe,EACf,QAAgB,EAChB,KAAK,EAAE,SAAS,EAChB,KAAiB,EACjB,IAAe,EACf,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,WAAW,EACX,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,2CAiPb"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,qBAAqB,EAAgC,MAAM,OAAO,CAAC;AAI5G,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AACpE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1D,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,eAAe,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AACxE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAChF,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAkED,wBAAgB,MAAM,CAAC,EACrB,OAAkB,EAClB,IAAW,EACX,YAAgB,EAChB,SAAS,EACT,OAAO,EACP,aAAqB,EACrB,cAAyB,EACzB,OAAe,EACf,QAAgB,EAChB,KAAK,EAAE,SAAS,EAChB,KAAiB,EACjB,IAAe,EACf,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,WAAW,EACX,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,2CAsSb"}
package/dist/components/Button.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use client";
2
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { useMemo, useState, useCallback } from "react";
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import { useMemo, useState, useCallback, cloneElement, isValidElement } from "react";
4
4
  import { useThemeSafe } from "../providers/ThemeProvider";
5
5
  import { LoaderIcon } from "../icons";
6
6
  const CORNER_RADIUS_MAP = {
@@ -31,21 +31,21 @@ const SIZE_CONFIG = {
31
31
  paddingX: "var(--spacing-400)",
32
32
  paddingY: "var(--spacing-200)",
33
33
  fontSize: "var(--body-regular-text-size)",
34
- iconSize: "xs",
34
+ iconSize: "sm",
35
35
  },
36
36
  lg: {
37
37
  height: "56px",
38
38
  paddingX: "var(--spacing-500)",
39
39
  paddingY: "var(--spacing-300)",
40
40
  fontSize: "var(--body-medium-text-size)",
41
- iconSize: "sm",
41
+ iconSize: "rg",
42
42
  },
43
43
  xl: {
44
44
  height: "68px",
45
45
  paddingX: "var(--spacing-600)",
46
46
  paddingY: "var(--spacing-400)",
47
47
  fontSize: "var(--body-medium-text-size)",
48
- iconSize: "sm",
48
+ iconSize: "rm",
49
49
  },
50
50
  };
51
51
  const LOADER_ICON_SIZE_MAP = {
@@ -102,10 +102,11 @@ export function Button({ variant = "filled", size = "md", cornerRadius = 2, star
102
102
  const currentState = isDisabled ? "default" : state;
103
103
  const buttonStyles = useMemo(() => {
104
104
  const baseStyles = {
105
- display: "inline-flex",
105
+ display: justifyContent === "space-between" ? "flex" : "inline-flex", // Use flex (block-level) for space-between to ensure full width
106
106
  alignItems: "center",
107
- justifyContent: justifyContent,
108
- gap: "var(--spacing-100)",
107
+ justifyContent: justifyContent === "space-between" ? "flex-start" : justifyContent, // Use flex-start for space-between, let contentLayout handle distribution
108
+ gap: justifyContent === "space-between" ? "0" : "var(--spacing-100)", // Remove gap for space-between, use spacing-100 for center layout
109
+ textAlign: justifyContent === "space-between" ? "left" : undefined, // Align text to left when space-between is used
109
110
  fontFamily: "var(--font-secondary)",
110
111
  fontSize: sizeConfig.fontSize,
111
112
  lineHeight: "1",
@@ -121,7 +122,7 @@ export function Button({ variant = "filled", size = "md", cornerRadius = 2, star
121
122
  paddingRight: sizeConfig.paddingX,
122
123
  paddingTop: sizeConfig.paddingY,
123
124
  paddingBottom: sizeConfig.paddingY,
124
- width: fillContainer ? "100%" : "auto",
125
+ width: fillContainer || justifyContent === "space-between" ? "100%" : "auto", // Full width when space-between is used
125
126
  opacity: isDisabled ? 0.6 : 1,
126
127
  };
127
128
  // Get color token prefixes based on color prop
@@ -234,8 +235,16 @@ export function Button({ variant = "filled", size = "md", cornerRadius = 2, star
234
235
  }
235
236
  return { ...baseStyles, ...variantStyles, ...stateStyles, ...style };
236
237
  }, [variant, sizeConfig, borderRadius, fillContainer, justifyContent, currentState, isDisabled, isLoading, color, style]);
237
- const showStartIcon = !loading && startIcon;
238
- const showEndIcon = !loading && endIcon;
238
+ // Clone icons with the correct size based on button size
239
+ const iconSize = sizeConfig.iconSize;
240
+ const clonedStartIcon = startIcon && isValidElement(startIcon)
241
+ ? cloneElement(startIcon, { size: iconSize })
242
+ : startIcon;
243
+ const clonedEndIcon = endIcon && isValidElement(endIcon)
244
+ ? cloneElement(endIcon, { size: iconSize })
245
+ : endIcon;
246
+ const showStartIcon = !loading && clonedStartIcon;
247
+ const showEndIcon = !loading && clonedEndIcon;
239
248
  const handleClick = useCallback((e) => {
240
249
  if (isDisabled || isLoading) {
241
250
  e.preventDefault();
@@ -243,5 +252,15 @@ export function Button({ variant = "filled", size = "md", cornerRadius = 2, star
243
252
  }
244
253
  onClick?.(e);
245
254
  }, [isDisabled, isLoading, onClick]);
246
- return (_jsx("button", { ref: ref, type: type, className: className, style: buttonStyles, disabled: isDisabled, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onFocus: handleFocus, onBlur: handleBlur, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, ...rest, children: loading ? (_jsx(LoaderIcon, { size: LOADER_ICON_SIZE_MAP[size], className: "ds-button-loading-spinner" })) : (_jsxs(_Fragment, { children: [showStartIcon && _jsx("span", { style: { display: "inline-flex", alignItems: "center" }, children: startIcon }), children, showEndIcon && _jsx("span", { style: { display: "inline-flex", alignItems: "center" }, children: endIcon })] })) }));
255
+ // For space-between layout, group start icon and text together on the left,
256
+ // with end icon on the right. The wrapper spans full width to ensure proper distribution.
257
+ // The left group uses flex: 1 to take up available space, ensuring text aligns left.
258
+ // For center layout, all items are centered together.
259
+ // Note: To swap text and icons (e.g., text before startIcon), simply reorder
260
+ // the JSX elements in the contentLayout below.
261
+ const contentLayout = justifyContent === "space-between" ? (_jsxs("span", { style: { display: "flex", alignItems: "center", width: "100%", justifyContent: "space-between" }, children: [_jsxs("span", { style: { display: "flex", alignItems: "center", justifyContent: "flex-start", gap: "var(--spacing-100)", flex: "1 1 0%", minWidth: 0, width: 0 }, children: [showStartIcon && _jsx("span", { style: { display: "inline-flex", alignItems: "center", flexShrink: 0 }, children: clonedStartIcon }), _jsx("span", { style: { flex: "1 1 0%", minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", paddingLeft: showStartIcon ? "0" : undefined }, children: children })] }), showEndIcon && _jsx("span", { style: { display: "inline-flex", alignItems: "center", flexShrink: 0, marginLeft: "var(--spacing-100)" }, children: clonedEndIcon })] })) : (_jsxs(_Fragment, { children: [showStartIcon && _jsx("span", { style: { display: "inline-flex", alignItems: "center" }, children: clonedStartIcon }), children, showEndIcon && _jsx("span", { style: { display: "inline-flex", alignItems: "center" }, children: clonedEndIcon })] }));
262
+ // Create invisible content that matches the actual layout structure to preserve width when loading
263
+ // This ensures the button maintains its original size when transitioning to loading state
264
+ const invisibleContent = justifyContent === "space-between" ? (_jsxs("span", { style: { display: "flex", alignItems: "center", width: "100%", justifyContent: "space-between", visibility: "hidden" }, children: [_jsxs("span", { style: { display: "flex", alignItems: "center", justifyContent: "flex-start", gap: "var(--spacing-100)", flex: "1 1 0%", minWidth: 0, width: 0 }, children: [startIcon && _jsx("span", { style: { display: "inline-flex", alignItems: "center", flexShrink: 0 }, children: clonedStartIcon }), _jsx("span", { style: { flex: "1 1 0%", minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", paddingLeft: startIcon ? "0" : undefined }, children: children })] }), endIcon && _jsx("span", { style: { display: "inline-flex", alignItems: "center", flexShrink: 0, marginLeft: "var(--spacing-100)" }, children: clonedEndIcon })] })) : (_jsxs("span", { style: { visibility: "hidden", whiteSpace: "nowrap", display: "inline-flex", alignItems: "center", gap: "var(--spacing-100)" }, children: [startIcon && _jsx("span", { style: { display: "inline-flex", alignItems: "center" }, children: clonedStartIcon }), children, endIcon && _jsx("span", { style: { display: "inline-flex", alignItems: "center" }, children: clonedEndIcon })] }));
265
+ return (_jsx("button", { ref: ref, type: type, className: className, style: { ...buttonStyles, position: loading ? "relative" : undefined }, disabled: isDisabled, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onFocus: handleFocus, onBlur: handleBlur, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, ...rest, children: loading ? (_jsxs(_Fragment, { children: [invisibleContent, _jsx("span", { style: { position: "absolute", left: "50%", top: "50%", transform: "translate(-50%, -50%)" }, children: _jsx(LoaderIcon, { size: LOADER_ICON_SIZE_MAP[size], className: "ds-button-loading-spinner" }) })] })) : (contentLayout) }));
247
266
  }
package/dist/components/ButtonIcon.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import { ComponentPropsWithRef } from "react";
2
+ import type { ButtonVariant, ButtonSize, CornerRadiusStep, ButtonState, ButtonColor } from "./Button";
3
+ export interface ButtonIconProps extends Omit<ComponentPropsWithRef<"button">, "type"> {
4
+ variant?: ButtonVariant;
5
+ size?: ButtonSize;
6
+ cornerRadius?: CornerRadiusStep;
7
+ icon?: React.ReactNode;
8
+ loading?: boolean;
9
+ state?: ButtonState;
10
+ color?: ButtonColor;
11
+ type?: "button" | "submit" | "reset";
12
+ }
13
+ export declare function ButtonIcon({ variant, size, cornerRadius, icon, loading, disabled, state: stateProp, color, type, className, style, onClick, onMouseEnter, onMouseLeave, onFocus, onBlur, onMouseDown, onMouseUp, ref, ...rest }: ButtonIconProps): import("react/jsx-runtime").JSX.Element;
14
+ //# sourceMappingURL=ButtonIcon.d.ts.map
package/dist/components/ButtonIcon.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../src/components/ButtonIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkC,qBAAqB,EAAgC,MAAM,OAAO,CAAC;AAG5G,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEtG,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IACpF,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAsDD,wBAAgB,UAAU,CAAC,EACzB,OAAkB,EAClB,IAAW,EACX,YAAgB,EAChB,IAAI,EACJ,OAAe,EACf,QAAgB,EAChB,KAAK,EAAE,SAAS,EAChB,KAAiB,EACjB,IAAe,EACf,SAAS,EACT,KAAK,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,WAAW,EACX,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,2CAwPjB"}
package/dist/components/ButtonIcon.js ADDED
@@ -0,0 +1,232 @@
1
+ "use client";
2
+ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useMemo, useState, useCallback, cloneElement, isValidElement } from "react";
4
+ import { useThemeSafe } from "../providers/ThemeProvider";
5
+ import { LoaderIcon } from "../icons";
6
+ const CORNER_RADIUS_MAP = {
7
+ 0: "var(--corner-radius-none)",
8
+ 1: "var(--corner-radius-100)",
9
+ 2: "var(--corner-radius-200)",
10
+ 3: "var(--corner-radius-300)",
11
+ 4: "var(--corner-radius-400)",
12
+ 5: "var(--corner-radius-full)",
13
+ };
14
+ const SIZE_CONFIG = {
15
+ xs: {
16
+ height: "24px",
17
+ padding: "var(--spacing-200)",
18
+ iconSize: "xs",
19
+ },
20
+ sm: {
21
+ height: "32px",
22
+ padding: "var(--spacing-300)",
23
+ iconSize: "xs",
24
+ },
25
+ md: {
26
+ height: "44px",
27
+ padding: "var(--spacing-400)",
28
+ iconSize: "sm",
29
+ },
30
+ lg: {
31
+ height: "56px",
32
+ padding: "var(--spacing-500)",
33
+ iconSize: "rg",
34
+ },
35
+ xl: {
36
+ height: "68px",
37
+ padding: "var(--spacing-600)",
38
+ iconSize: "rm",
39
+ },
40
+ };
41
+ const LOADER_ICON_SIZE_MAP = {
42
+ xs: 20,
43
+ sm: 24,
44
+ md: 24,
45
+ lg: 32,
46
+ xl: 40,
47
+ };
48
+ export function ButtonIcon({ variant = "filled", size = "md", cornerRadius = 2, icon, loading = false, disabled = false, state: stateProp, color = "primary", type = "button", className, style, onClick, onMouseEnter, onMouseLeave, onFocus, onBlur, onMouseDown, onMouseUp, ref, ...rest }) {
49
+ const themeContext = useThemeSafe();
50
+ const sizeConfig = SIZE_CONFIG[size];
51
+ const borderRadius = CORNER_RADIUS_MAP[cornerRadius];
52
+ const [internalState, setInternalState] = useState("default");
53
+ const state = stateProp ?? internalState;
54
+ const handleMouseEnter = useCallback((e) => {
55
+ if (!disabled && !loading && !stateProp) {
56
+ setInternalState("hovered");
57
+ }
58
+ onMouseEnter?.(e);
59
+ }, [disabled, loading, stateProp, onMouseEnter]);
60
+ const handleMouseLeave = useCallback((e) => {
61
+ if (!disabled && !loading && !stateProp) {
62
+ setInternalState("default");
63
+ }
64
+ onMouseLeave?.(e);
65
+ }, [disabled, loading, stateProp, onMouseLeave]);
66
+ const handleFocus = useCallback((e) => {
67
+ if (!disabled && !loading && !stateProp) {
68
+ setInternalState("focused");
69
+ }
70
+ onFocus?.(e);
71
+ }, [disabled, loading, stateProp, onFocus]);
72
+ const handleBlur = useCallback((e) => {
73
+ if (!disabled && !loading && !stateProp) {
74
+ setInternalState("default");
75
+ }
76
+ onBlur?.(e);
77
+ }, [disabled, loading, stateProp, onBlur]);
78
+ const handleMouseDown = useCallback((e) => {
79
+ if (!disabled && !loading && !stateProp) {
80
+ setInternalState("pressed");
81
+ }
82
+ onMouseDown?.(e);
83
+ }, [disabled, loading, stateProp, onMouseDown]);
84
+ const handleMouseUp = useCallback((e) => {
85
+ if (!disabled && !loading && !stateProp) {
86
+ setInternalState("hovered");
87
+ }
88
+ onMouseUp?.(e);
89
+ }, [disabled, loading, stateProp, onMouseUp]);
90
+ const isDisabled = disabled;
91
+ const isLoading = loading;
92
+ const currentState = isDisabled ? "default" : state;
93
+ const buttonStyles = useMemo(() => {
94
+ const baseStyles = {
95
+ display: "inline-flex",
96
+ alignItems: "center",
97
+ justifyContent: "center",
98
+ fontFamily: "var(--font-secondary)",
99
+ borderWidth: "var(--border-width-25)",
100
+ borderStyle: "solid",
101
+ borderColor: "transparent",
102
+ borderRadius,
103
+ cursor: (isDisabled || isLoading) ? "not-allowed" : "pointer",
104
+ transition: "background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease",
105
+ width: sizeConfig.height,
106
+ height: sizeConfig.height,
107
+ minWidth: sizeConfig.height,
108
+ minHeight: sizeConfig.height,
109
+ padding: sizeConfig.padding,
110
+ opacity: isDisabled ? 0.6 : 1,
111
+ };
112
+ // Get color token prefixes based on color prop
113
+ const colorPrefix = color === "primary" ? "primary" : color;
114
+ const bgToken = `--bg-${colorPrefix}`;
115
+ const bgTonalToken = `--bg-${colorPrefix}-tonal`;
116
+ const bgHoverToken = `--bg-${colorPrefix}-on-hover`;
117
+ const bgPressedToken = color === "primary" ? `--bg-${colorPrefix}-pressed` : `--bg-${colorPrefix}-on-hover`;
118
+ const bgFocusedToken = color === "primary" ? `--bg-${colorPrefix}-on-focused` : `--bg-${colorPrefix}-on-hover`;
119
+ const bgTonalHoverToken = color === "primary" ? `--bg-${colorPrefix}-tonal-on-hover` : `--bg-${colorPrefix}-tonal`;
120
+ const fgToken = `--fg-${colorPrefix}`;
121
+ const fgTonalToken = `--fg-${colorPrefix}-on-tonal`;
122
+ const fgHoverToken = color === "primary" ? `--fg-${colorPrefix}-on-hover` : `--fg-${colorPrefix}`;
123
+ const borderToken = `--border-${colorPrefix}`;
124
+ const borderTonalToken = `--border-${colorPrefix}-tonal`;
125
+ const borderHoverToken = color === "primary" ? `--border-${colorPrefix}-on-hover` : `--border-${colorPrefix}`;
126
+ // Get base variant styles
127
+ let variantStyles = {};
128
+ switch (variant) {
129
+ case "filled":
130
+ variantStyles = {
131
+ backgroundColor: `var(${bgToken})`,
132
+ color: "var(--fg-on-action)",
133
+ borderColor: `var(${bgToken})`,
134
+ };
135
+ break;
136
+ case "tonal":
137
+ variantStyles = {
138
+ backgroundColor: `var(${bgTonalToken})`,
139
+ color: `var(${fgTonalToken})`,
140
+ borderColor: `var(${borderTonalToken})`,
141
+ };
142
+ break;
143
+ case "outline":
144
+ variantStyles = {
145
+ backgroundColor: "transparent",
146
+ color: `var(${fgToken})`,
147
+ borderColor: `var(${borderToken})`,
148
+ };
149
+ break;
150
+ case "link":
151
+ variantStyles = {
152
+ backgroundColor: "transparent",
153
+ color: `var(${fgToken})`,
154
+ borderWidth: 0,
155
+ borderStyle: "none",
156
+ borderColor: "transparent",
157
+ };
158
+ break;
159
+ }
160
+ // Apply state-specific overrides
161
+ const stateStyles = {};
162
+ if (isDisabled) {
163
+ if (variant === "filled") {
164
+ stateStyles.backgroundColor = "var(--bg-disabled)";
165
+ stateStyles.color = "var(--fg-on-disabled)";
166
+ stateStyles.borderColor = "var(--border-disabled)";
167
+ }
168
+ else if (variant === "tonal") {
169
+ stateStyles.backgroundColor = "var(--bg-disabled)";
170
+ stateStyles.color = "var(--fg-disabled)";
171
+ stateStyles.borderColor = "var(--border-disabled)";
172
+ }
173
+ else if (variant === "outline") {
174
+ stateStyles.color = "var(--fg-disabled)";
175
+ stateStyles.borderColor = "var(--border-disabled)";
176
+ }
177
+ else if (variant === "link") {
178
+ stateStyles.color = "var(--fg-disabled)";
179
+ }
180
+ }
181
+ else if (!isLoading && currentState === "hovered") {
182
+ if (variant === "filled") {
183
+ stateStyles.backgroundColor = `var(${bgHoverToken})`;
184
+ stateStyles.borderColor = `var(${bgHoverToken})`;
185
+ }
186
+ else if (variant === "tonal") {
187
+ stateStyles.backgroundColor = `var(${bgTonalHoverToken})`;
188
+ }
189
+ else if (variant === "outline") {
190
+ stateStyles.borderColor = `var(${borderHoverToken})`;
191
+ }
192
+ else if (variant === "link") {
193
+ stateStyles.color = `var(${fgHoverToken})`;
194
+ }
195
+ }
196
+ else if (!isLoading && currentState === "pressed") {
197
+ if (variant === "filled") {
198
+ stateStyles.backgroundColor = `var(${bgPressedToken})`;
199
+ stateStyles.borderColor = `var(${bgPressedToken})`;
200
+ }
201
+ else if (variant === "tonal") {
202
+ stateStyles.backgroundColor = `var(${bgTonalHoverToken})`;
203
+ }
204
+ }
205
+ else if (!isLoading && currentState === "focused") {
206
+ if (variant === "filled") {
207
+ stateStyles.backgroundColor = `var(${bgFocusedToken})`;
208
+ stateStyles.borderColor = `var(${bgFocusedToken})`;
209
+ }
210
+ else if (variant === "outline") {
211
+ stateStyles.borderColor = `var(${borderToken})`;
212
+ }
213
+ stateStyles.outline = `2px solid var(${borderToken})`;
214
+ stateStyles.outlineOffset = "2px";
215
+ }
216
+ return { ...baseStyles, ...variantStyles, ...stateStyles, ...style };
217
+ }, [variant, sizeConfig, borderRadius, currentState, isDisabled, isLoading, color, style]);
218
+ // Clone icon with the correct size based on button size
219
+ const iconSize = sizeConfig.iconSize;
220
+ const clonedIcon = icon && isValidElement(icon)
221
+ ? cloneElement(icon, { size: iconSize })
222
+ : icon;
223
+ const showIcon = !loading && clonedIcon;
224
+ const handleClick = useCallback((e) => {
225
+ if (isDisabled || isLoading) {
226
+ e.preventDefault();
227
+ return;
228
+ }
229
+ onClick?.(e);
230
+ }, [isDisabled, isLoading, onClick]);
231
+ return (_jsx("button", { ref: ref, type: type, className: className, style: { ...buttonStyles, position: loading ? "relative" : undefined }, disabled: isDisabled, onClick: handleClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onFocus: handleFocus, onBlur: handleBlur, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, ...rest, children: loading ? (_jsxs(_Fragment, { children: [icon && (_jsx("span", { style: { visibility: "hidden", display: "inline-flex", alignItems: "center" }, children: clonedIcon })), _jsx("span", { style: { position: "absolute", left: "50%", top: "50%", transform: "translate(-50%, -50%)" }, children: _jsx(LoaderIcon, { size: LOADER_ICON_SIZE_MAP[size], className: "ds-button-loading-spinner" }) })] })) : (showIcon && (_jsx("span", { style: { display: "inline-flex", alignItems: "center" }, children: clonedIcon }))) }));
232
+ }
package/dist/components/Card.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;AAChE,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAW5E,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAoBD,wBAAgB,IAAI,CAAC,EACnB,OAAa,EACb,MAAM,EACN,MAAkB,EAClB,MAAM,EACN,YAAgB,EAChB,aAAqB,EACrB,WAAqB,EACrB,WAAmB,EACnB,UAAiB,EACjB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,SAAS,2CA0GX"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;AAChE,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAW5E,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAC3E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAoBD,wBAAgB,IAAI,CAAC,EACnB,OAAa,EACb,MAAM,EACN,MAAkB,EAClB,MAAM,EACN,YAAgB,EAChB,aAAqB,EACrB,WAAqB,EACrB,WAAmB,EACnB,UAAiB,EACjB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,SAAS,2CAwGX"}
package/dist/components/Card.js CHANGED
@@ -45,7 +45,7 @@ export function Card({ padding = 400, height, status = "default", shadow, corner
45
45
  padding: getSpacingToken(padding),
46
46
  borderRadius: CORNER_RADIUS_MAP[cornerRadius],
47
47
  position: "relative",
48
- backgroundColor: isDefault ? "var(--bg-page-secondary)" : "var(--bg-page-primary)",
48
+ backgroundColor: "var(--bg-page-primary)",
49
49
  ...(heightValue && { height: heightValue }),
50
50
  ...(shadow && { boxShadow: getShadowToken(shadow) }),
51
51
  ...style,
@@ -58,9 +58,7 @@ export function Card({ padding = 400, height, status = "default", shadow, corner
58
58
  cardStyles.border = "var(--border-width-25) solid var(--border-strong-200)";
59
59
  }
60
60
  }
61
- const overlayGradient = isDefault
62
- ? "var(--bg-page-secondary)"
63
- : "var(--bg-page-primary)";
61
+ const overlayGradient = "var(--bg-page-primary)";
64
62
  // Build background layers using CSS multiple backgrounds
65
63
  // CSS backgrounds stack: first listed = top layer, last listed = bottom layer
66
64
  // We want: overlay (middle) first, pattern (bottom) last
package/dist/components/Menu.js CHANGED
@@ -41,11 +41,11 @@ export function Menu({ variant = "desktop", showMenu = true, showButton = true,
41
41
  const baseStyles = {
42
42
  display: "flex",
43
43
  flexDirection: "column",
44
- backgroundColor: "var(--bg-page-primary)",
45
- borderTop: "var(--border-width-25) solid var(--border-neutral-primary)",
46
- borderRight: "var(--border-width-25) solid var(--border-neutral-primary)",
47
- borderBottom: "var(--border-width-25) solid var(--border-neutral-primary)",
48
- borderLeft: "var(--border-width-25) solid var(--border-neutral-primary)",
44
+ backgroundColor: "var(--bg-page-base)",
45
+ borderTop: "var(--border-width-25) solid var(--border-strong-100)",
46
+ borderRight: "var(--border-width-25) solid var(--border-strong-100)",
47
+ borderBottom: "var(--border-width-25) solid var(--border-strong-100)",
48
+ borderLeft: "var(--border-width-25) solid var(--border-strong-100)",
49
49
  position: "relative",
50
50
  };
51
51
  if (variant === "desktop") {
@@ -56,7 +56,7 @@ export function Menu({ variant = "desktop", showMenu = true, showButton = true,
56
56
  borderLeft: "none",
57
57
  borderTop: "none",
58
58
  borderBottom: "none",
59
- borderRight: "var(--border-width-25) solid var(--border-neutral-primary)",
59
+ borderRight: "var(--border-width-25) solid var(--border-strong-100)",
60
60
  padding: "var(--spacing-500) var(--spacing-400)",
61
61
  gap: "var(--spacing-none)",
62
62
  };
@@ -67,7 +67,7 @@ export function Menu({ variant = "desktop", showMenu = true, showButton = true,
67
67
  width: "430px",
68
68
  borderTop: "none",
69
69
  borderRight: "none",
70
- borderBottom: "var(--border-width-25) solid var(--border-neutral-primary)",
70
+ borderBottom: "var(--border-width-25) solid var(--border-strong-100)",
71
71
  borderLeft: "none",
72
72
  padding: variant === "tablet-open" ? "var(--spacing-200) var(--spacing-400)" : "8px 0",
73
73
  gap: "var(--spacing-none)",
@@ -79,7 +79,7 @@ export function Menu({ variant = "desktop", showMenu = true, showButton = true,
79
79
  width: "400px",
80
80
  borderTop: "none",
81
81
  borderRight: "none",
82
- borderBottom: "var(--border-width-25) solid var(--border-neutral-primary)",
82
+ borderBottom: "var(--border-width-25) solid var(--border-strong-100)",
83
83
  borderLeft: "none",
84
84
  padding: variant === "mobile-open" ? "var(--spacing-200) var(--spacing-400)" : "var(--spacing-200) var(--spacing-none)",
85
85
  gap: "var(--spacing-none)",
@@ -91,7 +91,7 @@ export function Menu({ variant = "desktop", showMenu = true, showButton = true,
91
91
  width: "100%",
92
92
  borderTop: "none",
93
93
  borderRight: "none",
94
- borderBottom: "var(--border-width-25) solid var(--border-neutral-primary)",
94
+ borderBottom: "var(--border-width-25) solid var(--border-strong-100)",
95
95
  borderLeft: "none",
96
96
  padding: "var(--spacing-200) var(--spacing-400)",
97
97
  alignItems: "flex-end",
package/dist/components/MenuItem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../src/components/MenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE1E,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAuB,EACvB,SAAgB,EAChB,UAAiB,EACjB,OAAc,EACd,QAAe,EACf,KAAiB,EACjB,OAAO,EACP,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,2CAiIf"}
1
+ {"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../src/components/MenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE1E,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAuB,EACvB,SAAgB,EAChB,UAAiB,EACjB,OAAc,EACd,QAAe,EACf,KAAiB,EACjB,OAAO,EACP,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,2CA0If"}
package/dist/components/MenuItem.js CHANGED
@@ -10,10 +10,10 @@ export function MenuItem({ menuTitle = "Menu Item", iconStart = true, iconStart1
10
10
  const backgroundColor = isActive
11
11
  ? "var(--bg-primary-tonal)"
12
12
  : isHovered
13
- ? "var(--bg-page-secondary)"
13
+ ? "var(--bg-page-primary)"
14
14
  : isDisabled
15
- ? "var(--bg-page-primary)"
16
- : "var(--bg-page-primary)";
15
+ ? "var(--bg-page-base)"
16
+ : "var(--bg-page-base)";
17
17
  // Text colors based on state
18
18
  const textColor = isActive
19
19
  ? "var(--fg-primary-on-tonal)"
@@ -48,9 +48,18 @@ export function MenuItem({ menuTitle = "Menu Item", iconStart = true, iconStart1
48
48
  borderRadius: "var(--corner-radius-200)",
49
49
  width: "100%",
50
50
  backgroundColor,
51
+ background: backgroundColor,
51
52
  border: borderStyle,
52
53
  cursor: isDisabled ? "not-allowed" : onClick ? "pointer" : "default",
53
54
  transition: "background-color 0.2s ease, border-color 0.2s ease",
55
+ appearance: "none",
56
+ WebkitAppearance: "none",
57
+ MozAppearance: "none",
58
+ outline: "none",
59
+ fontFamily: "inherit",
60
+ fontSize: "inherit",
61
+ lineHeight: "inherit",
62
+ textAlign: "left",
54
63
  ...style,
55
64
  };
56
65
  return (_jsxs("button", { type: "button", className: className, style: containerStyles, onClick: isDisabled ? undefined : onClick, disabled: isDisabled, ...rest, children: [iconStart && (_jsx("div", { style: {
package/dist/icons/index.d.ts CHANGED
@@ -2,7 +2,7 @@ interface IconProps {
2
2
  size?: number | IconSize;
3
3
  className?: string;
4
4
  }
5
- type IconSize = "xs" | "sm" | "rg" | "md" | "lg" | "xl" | "2xl";
5
+ type IconSize = "xs" | "sm" | "rg" | "rm" | "md" | "lg" | "xl" | "2xl";
6
6
  export declare function BeaconIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
7
7
  export declare function SearchIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
8
8
  export declare function SearchFilledIcon({ size, className }: IconProps): import("react/jsx-runtime").JSX.Element;
package/dist/icons/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.tsx"],"names":[],"mappings":"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"}
package/dist/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export { Button } from "./components/Button";
2
+ export { ButtonIcon } from "./components/ButtonIcon";
2
3
  export { Card } from "./components/Card";
3
4
  export { Checkbox } from "./components/Checkbox";
4
5
  export { Switch } from "./components/Switch";
@@ -9,6 +10,7 @@ export { Menu, type MenuItem as MenuItemData } from "./components/Menu";
9
10
  export { MenuItem, type MenuItemProps, type MenuItemState } from "./components/MenuItem";
10
11
  export { RadioButton } from "./components/RadioButton";
11
12
  export type { ButtonProps, ButtonVariant, ButtonSize, CornerRadiusStep, JustifyContent, ButtonState, ButtonColor } from "./components/Button";
13
+ export type { ButtonIconProps } from "./components/ButtonIcon";
12
14
  export type { CardProps, CardStatus, CardShadow } from "./components/Card";
13
15
  export type { CheckboxProps, CheckboxStatus } from "./components/Checkbox";
14
16
  export type { SwitchProps, SwitchStatus } from "./components/Switch";
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,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,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,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;AAGvD,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC9I,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,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC3G,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACxE,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGpF,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,eAAe,EACf,eAAe,EACf,WAAW,GACZ,MAAM,gBAAgB,CAAC"}
1
+ {"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,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,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;AAGvD,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,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC3G,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACxE,YAAY,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGpF,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,eAAe,EACf,eAAe,EACf,WAAW,GACZ,MAAM,gBAAgB,CAAC"}
package/dist/index.js CHANGED
@@ -1,5 +1,6 @@
1
1
  // Components
2
2
  export { Button } from "./components/Button";
3
+ export { ButtonIcon } from "./components/ButtonIcon";
3
4
  export { Card } from "./components/Card";
4
5
  export { Checkbox } from "./components/Checkbox";
5
6
  export { Switch } from "./components/Switch";
package/dist/tokens/types.d.ts CHANGED
@@ -4,9 +4,9 @@
4
4
  */
5
5
  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.100" | "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.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";
6
6
  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";
7
- 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.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.White-0" | "Color.Alpha-Neutral.White-100" | "Color.Alpha-Neutral.White-200" | "Color.Alpha-Neutral.White-300" | "Color.Alpha-Neutral.White-400" | "Color.Alpha-Neutral.White-500" | "Color.Alpha-Neutral.White-600" | "Color.Alpha-Neutral.White-700" | "Color.Alpha-Neutral.White-800" | "Color.Alpha-Neutral.White-1000" | "Color.Alpha-Neutral.Black-0" | "Color.Alpha-Neutral.Black-100" | "Color.Alpha-Neutral.Black-200" | "Color.Alpha-Neutral.Black-300" | "Color.Alpha-Neutral.Black-400" | "Color.Alpha-Neutral.Black-500" | "Color.Alpha-Neutral.Black-600" | "Color.Alpha-Neutral.Black-700" | "Color.Alpha-Neutral.Black-800" | "Color.Alpha-Neutral.Black-1000";
7
+ 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.White-0" | "Color.Alpha-Neutral.White-100" | "Color.Alpha-Neutral.White-200" | "Color.Alpha-Neutral.White-300" | "Color.Alpha-Neutral.White-400" | "Color.Alpha-Neutral.White-500" | "Color.Alpha-Neutral.White-600" | "Color.Alpha-Neutral.White-700" | "Color.Alpha-Neutral.White-800" | "Color.Alpha-Neutral.White-1000" | "Color.Alpha-Neutral.Black-0" | "Color.Alpha-Neutral.Black-100" | "Color.Alpha-Neutral.Black-200" | "Color.Alpha-Neutral.Black-300" | "Color.Alpha-Neutral.Black-400" | "Color.Alpha-Neutral.Black-500" | "Color.Alpha-Neutral.Black-600" | "Color.Alpha-Neutral.Black-700" | "Color.Alpha-Neutral.Black-800" | "Color.Alpha-Neutral.Black-1000";
8
8
  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";
9
- export type BackgroundToken = "Background.White" | "Background.Page_Primary" | "Background.Page_Secondary" | "Background.Page_Tertiary" | "Background.Disabled" | "Background.Primary" | "Background.Primary_Tonal" | "Background.Primary_Pressed" | "Background.Primary_Disabled" | "Background.Primary_Dark" | "Background.Primary-On_Hover" | "Background.Primary_Tonal-On_Hover" | "Background.Primary-On_Focused" | "Background.Success" | "Background.Success_Tonal" | "Background.Success_Dark" | "Background.Success_Disabled" | "Background.Success-On_Hover" | "Background.Warning" | "Background.Warning_Tonal" | "Background.Warning_Dark" | "Background.Warning_Disabled" | "Background.Warning-On_Hover" | "Background.Critical" | "Background.Critical_Tonal" | "Background.Critical_Dark" | "Background.Critical_Disabled" | "Background.Critical-On_Hover" | "Background.Transparent";
9
+ export type BackgroundToken = "Background.Page_Base" | "Background.Page_Primary" | "Background.Page_Secondary" | "Background.Page_Tertiary" | "Background.Disabled" | "Background.Primary" | "Background.Primary_Tonal" | "Background.Primary_Pressed" | "Background.Primary_Disabled" | "Background.Primary_Dark" | "Background.Primary-On_Hover" | "Background.Primary_Tonal-On_Hover" | "Background.Primary-On_Focused" | "Background.Success" | "Background.Success_Tonal" | "Background.Success_Dark" | "Background.Success_Disabled" | "Background.Success-On_Hover" | "Background.Warning" | "Background.Warning_Tonal" | "Background.Warning_Dark" | "Background.Warning_Disabled" | "Background.Warning-On_Hover" | "Background.Critical" | "Background.Critical_Tonal" | "Background.Critical_Dark" | "Background.Critical_Disabled" | "Background.Critical-On_Hover" | "Background.Transparent";
10
10
  export type ForegroundToken = "Foreground.Neutral" | "Foreground.Neutral_Secondary" | "Foreground.Neutral_Tertiary" | "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";
11
11
  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";
12
12
  export type Theme = "light" | "dark";
package/dist/tokens/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tokens/types.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "beacon-ui",
3
- "version": "3.3.1",
3
+ "version": "3.4.1",
4
4
  "description": "Beacon Design System - Components and tokens",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",
package/tokens/generated/brand-dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Brand tokens - dark theme */
2
2
  [data-theme="dark"] {
3
- --bg-white: var(--color-neutral-800);
3
+ --bg-page-base: var(--color-neutral-900);
4
4
  --bg-page-primary: var(--color-neutral-800);
5
5
  --bg-page-secondary: var(--color-neutral-700);
6
6
  --bg-page-tertiary: var(--color-neutral-600);
package/tokens/generated/brand-light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* Brand tokens - light theme */
2
2
  :root, [data-theme="light"] {
3
- --bg-white: var(--color-alpha-neutral-white-1000);
3
+ --bg-page-base: var(--color-alpha-neutral-white-1000);
4
4
  --bg-page-primary: var(--color-neutral-50);
5
5
  --bg-page-secondary: var(--color-neutral-100);
6
6
  --bg-page-tertiary: var(--color-neutral-200);
package/tokens/generated/index.css CHANGED
@@ -39,7 +39,7 @@
39
39
  --color-gray-600: #3f3c3d;
40
40
  --color-gray-700: #2a2728;
41
41
  --color-gray-800: #1f1d1d;
42
- --color-gray-900: #0b0a0a;
42
+ --color-gray-900: #161616;
43
43
  --color-green-100: #e0ffff;
44
44
  --color-green-200: #9bfdfa;
45
45
  --color-green-300: #69fcf7;
@@ -131,7 +131,6 @@
131
131
  --color-primary-700: var(--color-chromatic-700);
132
132
  --color-primary-800: var(--color-chromatic-800);
133
133
  --color-primary-900: var(--color-chromatic-900);
134
- --icon-size-rm: var(--scale-500);
135
134
  }
136
135
 
137
136
  /* hue-sky */
@@ -145,7 +144,6 @@
145
144
  --color-primary-700: var(--color-blue-700);
146
145
  --color-primary-800: var(--color-blue-800);
147
146
  --color-primary-900: var(--color-blue-900);
148
- --icon-size-rm: var(--scale-550);
149
147
  }
150
148
 
151
149
  /* hue-indigo */
@@ -159,7 +157,6 @@
159
157
  --color-primary-700: var(--color-purple-700);
160
158
  --color-primary-800: var(--color-purple-800);
161
159
  --color-primary-900: var(--color-purple-900);
162
- --icon-size-rm: var(--scale-550);
163
160
  }
164
161
 
165
162
  /* Shared semantic tokens (same across all hues) */
@@ -173,6 +170,7 @@
173
170
  --color-neutral-600: var(--color-gray-600);
174
171
  --color-neutral-700: var(--color-gray-700);
175
172
  --color-neutral-800: var(--color-gray-800);
173
+ --color-neutral-900: var(--color-gray-900);
176
174
  --color-neutral-white: var(--color-white-1000);
177
175
  --color-neutral-black: var(--color-black-1000);
178
176
  --color-success-100: var(--color-green-100);
@@ -236,6 +234,7 @@
236
234
  --icon-size-xs: var(--scale-400);
237
235
  --icon-size-sm: var(--scale-450);
238
236
  --icon-size-rg: var(--scale-500);
237
+ --icon-size-rm: var(--scale-550);
239
238
  --icon-size-md: var(--scale-600);
240
239
  --icon-size-lg: var(--scale-650);
241
240
  --icon-size-xl: var(--scale-700);
@@ -259,7 +258,7 @@
259
258
 
260
259
  /* Brand tokens - light theme */
261
260
  :root, [data-theme="light"] {
262
- --bg-white: var(--color-alpha-neutral-white-1000);
261
+ --bg-page-base: var(--color-alpha-neutral-white-1000);
263
262
  --bg-page-primary: var(--color-neutral-50);
264
263
  --bg-page-secondary: var(--color-neutral-100);
265
264
  --bg-page-tertiary: var(--color-neutral-200);
@@ -346,7 +345,7 @@
346
345
 
347
346
  /* Brand tokens - dark theme */
348
347
  [data-theme="dark"] {
349
- --bg-white: var(--color-neutral-800);
348
+ --bg-page-base: var(--color-neutral-900);
350
349
  --bg-page-primary: var(--color-neutral-800);
351
350
  --bg-page-secondary: var(--color-neutral-700);
352
351
  --bg-page-tertiary: var(--color-neutral-600);
@@ -702,13 +701,13 @@
702
701
  /* Typography utility classes */
703
702
  .text-title-small {
704
703
  font-family: var(--font-secondary);
705
- font-weight: var(--font-weight-secondary-bold);
704
+ font-weight: var(--font-weight-secondary-medium);
706
705
  font-size: var(--fonts-title-small-text-size);
707
706
  line-height: var(--fonts-title-small-line-height);
708
707
  }
709
708
  .text-title-regular {
710
709
  font-family: var(--font-secondary);
711
- font-weight: var(--font-weight-secondary-bold);
710
+ font-weight: var(--font-weight-secondary-medium);
712
711
  font-size: var(--fonts-title-regular-text-size);
713
712
  line-height: var(--fonts-title-regular-line-height);
714
713
  }
@@ -749,7 +748,7 @@
749
748
  }
750
749
  .text-heading-h6 {
751
750
  font-family: var(--font-secondary);
752
- font-weight: var(--font-weight-secondary-medium);
751
+ font-weight: var(--font-weight-secondary-semibold);
753
752
  text-transform: capitalize;
754
753
  font-size: var(--fonts-heading-h6-text-size);
755
754
  line-height: var(--fonts-heading-h6-line-height);
package/tokens/generated/primitives.css CHANGED
@@ -36,7 +36,7 @@
36
36
  --color-gray-600: #3f3c3d;
37
37
  --color-gray-700: #2a2728;
38
38
  --color-gray-800: #1f1d1d;
39
- --color-gray-900: #0b0a0a;
39
+ --color-gray-900: #161616;
40
40
  --color-green-100: #e0ffff;
41
41
  --color-green-200: #9bfdfa;
42
42
  --color-green-300: #69fcf7;
package/tokens/generated/semantic.css CHANGED
@@ -11,7 +11,6 @@
11
11
  --color-primary-700: var(--color-chromatic-700);
12
12
  --color-primary-800: var(--color-chromatic-800);
13
13
  --color-primary-900: var(--color-chromatic-900);
14
- --icon-size-rm: var(--scale-500);
15
14
  }
16
15
 
17
16
  /* hue-sky */
@@ -25,7 +24,6 @@
25
24
  --color-primary-700: var(--color-blue-700);
26
25
  --color-primary-800: var(--color-blue-800);
27
26
  --color-primary-900: var(--color-blue-900);
28
- --icon-size-rm: var(--scale-550);
29
27
  }
30
28
 
31
29
  /* hue-indigo */
@@ -39,7 +37,6 @@
39
37
  --color-primary-700: var(--color-purple-700);
40
38
  --color-primary-800: var(--color-purple-800);
41
39
  --color-primary-900: var(--color-purple-900);
42
- --icon-size-rm: var(--scale-550);
43
40
  }
44
41
 
45
42
  /* Shared semantic tokens (same across all hues) */
@@ -53,6 +50,7 @@
53
50
  --color-neutral-600: var(--color-gray-600);
54
51
  --color-neutral-700: var(--color-gray-700);
55
52
  --color-neutral-800: var(--color-gray-800);
53
+ --color-neutral-900: var(--color-gray-900);
56
54
  --color-neutral-white: var(--color-white-1000);
57
55
  --color-neutral-black: var(--color-black-1000);
58
56
  --color-success-100: var(--color-green-100);
@@ -116,6 +114,7 @@
116
114
  --icon-size-xs: var(--scale-400);
117
115
  --icon-size-sm: var(--scale-450);
118
116
  --icon-size-rg: var(--scale-500);
117
+ --icon-size-rm: var(--scale-550);
119
118
  --icon-size-md: var(--scale-600);
120
119
  --icon-size-lg: var(--scale-650);
121
120
  --icon-size-xl: var(--scale-700);
package/tokens/generated/typography.css CHANGED
@@ -22,13 +22,13 @@
22
22
  /* Typography utility classes */
23
23
  .text-title-small {
24
24
  font-family: var(--font-secondary);
25
- font-weight: var(--font-weight-secondary-bold);
25
+ font-weight: var(--font-weight-secondary-medium);
26
26
  font-size: var(--fonts-title-small-text-size);
27
27
  line-height: var(--fonts-title-small-line-height);
28
28
  }
29
29
  .text-title-regular {
30
30
  font-family: var(--font-secondary);
31
- font-weight: var(--font-weight-secondary-bold);
31
+ font-weight: var(--font-weight-secondary-medium);
32
32
  font-size: var(--fonts-title-regular-text-size);
33
33
  line-height: var(--fonts-title-regular-line-height);
34
34
  }
@@ -69,7 +69,7 @@
69
69
  }
70
70
  .text-heading-h6 {
71
71
  font-family: var(--font-secondary);
72
- font-weight: var(--font-weight-secondary-medium);
72
+ font-weight: var(--font-weight-secondary-semibold);
73
73
  text-transform: capitalize;
74
74
  font-size: var(--fonts-heading-h6-text-size);
75
75
  line-height: var(--fonts-heading-h6-line-height);