@serendie/ui 2.1.0 → 2.1.1

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 (10) hide show
  1. package/dist/node_modules/@serendie/design-token/dist/panda-tokens.js +326 -326
  2. package/dist/node_modules/@serendie/design-token/dist/tokens.js +326 -326
  3. package/dist/styled-system/tokens/index.js +71 -71
  4. package/dist/styles.css +1 -1
  5. package/package.json +1 -1
  6. package/styled-system/themes/theme-asagi.json +1 -1
  7. package/styled-system/themes/theme-kurikawa.json +1 -1
  8. package/styled-system/themes/theme-sumire.json +1 -1
  9. package/styled-system/themes/theme-tsutsuji.json +1 -1
  10. package/styled-system/tokens/index.js +71 -71
package/dist/styled-system/tokens/index.js CHANGED
@@ -24,19 +24,19 @@ const l = {
24
24
  variable: "var(--colors-sd-reference-color-scale-transparency-wh60)"
25
25
  },
26
26
  "colors.sd.reference.color.scale.gray.100": {
27
- value: "#EFEEEB",
27
+ value: "#F0F0F0",
28
28
  variable: "var(--colors-sd-reference-color-scale-gray-100)"
29
29
  },
30
30
  "colors.sd.reference.color.scale.gray.200": {
31
- value: "#D9D8D3",
31
+ value: "#E4E4E3",
32
32
  variable: "var(--colors-sd-reference-color-scale-gray-200)"
33
33
  },
34
34
  "colors.sd.reference.color.scale.gray.300": {
35
- value: "#C8C7C2",
35
+ value: "#D1D0CD",
36
36
  variable: "var(--colors-sd-reference-color-scale-gray-300)"
37
37
  },
38
38
  "colors.sd.reference.color.scale.gray.400": {
39
- value: "#AFAEAA",
39
+ value: "#B1B0AE",
40
40
  variable: "var(--colors-sd-reference-color-scale-gray-400)"
41
41
  },
42
42
  "colors.sd.reference.color.scale.gray.500": {
@@ -44,15 +44,15 @@ const l = {
44
44
  variable: "var(--colors-sd-reference-color-scale-gray-500)"
45
45
  },
46
46
  "colors.sd.reference.color.scale.gray.600": {
47
- value: "#696966",
47
+ value: "#6F6F6F",
48
48
  variable: "var(--colors-sd-reference-color-scale-gray-600)"
49
49
  },
50
50
  "colors.sd.reference.color.scale.gray.700": {
51
- value: "#525250",
51
+ value: "#575757",
52
52
  variable: "var(--colors-sd-reference-color-scale-gray-700)"
53
53
  },
54
54
  "colors.sd.reference.color.scale.gray.800": {
55
- value: "#3F3F3D",
55
+ value: "#424242",
56
56
  variable: "var(--colors-sd-reference-color-scale-gray-800)"
57
57
  },
58
58
  "colors.sd.reference.color.scale.gray.900": {
@@ -68,11 +68,11 @@ const l = {
68
68
  variable: "var(--colors-sd-reference-color-scale-red-100)"
69
69
  },
70
70
  "colors.sd.reference.color.scale.red.200": {
71
- value: "#FCD6D3",
71
+ value: "#FFDCDA",
72
72
  variable: "var(--colors-sd-reference-color-scale-red-200)"
73
73
  },
74
74
  "colors.sd.reference.color.scale.red.300": {
75
- value: "#FDB9B4",
75
+ value: "#FFC0BB",
76
76
  variable: "var(--colors-sd-reference-color-scale-red-300)"
77
77
  },
78
78
  "colors.sd.reference.color.scale.red.400": {
@@ -80,11 +80,11 @@ const l = {
80
80
  variable: "var(--colors-sd-reference-color-scale-red-400)"
81
81
  },
82
82
  "colors.sd.reference.color.scale.red.500": {
83
- value: "#F84258",
83
+ value: "#F64157",
84
84
  variable: "var(--colors-sd-reference-color-scale-red-500)"
85
85
  },
86
86
  "colors.sd.reference.color.scale.red.600": {
87
- value: "#CE0037",
87
+ value: "#D00138",
88
88
  variable: "var(--colors-sd-reference-color-scale-red-600)"
89
89
  },
90
90
  "colors.sd.reference.color.scale.red.700": {
@@ -96,11 +96,11 @@ const l = {
96
96
  variable: "var(--colors-sd-reference-color-scale-red-800)"
97
97
  },
98
98
  "colors.sd.reference.color.scale.red.900": {
99
- value: "#650417",
99
+ value: "#600114",
100
100
  variable: "var(--colors-sd-reference-color-scale-red-900)"
101
101
  },
102
102
  "colors.sd.reference.color.scale.red.1000": {
103
- value: "#49060E",
103
+ value: "#400109",
104
104
  variable: "var(--colors-sd-reference-color-scale-red-1000)"
105
105
  },
106
106
  "colors.sd.reference.color.scale.chestnut.100": {
@@ -108,31 +108,31 @@ const l = {
108
108
  variable: "var(--colors-sd-reference-color-scale-chestnut-100)"
109
109
  },
110
110
  "colors.sd.reference.color.scale.chestnut.200": {
111
- value: "#F7D8C9",
111
+ value: "#FDDDCE",
112
112
  variable: "var(--colors-sd-reference-color-scale-chestnut-200)"
113
113
  },
114
114
  "colors.sd.reference.color.scale.chestnut.300": {
115
- value: "#F7C6B0",
115
+ value: "#FCC4AB",
116
116
  variable: "var(--colors-sd-reference-color-scale-chestnut-300)"
117
117
  },
118
118
  "colors.sd.reference.color.scale.chestnut.400": {
119
- value: "#F49567",
119
+ value: "#F49972",
120
120
  variable: "var(--colors-sd-reference-color-scale-chestnut-400)"
121
121
  },
122
122
  "colors.sd.reference.color.scale.chestnut.500": {
123
- value: "#E26324",
123
+ value: "#DC6733",
124
124
  variable: "var(--colors-sd-reference-color-scale-chestnut-500)"
125
125
  },
126
126
  "colors.sd.reference.color.scale.chestnut.600": {
127
- value: "#AB4919",
127
+ value: "#B54E1B",
128
128
  variable: "var(--colors-sd-reference-color-scale-chestnut-600)"
129
129
  },
130
130
  "colors.sd.reference.color.scale.chestnut.700": {
131
- value: "#803510",
131
+ value: "#8F3D15",
132
132
  variable: "var(--colors-sd-reference-color-scale-chestnut-700)"
133
133
  },
134
134
  "colors.sd.reference.color.scale.chestnut.800": {
135
- value: "#692C0D",
135
+ value: "#702D0D",
136
136
  variable: "var(--colors-sd-reference-color-scale-chestnut-800)"
137
137
  },
138
138
  "colors.sd.reference.color.scale.chestnut.900": {
@@ -144,35 +144,35 @@ const l = {
144
144
  variable: "var(--colors-sd-reference-color-scale-chestnut-1000)"
145
145
  },
146
146
  "colors.sd.reference.color.scale.beige.100": {
147
- value: "#F7EDE2",
147
+ value: "#FDF5EC",
148
148
  variable: "var(--colors-sd-reference-color-scale-beige-100)"
149
149
  },
150
150
  "colors.sd.reference.color.scale.beige.200": {
151
- value: "#F2DBC0",
151
+ value: "#F6E0C6",
152
152
  variable: "var(--colors-sd-reference-color-scale-beige-200)"
153
153
  },
154
154
  "colors.sd.reference.color.scale.beige.300": {
155
- value: "#EDC18A",
155
+ value: "#F0CC9E",
156
156
  variable: "var(--colors-sd-reference-color-scale-beige-300)"
157
157
  },
158
158
  "colors.sd.reference.color.scale.beige.400": {
159
- value: "#DAA358",
159
+ value: "#DEB074",
160
160
  variable: "var(--colors-sd-reference-color-scale-beige-400)"
161
161
  },
162
162
  "colors.sd.reference.color.scale.beige.500": {
163
- value: "#AF8245",
163
+ value: "#AE8144",
164
164
  variable: "var(--colors-sd-reference-color-scale-beige-500)"
165
165
  },
166
166
  "colors.sd.reference.color.scale.beige.600": {
167
- value: "#846132",
167
+ value: "#8D6735",
168
168
  variable: "var(--colors-sd-reference-color-scale-beige-600)"
169
169
  },
170
170
  "colors.sd.reference.color.scale.beige.700": {
171
- value: "#684C26",
171
+ value: "#70522A",
172
172
  variable: "var(--colors-sd-reference-color-scale-beige-700)"
173
173
  },
174
174
  "colors.sd.reference.color.scale.beige.800": {
175
- value: "#503A1C",
175
+ value: "#573F1D",
176
176
  variable: "var(--colors-sd-reference-color-scale-beige-800)"
177
177
  },
178
178
  "colors.sd.reference.color.scale.beige.900": {
@@ -184,35 +184,35 @@ const l = {
184
184
  variable: "var(--colors-sd-reference-color-scale-beige-1000)"
185
185
  },
186
186
  "colors.sd.reference.color.scale.yellow.100": {
187
- value: "#FEEDBE",
187
+ value: "#FAF4E3",
188
188
  variable: "var(--colors-sd-reference-color-scale-yellow-100)"
189
189
  },
190
190
  "colors.sd.reference.color.scale.yellow.200": {
191
- value: "#FFE885",
191
+ value: "#FCE998",
192
192
  variable: "var(--colors-sd-reference-color-scale-yellow-200)"
193
193
  },
194
194
  "colors.sd.reference.color.scale.yellow.300": {
195
- value: "#EFD616",
195
+ value: "#EDD857",
196
196
  variable: "var(--colors-sd-reference-color-scale-yellow-300)"
197
197
  },
198
198
  "colors.sd.reference.color.scale.yellow.400": {
199
- value: "#D8BF00",
199
+ value: "#DEC400",
200
200
  variable: "var(--colors-sd-reference-color-scale-yellow-400)"
201
201
  },
202
202
  "colors.sd.reference.color.scale.yellow.500": {
203
- value: "#AC9301",
203
+ value: "#A78E00",
204
204
  variable: "var(--colors-sd-reference-color-scale-yellow-500)"
205
205
  },
206
206
  "colors.sd.reference.color.scale.yellow.600": {
207
- value: "#857100",
207
+ value: "#816E00",
208
208
  variable: "var(--colors-sd-reference-color-scale-yellow-600)"
209
209
  },
210
210
  "colors.sd.reference.color.scale.yellow.700": {
211
- value: "#5F5100",
211
+ value: "#645600",
212
212
  variable: "var(--colors-sd-reference-color-scale-yellow-700)"
213
213
  },
214
214
  "colors.sd.reference.color.scale.yellow.800": {
215
- value: "#4A3E00",
215
+ value: "#514400",
216
216
  variable: "var(--colors-sd-reference-color-scale-yellow-800)"
217
217
  },
218
218
  "colors.sd.reference.color.scale.yellow.900": {
@@ -224,35 +224,35 @@ const l = {
224
224
  variable: "var(--colors-sd-reference-color-scale-yellow-1000)"
225
225
  },
226
226
  "colors.sd.reference.color.scale.green.100": {
227
- value: "#CAF9E6",
227
+ value: "#DBF5EA",
228
228
  variable: "var(--colors-sd-reference-color-scale-green-100)"
229
229
  },
230
230
  "colors.sd.reference.color.scale.green.200": {
231
- value: "#B1EAD7",
231
+ value: "#BCEEDD",
232
232
  variable: "var(--colors-sd-reference-color-scale-green-200)"
233
233
  },
234
234
  "colors.sd.reference.color.scale.green.300": {
235
- value: "#98E1C8",
235
+ value: "#90E4C7",
236
236
  variable: "var(--colors-sd-reference-color-scale-green-300)"
237
237
  },
238
238
  "colors.sd.reference.color.scale.green.400": {
239
- value: "#6ED0AE",
239
+ value: "#46D2A2",
240
240
  variable: "var(--colors-sd-reference-color-scale-green-400)"
241
241
  },
242
242
  "colors.sd.reference.color.scale.green.500": {
243
- value: "#40A683",
243
+ value: "#2EAB80",
244
244
  variable: "var(--colors-sd-reference-color-scale-green-500)"
245
245
  },
246
246
  "colors.sd.reference.color.scale.green.600": {
247
- value: "#2C755C",
247
+ value: "#2C7C60",
248
248
  variable: "var(--colors-sd-reference-color-scale-green-600)"
249
249
  },
250
250
  "colors.sd.reference.color.scale.green.700": {
251
- value: "#266751",
251
+ value: "#146348",
252
252
  variable: "var(--colors-sd-reference-color-scale-green-700)"
253
253
  },
254
254
  "colors.sd.reference.color.scale.green.800": {
255
- value: "#184737",
255
+ value: "#174A38",
256
256
  variable: "var(--colors-sd-reference-color-scale-green-800)"
257
257
  },
258
258
  "colors.sd.reference.color.scale.green.900": {
@@ -268,31 +268,31 @@ const l = {
268
268
  variable: "var(--colors-sd-reference-color-scale-sky-blue-100)"
269
269
  },
270
270
  "colors.sd.reference.color.scale.skyBlue.200": {
271
- value: "#C3EFF4",
271
+ value: "#C2EAEF",
272
272
  variable: "var(--colors-sd-reference-color-scale-sky-blue-200)"
273
273
  },
274
274
  "colors.sd.reference.color.scale.skyBlue.300": {
275
- value: "#9CE6EC",
275
+ value: "#8DDDE3",
276
276
  variable: "var(--colors-sd-reference-color-scale-sky-blue-300)"
277
277
  },
278
278
  "colors.sd.reference.color.scale.skyBlue.400": {
279
- value: "#64CCD3",
279
+ value: "#4ACBD4",
280
280
  variable: "var(--colors-sd-reference-color-scale-sky-blue-400)"
281
281
  },
282
282
  "colors.sd.reference.color.scale.skyBlue.500": {
283
- value: "#00A3AF",
283
+ value: "#00A0AC",
284
284
  variable: "var(--colors-sd-reference-color-scale-sky-blue-500)"
285
285
  },
286
286
  "colors.sd.reference.color.scale.skyBlue.600": {
287
- value: "#00757E",
287
+ value: "#007882",
288
288
  variable: "var(--colors-sd-reference-color-scale-sky-blue-600)"
289
289
  },
290
290
  "colors.sd.reference.color.scale.skyBlue.700": {
291
- value: "#015C63",
291
+ value: "#006066",
292
292
  variable: "var(--colors-sd-reference-color-scale-sky-blue-700)"
293
293
  },
294
294
  "colors.sd.reference.color.scale.skyBlue.800": {
295
- value: "#01474C",
295
+ value: "#004A4F",
296
296
  variable: "var(--colors-sd-reference-color-scale-sky-blue-800)"
297
297
  },
298
298
  "colors.sd.reference.color.scale.skyBlue.900": {
@@ -308,11 +308,11 @@ const l = {
308
308
  variable: "var(--colors-sd-reference-color-scale-blue-100)"
309
309
  },
310
310
  "colors.sd.reference.color.scale.blue.200": {
311
- value: "#D7DEFB",
311
+ value: "#DDE3FF",
312
312
  variable: "var(--colors-sd-reference-color-scale-blue-200)"
313
313
  },
314
314
  "colors.sd.reference.color.scale.blue.300": {
315
- value: "#BFCEFC",
315
+ value: "#C0CFFD",
316
316
  variable: "var(--colors-sd-reference-color-scale-blue-300)"
317
317
  },
318
318
  "colors.sd.reference.color.scale.blue.400": {
@@ -320,15 +320,15 @@ const l = {
320
320
  variable: "var(--colors-sd-reference-color-scale-blue-400)"
321
321
  },
322
322
  "colors.sd.reference.color.scale.blue.500": {
323
- value: "#428CFE",
323
+ value: "#3B86F9",
324
324
  variable: "var(--colors-sd-reference-color-scale-blue-500)"
325
325
  },
326
326
  "colors.sd.reference.color.scale.blue.600": {
327
- value: "#0A69CF",
327
+ value: "#056AD8",
328
328
  variable: "var(--colors-sd-reference-color-scale-blue-600)"
329
329
  },
330
330
  "colors.sd.reference.color.scale.blue.700": {
331
- value: "#0650A0",
331
+ value: "#0353AA",
332
332
  variable: "var(--colors-sd-reference-color-scale-blue-700)"
333
333
  },
334
334
  "colors.sd.reference.color.scale.blue.800": {
@@ -348,11 +348,11 @@ const l = {
348
348
  variable: "var(--colors-sd-reference-color-scale-purple-100)"
349
349
  },
350
350
  "colors.sd.reference.color.scale.purple.200": {
351
- value: "#EADAEE",
351
+ value: "#EEDEF2",
352
352
  variable: "var(--colors-sd-reference-color-scale-purple-200)"
353
353
  },
354
354
  "colors.sd.reference.color.scale.purple.300": {
355
- value: "#DCBDE4",
355
+ value: "#E1C7E7",
356
356
  variable: "var(--colors-sd-reference-color-scale-purple-300)"
357
357
  },
358
358
  "colors.sd.reference.color.scale.purple.400": {
@@ -360,19 +360,19 @@ const l = {
360
360
  variable: "var(--colors-sd-reference-color-scale-purple-400)"
361
361
  },
362
362
  "colors.sd.reference.color.scale.purple.500": {
363
- value: "#AA61C2",
363
+ value: "#B36CCD",
364
364
  variable: "var(--colors-sd-reference-color-scale-purple-500)"
365
365
  },
366
366
  "colors.sd.reference.color.scale.purple.600": {
367
- value: "#914DA9",
367
+ value: "#9751B0",
368
368
  variable: "var(--colors-sd-reference-color-scale-purple-600)"
369
369
  },
370
370
  "colors.sd.reference.color.scale.purple.700": {
371
- value: "#733B85",
371
+ value: "#7C3694",
372
372
  variable: "var(--colors-sd-reference-color-scale-purple-700)"
373
373
  },
374
374
  "colors.sd.reference.color.scale.purple.800": {
375
- value: "#592D68",
375
+ value: "#5F2B70",
376
376
  variable: "var(--colors-sd-reference-color-scale-purple-800)"
377
377
  },
378
378
  "colors.sd.reference.color.scale.purple.900": {
@@ -384,35 +384,35 @@ const l = {
384
384
  variable: "var(--colors-sd-reference-color-scale-purple-1000)"
385
385
  },
386
386
  "colors.sd.reference.color.scale.pink.100": {
387
- value: "#F9EBF0",
387
+ value: "#FFF4F8",
388
388
  variable: "var(--colors-sd-reference-color-scale-pink-100)"
389
389
  },
390
390
  "colors.sd.reference.color.scale.pink.200": {
391
- value: "#F6D7E0",
391
+ value: "#F9DCE5",
392
392
  variable: "var(--colors-sd-reference-color-scale-pink-200)"
393
393
  },
394
394
  "colors.sd.reference.color.scale.pink.300": {
395
- value: "#F5C1D1",
395
+ value: "#F3C4D3",
396
396
  variable: "var(--colors-sd-reference-color-scale-pink-300)"
397
397
  },
398
398
  "colors.sd.reference.color.scale.pink.400": {
399
- value: "#F190B4",
399
+ value: "#F691B6",
400
400
  variable: "var(--colors-sd-reference-color-scale-pink-400)"
401
401
  },
402
402
  "colors.sd.reference.color.scale.pink.500": {
403
- value: "#EB4F8E",
403
+ value: "#E2568F",
404
404
  variable: "var(--colors-sd-reference-color-scale-pink-500)"
405
405
  },
406
406
  "colors.sd.reference.color.scale.pink.600": {
407
- value: "#B9336B",
407
+ value: "#B9346C",
408
408
  variable: "var(--colors-sd-reference-color-scale-pink-600)"
409
409
  },
410
410
  "colors.sd.reference.color.scale.pink.700": {
411
- value: "#932653",
411
+ value: "#9B2657",
412
412
  variable: "var(--colors-sd-reference-color-scale-pink-700)"
413
413
  },
414
414
  "colors.sd.reference.color.scale.pink.800": {
415
- value: "#711D41",
415
+ value: "#761A42",
416
416
  variable: "var(--colors-sd-reference-color-scale-pink-800)"
417
417
  },
418
418
  "colors.sd.reference.color.scale.pink.900": {
@@ -420,7 +420,7 @@ const l = {
420
420
  variable: "var(--colors-sd-reference-color-scale-pink-900)"
421
421
  },
422
422
  "colors.sd.reference.color.scale.pink.1000": {
423
- value: "#401026",
423
+ value: "#3E0F24",
424
424
  variable: "var(--colors-sd-reference-color-scale-pink-1000)"
425
425
  },
426
426
  "colors.sd.system.color.impression.primary": {