@charcoal-ui/theme 3.13.1 → 3.14.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 (11) hide show
  1. package/dist/docs/ThemeColors.d.ts +2 -0
  2. package/dist/docs/ThemeColors.d.ts.map +1 -0
  3. package/package.json +4 -4
  4. package/src/css/_variables_dark.css +506 -0
  5. package/src/css/_variables_light.css +506 -0
  6. package/src/docs/Color.mdx +10 -0
  7. package/src/docs/README.mdx +57 -0
  8. package/src/docs/ThemeColors.tsx +65 -0
  9. package/src/json/base.json +327 -0
  10. package/src/json/pixiv-dark.json +190 -0
  11. package/src/json/pixiv-light.json +190 -0
package/src/json/pixiv-light.json ADDED
@@ -0,0 +1,190 @@
1
+ {
2
+ "space": {
3
+ "target/xs": { "value": "24" },
4
+ "target/s": { "value": "32" },
5
+ "target/m": { "value": "40" },
6
+ "target/l": { "value": "48" },
7
+ "component/0": { "value": "{space.0}" },
8
+ "component/1": { "value": "{space.1}" },
9
+ "component/10": { "value": "{space.10}" },
10
+ "component/15": { "value": "{space.15}" },
11
+ "component/20": { "value": "{space.20}" },
12
+ "component/25": { "value": "{space.25}" },
13
+ "component/30": { "value": "{space.30}" },
14
+ "component/35": { "value": "{space.35}" },
15
+ "component/40": { "value": "{space.40}" },
16
+ "component/43": { "value": "{space.43}" },
17
+ "component/46": { "value": "{space.46}" },
18
+ "component/50": { "value": "{space.50}" },
19
+ "component/55": { "value": "{space.55}" },
20
+ "component/60": { "value": "{space.60}" },
21
+ "component/63": { "value": "{space.63}" },
22
+ "component/66": { "value": "{space.66}" },
23
+ "layout/0": { "value": "{space.0}" },
24
+ "layout/10": { "value": "{space.10}" },
25
+ "layout/20": { "value": "{space.20}" },
26
+ "layout/30": { "value": "{space.30}" },
27
+ "layout/40": { "value": "{space.40}" },
28
+ "layout/50": { "value": "{space.50}" },
29
+ "layout/60": { "value": "{space.60}" },
30
+ "layout/70": { "value": "{space.70}" },
31
+ "layout/80": { "value": "{space.80}" },
32
+ "layout/90": { "value": "{space.90}" },
33
+ "layout/100": { "value": "{space.100}" }
34
+ },
35
+ "radius": {
36
+ "none": { "value": "{space.component/0}" },
37
+ "xs": { "value": "{space.component/1}" },
38
+ "s": { "value": "{space.component/10}" },
39
+ "m": { "value": "{space.component/20}" },
40
+ "l": { "value": "{space.component/25}" },
41
+ "xl": { "value": "{space.component/30}" },
42
+ "xxl": { "value": "{space.component/40}" },
43
+ "oval": { "value": "999999" }
44
+ },
45
+ "color": {
46
+ "background/default": { "value": "{color.light/neutral/0}" },
47
+ "background/secondary": { "value": "{color.light/neutral/5}" },
48
+ "background/tertiary": { "value": "{color.light/neutral/10}" },
49
+ "container/default": { "value": "{color.light/neutral/0}" },
50
+ "container/hover": { "value": "{color.light/neutral/5}" },
51
+ "container/press": { "value": "{color.light/neutral/10}" },
52
+ "container/default-a": { "value": "{color.light/neutral-a/0}" },
53
+ "container/hover-a": { "value": "{color.light/neutral-a/5}" },
54
+ "container/press-a": { "value": "{color.light/neutral-a/10}" },
55
+ "container/disable": { "value": "{color.light/neutral/10}" },
56
+ "container/secondary/default": { "value": "{color.light/neutral/5}" },
57
+ "container/tertiary/default": { "value": "{color.light/neutral/10}" },
58
+ "container/tertiary/hover": { "value": "{color.light/neutral/20}" },
59
+ "container/tertiary/press": { "value": "{color.light/neutral/30}" },
60
+ "container/tertiary/default-a": { "value": "{color.light/neutral-a/10}" },
61
+ "container/tertiary/hover-a": { "value": "{color.light/neutral-a/20}" },
62
+ "container/tertiary/pressA": { "value": "{color.light/neutral-a/30}" },
63
+ "container/primary/default": { "value": "{color.light/blue/50}" },
64
+ "container/primary/hover": { "value": "{color.light/blue/60}" },
65
+ "container/primary/press": { "value": "{color.light/blue/70}" },
66
+ "container/secondary/hover": { "value": "{color.light/neutral/10}" },
67
+ "container/secondary/press": { "value": "{color.light/neutral/20}" },
68
+ "container/secondary/default-a": { "value": "{color.light/neutral-a/5}" },
69
+ "container/secondary/hover-a": { "value": "{color.light/neutral-a/10}" },
70
+ "container/secondary/press-a": { "value": "{color.light/neutral-a/20}" },
71
+ "container/on-img/default": { "value": "{color.light/neutral-a/40}" },
72
+ "container/on-img/hover": { "value": "{color.light/neutral-a/50}" },
73
+ "container/on-img/press": { "value": "{color.light/neutral-a/60}" },
74
+ "container/negative/default": { "value": "{color.light/red/50}" },
75
+ "container/negative/hover": { "value": "{color.light/red/60}" },
76
+ "container/negative/press": { "value": "{color.light/red/70}" },
77
+ "container/positive/default": { "value": "{color.light/green/50}" },
78
+ "container/positive/hover": { "value": "{color.light/green/60}" },
79
+ "container/positive/press": { "value": "{color.light/green/70}" },
80
+ "container/notice/default": { "value": "{color.light/yellow/20}" },
81
+ "container/notice/hover": { "value": "{color.light/yellow/30}" },
82
+ "container/notice/press": { "value": "{color.light/yellow/40}" },
83
+ "container/neutral/default": { "value": "{color.light/neutral/50}" },
84
+ "container/discovery/default": { "value": "{color.light/red/50}" },
85
+ "container/discovery/hover": { "value": "{color.light/red/60}" },
86
+ "container/discovery/press": { "value": "{color.light/red/70}" },
87
+ "container/neutral/hover": { "value": "{color.light/neutral/60}" },
88
+ "container/neutral/press": { "value": "{color.light/neutral/70}" },
89
+ "container/hud/default": { "value": "{color.light/neutral/80}" },
90
+ "container/hud/hover": { "value": "{color.light/neutral/70}" },
91
+ "container/hud/press": { "value": "{color.light/neutral/60}" },
92
+ "container/skeleton": { "value": "{color.light/neutral-a/5}" },
93
+ "container/subtle": { "value": "rgba(31, 31, 31, 0.02)" },
94
+ "icon/secondary/default": { "value": "{color.text/secondary/default}" },
95
+ "icon/tertiary/default": { "value": "{color.text/tertiary/default}" },
96
+ "icon/negative/default": { "value": "{color.text/negative/default}" },
97
+ "icon/negative/hover": { "value": "{color.text/negative/hover}" },
98
+ "icon/negative/press": { "value": "{color.text/negative/press}" },
99
+ "icon/positive/default": { "value": "{color.text/positive/default}" },
100
+ "icon/positive/hover": { "value": "{color.text/positive/hover}" },
101
+ "icon/positive/press": { "value": "{color.text/positive/hover}" },
102
+ "icon/notice/default": { "value": "{color.text/notice/default}" },
103
+ "icon/notice/hover": { "value": "{color.text/notice/hover}" },
104
+ "icon/notice/press": { "value": "{color.text/notice/press}" },
105
+ "icon/tertiary/hover": { "value": "{color.text/tertiary/hover}" },
106
+ "icon/tertiary/press": { "value": "{color.text/tertiary/press}" },
107
+ "icon/secondary/hover": { "value": "{color.text/secondary/hover}" },
108
+ "icon/secondary/press": { "value": "{color.text/secondary/press}" },
109
+ "text/default": { "value": "{color.light/neutral/90}" },
110
+ "text/hover": { "value": "{color.light/neutral/80}" },
111
+ "text/press": { "value": "{color.light/neutral/70}" },
112
+ "text/disable": { "value": "{color.light/neutral/30}" },
113
+ "text/secondary/default": { "value": "{color.light/neutral/70}" },
114
+ "text/secondary/hover": { "value": "{color.light/neutral/80}" },
115
+ "text/secondary/press": { "value": "{color.light/neutral/90}" },
116
+ "text/tertiary/default": { "value": "{color.light/neutral/60}" },
117
+ "text/tertiary/hover": { "value": "{color.light/neutral/70}" },
118
+ "text/tertiary/press": { "value": "{color.light/neutral/80}" },
119
+ "text/placeholder/default": { "value": "{color.light/neutral/50}" },
120
+ "text/placeholder/hover": { "value": "{color.light/neutral/60}" },
121
+ "text/placeholder/press": { "value": "{color.light/neutral/70}" },
122
+ "text/info/default": { "value": "{color.light/blue/60}" },
123
+ "text/info/hover": { "value": "{color.light/blue/70}" },
124
+ "text/info/press": { "value": "{color.light/blue/80}" },
125
+ "text/visited/default": { "value": "{color.light/purple/70}" },
126
+ "text/visited/hover": { "value": "{color.light/purple/80}" },
127
+ "text/visited/press": { "value": "{color.light/purple/90}" },
128
+ "text/negative/default": { "value": "{color.light/red/60}" },
129
+ "text/negative/hover": { "value": "{color.light/red/70}" },
130
+ "text/negative/press": { "value": "{color.light/red/80}" },
131
+ "text/notice/default": { "value": "{color.light/yellow/60}" },
132
+ "text/notice/hover": { "value": "{color.light/yellow/70}" },
133
+ "text/notice/press": { "value": "{color.light/yellow/80}" },
134
+ "text/positive/default": { "value": "{color.light/green/60}" },
135
+ "text/positive/hover": { "value": "{color.light/green/70}" },
136
+ "text/positive/press": { "value": "{color.light/green/80}" },
137
+ "text/on-primary/default": { "value": "{color.light/neutral/0}" },
138
+ "text/on-on-img/default": { "value": "{color.light/neutral/0}" },
139
+ "text/on-on-img/hover": { "value": "{color.light/neutral/0}" },
140
+ "text/on-on-img/press": { "value": "{color.light/neutral/0}" },
141
+ "text/on-primary/hover": { "value": "{color.light/neutral/0}" },
142
+ "text/on-primary/press": { "value": "{color.light/neutral/0}" },
143
+ "text/on-negative/default": { "value": "{color.light/neutral/0}" },
144
+ "text/on-negative/hover": { "value": "{color.light/neutral/0}" },
145
+ "text/on-negative/press": { "value": "{color.light/neutral/0}" },
146
+ "text/on-positive/default": { "value": "{color.light/neutral/0}" },
147
+ "text/on-positive/hover": { "value": "{color.light/neutral/0}" },
148
+ "text/on-positive/press": { "value": "{color.light/neutral/0}" },
149
+ "text/on-notice/default": { "value": "{color.light/neutral/90}" },
150
+ "text/on-notice/hover": { "value": "{color.light/neutral/90}" },
151
+ "text/on-notice/press": { "value": "{color.light/neutral/90}" },
152
+ "text/on-discovery/default": { "value": "{color.light/neutral/0}" },
153
+ "text/on-discovery/hover": { "value": "{color.light/neutral/0}" },
154
+ "text/on-discovery/press": { "value": "{color.light/neutral/0}" },
155
+ "text/on-hud/default": { "value": "{color.dark/neutral/90}" },
156
+ "text/on-hud/hover": { "value": "{color.dark/neutral/90}" },
157
+ "text/on-hud/press": { "value": "{color.dark/neutral/90}" },
158
+ "text/brand-premium/default": { "value": "{brand-color.premium}" },
159
+ "text/brand-premium/hover": { "value": "rgba(243, 152, 21, 1)" },
160
+ "text/brand-premium/press": { "value": "rgba(213, 133, 18, 1)" },
161
+ "icon/default": { "value": "{color.text/default}" },
162
+ "icon/hover": { "value": "{color.text/hover}" },
163
+ "icon/press": { "value": "{color.text/press}" },
164
+ "icon/disable": { "value": "{color.text/disable}" },
165
+ "icon/on-primary/default": { "value": "{color.text/on-primary/default}" },
166
+ "icon/on-primary/hover": { "value": "{color.text/on-primary/hover}" },
167
+ "icon/on-primary/press": { "value": "{color.text/on-primary/press}" },
168
+ "icon/on-on-img/default": { "value": "{color.text/on-on-img/default}" },
169
+ "icon/on-on-img/hover": { "value": "{color.text/on-on-img/hover}" },
170
+ "icon/on-on-img/press": { "value": "{color.text/on-on-img/press}" },
171
+ "icon/on-neutral/default": { "value": "{color.light/neutral/0}" },
172
+ "icon/on-neutral/hover": { "value": "{color.light/neutral/5}" },
173
+ "icon/on-neutral/press": { "value": "{color.light/neutral/10}" },
174
+ "border/default": { "value": "{color.light/neutral-a/50}" },
175
+ "border/secondary": { "value": "{color.light/neutral-a/10}" },
176
+ "border/focus/1": { "value": "{color.light/blue/60}" },
177
+ "border/disable": { "value": "{color.light/neutral-a/10}" },
178
+ "border/focus/2": { "value": "{color.light/blue/20}" },
179
+ "border/negative": { "value": "{color.light/red/20}" },
180
+ "icon/on-negative/default": { "value": "{color.text/on-negative/default}" },
181
+ "icon/on-negative/hover": { "value": "{color.text/on-negative/hover}" },
182
+ "icon/on-negative/press": { "value": "{color.text/on-negative/press}" },
183
+ "icon/on-positive/default": { "value": "{color.text/on-positive/default}" },
184
+ "icon/on-notice/default": { "value": "{color.text/on-notice/default}" },
185
+ "icon/on-notice/hover": { "value": "{color.text/on-notice/hover}" },
186
+ "icon/on-notice/press": { "value": "{color.text/on-notice/press}" },
187
+ "icon/on-positive/hover": { "value": "{color.text/on-positive/hover}" },
188
+ "icon/on-positive/press": { "value": "{color.text/on-positive/press}" }
189
+ }
190
+ }