@cregis/tokens 1.0.4 → 1.0.6

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 (18) hide show
  1. package/package.json +1 -1
  2. package/src/desktop/color-definition.css +70 -43
  3. package/src/desktop/fragment/backdrop.css +3 -0
  4. package/src/desktop/fragment/blur.css +3 -0
  5. package/src/desktop/fragment/index.css +2 -0
  6. package/src/desktop/index.css +1 -0
  7. package/src/desktop/motion/index.css +1 -0
  8. package/src/desktop/motion/vars.css +3 -0
  9. package/src/desktop/size/base.css +7 -7
  10. package/src/desktop/size/spacing.css +2 -2
  11. package/src/desktop/theme.css +7 -4
  12. package/src/desktop/typography/font-family.css +1 -2
  13. package/src/mobile/size/base.css +7 -7
  14. package/src/mobile/size/spacing.css +2 -2
  15. package/src/web/size/base.css +1 -1
  16. package/src/web/size/depth.css +1 -1
  17. package/src/web/size/spacing.css +1 -1
  18. package/src/desktop/.claude/settings.local.json +0 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cregis/tokens",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "description": "Design tokens for frontend projects",
5
5
  "type": "module",
6
6
  "license": "MIT",
package/src/desktop/color-definition.css CHANGED
@@ -2,25 +2,48 @@
2
2
  --box-container: color(from var(--eds-container) display-p3 r g b / 0.8);
3
3
  --box-menu: color(from var(--eds-menu) display-p3 r g b / 1);
4
4
  --box-page: color(from var(--eds-page) display-p3 r g b / 1);
5
- --box-flotation: color(from var(--eds-flotation) display-p3 r g b / 1);
6
-
7
- --event-hover-primary: color(from var(--eds-brand) display-p3 r g b / 1);
8
- --event-hover-secondary: color(from var(--eds-base) display-p3 r g b / 0.05);
5
+ --box-flotation: color(from var(--eds-popup) display-p3 r g b / 1);
6
+
7
+ --event-hover: color(from var(--eds-base) display-p3 r g b / 0.05);
8
+ --event-hover-light: color(from var(--eds-same-white) display-p3 r g b / 0.15);
9
+ --event-hover-brand: color(from var(--eds-brand) display-p3 r g b / 1);
10
+ --event-hover-brand-weaken: color(from var(--eds-brand) display-p3 r g b / 0.4);
11
+ --event-hover-danger: color(from var(--eds-danger) display-p3 r g b / 1);
12
+ --event-hover-base: color(from var(--eds-base) display-p3 r g b / 1);
13
+ --event-hover-face: color(from var(--eds-face) display-p3 r g b / 1);
14
+ --event-hover-same-black: color(from var(--eds-same-black) display-p3 r g b / 1);
15
+ --event-hover-same-white: color(from var(--eds-same-white) display-p3 r g b / 1);
9
16
  --event-hover-tertiary: color(from var(--eds-page) display-p3 r g b / 1);
10
- --event-focus-primary: color(from var(--eds-brand) display-p3 r g b / 1);
11
- --event-focus-secondary: color(from var(--eds-base) display-p3 r g b / 0.07);
12
- --event-focus-tertiary: color(from var(--eds-brand) display-p3 r g b / 0.2);
13
-
17
+ --event-active-dark: color(from var(--eds-base) display-p3 r g b / 0.2);
18
+ --event-active-brand: color(from var(--eds-brand) display-p3 r g b / 0.6);
19
+ --event-active-danger: color(from var(--eds-danger) display-p3 r g b / 0.6);
20
+ --event-active-base: color(from var(--eds-base) display-p3 r g b / 0.6);
21
+ --event-active-face: color(from var(--eds-face) display-p3 r g b / 0.6);
22
+ --event-active-same-black: color(from var(--eds-same-black) display-p3 r g b / 0.6);
23
+ --event-active-same-white: color(from var(--eds-same-white) display-p3 r g b / 0.6);
24
+ --event-focus: color(from var(--eds-base) display-p3 r g b / 0.07);
25
+ --event-focus-brand: color(from var(--eds-brand) display-p3 r g b / 1);
26
+ --event-focus-brand-weaken: color(from var(--eds-brand) display-p3 r g b / 0.2);
27
+
28
+ --status-disable-base: color(from var(--eds-base) display-p3 r g b / 0.2);
29
+ --status-disable-base-weaken: color(from var(--eds-base) display-p3 r g b / 0.05);
30
+ --status-disable-brand: color(from var(--eds-brand) display-p3 r g b / 0.4);
31
+ --status-disable-brand-weaken: color(from var(--eds-brand) display-p3 r g b / 0.2);
32
+ --status-disable-same-white: color(from var(--eds-same-white) display-p3 r g b / 1);
33
+ --status-success: color(from var(--eds-success) display-p3 r g b / 1);
34
+ --status-success-weaken: color(from var(--eds-success) display-p3 r g b / 0.2);
35
+ --status-danger: color(from var(--eds-danger) display-p3 r g b / 1);
36
+ --status-danger-weaken: color(from var(--eds-danger) display-p3 r g b / 0.2);
37
+ --status-warning: color(from var(--eds-warning) display-p3 r g b / 1);
38
+ --status-warning-weaken: color(from var(--eds-warning) display-p3 r g b / 0.2);
39
+
40
+ --text-hide: color(from var(--eds-base) display-p3 r g b / 0);
14
41
  --text-brand-primary: color(from var(--eds-brand) display-p3 r g b / 1);
15
42
  --text-brand-secondary: color(from var(--eds-brand) display-p3 r g b / 0.6);
16
43
  --text-brand-tertiary: color(from var(--eds-brand) display-p3 r g b / 0.4);
17
44
  --text-brand-quaternary: color(from var(--eds-brand) display-p3 r g b / 0.2);
18
45
  --text-match: color(from var(--eds-match) display-p3 r g b / 1);
19
- --text-success: color(from var(--eds-success) display-p3 r g b / 1);
20
- --text-danger-primary: color(from var(--eds-danger) display-p3 r g b / 1);
21
46
  --text-danger-secondary: color(from var(--eds-danger) display-p3 r g b / 0.6);
22
- --text-danger-disable: color(from var(--eds-danger) display-p3 r g b / 0.2);
23
- --text-warning: color(from var(--eds-warning) display-p3 r g b / 1);
24
47
  --text-same-black-primary: color(from var(--eds-same-black) display-p3 r g b / 1);
25
48
  --text-same-black-secondary: color(from var(--eds-same-black) display-p3 r g b / 0.6);
26
49
  --text-same-white-primary: color(from var(--eds-same-white) display-p3 r g b / 1);
@@ -38,22 +61,17 @@
38
61
  --material-brand-primary: color(from var(--eds-brand) display-p3 r g b / 1);
39
62
  --material-brand-tertiary: color(from var(--eds-brand) display-p3 r g b / 0.4);
40
63
  --material-brand-quaternary: color(from var(--eds-brand) display-p3 r g b / 0.2);
41
- --material-brand-subtle: color(from var(--eds-brand) display-p3 r g b / 0.1);
64
+ --material-brand-quinary: color(from var(--eds-brand) display-p3 r g b / 0.12);
42
65
  --material-match-primary: color(from var(--eds-match) display-p3 r g b / 1);
43
66
  --material-match-quaternary: color(from var(--eds-match) display-p3 r g b / 0.2);
44
67
  --material-decor-primary: color(from var(--eds-decor) display-p3 r g b / 1);
45
68
  --material-decor-quaternary: color(from var(--eds-decor) display-p3 r g b / 0.2);
46
69
  --material-decor-primary-10: color(from var(--eds-decor) display-p3 r g b / 0.1);
47
- --material-success-primary: color(from var(--eds-success) display-p3 r g b / 1);
48
- --material-success-quaternary: color(from var(--eds-success) display-p3 r g b / 0.2);
49
- --material-danger-primary: color(from var(--eds-danger) display-p3 r g b / 1);
50
- --material-danger-quaternary: color(from var(--eds-danger) display-p3 r g b / 0.2);
51
- --material-warning-primary: color(from var(--eds-warning) display-p3 r g b / 1);
52
- --material-warning-quaternary: color(from var(--eds-warning) display-p3 r g b / 0.2);
53
70
  --material-same-black: color(from var(--eds-same-black) display-p3 r g b / 1);
54
71
  --material-same-white-primary: color(from var(--eds-same-white) display-p3 r g b / 1);
55
72
  --material-same-white-secondary: color(from var(--eds-same-white) display-p3 r g b / 0.6);
56
- --material-same-white-quaternary: color(from var(--eds-same-white) display-p3 r g b / 0.8);
73
+ --material-same-white-tertiary: color(from var(--eds-same-white) display-p3 r g b / 1);
74
+ --material-same-white-quaternary: color(from var(--eds-same-white) display-p3 r g b / 0.4);
57
75
  --material-card-shallow: color(from var(--eds-base) display-p3 r g b / 0.02);
58
76
  --material-card-moderate: color(from var(--eds-base) display-p3 r g b / 0.05);
59
77
  --material-card-subtle: color(from var(--eds-base) display-p3 r g b / 0.04);
@@ -77,15 +95,16 @@
77
95
  --data-table-scroll-bar-indicator: color(from var(--eds-base) display-p3 r g b / 0.04);
78
96
  --data-table-scroll-bar-indicator-hover: color(from var(--eds-base) display-p3 r g b / 0.2);
79
97
 
80
- --effect-shadow-deep: color(from var(--eds-same-black) display-p3 r g b / 0.2);
81
- --effect-shadow-shallow: color(from var(--eds-same-black) display-p3 r g b / 0.1);
98
+ --effect-shadow-shallow: color(from var(--eds-same-black) display-p3 r g b / 0.06);
82
99
  --effect-popup-background: color(from var(--eds-same-black) display-p3 r g b / 0.5);
83
- --effect-popup-box: color(from var(--eds-flotation) display-p3 r g b / 1);
84
- --effect-flotation-box: color(from var(--eds-flotation) display-p3 r g b / 1);
85
- --effect-mask: color(from var(--eds-page) display-p3 r g b / 0.6);
100
+ --effect-popup-box: color(from var(--eds-popup) display-p3 r g b / 1);
101
+ --effect-flotation-box: color(from var(--eds-flotation) display-p3 r g b / 0.6);
102
+ --effect-popover-box: color(from var(--eds-popup) display-p3 r g b / 0.85);
103
+ --effect-mask: color(from var(--eds-page) display-p3 r g b / 0.82);
86
104
  --effect-prompt: color(from var(--eds-base) display-p3 r g b / 0.9);
87
- --effect-subtle-shadow: color(from var(--eds-same-black) display-p3 r g b / 0.03);
88
- --effect-vulvar-shadow: color(from var(--eds-same-black) display-p3 r g b / 0.2);
105
+ --effect-vulvar-shadow: color(from var(--eds-same-black) display-p3 r g b / 0.25);
106
+ --effect-vulvar-shadow-deep: color(from var(--eds-same-black) display-p3 r g b / 0.5);
107
+ --effect-vulvar-shadow-subtle: color(from var(--eds-same-black) display-p3 r g b / 0.03);
89
108
  --effect-vulvar-shadow-glow: color(from var(--eds-vulvar-glow) display-p3 r g b / 1);
90
109
  --effect-inner-shadow: color(from var(--eds-same-black) display-p3 r g b / 1);
91
110
  --effect-inner-shadow-glow: color(from var(--eds-inner-glow) display-p3 r g b / 1);
@@ -99,7 +118,7 @@
99
118
  --stroke-face-secondary: color(from var(--eds-face) display-p3 r g b / 0.6);
100
119
  --stroke-divider-module: color(from var(--eds-module-stroke) display-p3 r g b / 1);
101
120
  --stroke-divider-page: color(from var(--eds-base) display-p3 r g b / 0.1);
102
- --stroke-divider-table: color(from var(--eds-base) display-p3 r g b / 0.09);
121
+ --stroke-divider-table: color(from var(--eds-base) display-p3 r g b / 0.04);
103
122
  --stroke-outline-shallow: color(from var(--eds-base) display-p3 r g b / 0.12);
104
123
  --stroke-outline-deep: color(from var(--eds-base) display-p3 r g b / 0.18);
105
124
  --stroke-outline-subtle: color(from var(--eds-base) display-p3 r g b / 0.06);
@@ -110,6 +129,7 @@
110
129
  --stroke-color-decor: color(from var(--eds-decor) display-p3 r g b / 1);
111
130
  --stroke-color-danger: color(from var(--eds-danger) display-p3 r g b / 1);
112
131
  --stroke-color-danger-active: color(from var(--eds-danger) display-p3 r g b / 0.6);
132
+ --stroke-color-warning: color(from var(--eds-warning) display-p3 r g b / 1);
113
133
  --stroke-same-white-primary: color(from var(--eds-same-white) display-p3 r g b / 1);
114
134
  --stroke-same-white-secondary: color(from var(--eds-same-white) display-p3 r g b / 0.6);
115
135
  --stroke-same-black-primary: color(from var(--eds-same-black) display-p3 r g b / 1);
@@ -119,12 +139,14 @@
119
139
  .dark {
120
140
  --box-container: color(from var(--eds-container) display-p3 r g b / 0.8);
121
141
 
122
- --event-hover-secondary: color(from var(--eds-base) display-p3 r g b / 0.07);
123
- --event-focus-secondary: color(from var(--eds-base) display-p3 r g b / 0.1);
142
+ --event-hover: color(from var(--eds-base) display-p3 r g b / 0.07);
143
+ --event-focus: color(from var(--eds-base) display-p3 r g b / 0.1);
124
144
 
125
- --stroke-divider-table: color(from var(--eds-base) display-p3 r g b / 0.07);
145
+ --status-disable-base-weaken: color(from var(--eds-base) display-p3 r g b / 0.07);
146
+ --status-disable-same-white: color(from var(--eds-same-white) display-p3 r g b / 0.2);
126
147
 
127
- --material-same-white-quaternary: color(from var(--eds-same-white) display-p3 r g b / 0.2);
148
+ --material-same-white-tertiary: color(from var(--eds-same-white) display-p3 r g b / 0.2);
149
+ --material-same-white-quaternary: color(from var(--eds-same-white) display-p3 r g b / 0.04);
128
150
  --material-card-shallow: color(from var(--eds-base) display-p3 r g b / 0.02);
129
151
  --material-card-moderate: color(from var(--eds-base) display-p3 r g b / 0.07);
130
152
  --material-card-subtle: color(from var(--eds-base) display-p3 r g b / 0.06);
@@ -133,12 +155,13 @@
133
155
 
134
156
  --data-table-scroll-bar-indicator: color(from var(--eds-base) display-p3 r g b / 0.07);
135
157
 
136
- --effect-shadow-deep: color(from var(--eds-same-black) display-p3 r g b / 0.6);
137
- --effect-shadow-shallow: color(from var(--eds-same-black) display-p3 r g b / 0.3);
158
+ --effect-shadow-shallow: color(from var(--eds-same-black) display-p3 r g b / 0.25);
159
+ --effect-mask: color(from var(--eds-page) display-p3 r g b / 0.6);
138
160
  --effect-prompt: color(from var(--eds-base) display-p3 r g b / 0.2);
139
- --effect-subtle-shadow: color(from var(--eds-same-black) display-p3 r g b / 0.2);
161
+ --effect-vulvar-shadow: color(from var(--eds-same-black) display-p3 r g b / 0.6);
162
+ --effect-vulvar-shadow-deep: color(from var(--eds-same-black) display-p3 r g b / 0.8);
163
+ --effect-vulvar-shadow-subtle: color(from var(--eds-same-black) display-p3 r g b / 0.2);
140
164
 
141
- --stroke-outline-shallow: color(from var(--eds-base) display-p3 r g b / 0.14);
142
165
  --stroke-outline-deep: color(from var(--eds-base) display-p3 r g b / 0.2);
143
166
  --stroke-outline-subtle: color(from var(--eds-base) display-p3 r g b / 0.1);
144
167
  }
@@ -147,12 +170,14 @@
147
170
  .system {
148
171
  --box-container: color(from var(--eds-container) display-p3 r g b / 0.8);
149
172
 
150
- --event-hover-secondary: color(from var(--eds-base) display-p3 r g b / 0.07);
151
- --event-focus-secondary: color(from var(--eds-base) display-p3 r g b / 0.1);
173
+ --event-hover: color(from var(--eds-base) display-p3 r g b / 0.07);
174
+ --event-focus: color(from var(--eds-base) display-p3 r g b / 0.1);
152
175
 
153
- --stroke-divider-table: color(from var(--eds-base) display-p3 r g b / 0.07);
176
+ --status-disable-base-weaken: color(from var(--eds-base) display-p3 r g b / 0.07);
177
+ --status-disable-same-white: color(from var(--eds-same-white) display-p3 r g b / 0.2);
154
178
 
155
- --material-same-white-quaternary: color(from var(--eds-same-white) display-p3 r g b / 0.2);
179
+ --material-same-white-tertiary: color(from var(--eds-same-white) display-p3 r g b / 0.2);
180
+ --material-same-white-quaternary: color(from var(--eds-same-white) display-p3 r g b / 0.04);
156
181
  --material-card-shallow: color(from var(--eds-base) display-p3 r g b / 0.02);
157
182
  --material-card-moderate: color(from var(--eds-base) display-p3 r g b / 0.07);
158
183
  --material-card-subtle: color(from var(--eds-base) display-p3 r g b / 0.06);
@@ -161,11 +186,13 @@
161
186
 
162
187
  --data-table-scroll-bar-indicator: color(from var(--eds-base) display-p3 r g b / 0.07);
163
188
 
164
- --effect-shadow-deep: color(from var(--eds-same-black) display-p3 r g b / 0.6);
189
+ --effect-shadow-shallow: color(from var(--eds-same-black) display-p3 r g b / 0.25);
190
+ --effect-mask: color(from var(--eds-page) display-p3 r g b / 0.6);
165
191
  --effect-prompt: color(from var(--eds-base) display-p3 r g b / 0.2);
166
- --effect-subtle-shadow: color(from var(--eds-same-black) display-p3 r g b / 0.2);
192
+ --effect-vulvar-shadow: color(from var(--eds-same-black) display-p3 r g b / 0.6);
193
+ --effect-vulvar-shadow-deep: color(from var(--eds-same-black) display-p3 r g b / 0.8);
194
+ --effect-vulvar-shadow-subtle: color(from var(--eds-same-black) display-p3 r g b / 0.2);
167
195
 
168
- --stroke-outline-shallow: color(from var(--eds-base) display-p3 r g b / 0.14);
169
196
  --stroke-outline-deep: color(from var(--eds-base) display-p3 r g b / 0.2);
170
197
  --stroke-outline-subtle: color(from var(--eds-base) display-p3 r g b / 0.1);
171
198
  }
package/src/desktop/fragment/backdrop.css ADDED
@@ -0,0 +1,3 @@
1
+ :root {
2
+ --eds-blur-bg: saturate(360%) blur(50px);
3
+ }
package/src/desktop/fragment/blur.css ADDED
@@ -0,0 +1,3 @@
1
+ :root {
2
+ --blur-shallow: 48px;
3
+ }
package/src/desktop/fragment/index.css ADDED
@@ -0,0 +1,2 @@
1
+ @import "./backdrop.css";
2
+ @import "./blur.css";
package/src/desktop/index.css CHANGED
@@ -2,3 +2,4 @@
2
2
  @import "./color-definition.css";
3
3
  @import "./size/index.css";
4
4
  @import "./typography/index.css";
5
+ @import "./fragment/index.css";
package/src/desktop/motion/index.css ADDED
@@ -0,0 +1 @@
1
+ @import "./vars.css";
package/src/desktop/motion/vars.css ADDED
@@ -0,0 +1,3 @@
1
+ :root {
2
+ --motion-recipe-hover: '';
3
+ }
package/src/desktop/size/base.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --scale-0: 0px;
3
- --scale-025: 1px;
4
- --scale-05: 2px;
3
+ --scale-0-25: 1px;
4
+ --scale-0-5: 2px;
5
5
  --scale-1: 4px;
6
6
  --scale-1-5: 6px;
7
7
  --scale-2: 8px;
@@ -29,9 +29,9 @@
29
29
  --scale-50: 200px;
30
30
  --scale-full: 888px;
31
31
 
32
- --stroke-xl: 2;
33
- --stroke-lg: 1.4;
34
- --stroke-md: 1.1;
35
- --stroke-sm: 1;
36
- --stroke-xs: 0.5;
32
+ --stroke-xl: 2px;
33
+ --stroke-lg: 1.4px;
34
+ --stroke-md: 1.1px;
35
+ --stroke-sm: 1px;
36
+ --stroke-xs: 0.5px;
37
37
  }
package/src/desktop/size/spacing.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --spacing-0: var(--scale-0);
3
- --spacing-025: var(--scale-025);
4
- --spacing-0-5: var(--scale-05);
3
+ --spacing-0-25: var(--scale-0-25);
4
+ --spacing-0-5: var(--scale-0-5);
5
5
  --spacing-1: var(--scale-1);
6
6
  --spacing-1-5: var(--scale-1-5);
7
7
  --spacing-2: var(--scale-2);
package/src/desktop/theme.css CHANGED
@@ -10,14 +10,15 @@
10
10
  --eds-same-black: color(display-p3 0.0078 0.0118 0.0157);
11
11
  --eds-same-white: color(display-p3 1 1 1);
12
12
  --eds-container: color(display-p3 0.902 0.9059 0.9098);
13
- --eds-menu: color(display-p3 0.9804 0.9843 0.9882);
13
+ --eds-menu: color(display-p3 0.9804 0.9804 0.9804);
14
14
  --eds-page: color(display-p3 1 1 1);
15
15
  --eds-popup: color(display-p3 1 1 1);
16
- --eds-flotation: color(display-p3 1 1 1);
16
+ --eds-flotation: color(display-p3 0.8863 0.8941 0.902);
17
17
  --eds-inner-glow: color(display-p3 0.1569 0.1569 0.1569);
18
18
  --eds-vulvar-glow: color(display-p3 0.8627 0.8627 0.8627);
19
19
  --eds-data-table: color(display-p3 0.9569 0.9608 0.9647);
20
20
  --eds-module-stroke: color(display-p3 0.9216 0.9255 0.9294);
21
+ --eds-outer-glow: color(display-p3 0.8627 0.8627 0.8627);
21
22
  }
22
23
 
23
24
  .dark {
@@ -37,9 +38,10 @@
37
38
  --eds-popup: color(display-p3 0.1373 0.1451 0.1529);
38
39
  --eds-flotation: color(display-p3 0.1373 0.1451 0.1529);
39
40
  --eds-inner-glow: color(display-p3 0.2353 0.2353 0.2353);
40
- --eds-vulvar-glow: color(display-p3 0.8627 0.8627 0.8627);
41
+ --eds-vulvar-glow: color(display-p3 0.6275 0.6275 0.6275);
41
42
  --eds-data-table: color(display-p3 0.0941 0.098 0.102);
42
43
  --eds-module-stroke: color(display-p3 0 0 0);
44
+ --eds-outer-glow: color(display-p3 0.6275 0.6275 0.6275);
43
45
  }
44
46
 
45
47
  /* 当系统偏好为dark时, system class下的变量完整复刻dark class下的变量 */
@@ -61,8 +63,9 @@
61
63
  --eds-popup: color(display-p3 0.1373 0.1451 0.1529);
62
64
  --eds-flotation: color(display-p3 0.1373 0.1451 0.1529);
63
65
  --eds-inner-glow: color(display-p3 0.2353 0.2353 0.2353);
64
- --eds-vulvar-glow: color(display-p3 0.8627 0.8627 0.8627);
66
+ --eds-vulvar-glow: color(display-p3 0.6275 0.6275 0.6275);
65
67
  --eds-data-table: color(display-p3 0.0941 0.098 0.102);
66
68
  --eds-module-stroke: color(display-p3 0 0 0);
69
+ --eds-outer-glow: color(display-p3 0.6275 0.6275 0.6275);
67
70
  }
68
71
  }
package/src/desktop/typography/font-family.css CHANGED
@@ -1,4 +1,3 @@
1
1
  :root {
2
- --eds-family-sans: "Cregis Display Sans", "PingFang SC", SourceHanSansSC-VF,
3
- "Apple Color Emoji", "Segoe UI Emoji"
2
+ --eds-family-sans: "EDSText", "PingFang SC", SourceHanSansSC-VF, "Apple Color Emoji", "Segoe UI Emoji";
4
3
  }
package/src/mobile/size/base.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --scale-0: 0px;
3
- --scale-025: 1px;
4
- --scale-05: 2px;
3
+ --scale-0-25: 1px;
4
+ --scale-0-5: 2px;
5
5
  --scale-1: 4px;
6
6
  --scale-1-5: 6px;
7
7
  --scale-2: 8px;
@@ -29,9 +29,9 @@
29
29
  --scale-50: 200px;
30
30
  --scale-full: 888px;
31
31
 
32
- --stroke-xl: 2;
33
- --stroke-lg: 1.4;
34
- --stroke-md: 1.1;
35
- --stroke-sm: 1;
36
- --stroke-xs: 0.5;
32
+ --stroke-xl: 2px;
33
+ --stroke-lg: 1.4px;
34
+ --stroke-md: 1.1px;
35
+ --stroke-sm: 1px;
36
+ --stroke-xs: 0.5px;
37
37
  }
package/src/mobile/size/spacing.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --spacing-0: var(--scale-0);
3
- --spacing-025: var(--scale-025);
4
- --spacing-0-5: var(--scale-05);
3
+ --spacing-0-25: var(--scale-0-25);
4
+ --spacing-0-5: var(--scale-0-5);
5
5
  --spacing-1: var(--scale-1);
6
6
  --spacing-1-5: var(--scale-1-5);
7
7
  --spacing-2: var(--scale-2);
package/src/web/size/base.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --scale-base: 8px;
3
3
  --scale-0: calc(0 * var(--scale-base));
4
- --scale-05: calc(0.5 * var(--scale-base));
4
+ --scale-0-5: calc(0.5 * var(--scale-base));
5
5
  --scale-0-75: calc(0.75 * var(--scale-base));
6
6
  --scale-1: calc(1 * var(--scale-base));
7
7
  --scale-1-5: calc(1.5 * var(--scale-base));
package/src/web/size/depth.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --depth-subtle: var(--scale-05);
2
+ --depth-subtle: var(--scale-0-5);
3
3
  --depth-shallow: var(--scale-1);
4
4
  --depth-deep: var(--scale-3);
5
5
  }
package/src/web/size/spacing.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  --spacing-0: var(--scale-0);
3
- --spacing-05: var(--scale-05);
3
+ --spacing-0-5: var(--scale-0-5);
4
4
  --spacing-1: var(--scale-1);
5
5
  --spacing-1-5: var(--scale-1-5);
6
6
  --spacing-2: var(--scale-2);
package/src/desktop/.claude/settings.local.json DELETED
@@ -1,8 +0,0 @@
1
- {
2
- "permissions": {
3
- "allow": [
4
- "Bash(git:*)",
5
- "Bash(python3:*)"
6
- ]
7
- }
8
- }