@gcsa/design-tokens 0.1.2 → 0.1.4

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 (5) hide show
  1. package/css/tokens.css +2 -2
  2. package/dist/index.d.ts +26 -26
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +26 -26
  5. package/package.json +1 -1
package/css/tokens.css CHANGED
@@ -41,7 +41,7 @@
41
41
  --gcsa-font-size-md: 15px;
42
42
  --gcsa-font-size-lg: 16px;
43
43
  --gcsa-font-size-xl: 18px;
44
- --gcsa-font-size-2xl: 22px;
44
+ --gcsa-font-size-2xl: 24px;
45
45
  --gcsa-font-size-3xl: 28px;
46
46
 
47
47
  --gcsa-line-height-tight: 1.35;
@@ -62,7 +62,7 @@
62
62
  /* Figma dark foundation tokens (00 · Cover & Foundations). */
63
63
  --gcsa-color-bg-base: #030407;
64
64
  --gcsa-color-bg-shell: #030407;
65
- --gcsa-color-bg-shell-deep: #040c13;
65
+ --gcsa-color-bg-shell-deep: #030407;
66
66
  --gcsa-color-bg-surface: #121316;
67
67
  --gcsa-color-bg-elevated: #1a1b1f;
68
68
  --gcsa-color-bg-input: #121316;
package/dist/index.d.ts CHANGED
@@ -1,37 +1,37 @@
1
- /** 管理后台统一色板 — 与 gcsa 主站 adminColors 对齐 */
1
+ /** 管理后台统一色板 — 与 CSS tokens（packages/design-tokens/css/tokens.css）对齐 */
2
2
  export declare const GCSA_CONSOLE_COLORS: {
3
- readonly bgBase: "#000205";
4
- readonly bgShell: "#061018";
5
- readonly bgShellDeep: "#040c13";
6
- readonly bgSurface: "#0a1520";
7
- readonly bgElevated: "#0f1c28";
8
- readonly bgInput: "rgba(10, 21, 32, 0.96)";
9
- readonly bgHover: "rgba(15, 28, 40, 0.92)";
10
- readonly border: "rgba(0, 187, 204, 0.14)";
11
- readonly borderSubtle: "rgba(20, 36, 47, 0.9)";
12
- readonly borderStrong: "rgba(0, 187, 204, 0.28)";
3
+ readonly bgBase: "#030407";
4
+ readonly bgShell: "#030407";
5
+ readonly bgShellDeep: "#030407";
6
+ readonly bgSurface: "#121316";
7
+ readonly bgElevated: "#1a1b1f";
8
+ readonly bgInput: "#121316";
9
+ readonly bgHover: "rgba(255, 255, 255, 0.06)";
10
+ readonly border: "rgba(255, 255, 255, 0.14)";
11
+ readonly borderSubtle: "rgba(255, 255, 255, 0.08)";
12
+ readonly borderStrong: "rgba(0, 187, 204, 0.48)";
13
13
  readonly primary: "#00BBCC";
14
14
  readonly primaryHover: "#3ecfd6";
15
15
  readonly primaryMuted: "rgba(0, 187, 204, 0.14)";
16
16
  readonly primaryMutedStrong: "rgba(0, 187, 204, 0.2)";
17
- readonly text: "rgba(236, 240, 244, 0.92)";
18
- readonly textHeading: "rgba(248, 250, 252, 0.96)";
19
- readonly textSecondary: "rgba(148, 163, 184, 0.78)";
20
- readonly textMuted: "rgba(148, 163, 184, 0.62)";
21
- readonly textOnSurface: "rgba(203, 213, 225, 0.88)";
17
+ readonly text: "#ffffff";
18
+ readonly textHeading: "#ffffff";
19
+ readonly textSecondary: "rgba(255, 255, 255, 0.6)";
20
+ readonly textMuted: "rgba(255, 255, 255, 0.6)";
21
+ readonly textOnSurface: "#ffffff";
22
22
  readonly menuHover: "rgba(0, 187, 204, 0.08)";
23
23
  readonly shellGlow: "rgba(0, 187, 204, 0.06)";
24
- readonly destructive: "#ef4444";
25
- readonly destructiveText: "#ff6b7a";
26
- readonly accent: "#008674";
27
- readonly success: "#008674";
28
- readonly warning: "#f59e0b";
29
- readonly info: "#38bdf8";
24
+ readonly destructive: "#E24444";
25
+ readonly destructiveText: "#E24444";
26
+ readonly accent: "#00C0A6";
27
+ readonly success: "#00C0A6";
28
+ readonly warning: "#F59E0B";
29
+ readonly info: "#41B7EC";
30
30
  };
31
31
  export declare const GCSA_CONSOLE_LAYOUT: {
32
- readonly siderWidth: 220;
33
- readonly siderCollapsedWidth: 80;
34
- readonly headerHeight: 62;
32
+ readonly siderWidth: 240;
33
+ readonly siderCollapsedWidth: 72;
34
+ readonly headerHeight: 60;
35
35
  readonly radiusSm: 8;
36
36
  readonly radiusMd: 12;
37
37
  readonly radiusLg: 16;
@@ -43,7 +43,7 @@ export declare const GCSA_FONT_SIZES: {
43
43
  readonly md: 15;
44
44
  readonly lg: 16;
45
45
  readonly xl: 18;
46
- readonly '2xl': 22;
46
+ readonly '2xl': 24;
47
47
  readonly '3xl': 28;
48
48
  };
49
49
  export declare const GCSA_LINE_HEIGHTS: {
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BtB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;CAOtB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;CASlB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;CAKpB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAEnE,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BtB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;;;;CAOtB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;;;;CASlB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;CAKpB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,mBAAmB,CAAC;AAEnE,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAC"}
package/dist/index.js CHANGED
@@ -1,37 +1,37 @@
1
- /** 管理后台统一色板 — 与 gcsa 主站 adminColors 对齐 */
1
+ /** 管理后台统一色板 — 与 CSS tokens（packages/design-tokens/css/tokens.css）对齐 */
2
2
  export const GCSA_CONSOLE_COLORS = {
3
- bgBase: '#000205',
4
- bgShell: '#061018',
5
- bgShellDeep: '#040c13',
6
- bgSurface: '#0a1520',
7
- bgElevated: '#0f1c28',
8
- bgInput: 'rgba(10, 21, 32, 0.96)',
9
- bgHover: 'rgba(15, 28, 40, 0.92)',
10
- border: 'rgba(0, 187, 204, 0.14)',
11
- borderSubtle: 'rgba(20, 36, 47, 0.9)',
12
- borderStrong: 'rgba(0, 187, 204, 0.28)',
3
+ bgBase: '#030407',
4
+ bgShell: '#030407',
5
+ bgShellDeep: '#030407',
6
+ bgSurface: '#121316',
7
+ bgElevated: '#1a1b1f',
8
+ bgInput: '#121316',
9
+ bgHover: 'rgba(255, 255, 255, 0.06)',
10
+ border: 'rgba(255, 255, 255, 0.14)',
11
+ borderSubtle: 'rgba(255, 255, 255, 0.08)',
12
+ borderStrong: 'rgba(0, 187, 204, 0.48)',
13
13
  primary: '#00BBCC',
14
14
  primaryHover: '#3ecfd6',
15
15
  primaryMuted: 'rgba(0, 187, 204, 0.14)',
16
16
  primaryMutedStrong: 'rgba(0, 187, 204, 0.2)',
17
- text: 'rgba(236, 240, 244, 0.92)',
18
- textHeading: 'rgba(248, 250, 252, 0.96)',
19
- textSecondary: 'rgba(148, 163, 184, 0.78)',
20
- textMuted: 'rgba(148, 163, 184, 0.62)',
21
- textOnSurface: 'rgba(203, 213, 225, 0.88)',
17
+ text: '#ffffff',
18
+ textHeading: '#ffffff',
19
+ textSecondary: 'rgba(255, 255, 255, 0.6)',
20
+ textMuted: 'rgba(255, 255, 255, 0.6)',
21
+ textOnSurface: '#ffffff',
22
22
  menuHover: 'rgba(0, 187, 204, 0.08)',
23
23
  shellGlow: 'rgba(0, 187, 204, 0.06)',
24
- destructive: '#ef4444',
25
- destructiveText: '#ff6b7a',
26
- accent: '#008674',
27
- success: '#008674',
28
- warning: '#f59e0b',
29
- info: '#38bdf8'
24
+ destructive: '#E24444',
25
+ destructiveText: '#E24444',
26
+ accent: '#00C0A6',
27
+ success: '#00C0A6',
28
+ warning: '#F59E0B',
29
+ info: '#41B7EC'
30
30
  };
31
31
  export const GCSA_CONSOLE_LAYOUT = {
32
- siderWidth: 220,
33
- siderCollapsedWidth: 80,
34
- headerHeight: 62,
32
+ siderWidth: 240,
33
+ siderCollapsedWidth: 72,
34
+ headerHeight: 60,
35
35
  radiusSm: 8,
36
36
  radiusMd: 12,
37
37
  radiusLg: 16
@@ -43,7 +43,7 @@ export const GCSA_FONT_SIZES = {
43
43
  md: 15,
44
44
  lg: 16,
45
45
  xl: 18,
46
- '2xl': 22,
46
+ '2xl': 24,
47
47
  '3xl': 28
48
48
  };
49
49
  export const GCSA_LINE_HEIGHTS = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gcsa/design-tokens",
3
- "version": "0.1.2",
3
+ "version": "0.1.4",
4
4
  "description": "GCSA design tokens — CSS variables and TS constants for console and marketing surfaces.",
5
5
  "type": "module",
6
6
  "license": "UNLICENSED",