@charcoal-ui/theme 2.0.0-alpha.0 → 2.0.0-alpha.3

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 (13) hide show
  1. package/dist/default.d.ts.map +1 -1
  2. package/dist/index.cjs +1 -1
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.modern.js +1 -1
  5. package/dist/index.modern.js.map +1 -1
  6. package/dist/index.module.js +1 -1
  7. package/dist/index.module.js.map +1 -1
  8. package/dist/theme.d.ts +4 -0
  9. package/dist/theme.d.ts.map +1 -1
  10. package/package.json +2 -2
  11. package/src/default.ts +15 -5
  12. package/src/theme.ts +4 -0
  13. package/theme.json +56 -8
package/dist/theme.d.ts CHANGED
@@ -56,6 +56,10 @@ export declare type ThemeColor = {
56
56
  readonly icon6: Material;
57
57
  readonly brand: Material;
58
58
  readonly assertive: Material;
59
+ readonly warning: Material;
60
+ readonly success: Material;
61
+ readonly updatedItem: Material;
62
+ readonly border: Material;
59
63
  };
60
64
  export declare type ThemeEffect = {
61
65
  readonly hover: Effect;
package/dist/theme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@charcoal-ui/theme",
3
- "version": "2.0.0-alpha.0",
3
+ "version": "2.0.0-alpha.3",
4
4
  "license": "Apache-2.0",
5
5
  "type": "module",
6
6
  "source": "./src/index.ts",
@@ -43,5 +43,5 @@
43
43
  "url": "https://github.com/pixiv/charcoal.git",
44
44
  "directory": "packages/theme"
45
45
  },
46
- "gitHead": "172c6cd4b52fb2c60caed41e3035296e237ec32f"
46
+ "gitHead": "f1fcafd39b0d4c2aa970cd4fdbbc3a12147c94a4"
47
47
  }
package/src/default.ts CHANGED
@@ -17,6 +17,8 @@ const outlineEffect = {
17
17
 
18
18
  const assertive = '#ff2b00'
19
19
  const brand = '#0096fa'
20
+ const borderForLight = rgba('#000000', 0.08)
21
+ const borderForDark = rgba('#ffffff', 0.12)
20
22
 
21
23
  const common = {
22
24
  typography: {
@@ -96,7 +98,7 @@ export const light: CharcoalTheme = {
96
98
  surface6: rgba('#000000', 0.88),
97
99
  surface7: rgba('#000000', 0.02),
98
100
  surface8: rgba('#000000', 0.88),
99
- surface9: rgba('#ffffff', 0.84),
101
+ surface9: '#ffffff',
100
102
  surface10: rgba('#000000', 0.16),
101
103
  text1: '#1f1f1f',
102
104
  text2: '#474747',
@@ -105,10 +107,14 @@ export const light: CharcoalTheme = {
105
107
  text5: '#ffffff',
106
108
  brand,
107
109
  assertive,
110
+ warning: '#ffaf0f',
111
+ success: '#b1cc29',
112
+ updatedItem: rgba(0, 150, 250, 0.04),
113
+ border: borderForLight,
108
114
  },
109
115
  border: {
110
116
  default: {
111
- color: rgba('#000000', 0.08),
117
+ color: borderForLight,
112
118
  },
113
119
  },
114
120
  }
@@ -139,19 +145,23 @@ export const dark: CharcoalTheme = {
139
145
  surface6: rgba('#ffffff', 0.12),
140
146
  surface7: light.color.surface7,
141
147
  surface8: light.color.surface8,
142
- surface9: light.color.surface9,
148
+ surface9: '#333333',
143
149
  surface10: rgba('#ffffff', 0.2),
144
150
  text1: '#f5f5f5',
145
151
  text2: '#d6d6d6',
146
152
  text3: '#858585',
147
153
  text4: '#5c5c5c',
148
- text5: light.color.text5,
154
+ text5: '#f5f5f5',
149
155
  brand,
150
156
  assertive,
157
+ warning: light.color.warning,
158
+ success: light.color.success,
159
+ updatedItem: rgba(0, 150, 250, 0.12),
160
+ border: borderForDark,
151
161
  },
152
162
  border: {
153
163
  default: {
154
- color: rgba('#ffffff', 0.12),
164
+ color: borderForDark,
155
165
  },
156
166
  },
157
167
  }
package/src/theme.ts CHANGED
@@ -67,6 +67,10 @@ export type ThemeColor = {
67
67
  readonly icon6: Material
68
68
  readonly brand: Material
69
69
  readonly assertive: Material
70
+ readonly warning: Material
71
+ readonly success: Material
72
+ readonly updatedItem: Material
73
+ readonly border: Material
70
74
  }
71
75
 
72
76
  export type ThemeEffect = {
package/theme.json CHANGED
@@ -220,10 +220,10 @@
220
220
  "alpha": 0.88
221
221
  },
222
222
  "surface9": {
223
- "red": 1,
224
- "green": 1,
225
- "blue": 1,
226
- "alpha": 0.84
223
+ "red": 0.2,
224
+ "green": 0.2,
225
+ "blue": 0.2,
226
+ "alpha": 1
227
227
  },
228
228
  "surface10": {
229
229
  "red": 1,
@@ -256,9 +256,9 @@
256
256
  "alpha": 1
257
257
  },
258
258
  "text5": {
259
- "red": 1,
260
- "green": 1,
261
- "blue": 1,
259
+ "red": 0.9607843137254902,
260
+ "green": 0.9607843137254902,
261
+ "blue": 0.9607843137254902,
262
262
  "alpha": 1
263
263
  },
264
264
  "brand": {
@@ -272,6 +272,30 @@
272
272
  "green": 0.16862745098039217,
273
273
  "blue": 0,
274
274
  "alpha": 1
275
+ },
276
+ "warning": {
277
+ "red": 1,
278
+ "green": 0.6862745098039216,
279
+ "blue": 0.058823529411764705,
280
+ "alpha": 1
281
+ },
282
+ "success": {
283
+ "red": 0.6941176470588235,
284
+ "green": 0.8,
285
+ "blue": 0.1607843137254902,
286
+ "alpha": 1
287
+ },
288
+ "updatedItem": {
289
+ "red": 0,
290
+ "green": 0.5882352941176471,
291
+ "blue": 0.9803921568627451,
292
+ "alpha": 0.12
293
+ },
294
+ "border": {
295
+ "red": 1,
296
+ "green": 1,
297
+ "blue": 1,
298
+ "alpha": 0.12
275
299
  }
276
300
  },
277
301
  "border": {
@@ -509,7 +533,7 @@
509
533
  "red": 1,
510
534
  "green": 1,
511
535
  "blue": 1,
512
- "alpha": 0.84
536
+ "alpha": 1
513
537
  },
514
538
  "surface10": {
515
539
  "red": 0,
@@ -558,6 +582,30 @@
558
582
  "green": 0.16862745098039217,
559
583
  "blue": 0,
560
584
  "alpha": 1
585
+ },
586
+ "warning": {
587
+ "red": 1,
588
+ "green": 0.6862745098039216,
589
+ "blue": 0.058823529411764705,
590
+ "alpha": 1
591
+ },
592
+ "success": {
593
+ "red": 0.6941176470588235,
594
+ "green": 0.8,
595
+ "blue": 0.1607843137254902,
596
+ "alpha": 1
597
+ },
598
+ "updatedItem": {
599
+ "red": 0,
600
+ "green": 0.5882352941176471,
601
+ "blue": 0.9803921568627451,
602
+ "alpha": 0.04
603
+ },
604
+ "border": {
605
+ "red": 0,
606
+ "green": 0,
607
+ "blue": 0,
608
+ "alpha": 0.08
561
609
  }
562
610
  },
563
611
  "border": {