@easyv/theme-variables-ai-screen 0.1.0

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 (2) hide show
  1. package/dist/index.css +124 -0
  2. package/package.json +23 -0
package/dist/index.css ADDED
@@ -0,0 +1,124 @@
1
+ [data-ui-theme='ai-screen'] {
2
+ /* Reference · primary scale (Figma easyv) */
3
+ --ui-ref-primary-1: #00144d;
4
+ --ui-ref-primary-2: #072979;
5
+ --ui-ref-primary-3: #1747a5;
6
+ --ui-ref-primary-5: #2e6ad2;
7
+ --ui-ref-primary-6: #3a89fe;
8
+ --ui-ref-primary-7: #84bdfe;
9
+ --ui-ref-primary-8: rgb(58 137 254 / 16%);
10
+
11
+ --ui-ref-red-600: #d92d45;
12
+ --ui-ref-red-700: #b91f37;
13
+
14
+ --ui-color-surface-page: #f8f7fc;
15
+ --ui-color-surface-control: #ffffff;
16
+ --ui-color-surface-control-hover: var(--ui-ref-primary-8);
17
+ --ui-color-surface-floating: #ffffff;
18
+ --ui-color-text-primary: #211d2b;
19
+ --ui-color-text-secondary: #6b6478;
20
+ --ui-color-text-action: var(--ui-ref-primary-5);
21
+ --ui-color-text-placeholder: #8b8498;
22
+ --ui-color-action-primary: var(--ui-ref-primary-6);
23
+ --ui-color-action-primary-hover: var(--ui-ref-primary-5);
24
+ --ui-color-action-primary-active: var(--ui-ref-primary-7);
25
+ --ui-color-action-primary-disabled: var(--ui-ref-primary-7);
26
+ --ui-color-action-primary-disabled-border: var(--ui-ref-primary-7);
27
+ --ui-color-on-action-primary: #ffffff;
28
+ --ui-color-on-action-primary-disabled: color-mix(
29
+ in srgb,
30
+ var(--ui-color-on-action-primary) 72%,
31
+ transparent
32
+ );
33
+ --ui-color-border-control: #d8d2e6;
34
+ --ui-color-border-control-hover: #9d8bd2;
35
+ --ui-color-danger: var(--ui-ref-red-600);
36
+ --ui-color-danger-hover: var(--ui-ref-red-700);
37
+ --ui-color-on-danger: #ffffff;
38
+ --ui-color-focus-ring: var(--ui-ref-primary-8);
39
+ --ui-color-tooltip-bg: #211d2b;
40
+ --ui-color-tooltip-text: #ffffff;
41
+ --ui-color-selection: var(--ui-ref-primary-8);
42
+
43
+ /* Component · primary button (gradient; Figma 1930:25438 / 202:10463) */
44
+ --ui-button-primary-fill-from: var(--ui-ref-primary-6);
45
+ --ui-button-primary-fill-to: var(--ui-ref-primary-5);
46
+ --ui-button-primary-border: var(--ui-ref-primary-7);
47
+ --ui-button-primary-fill-from-hover: #5a9dfe;
48
+ --ui-button-primary-fill-to-hover: var(--ui-ref-primary-5);
49
+ --ui-button-primary-border-hover: #9cc8fe;
50
+ --ui-button-primary-fill-from-active: var(--ui-ref-primary-7);
51
+ --ui-button-primary-fill-to-active: var(--ui-ref-primary-6);
52
+ --ui-button-primary-border-active: var(--ui-ref-primary-6);
53
+ --ui-button-primary-fill-from-disabled: var(--ui-color-action-primary-disabled);
54
+ --ui-button-primary-fill-to-disabled: var(--ui-ref-primary-6);
55
+ --ui-button-primary-border-disabled: var(--ui-color-action-primary-disabled-border);
56
+ --ui-button-primary-on-disabled: var(--ui-color-on-action-primary-disabled);
57
+ --ui-button-primary-shadow: 0 1px 2px rgb(0 0 0 / 12%);
58
+ --ui-button-primary-bg: linear-gradient(
59
+ 180deg,
60
+ var(--ui-button-primary-fill-from) 0%,
61
+ var(--ui-button-primary-fill-to) 100%
62
+ );
63
+ --ui-button-primary-bg-hover: linear-gradient(
64
+ 180deg,
65
+ var(--ui-button-primary-fill-from-hover) 0%,
66
+ var(--ui-button-primary-fill-to-hover) 100%
67
+ );
68
+ --ui-button-primary-bg-active: linear-gradient(
69
+ 180deg,
70
+ var(--ui-button-primary-fill-from-active) 0%,
71
+ var(--ui-button-primary-fill-to-active) 100%
72
+ );
73
+ --ui-button-primary-bg-disabled: linear-gradient(
74
+ 180deg,
75
+ var(--ui-button-primary-fill-from-disabled) 0%,
76
+ var(--ui-button-primary-fill-to-disabled) 100%
77
+ );
78
+
79
+ --ui-space-1: 4px;
80
+ --ui-space-2: 8px;
81
+ --ui-space-3: 12px;
82
+ --ui-space-4: 16px;
83
+ --ui-space-5: 20px;
84
+ --ui-space-6: 24px;
85
+
86
+ /* Radius scale · general purpose (tags, chips, etc.) */
87
+ --ui-radius-2xs: 4px;
88
+
89
+ /* Control scale · height and radius linked (Button / Select / Input) */
90
+ --ui-control-height-xs: 20px;
91
+ --ui-control-height-mini: 24px;
92
+ --ui-control-height-sm: 28px;
93
+ --ui-control-height-lg: 32px;
94
+ --ui-radius-control-xs: 6px;
95
+ --ui-radius-control-mini: 6px;
96
+ --ui-radius-control-sm: 8px;
97
+ --ui-radius-control-lg: 8px;
98
+ --ui-radius-control: var(--ui-radius-control-sm);
99
+
100
+ --ui-radius-menu: 12px;
101
+ --ui-radius-tooltip: 8px;
102
+ --ui-shadow-control: 0 1px 2px rgb(33 29 43 / 16%);
103
+ --ui-shadow-floating: 0 12px 32px rgb(33 29 43 / 22%);
104
+ --ui-opacity-disabled: 0.48;
105
+ --ui-z-index-dropdown: 900;
106
+ --ui-z-index-tooltip: 1000;
107
+
108
+ --ui-font-family-sans: Inter, ui-sans-serif, system-ui, sans-serif;
109
+ --ui-font-size-body: 14px;
110
+ --ui-font-size-control-xs: 12px;
111
+ --ui-font-size-control-mini: 12px;
112
+ --ui-font-size-control-sm: 13px;
113
+ --ui-font-size-control-lg: 14px;
114
+ --ui-font-size-caption: 12px;
115
+ --ui-font-size-tooltip: 12px;
116
+ --ui-font-weight-control: 600;
117
+ --ui-line-height-body: 1.5;
118
+
119
+ --ui-duration-fast: 120ms;
120
+ --ui-duration-normal: 180ms;
121
+ --ui-easing-standard: cubic-bezier(0.2, 0, 0, 1);
122
+ --ui-easing-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);
123
+ --ui-tooltip-enter-y: 4px;
124
+ }
package/package.json ADDED
@@ -0,0 +1,23 @@
1
+ {
2
+ "name": "@easyv/theme-variables-ai-screen",
3
+ "version": "0.1.0",
4
+ "description": "AI Screen theme tokens",
5
+ "sideEffects": [
6
+ "*.css",
7
+ "dist/*.css"
8
+ ],
9
+ "style": "./dist/index.css",
10
+ "exports": {
11
+ ".": "./dist/index.css",
12
+ "./index.css": "./dist/index.css"
13
+ },
14
+ "files": [
15
+ "dist"
16
+ ],
17
+ "publishConfig": {
18
+ "access": "public"
19
+ },
20
+ "scripts": {
21
+ "build": "mkdir -p dist && cp src/index.css dist/index.css"
22
+ }
23
+ }